.ph-app{--ink:#181815;--cream:#f5f1e8;--violet:#6544e9;--lime:#dff66f;background:linear-gradient(145deg,#f8f5ee 0,#eee9ff 48%,#f5f1e8 100%);color:var(--ink);padding:clamp(20px,4vw,48px);border:1px solid #cbc4b8;border-radius:16px;overflow:clip}.ph-app header{max-width:900px}.ph-kicker,.ph-eye{font:700 11px monospace;color:var(--violet);letter-spacing:.08em}.ph-app h2{font-size:clamp(42px,7vw,76px);line-height:.94;margin:18px 0;max-width:780px}.ph-intro{max-width:680px;font-size:18px;line-height:1.55}.ph-stats{display:flex;gap:24px;flex-wrap:wrap;margin:24px 0}.ph-stats span{display:flex;align-items:baseline;gap:6px}.ph-stats b{font-size:25px;color:var(--violet)}.ph-controls{display:grid;grid-template-columns:minmax(0,2fr) minmax(190px,1fr);gap:10px;margin-top:24px;background:#ffffff80;padding:12px;border:1px solid #fff;border-radius:12px;box-shadow:0 12px 35px #493b7c12}.ph-controls label{display:grid;gap:6px}.ph-controls label>span{font:700 10px monospace;text-transform:uppercase;color:#625d55}.ph-controls input,.ph-controls select{box-sizing:border-box;width:100%;padding:15px 16px;border:1px solid #aaa296;border-radius:8px;background:#fff;font-size:16px}.ph-periods{display:flex;gap:8px;overflow-x:auto;padding:18px 0 14px;margin-top:16px;position:sticky;top:32px;z-index:3;background:#f5f1e8e8;backdrop-filter:blur(10px)}.ph-periods button{white-space:nowrap;border:1px solid #aaa296;border-radius:99px;background:#fff;padding:9px 14px;cursor:pointer}.ph-periods button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.ph-results{display:flex;align-items:baseline;gap:7px;border-top:1px solid #cbc4b8;padding-top:18px}.ph-results strong{font-size:28px;color:var(--violet)}.ph-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.ph-event{appearance:none;text-align:left;border:1px solid #c8c1b6;border-radius:12px;background:#fff;padding:0;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;min-height:340px;transition:transform .15s,box-shadow .15s}.ph-event:hover,.ph-event:focus-visible{transform:translateY(-4px);box-shadow:0 14px 28px #211c1329}.ph-event img,.ph-placeholder{width:100%;height:155px;object-fit:cover;background:linear-gradient(135deg,#6544e9,#b1a2ff)}.ph-placeholder{display:grid;place-items:center}.ph-placeholder i{font:900 20px monospace;color:#fff;letter-spacing:.2em}.ph-tone-1 .ph-placeholder{background:linear-gradient(135deg,#dd4e78,#ffb269)}.ph-tone-2 .ph-placeholder{background:linear-gradient(135deg,#087f7a,#6ee7b7)}.ph-tone-3 .ph-placeholder{background:linear-gradient(135deg,#173b6c,#5aa8e8)}.ph-event .ph-date,.ph-event strong,.ph-event small,.ph-event .ph-open{margin-left:18px;margin-right:18px}.ph-date,.ph-event small{font:700 10px monospace;color:#6b665f}.ph-date{margin-top:16px}.ph-event strong{font-size:20px;line-height:1.2;margin-top:12px;margin-bottom:10px}.ph-event small{margin-bottom:14px}.ph-open{margin-top:auto;margin-bottom:17px;color:var(--violet);font-weight:700}.ph-more{display:block;margin:22px auto 0;border:1px solid var(--ink);border-radius:7px;background:transparent;padding:12px 18px;cursor:pointer}.ph-empty{grid-column:1/-1;display:grid;gap:8px;padding:38px;background:#fff;border:1px dashed #aaa296;border-radius:10px}.ph-empty b{font-size:25px}.ph-empty span{color:#69635b}.ph-empty-start{border-left:6px solid var(--lime)}.ph-dialog{box-sizing:border-box;width:min(720px,92vw);max-height:90vh;border:0;border-radius:12px;padding:clamp(22px,4vw,38px);background:var(--cream)}.ph-dialog::backdrop{background:#111b}.ph-dialog>button{float:right;border:0;background:none;font-size:30px;cursor:pointer}.ph-dialog img{width:100%;max-height:310px;object-fit:cover;border-radius:8px}.ph-dialog h3{font-size:clamp(28px,4vw,40px);line-height:1.05}.ph-dialog aside{background:#e4ded3;padding:16px;border-radius:7px}.ph-source{display:grid;gap:5px;border-left:4px solid var(--violet);background:#fff;padding:14px;margin-top:18px}.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:900px){.ph-timeline{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ph-app{padding:18px}.ph-controls{grid-template-columns:1fr}.ph-stats{gap:14px}.ph-timeline{grid-template-columns:1fr}.ph-event{min-height:300px}.ph-periods{top:0}.ph-dialog{padding:20px}}