:root{--accent:#6366F1;--accent-2:#A855F7;--font-ui:"Inter Tight",system-ui,sans-serif;--font-display:"Inter Tight",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace;--radius-sm:8px;--radius:14px;--radius-lg:22px;--radius-xl:32px}:root[data-theme=light]{--bg:#FAFAF7;--bg-2:#F4F3EE;--surface:#FFFFFF;--surface-soft:#F8F7F2;--surface-2:#EFEDE6;--ink:#161614;--ink-2:#3A3A36;--ink-3:#6E6E66;--ink-4:#9C9C92;--line:#E7E5DC;--line-2:#D8D6CB;--code-bg:#14141A;--code-bg-soft:#1B1B23;--code-ink:#E8E8EE;--code-ink-dim:#8C8CA0}:root[data-theme=dark]{--bg:#0E0E12;--bg-2:#14141A;--surface:#18181F;--surface-soft:#1D1D26;--surface-2:#232330;--ink:#F5F5F0;--ink-2:#D6D6D0;--ink-3:#A0A098;--ink-4:#6E6E68;--line:#2A2A35;--line-2:#353542;--code-bg:#0B0B10;--code-bg-soft:#14141A;--code-ink:#E8E8EE;--code-ink-dim:#7A7A8C}:root[data-density=compact]{--pad-stage:24px;--gap-beat:20px;--max-w:760px}:root[data-density=comfortable]{--pad-stage:40px;--gap-beat:32px;--max-w:820px}:root[data-density=spacious]{--pad-stage:64px;--gap-beat:44px;--max-w:880px}.cv-app *{box-sizing:border-box}html[data-cv-active=true],html[data-cv-active=true] body{margin:0;padding:0;height:100%;overflow:hidden}.cv-app{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;min-height:100vh;position:fixed;inset:0;z-index:1}.cv-app:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(1100px 600px at 90% -10%,color-mix(in oklab,var(--accent) 14%,transparent),transparent 60%),radial-gradient(900px 500px at -10% 110%,color-mix(in oklab,var(--accent-2) 10%,transparent),transparent 60%);opacity:.8;z-index:0}.cv-app .app,.cv-app .completion,.cv-app .cover,.cv-app .player{position:relative;z-index:1}button{font-family:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 22px;background:var(--ink);color:var(--bg);border:none;border-radius:999px;font:600 15px/1 var(--font-ui);letter-spacing:-.01em;box-shadow:0 1px 2px rgba(0,0,0,.06),0 12px 28px -12px color-mix(in oklab,var(--ink) 60%,transparent);transition:transform .15s ease,box-shadow .2s ease,background .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 1px 2px rgba(0,0,0,.06),0 18px 36px -16px color-mix(in oklab,var(--ink) 70%,transparent)}.btn-primary-icon{font-size:11px;transform:translateY(.5px)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:13px 18px;background:transparent;color:var(--ink-2);border:1px solid var(--line);border-radius:999px;font:500 14px/1 var(--font-ui);transition:border-color .15s,color .15s,background .15s}.btn-ghost:hover{border-color:var(--ink-3);color:var(--ink);background:var(--surface)}.cover{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:56px 32px}.cover-inner{width:100%;max-width:760px;display:grid;grid-template-columns:1fr;gap:28px}.cover-tag{display:inline-flex;align-items:center;gap:10px;font:500 13px/1 var(--font-ui);color:var(--ink-3);letter-spacing:.02em}.cover-chapter{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:var(--accent);font-weight:600}.cover-dot{color:var(--ink-4)}.cover-title{font:700 clamp(40px,6vw,64px) /1.02 var(--font-display);letter-spacing:-.035em;margin:0;color:var(--ink);text-wrap:balance}.cover-desc{font:400 18px/1.5 var(--font-ui);color:var(--ink-2);margin:0;text-wrap:pretty;max-width:56ch}.cover-meta{display:flex;gap:36px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:8px}.cover-stat{display:grid;gap:4px}.cover-stat-num{font:600 26px/1 var(--font-display);letter-spacing:-.02em;color:var(--ink)}.cover-stat-label{font:500 12px/1 var(--font-ui);color:var(--ink-3);text-transform:uppercase;letter-spacing:.1em}.cover-art{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:36px 40px 24px;display:grid;gap:20px;box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 30px 60px -40px rgba(0,0,0,.18)}.cover-art-stage{display:flex;align-items:center;gap:18px;justify-content:center}.cover-name,.cover-value{padding:14px 22px;border-radius:var(--radius);font:500 22px/1 var(--font-mono);letter-spacing:-.01em}.cover-name{background:color-mix(in oklab,var(--accent) 12%,var(--surface));color:var(--accent);border:1px solid color-mix(in oklab,var(--accent) 30%,transparent)}.cover-value{background:var(--ink);color:var(--bg)}.cover-arrow{width:220px;height:30px}.cover-art-caption{margin:0;text-align:center;font:500 14px/1 var(--font-ui);color:var(--ink-3);letter-spacing:-.005em}.cover-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.cover-syllabus{list-style:none;padding:0;margin:8px 0 0;display:grid;gap:2px;border-top:1px solid var(--line)}.cover-syllabus li{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line);font-size:15px;color:var(--ink-2)}.syl-num{font:500 12px/1 var(--font-mono);color:var(--ink-4);letter-spacing:.05em}.syl-title{font-weight:500;color:var(--ink)}.syl-kind{font:500 11px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.08em;padding:5px 9px;border-radius:999px;background:var(--surface-2);color:var(--ink-3)}.syl-kind-check{background:color-mix(in oklab,var(--accent) 14%,var(--surface-2));color:var(--accent)}.syl-kind-summary{background:color-mix(in oklab,var(--accent-2) 14%,var(--surface-2));color:var(--accent-2)}.player{position:fixed;inset:0;background:#050608;display:grid;place-items:center;overflow:hidden}:root[data-theme=light] .player{background:#0F1115}.player-frame{position:relative;width:min(100vw,calc(100vh * 16 / 10));height:min(100vh,calc(100vw * 10 / 16));background:var(--bg);overflow:hidden;display:grid;grid-template-rows:auto 1fr auto;box-shadow:0 30px 80px -20px rgba(0,0,0,.6)}.player-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px 12px;z-index:3}.player-crumbs{display:inline-flex;align-items:center;gap:10px;font:500 13px/1 var(--font-ui);letter-spacing:-.005em}.crumb-course,.player-crumbs{color:var(--ink-3)}.crumb-sep{color:var(--ink-4)}.crumb-concept{color:var(--ink);font-weight:600}.crumb-slide{color:var(--ink-2);font-weight:500;letter-spacing:-.005em}.player-meta{display:inline-flex;align-items:center;gap:14px}.player-captions{position:absolute;left:50%;bottom:88px;transform:translateX(-50%);width:min(720px,calc(100% - 64px));padding:10px 18px;background:color-mix(in srgb,var(--ink) 8%,transparent);border-radius:12px;text-align:center;backdrop-filter:blur(8px);z-index:4;pointer-events:none}.player-captions-text{margin:0;font:500 15px/1.5 var(--font-ui);color:var(--ink-3);letter-spacing:-.005em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cv-cap-word{transition:color .12s ease}.cv-cap-word-past{color:var(--ink-2)}.cv-cap-word-active{color:var(--ink);font-weight:600}.player-stage{position:relative;overflow:hidden;padding:0 56px}.beat-stream-clip{position:absolute;inset:0;padding:64px 56px 96px;overflow:hidden;display:flex;align-items:flex-start;justify-content:center}.beat-stream{width:100%;max-width:760px;display:flex;flex-direction:column;gap:var(--gap-beat,28px);transform:translateY(var(--pan,0));transition:transform .72s cubic-bezier(.2,.7,.2,1)}.beat{position:relative;opacity:0;transform:translateY(28px) scale(.985);filter:blur(4px);transition:opacity .65s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1),filter .55s ease;flex-shrink:0}.beat.beat-mounted{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}.beat.beat-past{opacity:.34;filter:saturate(.85) blur(0)}.beat.beat-current{opacity:1}.beat-narration-edge{position:absolute;left:-22px;top:6px;bottom:6px;width:3px;background:var(--line);border-radius:999px;overflow:hidden}.beat-narration-fill{position:absolute;left:0;right:0;top:0;height:100%;width:100%;background:linear-gradient(180deg,var(--accent),var(--accent-2));transform-origin:top;transform:scaleY(var(--p,0));transition:transform var(--beat-dur,.2s) linear}.continue-zone{position:absolute;left:0;right:0;bottom:90px;display:grid;place-items:center;z-index:2;pointer-events:none}.continue-zone .btn-continue{pointer-events:auto}@media (max-width:720px),(orientation:portrait) and (max-width:900px){.player-frame{width:100vw;height:100vh;aspect-ratio:auto;box-shadow:none}.player-top{padding:14px 16px 8px}.player-stage{padding:0}.beat-stream-clip{padding:8px 18px 96px}.beat-stream{max-width:100%;gap:18px}.beat-narration-edge{left:-12px;width:2px}}.block-prose{font:400 18px/1.65 var(--font-ui);color:var(--ink-2);letter-spacing:-.005em}.block-prose h2{font:600 28px/1.15 var(--font-display);letter-spacing:-.025em;color:var(--ink);margin:0 0 16px}.block-prose h3{font:600 22px/1.2 var(--font-display);letter-spacing:-.02em;color:var(--ink);margin:0 0 12px}.block-prose p{margin:0 0 14px;text-wrap:pretty}.block-prose strong{color:var(--ink);font-weight:600}.block-prose code{font:500 .92em var(--font-mono);background:var(--surface-2);color:var(--ink);padding:2px 6px;border-radius:6px;letter-spacing:-.01em}.block-callout{border-radius:var(--radius);padding:22px 26px;border:1px solid var(--line);background:var(--surface);display:grid;gap:10px}.callout-head{display:inline-flex;align-items:center;gap:10px}.callout-icon{width:28px;height:28px;display:inline-grid;place-items:center;border-radius:8px;font-weight:700;font-size:14px}.callout-label{font:600 12px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.12em}.callout-body{font:400 16.5px/1.6 var(--font-ui);color:var(--ink-2)}.callout-body p{margin:0 0 8px}.callout-body p:last-child{margin:0}.callout-body code{font:500 .92em var(--font-mono);background:rgba(0,0,0,.06);padding:1px 6px;border-radius:5px}:root[data-theme=dark] .callout-body code{background:rgba(255,255,255,.08)}.callout-key-idea{background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 9%,var(--surface)),color-mix(in oklab,var(--accent-2) 7%,var(--surface)));border-color:color-mix(in oklab,var(--accent) 30%,var(--line))}.callout-key-idea .callout-icon{background:color-mix(in oklab,var(--accent) 18%,var(--surface));color:var(--accent)}.callout-key-idea .callout-label{color:var(--accent)}.callout-tip{background:var(--surface);border-color:var(--line);border-left:3px solid var(--accent-2)}.callout-tip .callout-icon{background:color-mix(in oklab,var(--accent-2) 16%,var(--surface));color:var(--accent-2)}.callout-tip .callout-label{color:var(--accent-2)}.callout-info{background:var(--surface-soft)}.callout-info .callout-icon{background:var(--surface-2);color:var(--ink-2)}.callout-warning{border-color:#E0B85B;background:color-mix(in oklab,#FFD874 20%,var(--surface))}.callout-warning .callout-icon{background:#FFD874;color:#6A4D00}.callout-warning .callout-label{color:#8A6510}.callout-danger{border-color:#E07A6E;background:color-mix(in oklab,#FFA396 18%,var(--surface))}.callout-danger .callout-icon{background:#FFA396;color:#5A1109}.callout-danger .callout-label{color:#9A2110}.block-code{margin:0;border-radius:var(--radius);overflow:hidden;background:var(--code-bg);border:1px solid var(--line);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 30px 60px -40px rgba(0,0,0,.4)}.code-chrome{display:flex;align-items:center;gap:12px;padding:11px 14px;background:var(--code-bg-soft);border-bottom:1px solid rgba(255,255,255,.06)}.code-lights{display:inline-flex;gap:6px}.code-lights span{width:11px;height:11px;border-radius:50%;background:#2A2A33}.code-lights span:first-child{background:#FF5F57}.code-lights span:nth-child(2){background:#FEBC2E}.code-lights span:nth-child(3){background:#28C840}.code-lang{font:500 11.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;margin-left:4px}.code-copy,.code-lang{color:var(--code-ink-dim)}.code-copy{margin-left:auto;background:transparent;border:1px solid rgba(255,255,255,.08);font:500 12px/1 var(--font-ui);padding:6px 10px;border-radius:7px}.code-copy:hover{color:var(--code-ink);border-color:rgba(255,255,255,.16)}.code-body{margin:0;padding:18px 0;font:400 14.5px/1.7 var(--font-mono);color:var(--code-ink);overflow-x:auto}.code-line{display:flex;padding:0 18px;position:relative}.code-line.is-highlighted{background:color-mix(in oklab,var(--accent) 14%,transparent);box-shadow:inset 2px 0 0 var(--accent)}.code-gutter{flex:none;width:32px;color:var(--code-ink-dim);-webkit-user-select:none;-moz-user-select:none;user-select:none;text-align:right;padding-right:16px;opacity:.65}.code-text{white-space:pre;flex:1}.tok-kw{color:#C792EA}.tok-str{color:#C3E88D}.tok-num{color:#F78C6C}.tok-comment{color:#6E7A92;font-style:italic}.tok-op{color:#89DDFF}.block-diagram{margin:0}.diagram-table{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px 24px;display:grid;gap:4px}.diagram-row{display:grid;grid-template-columns:1fr 100px 1fr;align-items:center;gap:16px;padding:10px 0;border-bottom:1px dashed var(--line);animation:rowIn .5s ease both}.diagram-row:last-child{border-bottom:none}@keyframes rowIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.diagram-name{text-align:right;font:500 17px/1 var(--font-mono);color:var(--accent);letter-spacing:-.01em}.diagram-arrow svg{width:100%;height:14px;stroke:var(--ink-3);stroke-width:1.5;fill:none;stroke-linecap:round;stroke-linejoin:round}.diagram-value code{font:500 17px/1 var(--font-mono);color:var(--ink);background:var(--surface-2);padding:6px 12px;border-radius:8px}.diagram-caption{font:500 13px/1.4 var(--font-ui);color:var(--ink-3);margin:12px 0 0;text-align:center;font-style:italic}.block-quiz{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:28px 30px}.quiz-question{margin-bottom:20px}.quiz-q-text{font:500 19px/1.45 var(--font-ui);color:var(--ink);margin:0 0 14px;letter-spacing:-.01em}.quiz-q-code{margin:0;background:var(--code-bg);color:var(--code-ink);padding:14px 18px;border-radius:var(--radius-sm);font:400 14px/1.7 var(--font-mono);overflow-x:auto}.quiz-options{list-style:none;padding:0;margin:0;display:grid;gap:10px}.quiz-opt{width:100%;display:grid;grid-template-columns:32px 1fr 24px;align-items:center;gap:14px;padding:16px 18px;background:var(--surface-soft);border:1.5px solid var(--line);border-radius:var(--radius-sm);text-align:left;font:500 16px/1.4 var(--font-ui);color:var(--ink);transition:border-color .2s,transform .15s,background .2s}.quiz-opt:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.quiz-letter{display:inline-grid;place-items:center;width:26px;height:26px;border:1.5px solid var(--line-2);border-radius:8px;font:600 12px/1 var(--font-mono);color:var(--ink-3)}.quiz-mark{font-size:16px;font-weight:700;text-align:right}.quiz-opt-correct{border-color:#22A06B;background:color-mix(in oklab,#22A06B 12%,var(--surface))}.quiz-opt-correct .quiz-letter{background:#22A06B;color:white;border-color:#22A06B}.quiz-opt-correct .quiz-mark{color:#22A06B}.quiz-opt-correct-faint{border-color:#22A06B;background:color-mix(in oklab,#22A06B 6%,var(--surface))}.quiz-opt-correct-faint .quiz-letter{background:#22A06B;color:white;border-color:#22A06B}.quiz-opt-wrong{border-color:#E5484D;background:color-mix(in oklab,#E5484D 10%,var(--surface))}.quiz-opt-wrong .quiz-letter{background:#E5484D;color:white;border-color:#E5484D}.quiz-opt-wrong .quiz-mark{color:#E5484D}.quiz-opt-dim{opacity:.45}.quiz-explain{margin:6px 4px 4px 46px;font:400 14px/1.5 var(--font-ui);color:var(--ink-3)}.quiz-explain code{font:500 .92em var(--font-mono);background:var(--surface-2);padding:1px 6px;border-radius:5px}.block-interactive{display:grid;gap:14px}.play-prompt{font:500 16px/1.5 var(--font-ui);color:var(--ink)}.play-prompt code{font:500 .92em var(--font-mono);background:var(--surface-2);padding:1px 6px;border-radius:5px}.play-shell{background:var(--code-bg);border-radius:var(--radius);border:1px solid var(--line);overflow:hidden}.play-chrome{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--code-bg-soft);border-bottom:1px solid rgba(255,255,255,.06)}.play-file{font:500 12px/1 var(--font-mono);color:var(--code-ink-dim)}.play-actions{margin-left:auto;display:inline-flex;gap:8px}.play-hint-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);color:var(--code-ink);padding:6px 12px;font:500 12px/1 var(--font-ui);border-radius:7px}.play-hint-btn:hover{background:rgba(255,255,255,.1)}.play-run-btn{display:inline-flex;align-items:center;gap:7px;background:var(--accent);color:white;border:none;padding:6px 14px;font:600 12.5px/1 var(--font-ui);border-radius:7px}.play-run-icon{font-size:9px}.play-run-btn:hover{background:color-mix(in oklab,var(--accent) 88%,white)}.play-editor{width:100%;resize:vertical;background:transparent;border:none;outline:none;color:var(--code-ink);font:400 14.5px/1.7 var(--font-mono);padding:16px 18px;display:block}.play-hint{margin:0;padding:10px 18px;background:rgba(255,215,116,.08);border-top:1px solid rgba(255,255,255,.05);font:400 13.5px/1.5 var(--font-ui);color:#FFE9A8}.play-hint code{font:500 .92em var(--font-mono);background:rgba(255,255,255,.08);padding:1px 5px;border-radius:4px}.play-output{border-top:1px solid rgba(255,255,255,.06);background:var(--code-bg-soft);padding:14px 18px}.play-output-head{display:flex;justify-content:space-between;align-items:center;font:500 11px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.12em;color:var(--code-ink-dim);margin-bottom:8px}.play-output pre{margin:0;font:400 13.5px/1.6 var(--font-mono);color:var(--code-ink);white-space:pre-wrap;min-height:1.5em}.play-output-empty{color:var(--code-ink-dim);font-style:italic}.play-success{color:#6BE3A1;font-weight:600;letter-spacing:0;text-transform:none;font-size:12px}.play-output.is-correct{background:color-mix(in oklab,#22A06B 14%,var(--code-bg-soft))}.continue-zone{display:flex;justify-content:center;margin-top:32px;animation:beatIn .6s ease both}.btn-continue{display:inline-flex;align-items:center;gap:14px;padding:16px 28px;background:var(--ink);color:var(--bg);border:none;border-radius:999px;font:600 15.5px/1 var(--font-ui);letter-spacing:-.01em;box-shadow:0 14px 36px -16px color-mix(in oklab,var(--ink) 70%,transparent);animation:continuePulse 2.4s ease-in-out infinite}.btn-continue:hover{transform:translateY(-1px)}@keyframes continuePulse{0%,to{box-shadow:0 14px 36px -16px color-mix(in oklab,var(--ink) 70%,transparent)}50%{box-shadow:0 14px 36px -16px color-mix(in oklab,var(--ink) 70%,transparent),0 0 0 8px color-mix(in oklab,var(--accent) 14%,transparent)}}.btn-key{font:500 12px/1 var(--font-mono);background:rgba(255,255,255,.16);padding:5px 8px;border-radius:6px;color:var(--bg)}.player-bar{position:absolute;left:18px;right:18px;bottom:14px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:8px 14px;background:color-mix(in oklab,var(--surface) 92%,transparent);backdrop-filter:blur(20px) saturate(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.1);border:1px solid var(--line);border-radius:999px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 18px 40px -18px rgba(0,0,0,.35);z-index:5}.bar-right{display:inline-flex;gap:4px;align-items:center}.bar-btn{background:transparent;border:none;width:36px;height:36px;display:inline-grid;place-items:center;border-radius:50%;color:var(--ink-2);transition:background .15s,color .15s}.bar-btn svg{width:18px;height:18px}.bar-btn.is-active,.bar-btn:hover{background:var(--surface-2);color:var(--ink)}.bar-settings-wrap{position:relative;display:inline-flex}.bar-settings-panel{position:absolute;bottom:calc(100% + 10px);right:0;min-width:280px;background:var(--surface);border:1px solid var(--line-2);border-radius:12px;box-shadow:0 18px 48px -12px rgba(0,0,0,.32);padding:12px 14px;display:grid;gap:10px;z-index:10;font:500 13px/1.4 var(--font-ui);color:var(--ink-2)}.bar-settings-row{display:grid;grid-template-columns:88px 1fr;align-items:center;gap:12px}.bar-settings-toggle{grid-template-columns:1fr auto}.bar-settings-label{font:500 12px/1.2 var(--font-ui);color:var(--ink-3);letter-spacing:.01em;text-transform:uppercase}.bar-settings-select{font:500 13px/1.2 var(--font-ui);color:var(--ink);background:var(--surface-soft);border:1px solid var(--line);border-radius:8px;padding:6px 10px;width:100%}.bar-settings-select:disabled{color:var(--ink-4);cursor:not-allowed}.bar-settings-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.bar-play{width:44px;height:44px;display:inline-grid;place-items:center;border-radius:50%;background:var(--ink);color:var(--bg);border:none;box-shadow:0 8px 20px -8px color-mix(in oklab,var(--ink) 70%,transparent)}.bar-play svg{width:18px;height:18px}.bar-play.is-playing{background:var(--accent)}.bar-scrubber{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-width:0}.bar-time{font:500 12px/1 var(--font-mono);color:var(--ink-3);letter-spacing:-.01em;font-variant-numeric:tabular-nums}.bar-track{position:relative;height:6px;background:var(--line);border-radius:999px;overflow:visible}.bar-track-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:999px;transition:width var(--beat-dur,.2s) linear}.bar-track-marker{width:2px;height:12px;border-radius:1px;pointer-events:none;z-index:1;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink) 14%,transparent)}.bar-track-marker,.bar-track-thumb{position:absolute;top:50%;background:var(--bg);transform:translate(-50%,-50%)}.bar-track-thumb{width:14px;height:14px;border:2px solid var(--accent);border-radius:50%;box-shadow:0 2px 6px rgba(0,0,0,.18);transition:left var(--beat-dur,.2s) linear}.bar-speed{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:3px;gap:0}.speed-chip{background:transparent;border:none;padding:5px 9px;font:500 11.5px/1 var(--font-mono);color:var(--ink-3);border-radius:999px;letter-spacing:-.01em}.speed-chip.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.06)}.view-toggle{display:inline-flex;background:var(--surface-2);border-radius:999px;padding:3px;gap:0;border:1px solid var(--line)}.view-toggle-btn{background:transparent;border:none;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;font:500 12.5px/1 var(--font-ui);color:var(--ink-3);border-radius:999px;cursor:pointer;transition:background .15s,color .15s}.view-toggle-btn svg{opacity:.85}.view-toggle-btn.is-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px rgba(0,0,0,.06)}.view-toggle-btn:hover:not(.is-active){color:var(--ink-2)}.completion{min-height:100vh;display:grid;place-items:center;padding:56px 32px}.completion-inner{width:100%;max-width:560px;display:grid;gap:22px;text-align:center}.completion-mark{width:88px;height:88px;margin:0 auto}.completion-mark svg{width:100%;height:100%}.comp-ring{stroke-dasharray:226;stroke-dashoffset:226;animation:ringDraw .9s ease forwards}.comp-check{stroke-dasharray:80;stroke-dashoffset:80;animation:checkDraw .5s ease .7s forwards}@keyframes ringDraw{to{stroke-dashoffset:0}}@keyframes checkDraw{to{stroke-dashoffset:0}}.completion-eyebrow{text-transform:uppercase;letter-spacing:.16em;font:600 11px/1 var(--font-ui);color:var(--accent);margin:0}.completion-title{font:700 clamp(34px,5vw,48px) /1.05 var(--font-display);letter-spacing:-.03em;margin:0}.completion-sub{font:400 17px/1.5 var(--font-ui);color:var(--ink-2);margin:0}.completion-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px 18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-top:8px}.completion-stat{display:grid;gap:4px}.completion-stat-num{font:600 22px/1 var(--font-display);letter-spacing:-.02em;color:var(--ink)}.completion-stat-label{font:500 11.5px/1.3 var(--font-ui);color:var(--ink-3)}.completion-next{text-align:left;margin-top:8px}.completion-next-eyebrow{font:500 11px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.16em;color:var(--ink-3);margin:0 0 10px}.completion-next-card{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px 22px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);text-align:left;transition:border-color .15s,transform .15s}.completion-next-card:hover{border-color:var(--accent);transform:translateY(-1px)}.next-num{font:500 13px/1 var(--font-mono);color:var(--ink-4);letter-spacing:.05em}.next-text{display:grid;gap:3px}.next-title{font:600 17px/1.2 var(--font-display);letter-spacing:-.015em;color:var(--ink)}.next-sub{font:400 13.5px/1.3 var(--font-ui);color:var(--ink-3)}.next-arrow{font-size:22px;color:var(--ink-3)}.completion-actions{display:flex;justify-content:center;gap:10px;margin-top:12px}.read{position:fixed;inset:0;z-index:1;display:grid;grid-template-rows:auto 1fr;overflow:hidden}.read-top{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px 12px;background:color-mix(in oklab,var(--bg) 92%,transparent);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.read-article{width:100%;max-width:720px;margin:0 auto;padding:36px 32px 64px;display:grid;gap:36px;overflow-y:auto;height:100%}.read-header{display:grid;gap:16px;padding-bottom:12px;border-bottom:1px solid var(--line)}.read-eyebrow{text-transform:uppercase;letter-spacing:.16em;font:600 11px/1 var(--font-ui);color:var(--accent);margin:0}.read-title{font:600 clamp(34px,4.4vw,48px) /1.05 var(--font-display);letter-spacing:-.035em;color:var(--ink)}.read-desc,.read-title{margin:0;text-wrap:pretty}.read-desc{font:400 17px/1.55 var(--font-ui);color:var(--ink-2)}.read-section{display:grid;gap:18px}.read-h2{font:600 24px/1.2 var(--font-display);letter-spacing:-.02em;padding-top:8px}.read-h2,.read-h3{color:var(--ink);margin:0}.read-h3{font:600 18px/1.25 var(--font-display);letter-spacing:-.015em}.read-blocks{display:grid;gap:18px}.read-aside{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:18px 22px}.read-aside summary{font:500 14px/1.3 var(--font-ui);color:var(--ink-2);cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px}.read-aside summary:before{content:"›";color:var(--accent);font-size:18px;transition:transform .2s;display:inline-block}.read-aside[open] summary:before{transform:rotate(90deg)}.read-aside summary::-webkit-details-marker{display:none}.read-aside[open] summary{margin-bottom:16px}.read-section-aside{margin-top:12px}.read-finish{margin-top:16px;display:flex;justify-content:center}@media (max-width:720px){.player-top,.read-top{padding:18px 18px 12px}.player-stage{padding:18px 18px 140px}.read-article{padding:32px 20px 64px}.player-bar{width:calc(100% - 24px);padding:8px 10px;gap:8px}.bar-speed,.bar-time{display:none}.view-toggle-btn,.view-toggle-btn span{padding:6px 10px}.cover{padding:32px 20px}.cover-meta{gap:22px;flex-wrap:wrap}}.cv-annotate-row{display:flex;justify-content:flex-end;gap:6px;margin-bottom:6px;opacity:0;transition:opacity .2s}.beat.beat-current .cv-annotate-row,.beat:hover .cv-annotate-row,.read-block:focus-within .cv-annotate-row,.read-block:hover .cv-annotate-row{opacity:1}.cv-annotate-row>*{font:500 11px/1 var(--font-ui);color:var(--ink-3)}:root[data-reveal=cinematic] .beat-stream{transition:transform 1.1s cubic-bezier(.16,1,.3,1)}:root[data-reveal=spotlight] .beat.beat-past{opacity:.18;filter:saturate(.7) blur(1px)}.cv-book{width:100%;max-width:8.5in;margin:0 auto;padding:32px 40px 64px;background:white;color:#14141A;font-family:var(--font-ui)}.cv-book-header{margin-bottom:24px;padding-bottom:14px;border-bottom:2px solid rgba(0,0,0,.4)}.cv-book-eyebrow{font:600 11px/1 var(--font-ui);text-transform:uppercase;letter-spacing:.16em;color:#5C5C68}.cv-book-title{font:700 28px/1.1 var(--font-display);margin:8px 0 4px}.cv-book-desc{font:400 14px/1.5 var(--font-ui);color:#2A2A33;margin:0;font-style:italic}.cv-book-section{margin:24px 0;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.cv-book-section h2{font:600 20px/1.2 var(--font-display);margin:0 0 12px;color:#14141A}.cv-book-block{margin-bottom:12px}.cv-book-qr{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px;border:1px solid rgba(0,0,0,.3);border-radius:8px;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}.cv-book-qr-canvas{width:128px;height:128px;background:repeating-conic-gradient(#000 0 25%,#fff 25% 50%) 50% /8px 8px}.cv-book-qr-caption{font:400 11px/1.3 var(--font-ui);color:#2A2A33;text-align:center}.cv-book-qr-url{font:500 10px/1 var(--font-mono);color:#5C5C68}.cv-book-block-id{font:400 9px/1 var(--font-mono);color:#9594A0;margin-top:4px}@media print{html[data-cv-active=true],html[data-cv-active=true] body{overflow:visible;background:white}.completion,.cover,.cv-app,.player,.read{display:none!important}.cv-book{box-shadow:none;padding:0}@page{size:letter;margin:1in}.cv-book-section{page-break-inside:avoid}}