.ph-app{--ink:#181815;--cream:#f3efe5;--violet:#6544e9;--lime:#dff66f;background:var(--cream);color:var(--ink);padding:32px;border:1px solid #cbc4b8}.ph-app header p,.ph-eye{font:700 11px monospace;color:var(--violet);letter-spacing:.08em}.ph-app h2{font-size:clamp(38px,6vw,68px);line-height:.95;margin:18px 0}.ph-controls{display:grid;grid-template-columns:1fr 260px;gap:10px}.ph-controls input,.ph-controls select{padding:14px;border:1px solid #bdb6aa;background:#fff}.ph-timeline{display:flex;gap:10px;overflow:auto;padding:45px 0 20px;border-top:1px solid #bdb6aa;margin-top:28px}.ph-event{min-width:220px;min-height:170px;text-align:left;border:1px solid #bdb6aa;background:#fff;padding:18px;cursor:pointer;position:relative}.ph-event:before{content:"";width:12px;height:12px;border-radius:50%;background:var(--violet);position:absolute;top:-52px}.ph-event span,.ph-event small{display:block;font:700 10px monospace;color:#6b665f}.ph-event strong{display:block;font-size:20px;margin:20px 0 10px}.ph-event:hover{background:var(--lime)}.ph-dialog{width:min(680px,90vw);border:0;padding:35px;background:var(--cream)}.ph-dialog::backdrop{background:#111b}.ph-dialog>button{float:right;border:0;background:none;font-size:30px}.ph-dialog img{width:100%;max-height:280px;object-fit:cover}.ph-dialog h3{font-size:34px}.ph-dialog aside{background:#e4ded3;padding:16px}.ph-today,.ph-quiz{border:1px solid #cbc4b8;padding:24px;background:#faf8f1}.ph-today>b,.ph-quiz>b{color:#6544e9;font:700 11px monospace;text-transform:uppercase}.ph-quiz-body button{display:block;width:100%;text-align:left;padding:12px;margin:7px 0;border:1px solid #bbb;background:#fff}.ph-quiz-body button:hover{background:#dff66f}@media(max-width:650px){.ph-app{padding:20px}.ph-controls{grid-template-columns:1fr}.ph-event{min-width:185px}}