:root{--paper: #E7E9E3;--surface: #FBFCF9;--ink: #181A16;--muted: #697065;--line: #D4D8CD;--amber: #DE9528;--green: #3E9A63;--red: #DB4B45;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-body);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased}.screen{min-height:100dvh;width:100%;display:flex;flex-direction:column;background:var(--paper);transition:background .5s ease,color .5s ease}.wrap{width:100%;max-width:520px;margin:0 auto;padding:22px 22px 40px;flex:1;display:flex;flex-direction:column}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.topic{font-family:var(--font-display);font-weight:600;line-height:1.12;letter-spacing:-.01em;color:var(--ink);font-size:clamp(24px,6.4vw,36px)}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.mark{display:flex;align-items:center;gap:9px}.mark .dot{width:11px;height:11px;border-radius:50%;background:var(--ink)}.mark b{font-family:var(--font-display);font-weight:600;font-size:15px;letter-spacing:-.01em}.iconbtn{border:1px solid var(--line);background:var(--surface);color:var(--muted);height:34px;min-width:34px;padding:0 10px;border-radius:9px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;transition:border-color .15s,color .15s}.iconbtn:hover{color:var(--ink);border-color:var(--muted)}.stats{display:flex;gap:10px;margin-bottom:24px}.stat{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 14px 12px}.stat .n{font-family:var(--font-display);font-weight:600;font-size:26px;line-height:1;letter-spacing:-.02em}.stat .n.lit{color:var(--amber)}.stat .l{font-family:var(--font-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-top:8px}.group{margin-bottom:18px}.group>span{display:block;margin-bottom:10px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{font-family:var(--font-body);font-size:13px;font-weight:500;padding:7px 12px;border-radius:999px;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--muted);transition:all .14s ease}.chip:hover{border-color:var(--muted);color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--paper)}.toggle{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:var(--surface);margin-bottom:6px}.toggle .tx{flex:1}.toggle .tt{font-weight:600;font-size:14.5px}.toggle .td{font-size:12.5px;color:var(--muted);margin-top:2px;line-height:1.4}.switch{width:46px;height:28px;border-radius:99px;border:1px solid var(--line);background:var(--paper);position:relative;cursor:pointer;flex-shrink:0;transition:background .18s}.switch[aria-checked=true]{background:var(--ink);border-color:var(--ink)}.switch i{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .18s}.switch[aria-checked=true] i{transform:translate(18px)}.hint{font-size:12px;color:var(--muted);line-height:1.45;margin:2px 2px 0}.hint.warn{color:var(--red)}.actions{margin-top:auto;padding-top:22px;display:flex;flex-direction:column;gap:11px}.btn{font-family:var(--font-body);font-weight:600;font-size:16px;border-radius:13px;padding:16px 20px;cursor:pointer;border:1px solid transparent;width:100%;transition:transform .08s ease,opacity .15s,background .15s,border-color .15s}.btn:active{transform:translateY(1px)}.btn.primary{background:var(--ink);color:var(--paper)}.btn.primary:hover{opacity:.9}.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line)}.btn.ghost:hover{border-color:var(--muted)}.btn.quiet{background:transparent;color:var(--muted);border-color:transparent;font-weight:500;font-size:14px;padding:10px}.btn.quiet:hover{color:var(--ink)}.topiccard{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:22px 20px;margin-bottom:20px}.topiccard .eyebrow{margin-bottom:14px}.preptime{text-align:center;margin:4px 0 18px}.preptime .num{font-family:var(--font-display);font-weight:500;font-variant-numeric:tabular-nums;font-size:clamp(52px,18vw,86px);line-height:.95;letter-spacing:-.03em;color:var(--ink)}.preptime.warn .num{color:var(--amber)}.preptime .cap{font-family:var(--font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:8px}.bar{height:5px;border-radius:99px;background:var(--line);overflow:hidden;margin-top:16px}.bar>i{display:block;height:100%;background:var(--ink);border-radius:99px;transition:width .3s linear}.bar.warn>i{background:var(--amber)}.notes{width:100%;min-height:112px;resize:vertical;margin-top:18px;border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:14px 15px;font-family:var(--font-body);font-size:15px;color:var(--ink);line-height:1.5}.notes::placeholder{color:var(--muted)}.notes:focus{outline:none;border-color:var(--muted)}.screen.stage{background:radial-gradient(120% 80% at 50% 28%,#1c1e1a,#101110 62%,#0b0c0a);color:#f3f4ef}.stage-topic{text-align:center;font-family:var(--font-body);font-size:15px;font-weight:500;color:#a7aba1;max-width:360px;margin:0 auto;line-height:1.4}.stage-mid{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.ringwrap{position:relative;width:min(74vw,300px);aspect-ratio:1}.ringwrap svg{width:100%;height:100%;transform:rotate(-90deg)}.ringwrap .track{fill:none;stroke:#2a2c27;stroke-width:8}.ringwrap .arc{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke .4s ease,stroke-dashoffset .25s linear}.ringnum{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ringnum .s{font-family:var(--font-display);font-weight:500;font-variant-numeric:tabular-nums;font-size:clamp(64px,24vw,118px);line-height:1;letter-spacing:-.03em}.ringnum .sig{font-family:var(--font-mono);font-size:11px;letter-spacing:.24em;text-transform:uppercase;margin-top:12px;color:#8b8f85}.urgent .ringnum .s{animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.72;transform:scale(1.03)}}.recdot{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#d98b86;margin-top:2px}.recdot i{width:9px;height:9px;border-radius:50%;background:var(--red);animation:blink 1.2s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}.screen.stage .btn.ghost{color:#f3f4ef;border-color:#33352f}.screen.stage .btn.ghost:hover{border-color:#5a5d54}.screen.stage .eyebrow{color:#8b8f85}.h{font-family:var(--font-display);font-weight:600;font-size:24px;letter-spacing:-.01em;margin-bottom:6px}.sub{color:var(--muted);font-size:14.5px;margin-bottom:24px;line-height:1.5}.recap{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:18px 20px;margin-bottom:22px}.recap .t{font-family:var(--font-display);font-weight:600;font-size:18px;line-height:1.25;letter-spacing:-.01em}.recap .m{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--muted);margin-top:10px;text-transform:uppercase}.player{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:14px 16px;margin-bottom:22px}.player audio{width:100%;height:38px;margin-bottom:10px;display:block}.player .row{display:flex;align-items:center;justify-content:space-between;gap:10px}.player .note{font-size:11.5px;color:var(--muted);line-height:1.4}.dl{font-family:var(--font-body);font-weight:600;font-size:13px;text-decoration:none;color:var(--ink);border:1px solid var(--line);border-radius:9px;padding:8px 12px;white-space:nowrap;cursor:pointer;background:transparent}.dl:hover{border-color:var(--muted)}.stars{display:flex;gap:10px;justify-content:center;margin:2px 0 6px}.star{cursor:pointer;background:none;border:none;padding:4px;color:var(--line);transition:color .12s,transform .12s}.star:hover{transform:scale(1.08)}.star.on{color:var(--amber)}.ratelabel{text-align:center;font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);min-height:14px;margin-bottom:20px}.list{display:flex;flex-direction:column;gap:10px}.item{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px 16px}.item .head{display:flex;gap:12px;align-items:flex-start}.item .body{flex:1;min-width:0}.item .t{font-family:var(--font-display);font-weight:500;font-size:15px;line-height:1.3;letter-spacing:-.005em}.item .meta{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-top:7px}.item .rate{display:flex;gap:2px;flex-shrink:0;padding-top:2px;color:var(--amber)}.item .norate{font-family:var(--font-mono);font-size:10px;color:var(--muted);letter-spacing:.1em}.linkbtn{background:none;border:none;cursor:pointer;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:8px 0 0;display:inline-flex;align-items:center;gap:6px}.linkbtn:hover{color:var(--ink)}.histplay{margin-top:12px}.histplay audio{width:100%;height:34px;margin-bottom:8px;display:block}.empty{text-align:center;padding:44px 20px;color:var(--muted);border:1px dashed var(--line);border-radius:16px;background:var(--surface)}.empty .topic{font-size:22px;color:var(--ink);margin-bottom:8px}.daybreak{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin:20px 2px 4px}.daybreak:first-child{margin-top:4px}.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}*:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:6px}.screen.stage *:focus-visible{outline-color:#f3f4ef}@media (prefers-reduced-motion: reduce){.urgent .ringnum .s,.recdot i{animation:none}*{transition:none!important}}