:root{--paper:#fbfaf6;--paper-2:#f4f2ea;--paper-3:#ece9de;--ink:#15161a;--ink-2:#2e3038;--ink-soft:#5c5e66;--ink-faint:#9a9ca3;--line:#e4e1d8;--line-2:#d6d2c5;--accent:#ffe45c;--accent-2:#e85a4f;--good:#2f8f5c;--note:#2a3fff;--radius:10px;--radius-sm:6px;--kind-decision:var(--ink);--kind-own:var(--accent);--kind-ask:var(--note);--kind-risk:var(--accent-2);--kind-quote:#b6c0d9;--kind-win:var(--good);--kind-pain:var(--accent-2)}:root[data-theme=dark]{--paper:#16171a;--paper-2:#1d1e22;--paper-3:#232529;--ink:#f4f1e8;--ink-2:#d7d3c5;--ink-soft:#9a968a;--ink-faint:#6a6760;--line:#2c2e33;--line-2:#383a40}:root[data-theme=morning]{--paper:#fff6ec;--paper-2:#fbe9d7;--paper-3:#f4d6bc;--ink:#2a1c12;--ink-2:#4a331f;--ink-soft:#7a5b41;--ink-faint:#b69274;--line:#ebd3b8;--line-2:#dbb792;--accent:#ffb347;--accent-2:#e85a4f;--good:#5a8f3c;--note:#c4471f;--kind-decision:#4a331f;--kind-own:#ffb347;--kind-ask:#c4471f}:root[data-accent=lilac]{--accent:#d8c8ff}:root[data-accent=mint]{--accent:#b6f0c2}:root[data-accent=coral]{--accent:#ffb37a}*{box-sizing:border-box}body,html{margin:0;height:100%;background:var(--paper-2);color:var(--ink)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased}.label,.mono{font-family:JetBrains Mono,ui-monospace,monospace}.label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft);font-weight:500}.caveat{font-family:Caveat,cursive}.tiny{font-size:11px}.stage{width:100vw;height:100vh;display:grid;place-items:center;background:var(--paper)}.stage--framed{background:var(--paper-3)}.app{width:100vw;height:100vh;background:var(--paper);overflow:hidden;display:grid;grid-template-columns:220px 1fr;position:relative}.stage--framed .app{width:1280px;height:820px;border:1px solid var(--line-2);border-radius:14px;box-shadow:0 30px 60px -30px rgba(0,0,0,.18)}@media (max-width:1280px){.stage--framed .app{width:100vw;height:100vh;border:none;border-radius:0;box-shadow:none}}@media (max-width:768px){.app{grid-template-columns:1fr;grid-template-rows:1fr 60px}.sidebar{display:none}.topbar{height:48px;padding:0 14px}.search{width:auto;flex:1 1;font-size:12px;padding:4px 8px}.search kbd{display:none}.view{padding:14px 16px}}.mobile-nav{display:none;border-top:1px solid var(--line);background:var(--paper);padding:6px 8px;align-items:center;justify-content:space-around;position:relative;z-index:10}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border-radius:8px;color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:10px;text-transform:uppercase;letter-spacing:.06em}.mobile-nav-item.active{color:var(--ink);background:var(--paper-2)}.mobile-nav-item.recording{color:var(--accent-2)}@media (max-width:768px){.mobile-nav{display:flex}}.sidebar{background:var(--paper-2);border-right:1px solid var(--line);padding:14px 12px;display:flex;flex-direction:column;gap:10px}.brand{display:flex;align-items:center;gap:8px;padding:4px 6px}.brand .glyph{width:26px;height:26px;border-radius:7px;background:var(--ink);color:var(--paper);display:grid;place-items:center;font-family:Caveat,cursive;font-size:18px;font-weight:700}.brand .name{font-weight:600;letter-spacing:-.01em}.nav{display:flex;flex-direction:column;gap:1px;margin-top:4px}.nav-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:7px;cursor:pointer;color:var(--ink-2);font-size:13px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-item:hover{background:rgba(0,0,0,.04)}.nav-item.active{background:var(--ink);color:var(--paper)}.nav-item .ico{width:16px;height:16px;display:grid;place-items:center}.nav-item .count{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px;padding:1px 5px;border-radius:4px;background:rgba(0,0,0,.06)}.nav-item.active .count{background:rgba(255,255,255,.15);color:var(--paper)}.nav-section{margin-top:8px}.nav-section .label{padding:0 8px 4px}.main{display:flex;flex-direction:column;min-width:0}.topbar{height:52px;padding:0 22px;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}.search,.topbar{display:flex;align-items:center}.search{gap:8px;width:360px;padding:6px 10px;background:var(--paper-2);border:1px solid var(--line);border-radius:8px;color:var(--ink-soft);font-size:13px}.search kbd{margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px;padding:1px 5px;border:1px solid var(--line-2);border-radius:4px;background:var(--paper)}.view{flex:1 1;overflow:auto;padding:22px 28px}.view::-webkit-scrollbar{width:8px}.view::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:4px}.btn{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:7px;font-size:13px;font-weight:500;border:1px solid transparent;cursor:pointer;background:var(--ink);color:var(--paper);transition:transform .06s,background .15s;font-family:inherit}.btn:hover{background:var(--ink-2)}.btn:active{transform:translateY(1px)}.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}.btn-ghost:hover{background:var(--paper-2)}.btn-accent{background:var(--accent);color:var(--ink)}.btn-accent:hover{filter:brightness(.95)}.btn-danger{background:var(--accent-2);color:white}.btn-sm{padding:4px 8px;font-size:12px}.btn-lg{padding:10px 16px;font-size:14px}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:14px}.card.bordered-2{border-color:var(--line-2)}.card.shaded,.chip{background:var(--paper-2)}.chip{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:999px;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-2);border:1px solid var(--line)}.chip.solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}.chip.accent{background:var(--accent);color:var(--ink);border-color:transparent}.chip.coral{background:var(--accent-2);color:white}.chip.coral,.chip.good{border-color:transparent}.chip.good{background:rgba(47,143,92,.12);color:var(--good)}.chip.dot:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.7}.hl{background:linear-gradient(transparent 55%,var(--accent) 55%);padding:0 2px}.strike{text-decoration:line-through;-webkit-text-decoration-color:var(--accent-2);text-decoration-color:var(--accent-2);text-decoration-thickness:2px;color:var(--ink-soft)}.av{width:22px;height:22px;border-radius:50%;background:var(--paper-3);color:var(--ink-2);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-family:JetBrains Mono,monospace;font-weight:600;border:1px solid var(--line);flex-shrink:0}.av.lg{width:32px;height:32px;font-size:12px}.row{display:flex;align-items:center;gap:8px}.row.between{justify-content:space-between}.col{gap:8px}.col,.stack{display:flex;flex-direction:column}.stack>*+*{margin-top:var(--gap,8px)}.spine-item{display:grid;grid-template-columns:78px 1fr auto;grid-gap:12px;gap:12px;align-items:flex-start;padding:10px 0;border-top:1px solid var(--line)}.spine-item:first-child{border-top:none}.spine-item .body{font-size:14px}.spine-item .meta{color:var(--ink-faint);font-size:11px;font-family:JetBrains Mono,monospace}@keyframes pulse-dot{0%,60%{opacity:1}70%,to{opacity:.25}}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-2);display:inline-block;animation:pulse-dot 1.6s infinite}@keyframes ring{0%{transform:scale(1);opacity:.5}to{transform:scale(2.4);opacity:0}}.live-ring{position:relative;display:inline-flex;align-items:center;justify-content:center;width:8px;height:8px}.live-ring:after{content:"";position:absolute;inset:0;border-radius:50%;background:var(--accent-2);animation:ring 1.6s infinite}.wave{display:inline-flex;align-items:center;gap:2px;height:22px}.wave i{display:block;width:2px;background:currentColor;border-radius:1px;opacity:.85}.ann{color:var(--note);line-height:1.15}.ann,.sticky{font-family:Caveat,cursive;font-size:16px}.sticky{background:var(--accent);color:var(--ink);padding:8px 10px;border-radius:4px;line-height:1.2;box-shadow:1px 2px 0 rgba(0,0,0,.08);display:inline-block;transform:rotate(-1deg)}.kind{display:inline-flex;align-items:center;gap:6px;font-family:JetBrains Mono,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-2)}.kind:before{content:"";width:8px;height:8px;border-radius:2px;background:var(--bg,var(--ink-faint))}.kind.decision{--bg:var(--kind-decision)}.kind.own{--bg:var(--kind-own)}.kind.ask{--bg:var(--kind-ask)}.kind.risk{--bg:var(--kind-risk)}.kind.quote{--bg:var(--kind-quote)}.kind.win{--bg:var(--kind-win)}.kind.pain{--bg:var(--kind-pain)}.transcript-line{padding:6px 0;font-size:13px;line-height:1.5;color:var(--ink-soft)}.transcript-line .speaker{font-weight:600;color:var(--ink);margin-right:8px}.transcript-line .ts{font-family:JetBrains Mono,monospace;font-size:10px;color:var(--ink-faint);margin-left:6px}.transcript-line.recent{color:var(--ink)}.transcript-line.fresh{background:linear-gradient(transparent 60%,rgba(255,228,92,.5) 0)}.zoom-bg{background:#1b1b1f;border-radius:10px;position:relative;overflow:hidden}.video-tile{background:repeating-linear-gradient(135deg,#2a2a30 0 8px,#232328 8px 16px);border-radius:6px;display:grid;place-items:center;color:#757585;font-family:JetBrains Mono,monospace;font-size:11px}.toggle{width:32px;height:18px;background:var(--paper-3);border:1px solid var(--line-2);border-radius:999px;padding:2px;cursor:pointer;transition:background .15s;display:inline-block;flex-shrink:0}.toggle .knob{width:12px;height:12px;border-radius:50%;background:white;border:1px solid var(--line-2);transition:transform .15s;display:block}.toggle.on{background:var(--ink);border-color:var(--ink)}.toggle.on .knob{transform:translateX(14px);border-color:var(--ink)}.section-title{font-size:24px;font-weight:600;letter-spacing:-.015em;line-height:1.1;margin:0}.section-sub{color:var(--ink-soft);font-size:13px}.tabs{display:inline-flex;padding:3px;gap:2px;background:var(--paper-2);border:1px solid var(--line);border-radius:8px}.tab{padding:5px 11px;font-size:12px;cursor:pointer;color:var(--ink-soft);border-radius:6px;font-weight:500}.tab.active{background:var(--paper);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.05)}.div-h{height:1px}.div-h,.div-v{background:var(--line)}.div-v{width:1px;align-self:stretch}.face{width:100%;height:100%;background:linear-gradient(135deg,var(--paper-3),#bfc6cf);display:grid;place-items:center;color:var(--ink-2);font-family:JetBrains Mono,monospace;font-size:11px;border-radius:6px}.panel-float{position:absolute;background:var(--paper);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 24px 48px -16px rgba(0,0,0,.25),0 4px 12px rgba(0,0,0,.08)}.tile{cursor:pointer;transition:transform .12s,border-color .12s}.tile:hover{transform:translateY(-2px);border-color:var(--ink)}.link{color:var(--note);cursor:pointer;text-decoration:none}.link:hover{text-decoration:underline}.transcript-stream{max-height:180px;overflow:hidden;position:relative}.transcript-stream:after{content:"";position:absolute;left:0;right:0;top:0;height:30px;background:linear-gradient(var(--paper),transparent);pointer-events:none}.bar{display:inline-block;width:100%;height:4px;background:var(--paper-3);border-radius:2px;overflow:hidden}.bar>i{display:block;height:100%;background:var(--ink)}.scope-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0;cursor:pointer}.scope-row+.scope-row{border-top:1px dashed var(--line)}:root[data-density=compact] .card{padding:10px}:root[data-density=compact] .spine-item{padding:6px 0}:root[data-theme=morning] .stage,:root[data-theme=morning] body{background:radial-gradient(900px 420px at 18% -10%,#ffd9a5 0,transparent 60%),radial-gradient(700px 380px at 92% 110%,#ffb089 0,transparent 55%),linear-gradient(180deg,#ffebd0,#fad3b0)}:root[data-theme=morning] .app{box-shadow:0 30px 60px -30px rgba(120,60,20,.35);border-color:var(--line-2)}:root[data-theme=morning] .brand .glyph{background:linear-gradient(140deg,#ffb347,#e85a4f);color:#fff6ec}:root[data-theme=morning] .hl{background:linear-gradient(transparent 55%,#ffd27a 0)}:root[data-theme=morning] .sticky{background:linear-gradient(135deg,#ffd27a,#ffb347)}:root[data-theme=dark] .stage,:root[data-theme=dark] body{background:#0e0f12}:root[data-theme=dark] .app{box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}@keyframes fadeUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:200px 0}}.shimmer{background:linear-gradient(90deg,var(--paper-2) 0,var(--paper-3) 50%,var(--paper-2) 100%);background-size:400px 100%;animation:shimmer 1.4s linear infinite;border-radius:4px}