:root{color-scheme:dark;--base:#171a2b;--panel:#20243a;--ink:#f4f1ff;--muted:#c1bed7;--line:#525676;--mint:#bbf7cb;--nav:#bdb5fa;--pop:#ffe2a1;font:16px/1.55 system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#2f2850 0,transparent 48rem),var(--base);color:var(--ink)}a{color:var(--nav);text-underline-offset:.23em}.shell{width:min(1000px,calc(100% - 3rem));margin-inline:auto}.mast{display:flex;justify-content:space-between;align-items:center;min-height:66px;border-bottom:1px solid var(--line)}.brand{color:var(--ink);font-weight:850;text-decoration:none}.brand span{color:var(--mint);font-size:1.25rem;margin-right:.35rem}
.hero{padding:3.6rem 0 2.35rem}.eyebrow{margin:0;color:var(--mint);font:700 .75rem/1.5 ui-monospace,monospace;letter-spacing:.12em;text-transform:uppercase}.hero h1{margin:.4rem 0 .8rem;font:740 clamp(3.1rem,8.6vw,6.9rem)/.91 system-ui,sans-serif;letter-spacing:-.084em}.hero>p:last-child{color:var(--muted);max-width:36rem;margin:1rem 0 0;font-size:1.12rem}
.card{border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:clamp(1rem,2.7vw,1.8rem);margin-bottom:1rem}.card h2,.guide h2{margin:.25rem 0 .8rem;font-size:clamp(1.5rem,4vw,2rem);line-height:1.1;letter-spacing:-.035em}.session,.section-head{display:flex;align-items:start;justify-content:space-between;gap:1rem}.session>div:first-child{flex:1;max-width:31rem}.timer{display:grid;justify-items:center;gap:.3rem;min-width:10.5rem;border:1px solid var(--line);border-radius:9px;background:#16192a;padding:.6rem .8rem}.timer span{font:750 clamp(1.6rem,5vw,2.8rem)/1.1 ui-monospace,monospace;color:var(--mint);font-variant-numeric:tabular-nums}
label,legend{font-weight:740;display:block;margin:.6rem 0 .22rem}small,.status{color:var(--muted);font-weight:400}.status{margin:.7rem 0 0;font-size:.9rem}input,textarea{width:100%;display:block;background:#171b2e;color:var(--ink);border:1px solid #727699;border-radius:6px;padding:.55rem .65rem;font:inherit}textarea{resize:vertical}fieldset{margin:.35rem 0 0;padding:0;border:0;min-width:0}.tags,.filters,.actions{display:flex;gap:.45rem;flex-wrap:wrap}
button{min-height:42px;border:1px solid transparent;border-radius:7px;background:var(--mint);color:#102718;padding:.5rem .75rem;font:750 .88rem/1.3 system-ui,sans-serif;cursor:pointer}button:disabled{opacity:.5;cursor:default}.secondary,.filters button{background:transparent;border-color:var(--line);color:var(--ink)}button:not(:disabled):hover{filter:brightness(.88)}:focus-visible{outline:3px solid #e5b1ff;outline-offset:3px}.tags .friction,.event-tag.friction{background:#f5b9bd;color:#4a151c}.tags .question,.event-tag.question{background:var(--pop);color:#442d04}.tags .win,.event-tag.win{background:var(--mint);color:#103b21}.tags .quote,.event-tag.quote{background:#ddd2ff;color:#32234e}
.filters button[aria-pressed=true]{background:#ddd2ff;color:#201633;border-color:#ddd2ff}.filters span{margin-left:.25rem;font-family:ui-monospace,monospace}.section-head .actions{justify-content:flex-end}ol{list-style:none;margin:.8rem 0 0;padding:0}ol:empty{margin:0}li{display:grid;grid-template-columns:minmax(4.4rem,max-content) minmax(4.7rem,max-content) 1fr;align-items:start;gap:.55rem;border-top:1px solid var(--line);padding:.65rem 0}.when{font:700 .88rem/1.6 ui-monospace,monospace;color:var(--nav)}.event-tag{font-size:.78rem;border-radius:5px;padding:.12rem .35rem;text-align:center;font-weight:750}.detail p{margin:0;overflow-wrap:anywhere;white-space:pre-wrap}.detail button{min-height:36px;margin:.35rem .35rem 0 0}.guide{max-width:44rem;padding:1.55rem 0 2.2rem}.guide p:not(.eyebrow){color:var(--muted)}footer{padding:1rem 0;border-top:1px solid var(--line);font-weight:780}footer span{margin-left:.8rem;color:var(--muted);font-weight:400}
@media(max-width:650px){.shell{width:calc(100% - 1.5rem)}.hero{padding:2.4rem 0 1.65rem}.session,.section-head{display:grid;grid-template-columns:1fr}.timer{grid-template-columns:auto 1fr;justify-items:start;align-items:center}.section-head .actions{justify-content:flex-start;margin-bottom:.6rem}li{grid-template-columns:max-content max-content 1fr}.detail{grid-column:1/-1}}