:root{--font-serif:"Spectral", Georgia, serif;--font-sans:"IBM Plex Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--font-scale:1;--accent-base:#1f8a5b;--accent:var(--accent-base);--accent-on:#fff;--c-word:var(--accent);--c-sub:#2a6fdb;--c-char:#b3541e;--c-punct:var(--ink-mute);--radius:10px;--pad:40px;--rhythm:1.7}:root[data-theme=textbook]{--bg:#f4f1ea;--surface:#fffdf8;--surface-2:#f7f3ea;--ink:#1d1b16;--ink-soft:#4c473d;--ink-mute:#8f897c;--line:#e7e1d3;--shadow:0 1px 2px rgba(60,50,30,.04), 0 8px 28px rgba(60,50,30,.06)}:root[data-theme=sepia]{--bg:#ece0c6;--surface:#f8f1de;--surface-2:#f1e7cd;--ink:#3a2e1f;--ink-soft:#6a5a41;--ink-mute:#9b8a68;--line:#e0d2b2;--accent:color-mix(in oklch, var(--accent-base) 86%, #4a3a1f);--shadow:0 1px 2px rgba(90,70,30,.05), 0 8px 28px rgba(90,70,30,.08)}:root[data-theme=terminal]{--bg:#0c0f14;--surface:#141923;--surface-2:#1b2230;--ink:#e7eaef;--ink-soft:#a7b0bd;--ink-mute:#6a7484;--line:#242c3a;--accent:color-mix(in oklch, var(--accent-base), white 32%);--c-sub:#5b9bff;--c-char:#e0863f;--shadow:0 1px 2px rgba(0,0,0,.4), 0 10px 34px rgba(0,0,0,.5)}:root[data-density=compact]{--pad:26px;--rhythm:1.55}:root[data-density=regular]{--pad:40px;--rhythm:1.7}:root[data-density=comfy]{--pad:56px;--rhythm:1.85}:root[data-bodyfont=serif]{--font-body:var(--font-serif)}:root[data-bodyfont=sans]{--font-body:var(--font-sans)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:calc(16px * var(--font-scale));-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:color-mix(in oklch,var(--accent) 28%,transparent)}.app{display:flex;min-height:100vh;height:100vh;overflow:hidden}.sidebar{width:312px;flex:0 0 312px;background:var(--surface);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:26px 20px;overflow-y:auto;z-index:40}.brand{display:flex;align-items:center;gap:12px;margin-bottom:30px}.brand-mark{width:46px;height:46px;flex:0 0 auto;display:grid;place-items:center}.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}:root[data-theme=terminal] .brand-mark img{filter:brightness(1.15)}.brand-title{font-family:var(--font-serif);font-weight:600;font-size:1.06rem;line-height:1.1}.brand-sub{font-size:.74rem;color:var(--ink-mute);margin-top:4px;letter-spacing:.08em;text-transform:uppercase;opacity:.72;font-family:var(--font-mono);font-size:.64rem}.rail-label{font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);margin:6px 4px 12px}.modules{display:flex;flex-direction:column;gap:2px}.module{display:grid;grid-template-columns:18px 26px 1fr;align-items:start;gap:10px;padding:11px 10px;border-radius:9px;position:relative;width:100%;text-align:left;background:none;border:0;cursor:pointer;font:inherit;color:inherit;transition:background .14s}.module--todo:hover{background:var(--surface-2)}.module-status{display:grid;place-items:center;margin-top:3px;color:var(--ink-mute)}.module-status .dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px color-mix(in oklch,var(--accent) 22%,transparent)}.module-n{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-mute);margin-top:2px}.module-body{display:flex;flex-direction:column;min-width:0}.module-title{font-family:var(--font-serif);font-size:.95rem;font-weight:500;display:block;line-height:1.2}.module-sub{font-size:.72rem;color:var(--ink-mute);display:block;margin-top:2px}.module--active{background:var(--surface-2)}.module--active .module-title,.module--active .module-n,.module--done .module-status{color:var(--accent)}.module--locked{opacity:.5}.module--locked .module-title{font-weight:400}.rail-foot{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}.mini-steps{display:flex;flex-direction:column;gap:1px}.mini-step{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:8px;border-radius:7px;font-family:var(--font-sans);font-size:.84rem;color:var(--ink-soft)}.mini-step:hover{background:var(--surface-2)}.mini-step-dot{width:7px;height:7px;border-radius:50%;border:1.5px solid var(--ink-mute);flex:0 0 auto}.mini-step.is-done .mini-step-dot{background:var(--accent);border-color:var(--accent)}.mini-step.is-active{color:var(--ink);font-weight:500}.mini-step.is-active .mini-step-dot{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 22%,transparent)}.main{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--bg)}.lesson-head{display:flex;align-items:center;gap:16px;padding:18px var(--pad);border-bottom:1px solid var(--line);background:var(--surface)}.crumbs{display:flex;align-items:center;gap:9px;font-family:var(--font-mono);font-size:.78rem;color:var(--ink-mute);letter-spacing:.02em}.crumb-sep{opacity:.5}.crumb-now{color:var(--ink)}.head-meta{margin-left:auto;display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.74rem;color:var(--ink-mute)}.meta-sep{width:1px;height:13px;background:var(--line)}.progress{height:3px;background:var(--surface-2)}.progress-fill{height:100%;background:var(--accent);transition:width .45s cubic-bezier(.4,0,.2,1)}.content-scroll{flex:1;overflow-y:auto;display:flex;flex-direction:column}.content{width:100%;max-width:740px;margin:0 auto;padding:clamp(28px,5vw,60px) var(--pad) 40px;flex:1}.sec-title{margin-bottom:26px}.sec-eyebrow{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px}.sec-num{background:color-mix(in oklch,var(--accent) 14%,var(--surface));padding:3px 8px;border-radius:5px}.sec-h1{font-family:var(--font-serif);font-weight:600;font-size:clamp(1.9rem,4vw,2.6rem);line-height:1.08;letter-spacing:-.01em;margin:0}.read{font-family:var(--font-body)}.lead{font-family:var(--font-body);font-size:1.2rem;line-height:1.55;color:var(--ink);margin:0 0 26px;text-wrap:pretty}.para{font-family:var(--font-body);font-size:1.04rem;line-height:var(--rhythm);color:var(--ink-soft);margin:0 0 18px;text-wrap:pretty}.define{border-left:3px solid var(--accent);background:color-mix(in oklch,var(--accent) 7%,var(--surface));padding:18px 22px;border-radius:0 10px 10px 0;margin:8px 0 26px}.define-term{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);margin-bottom:8px;font-weight:500}.define-text{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--ink)}.formula{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin:8px 0 26px;text-align:center}.formula-expr{font-family:var(--font-mono);font-size:1.18rem;color:var(--ink);line-height:1.5;letter-spacing:.01em}.formula-legend{font-family:var(--font-sans);font-size:.82rem;color:var(--ink-mute);margin-top:12px;line-height:1.5;text-align:left}.wex{margin:8px 0 26px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}.wex-cap{display:flex;align-items:center;gap:10px;font-family:var(--font-sans);font-size:.92rem;font-weight:600;color:var(--ink);padding:13px 18px;background:var(--surface-2);border-bottom:1px solid var(--line)}.wex-tag{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);background:color-mix(in oklch,var(--accent) 13%,var(--surface));padding:3px 8px;border-radius:5px}.wex-rows{display:flex;flex-direction:column}.wex-row{display:grid;grid-template-columns:1fr 28px 1fr;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid var(--line)}.wex-row:last-child{border-bottom:0}.wex-row--head{background:var(--surface-2)}.wex-row--head .wex-l,.wex-row--head .wex-r{font-family:var(--font-sans);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-mute);font-weight:600}.wex-l,.wex-r{font-family:var(--font-mono);font-size:.92rem;color:var(--ink);word-break:break-word;line-height:1.4}.wex-r{color:var(--accent)}.wex-arrow{font-family:var(--font-mono);color:var(--ink-mute);text-align:center}.wex-note{font-family:var(--font-body);font-size:.9rem;color:var(--ink-soft);line-height:1.55;padding:13px 18px;border-top:1px solid var(--line);background:var(--surface-2)}.aside{border:1px solid var(--line);border-radius:12px;padding:18px 20px;margin:8px 0 26px;background:color-mix(in oklch,var(--c-sub) 5%,var(--surface))}.aside-term{display:flex;align-items:center;gap:9px;font-family:var(--font-sans);font-size:.82rem;font-weight:600;letter-spacing:.02em;color:var(--c-sub);margin-bottom:9px}.aside-dot{width:7px;height:7px;border-radius:50%;background:var(--c-sub);flex:0 0 auto}.aside-text{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--ink-soft)}.aside-text b{color:var(--ink)}.reflist{list-style:none;counter-reset:ref;margin:8px 0 18px;padding:0;display:flex;flex-direction:column;gap:14px}.refitem{counter-increment:ref;position:relative;padding:14px 18px 14px 52px;background:var(--surface);border:1px solid var(--line);border-radius:11px}.refitem:before{content:counter(ref);position:absolute;left:16px;top:14px;font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--accent);width:24px;height:24px;display:grid;place-items:center;background:color-mix(in oklch,var(--accent) 12%,var(--surface));border-radius:6px}.ref-who{font-family:var(--font-sans);font-weight:600;font-size:.95rem;color:var(--ink)}.ref-yr{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-mute);margin-left:8px}.ref-title{display:block;font-family:var(--font-body);font-size:1rem;color:var(--ink-soft);margin-top:4px;line-height:1.45;font-style:italic}.ref-note{display:block;font-family:var(--font-sans);font-size:.82rem;color:var(--ink-mute);margin-top:5px}.refs-foot{font-family:var(--font-sans);font-size:.84rem;color:var(--ink-mute);line-height:1.5}.main--plain{background:var(--bg)}.plain-top{padding:14px var(--pad);border-bottom:1px solid var(--line);background:var(--surface)}.brand--btn{background:none;border:0;cursor:pointer;text-align:left;padding:0;width:100%;border-radius:10px}.brand--btn:hover{opacity:.85}.side-signout{margin-top:14px;display:flex;align-items:center;gap:8px;width:100%;justify-content:center;background:none;border:1px solid var(--line);border-radius:9px;padding:10px;cursor:pointer;font-family:var(--font-sans);font-size:.84rem;color:var(--ink-soft);transition:.14s}.side-signout:hover{background:var(--surface-2);color:var(--ink)}.navlist{display:flex;flex-direction:column;gap:4px}.navitem{display:flex;align-items:center;gap:11px;width:100%;text-align:left;background:none;border:0;border-radius:9px;padding:12px;cursor:pointer;font-family:var(--font-sans);font-size:.95rem;color:var(--ink-soft);transition:.14s}.navitem:hover{background:var(--surface-2);color:var(--ink)}.navitem.is-active{background:color-mix(in oklch,var(--accent) 12%,var(--surface));color:var(--accent);font-weight:600}.head-cab{display:inline-flex;align-items:center;gap:8px;margin-left:6px;background:var(--surface-2);border:1px solid var(--line);border-radius:8px;padding:5px 11px 5px 5px;cursor:pointer;font-family:var(--font-sans);font-size:.8rem;color:var(--ink-soft);transition:.14s}.head-cab:hover{border-color:var(--accent);color:var(--accent)}.head-ava{width:22px;height:22px;flex:0 0 auto;border-radius:50%;background:var(--accent);color:var(--accent-on);display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:.62rem;letter-spacing:.02em}.rail-label--btn{background:none;border:0;padding:0;width:100%;cursor:pointer;display:flex;align-items:center;justify-content:space-between;color:var(--ink-mute)}.rail-label--btn:hover{color:var(--ink-soft)}.rail-chev{font-size:.85rem;line-height:1;opacity:.6;transition:transform .15s}.rail-label--btn:not(.is-open) .rail-chev{transform:rotate(-90deg)}@media (min-width:901px){.sidebar.is-collapsed{display:none}}.auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);padding:24px;gap:16px}.auth-card{width:100%;max-width:460px;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.auth-brand{display:flex;align-items:center;gap:14px;padding:26px 28px 20px}.auth-logo{width:52px;height:52px;object-fit:contain}.auth-title{font-family:var(--font-serif);font-weight:600;font-size:1.4rem;line-height:1.1}.auth-sub{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;color:var(--ink-mute);margin-top:5px;text-transform:uppercase}.auth-tabs{display:flex;gap:3px;padding:0 20px;border-bottom:1px solid var(--line)}.auth-tab{flex:1;background:none;border:0;padding:13px 8px;cursor:pointer;font-family:var(--font-sans);font-size:.9rem;font-weight:500;color:var(--ink-mute);border-bottom:2px solid transparent;transition:.14s}.auth-tab:hover{color:var(--ink)}.auth-tab.on{color:var(--accent);border-bottom-color:var(--accent)}.auth-body{padding:22px 28px 28px}.auth-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.auth-field span{font-family:var(--font-sans);font-size:.82rem;color:var(--ink-soft);font-weight:500}.auth-field input{font-family:var(--font-sans);font-size:1rem;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:12px 14px;outline:none;transition:.14s}.auth-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 16%,transparent)}.auth-go{width:100%;justify-content:center;margin-top:8px}.auth-foot{font-family:var(--font-mono);font-size:.72rem;color:var(--ink-mute)}.auth-err{font-family:var(--font-sans);font-size:.86rem;color:#d9434e;margin:2px 0 14px;background:color-mix(in oklch,#d9434e 10%,var(--surface));border:1px solid color-mix(in oklch,#d9434e 30%,var(--surface));border-radius:8px;padding:10px 13px}.auth-switch{font-family:var(--font-sans);font-size:.86rem;color:var(--ink-mute);text-align:center;margin-top:16px}.auth-switch button{background:none;border:0;color:var(--accent);cursor:pointer;font:inherit;font-weight:600;padding:0}.auth-switch button:hover{text-decoration:underline}.cab-head-txt{flex:1;min-width:0}.cab-edit{display:inline-flex;align-items:center;gap:7px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:9px 14px;cursor:pointer;font-family:var(--font-sans);font-size:.86rem;color:var(--ink-soft);transition:.14s;flex:0 0 auto}.cab-edit:hover{border-color:var(--accent);color:var(--accent)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:70;display:grid;place-items:center;padding:20px}.modal{width:min(420px,94vw);background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:var(--shadow);animation:modalIn .2s ease}@keyframes modalIn{0%{transform:translateY(10px) scale(.98);opacity:.6}to{transform:none;opacity:1}}.modal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.modal-title{font-family:var(--font-serif);font-weight:600;font-size:1.2rem}.modal-foot{display:flex;justify-content:flex-end;gap:10px;margin-top:8px}.cab{max-width:760px;margin:0 auto;padding:clamp(24px,4vw,44px) var(--pad) 50px}.cab-head{display:flex;align-items:center;gap:16px;margin-bottom:28px}.cab-ava{width:60px;height:60px;flex:0 0 auto;border-radius:16px;background:var(--accent);color:var(--accent-on);display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:1.2rem}.cab-name{font-family:var(--font-serif);font-weight:600;font-size:1.8rem;margin:0;line-height:1.1}.cab-group{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-mute);margin-top:5px}.cab-grid{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:center;margin-bottom:34px;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:24px}.cab-ring-card{position:relative;width:128px;height:128px}.cab-ring{width:128px;height:128px;transform:rotate(-90deg)}.cab-ring .ring-bg{fill:none;stroke:var(--surface-2);stroke-width:11}.cab-ring .ring-fg{fill:none;stroke:var(--accent);stroke-width:11;stroke-linecap:round;transition:stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.cab-ring-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-align:center}.cab-ring-num{font-family:var(--font-mono);font-weight:700;font-size:1.7rem;color:var(--ink);line-height:1}.cab-ring-num span{font-size:1rem;color:var(--ink-mute)}.cab-ring-label{font-family:var(--font-sans);font-size:.74rem;color:var(--ink-mute);margin-top:0;line-height:1}.cab-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.stat3{background:var(--surface-2);border:1px solid var(--line);border-radius:11px;padding:14px 16px}.stat3-val{font-family:var(--font-mono);font-weight:700;font-size:1.5rem;color:var(--accent);line-height:1}.stat3-val--sm{font-size:1rem;color:var(--ink)}.stat3-label{font-family:var(--font-sans);font-size:.76rem;color:var(--ink-mute);margin-top:6px}.cab-section-h{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin:0 0 14px 2px}.cab-lessons{display:flex;flex-direction:column;gap:8px}.cab-lesson{display:flex;align-items:center;gap:14px;width:100%;text-align:left;cursor:pointer;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 18px;font:inherit;color:inherit;transition:.14s}.cab-lesson:hover{border-color:var(--accent);transform:translate(2px)}.cab-l-n{font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--ink-mute);flex:0 0 auto}.cab-lesson--done .cab-l-n{color:var(--accent)}.cab-l-body{flex:1;min-width:0;display:flex;flex-direction:column}.cab-l-title{font-family:var(--font-serif);font-size:1.05rem;font-weight:600}.cab-l-sub{font-size:.8rem;color:var(--ink-mute);margin-top:2px}.cab-l-right{display:flex;align-items:center;gap:12px;flex:0 0 auto}.cab-l-score{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-soft)}.cab-l-badge{font-family:var(--font-sans);font-size:.72rem;font-weight:600;padding:4px 10px;border-radius:20px;white-space:nowrap}.cab-l-badge--done{background:color-mix(in oklch,var(--accent) 15%,var(--surface));color:var(--accent)}.cab-l-badge--progress{background:color-mix(in oklch,var(--c-char) 15%,var(--surface));color:var(--c-char)}.cab-l-badge--new{background:var(--surface-2);color:var(--ink-mute)}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-sans);font-size:.92rem;font-weight:500;padding:10px 18px;border-radius:9px;border:1px solid transparent;cursor:pointer;transition:.16s;line-height:1;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--solid{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}.btn--solid:not(:disabled):hover{filter:brightness(1.07)}.btn--ghost{background:transparent;color:var(--ink-soft);border-color:var(--line)}.btn--ghost:not(:disabled):hover{background:var(--surface-2);color:var(--ink)}.icon-btn{background:none;border:0;color:var(--ink-soft);cursor:pointer;padding:6px;border-radius:8px;display:grid;place-items:center}.icon-btn:hover{background:var(--surface-2)}.sec-footer{display:flex;align-items:center;justify-content:space-between;max-width:740px;margin:0 auto;width:100%;padding:18px var(--pad) 30px}.sec-pips{display:flex;gap:7px}.pip{width:8px;height:8px;border-radius:50%;background:var(--line);transition:.25s}.pip.past{background:color-mix(in oklch,var(--accent) 45%,var(--line))}.pip.on{background:var(--accent);width:22px;border-radius:5px}.demo{margin:6px 0 8px}.demo-input-wrap{position:relative}.demo-input{width:100%;font-family:var(--font-mono);font-size:1.02rem;line-height:1.5;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:16px 44px 16px 18px;resize:vertical;outline:none}.demo-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 16%,transparent)}.demo-clear{position:absolute;top:14px;right:14px;color:var(--ink-mute);cursor:pointer;display:grid;place-items:center;padding:3px}.demo-clear:hover{color:var(--ink)}.seg{display:inline-flex;background:var(--surface-2);border:1px solid var(--line);border-radius:10px;padding:3px;gap:3px;margin:16px 0 8px;flex-wrap:wrap}.seg-btn{font-family:var(--font-sans);font-size:.86rem;font-weight:500;color:var(--ink-soft);background:none;border:0;padding:8px 14px;border-radius:7px;cursor:pointer;transition:.14s}.seg-btn:hover{color:var(--ink)}.seg-btn.on{background:var(--surface);color:var(--accent);box-shadow:var(--shadow)}.demo-hint{font-family:var(--font-sans);font-size:.82rem;color:var(--ink-mute);margin:0 0 18px}.tokens{display:flex;flex-wrap:wrap;align-items:center;gap:6px 5px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;min-height:72px;line-height:1}.tokens-empty{font-family:var(--font-sans);color:var(--ink-mute);font-size:.9rem}.tok{display:inline-flex;flex-direction:column;align-items:center;gap:3px;font-family:var(--font-mono);font-size:.92rem;padding:6px 9px;border-radius:7px;border:1px solid;white-space:pre;transition:.12s}.tok-id{font-size:.62rem;opacity:.7;letter-spacing:.02em}.tok.mini{font-size:.8rem;padding:4px 7px}.tok-space{width:9px}.tok--word,.sw--word{--c:var(--c-word)}.tok--sub,.sw--sub{--c:var(--c-sub)}.tok--char,.sw--char{--c:var(--c-char)}.tok--punct,.sw--punct{--c:var(--c-punct)}.tok{background:color-mix(in oklch,var(--c) 13%,var(--surface));border-color:color-mix(in oklch,var(--c) 32%,var(--surface));color:color-mix(in oklch,var(--c) 78%,var(--ink))}.legend{display:flex;flex-wrap:wrap;gap:18px;margin-top:14px;font-family:var(--font-sans);font-size:.8rem;color:var(--ink-mute)}.legend span{display:inline-flex;align-items:center;gap:7px}.sw{width:11px;height:11px;border-radius:3px;background:color-mix(in oklch,var(--c) 55%,var(--surface));border:1px solid color-mix(in oklch,var(--c) 40%,var(--surface))}.stats{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.stat{flex:1;min-width:90px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:14px 16px}.stat-val{font-family:var(--font-mono);font-size:1.4rem;font-weight:700;line-height:1;color:var(--ink)}.stat-val--accent{color:var(--accent)}.stat--big .stat-val{font-size:1.9rem}.stat-label{font-family:var(--font-sans);font-size:.74rem;color:var(--ink-mute);margin-top:6px}.pipe{margin:6px 0}.pipe-controls{display:flex;gap:10px;margin-bottom:20px}.pipe-rows{display:flex;flex-direction:column;gap:10px}.pipe-row{display:grid;grid-template-columns:34px 1fr;gap:14px;align-items:start;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:15px 18px;transition:.4s;opacity:.45}.pipe-row--idle{opacity:.7}.pipe-row--past{opacity:.6}.pipe-row--now{opacity:1;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 14%,transparent)}.pipe-step{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:.9rem;background:var(--surface-2);color:var(--ink-mute)}.pipe-row--now .pipe-step,.pipe-row--past .pipe-step{background:var(--accent);color:var(--accent-on)}.pipe-label{font-family:var(--font-sans);font-weight:600;font-size:.92rem;margin-bottom:6px}.pipe-value{font-family:var(--font-mono);font-size:.96rem;color:var(--ink);word-break:break-word}.pipe-tokens{display:flex;flex-wrap:wrap;gap:5px}.pipe-note{font-family:var(--font-sans);font-size:.78rem;color:var(--ink-mute);margin-top:7px}.muted{color:var(--ink-mute)}.quiz{display:flex;flex-direction:column;gap:18px}.qcard{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:22px}.qhead{display:flex;gap:12px;margin-bottom:16px}.qnum{font-family:var(--font-mono);font-weight:700;color:var(--accent);flex:0 0 auto}.qtext{font-family:var(--font-serif);font-size:1.12rem;font-weight:500;line-height:1.3}.qopts{display:flex;flex-direction:column;gap:8px}.qopt{display:flex;align-items:center;gap:12px;text-align:left;width:100%;font-family:var(--font-body);font-size:.98rem;color:var(--ink-soft);background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:13px 15px;cursor:pointer;transition:.14s}.qopt:not(:disabled):hover{border-color:var(--accent);color:var(--ink)}.qmark{font-family:var(--font-mono);font-size:.78rem;font-weight:700;width:24px;height:24px;border-radius:6px;display:grid;place-items:center;background:var(--surface);border:1px solid var(--line);color:var(--ink-mute);flex:0 0 auto}.qopt.correct{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 11%,var(--surface));color:var(--ink)}.qopt.correct .qmark{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}.qopt.wrong{border-color:#d35;background:color-mix(in oklch,#d35 10%,var(--surface));color:var(--ink)}.qopt.wrong .qmark{background:#d35;color:#fff;border-color:#d35}.qopt.dim{opacity:.55}.qwhy{margin-top:14px;font-family:var(--font-body);font-size:.92rem;line-height:1.55;color:var(--ink-soft);padding:12px 15px;border-radius:9px;background:var(--surface-2)}.qwhy.ok{border-left:3px solid var(--accent)}.qwhy.no{border-left:3px solid #d35}.qwhy strong{color:var(--ink)}.quiz-result{display:flex;align-items:center;gap:20px;background:var(--surface);border:1px solid var(--accent);border-radius:14px;padding:24px;box-shadow:0 0 0 3px color-mix(in oklch,var(--accent) 12%,transparent)}.quiz-score{font-family:var(--font-mono);font-weight:700;font-size:2.6rem;color:var(--accent);line-height:1}.quiz-score span{font-size:1.2rem;color:var(--ink-mute);margin-left:6px}.quiz-msg{font-family:var(--font-body);font-size:1.02rem;color:var(--ink);line-height:1.4}.next-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:22px;background:var(--surface-2);border:1px dashed var(--line);border-radius:14px;padding:20px 24px}.next-eyebrow{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);margin-bottom:6px}.next-title{font-family:var(--font-serif);font-size:1.2rem;font-weight:600}.scrim,.only-mobile{display:none}@media (max-width:900px){.app{height:auto;min-height:100vh;overflow:visible}.sidebar{position:fixed;inset:0 auto 0 0;transform:translate(-104%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow)}.sidebar.open{transform:none}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:35;opacity:0;pointer-events:none;transition:.25s}.scrim.show{display:block;opacity:1;pointer-events:auto}.only-mobile{display:grid}.content-scroll{overflow:visible}.app{height:100vh}.head-meta .meta-sep,.head-meta span:first-child{display:none}}.task-sentence{font-family:var(--font-serif);font-size:1.3rem;line-height:1.4;color:var(--ink);padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:16px}.seg--wrap{flex-wrap:wrap;display:flex}.task-card{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px;margin-top:14px}.task-out{display:flex;flex-direction:column;gap:10px}.kv{display:flex;gap:12px;align-items:baseline;font-family:var(--font-sans);font-size:.95rem}.kv span{color:var(--ink-mute);min-width:110px}.kv b{font-family:var(--font-mono);color:var(--ink);font-weight:600}.task-note{font-family:var(--font-sans);font-size:.84rem;color:var(--ink-mute);margin-top:4px;line-height:1.45}.chips{display:flex;flex-wrap:wrap;gap:8px}.ent{font-family:var(--font-mono);font-size:.84rem;padding:6px 11px;border-radius:7px;border:1px solid}.ent--loc{--c:var(--c-sub)}.ent--time{--c:var(--c-char)}.ent--obj{--c:var(--accent)}.ent{background:color-mix(in oklch,var(--c) 13%,var(--surface));border-color:color-mix(in oklch,var(--c) 32%,var(--surface));color:color-mix(in oklch,var(--c) 78%,var(--ink))}.task-trans{font-family:var(--font-serif);font-size:1.15rem;font-style:italic;color:var(--ink)}.emb-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.emb-tabs .seg-btn{border:1px solid var(--line);border-radius:8px;background:var(--surface)}.emb-tabs .seg-btn.on{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}.emb-stage{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px}.emb-svg{width:100%;height:auto;display:block;aspect-ratio:1/1;touch-action:none}.emb-svg text{font-family:var(--font-mono);font-size:13px;fill:var(--ink-soft);pointer-events:none}.emb-pt{cursor:pointer}.emb-pt circle{transition:r .15s,fill-opacity .15s}.emb-pt--people circle{fill:var(--accent)}.emb-pt--animal circle{fill:var(--c-sub)}.emb-pt--tech circle{fill:#7a59c0}.emb-pt--emo circle{fill:var(--c-char)}.emb-pt--food circle{fill:#1f8a5b}.emb-pt circle{fill-opacity:.35}.emb-pt:hover circle{fill-opacity:.7}.emb-pt.is-sel circle,.emb-pt.is-pred circle{fill-opacity:1;stroke:var(--ink);stroke-width:2}.emb-pt.is-nb circle{fill-opacity:.9}.emb-pt.is-sel text,.emb-pt.is-pred text,.emb-pt.is-nb text{fill:var(--ink);font-weight:700}.emb-pt.is-an circle{fill-opacity:.85;stroke:var(--ink-mute);stroke-width:1.5;stroke-dasharray:3 2}.emb-link{stroke:var(--accent);stroke-width:1.5;stroke-opacity:.45;stroke-dasharray:4 3}.emb-vec{stroke:var(--ink-mute);stroke-width:2;stroke-dasharray:5 4}.emb-target{fill:none;stroke:var(--ink);stroke-width:2;stroke-dasharray:3 2}.emb-info{margin-top:14px;min-height:40px}.emb-info-h{font-family:var(--font-sans);font-size:.88rem;color:var(--ink-mute);margin-bottom:10px}.emb-nbs{display:flex;flex-direction:column;gap:8px}.emb-nb{display:grid;grid-template-columns:120px 1fr 44px;align-items:center;gap:10px;font-family:var(--font-mono);font-size:.9rem}.emb-bar{height:8px;background:var(--surface-2);border-radius:5px;overflow:hidden}.emb-bar i{display:block;height:100%;background:var(--accent);border-radius:5px}.emb-sim{text-align:right;color:var(--ink-mute)}.emb-an-res{display:flex;align-items:center;gap:14px;flex-wrap:wrap;font-family:var(--font-mono);background:var(--surface);border:1px solid var(--accent);border-radius:12px;padding:16px 20px}.emb-an-res code{font-size:1rem;color:var(--ink-soft)}.emb-arrow{font-size:1.3rem;color:var(--ink-mute)}.emb-ans{font-size:1.4rem;color:var(--accent);font-family:var(--font-serif)}.senti-text{font-family:var(--font-serif);font-size:1.2rem;line-height:1.7;margin:18px 0 22px;padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.sw-word{padding:1px 2px;border-radius:4px}.sw-pos{background:color-mix(in oklch,var(--accent) 22%,transparent);color:var(--ink);box-shadow:inset 0 -2px color-mix(in oklch,var(--accent) 60%,transparent)}.sw-neg{background:color-mix(in oklch,#d9434e 22%,transparent);color:var(--ink);box-shadow:inset 0 -2px color-mix(in oklch,#d9434e 60%,transparent)}.sw-not{text-decoration:underline dotted var(--ink-mute);text-underline-offset:3px}.gauge{display:flex;flex-direction:column;align-items:center;gap:12px;margin:8px 0}.gauge-arc{position:relative;width:200px;height:104px;border-radius:200px 200px 0 0;background:conic-gradient(from 270deg at 50% 100%,#d9434e 0deg,color-mix(in oklch,#d9434e 50%,var(--ink-mute)) 45deg,var(--ink-mute) 90deg,color-mix(in oklch,var(--accent) 50%,var(--ink-mute)) 135deg,var(--accent) 180deg);-webkit-mask:radial-gradient(circle at 50% 100%,transparent 56px,#000 57px);mask:radial-gradient(circle at 50% 100%,transparent 56px,#000 57px)}.gauge-needle{position:absolute;left:50%;bottom:0;width:3px;height:84px;background:var(--ink);transform-origin:bottom center;border-radius:3px;transition:transform .5s cubic-bezier(.34,1.56,.64,1)}.gauge-hub{position:absolute;left:50%;bottom:-6px;width:14px;height:14px;border-radius:50%;background:var(--ink);transform:translate(-50%)}.gauge-scale{display:flex;justify-content:space-between;width:230px;font-family:var(--font-mono);font-size:.7rem;color:var(--ink-mute)}.gauge-label{font-family:var(--font-mono);font-weight:700;font-size:1.05rem;padding:5px 14px;border-radius:8px}.gauge-label--pos{color:var(--accent);background:color-mix(in oklch,var(--accent) 12%,var(--surface))}.gauge-label--neg{color:#d9434e;background:color-mix(in oklch,#d9434e 12%,var(--surface))}.gauge-label--neu{color:var(--ink-mute);background:var(--surface-2)}.sw--pos2{--c:var(--accent)}.sw--neg2{--c:#d9434e}.sw--not2{--c:var(--ink-mute)}.ngram-top{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;align-items:center;margin-bottom:16px}.ngram-actions{display:flex;gap:8px}.ngram-windowbar{font-family:var(--font-sans);font-size:.84rem;margin-bottom:12px}.ngram-windowbar b{font-family:var(--font-mono);color:var(--accent)}.tok--ctx{background:color-mix(in oklch,var(--accent) 20%,var(--surface))!important;border-color:var(--accent)!important;color:var(--ink)!important;box-shadow:0 0 0 1px var(--accent)}.ngram-ctxchip{font-family:var(--font-mono);font-size:.84rem;background:color-mix(in oklch,var(--accent) 14%,var(--surface));color:var(--accent);padding:3px 9px;border-radius:6px;margin:0 4px}.ngram-count{font-family:var(--font-mono);font-size:.78rem;color:var(--ink-mute);background:var(--surface-2);border:1px solid var(--line);padding:3px 9px;border-radius:6px;margin-left:6px;white-space:nowrap}.ngram-seq{display:flex;flex-wrap:wrap;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px;min-height:64px;margin-bottom:18px}.ngram-caret{font-family:var(--font-mono);color:var(--accent);animation:blink 1s steps(2) infinite}@keyframes blink{50%{opacity:0}}.ngram-end{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-mute)}.ngram-pred-h{font-family:var(--font-sans);font-size:.92rem;margin-bottom:12px;color:var(--ink)}.ngram-opts{display:flex;flex-direction:column;gap:8px}.ngram-opt{display:grid;grid-template-columns:160px 1fr 46px;align-items:center;gap:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:11px 14px;cursor:pointer;font-family:var(--font-mono);font-size:.92rem;color:var(--ink);transition:.14s}.ngram-opt:hover{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 8%,var(--surface))}.ngram-bar{height:8px;background:var(--surface);border:1px solid var(--line);border-radius:5px;overflow:hidden}.ngram-bar i{display:block;height:100%;background:var(--accent)}.ngram-p{text-align:right;color:var(--ink-mute)}.ngram-note{font-size:.8rem;margin-top:14px}.attn-hint{font-family:var(--font-sans);font-size:.92rem;margin-bottom:14px}.attn-hint:first-letter{text-transform:uppercase}.attn-row{display:flex;flex-wrap:wrap;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:20px}.attn-tok{position:relative;font-family:var(--font-mono);font-size:1.02rem;color:var(--ink);background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:12px 14px 22px;cursor:pointer;overflow:hidden;transition:.14s;min-width:54px;text-align:center}.attn-tok.is-sel{border-color:var(--accent);background:var(--accent);color:var(--accent-on);font-weight:700}.attn-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent);z-index:0}.attn-label{position:relative;z-index:1}.attn-wnum{position:absolute;left:0;right:0;bottom:4px;font-size:.62rem;color:var(--ink-mute);z-index:1}.attn-note{margin-top:14px;font-size:.84rem;line-height:1.5}.samp-ctx{font-family:var(--font-serif);font-size:1.25rem;line-height:1.5;color:var(--ink);padding:18px 20px;background:var(--surface);border:1px solid var(--line);border-radius:12px;margin-bottom:18px}.samp-blank{color:var(--accent);font-weight:700;letter-spacing:.05em}.samp-slider{display:flex;align-items:center;gap:14px;margin-bottom:6px}.samp-slider label{font-family:var(--font-sans);font-size:.9rem;color:var(--ink-soft);white-space:nowrap}.samp-slider input[type=range]{flex:1;accent-color:var(--accent);height:4px}.samp-tval{font-family:var(--font-mono);font-weight:700;color:var(--accent);min-width:34px;text-align:right}.samp-tnote{font-size:.84rem;margin-bottom:18px}.samp-bars{display:flex;flex-direction:column;gap:8px}.samp-bar{display:grid;grid-template-columns:80px 1fr 44px;align-items:center;gap:12px;transition:.3s}.samp-bar.is-picked .samp-w{color:var(--accent);font-weight:700}.samp-bar.is-picked .samp-track i{background:var(--accent)}.samp-w{font-family:var(--font-mono);font-size:.92rem;color:var(--ink)}.samp-track{height:18px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;overflow:hidden}.samp-track i{display:block;height:100%;background:color-mix(in oklch,var(--accent) 55%,var(--ink-mute));border-radius:5px;transition:width .3s}.samp-p{text-align:right;font-family:var(--font-mono);font-size:.84rem;color:var(--ink-mute)}.samp-foot{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:18px}.samp-result{font-family:var(--font-serif);font-size:1.05rem;color:var(--ink)}.cost-rows{display:flex;flex-direction:column;gap:6px;margin-bottom:18px}.cost-row{display:grid;grid-template-columns:120px 1fr 64px;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:11px 14px;cursor:pointer;font:inherit;color:inherit;text-align:left;transition:.14s}.cost-row:hover{border-color:var(--accent)}.cost-row.is-open{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 7%,var(--surface))}.cost-tag{font-family:var(--font-sans);font-size:.9rem;font-weight:500;color:var(--ink)}.cost-track{height:12px;background:var(--surface-2);border-radius:6px;overflow:hidden}.cost-track i{display:block;height:100%;background:var(--accent);border-radius:6px;transition:width .3s}.cost-n{font-family:var(--font-mono);font-size:.84rem;color:var(--ink-mute);text-align:right}.cost-detail{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:18px}.cost-src{font-family:var(--font-serif);font-size:1.1rem;margin-bottom:14px;color:var(--ink)}.cost-note{font-size:.82rem;margin-top:14px;line-height:1.5}.poly-ctxs{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.poly-ctx{font-family:var(--font-serif);font-size:1.02rem;text-align:left;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:13px 16px;cursor:pointer;transition:.14s}.poly-ctx:hover{border-color:var(--accent)}.poly-ctx.on{border-color:var(--accent);background:color-mix(in oklch,var(--accent) 8%,var(--surface));color:var(--ink)}.poly-stage{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:8px}.poly-word circle{fill:var(--accent);stroke:var(--ink);stroke-width:2;transition:cx .6s cubic-bezier(.4,0,.2,1),cy .6s cubic-bezier(.4,0,.2,1)}.poly-word text{font-family:var(--font-mono);font-size:15px;font-weight:700;fill:var(--ink);transition:x .6s cubic-bezier(.4,0,.2,1),y .6s cubic-bezier(.4,0,.2,1)}.poly-info{margin-top:14px;font-family:var(--font-body);font-size:.98rem;line-height:1.55;color:var(--ink-soft)}.poly-info b{color:var(--accent);font-family:var(--font-mono);font-size:.92rem}.emo-bars{display:flex;flex-direction:column;gap:9px;margin:18px 0 6px}.emo-bar{display:grid;grid-template-columns:96px 1fr 44px;align-items:center;gap:12px}.emo-label{font-family:var(--font-sans);font-size:.9rem;color:var(--ink-soft)}.emo-track{height:16px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;overflow:hidden}.emo-track i{display:block;height:100%;border-radius:5px;transition:width .35s;background:var(--ink-mute)}.emo-bar--joy .emo-track i{background:var(--accent)}.emo-bar--sad .emo-track i{background:var(--c-sub)}.emo-bar--anger .emo-track i{background:#d9434e}.emo-bar--fear .emo-track i{background:#7a59c0}.emo-bar--surprise .emo-track i{background:var(--c-char)}.emo-bar.is-top .emo-label{font-weight:700;color:var(--ink)}.emo-p{font-family:var(--font-mono);font-size:.84rem;color:var(--ink-mute);text-align:right}.emo-note{font-size:.82rem;margin-top:12px;line-height:1.5}.perp-steps{display:flex;flex-direction:column;gap:6px;margin:16px 0}.perp-step{display:grid;grid-template-columns:120px 1fr 56px;align-items:center;gap:12px;font-family:var(--font-mono);font-size:.88rem}.perp-w{color:var(--ink)}.perp-track{height:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:6px;overflow:hidden}.perp-track i{display:block;height:100%;background:var(--accent);border-radius:5px;transition:width .3s}.perp-p{text-align:right;color:var(--ink-mute)}.perp-result{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;background:var(--surface);border:1px solid var(--accent);border-radius:12px;padding:16px 20px;margin-top:6px}.perp-num{font-family:var(--font-mono);font-weight:700;font-size:1.6rem;color:var(--accent)}.perp-verdict{font-family:var(--font-body);font-size:1rem;color:var(--ink-soft)}.perp-note{font-size:.82rem;margin-top:12px;line-height:1.5}.mask-grid-wrap{margin:16px 0;overflow-x:auto}.mask-corner{font-family:var(--font-mono);font-size:.7rem;color:var(--ink-mute);margin-bottom:8px}.mask-grid{display:grid;grid-template-columns:repeat(calc(var(--n) + 1),minmax(54px,1fr));gap:4px;min-width:340px}.mask-cell{aspect-ratio:1.6/1;display:grid;place-items:center;border-radius:7px;font-family:var(--font-mono);font-size:.82rem}.mask-head{background:transparent;color:var(--ink-mute);font-size:.78rem}.mask-cell.ok{background:var(--accent);color:var(--accent-on)}.mask-cell.no{background:var(--surface-2);color:var(--ink-mute);border:1px solid var(--line)}.mask-note{font-size:.84rem;margin-top:8px;line-height:1.55}.kp-slider{margin:14px 0 18px}.kp-bar{display:grid;grid-template-columns:80px 1fr 76px;align-items:center;gap:12px;transition:opacity .25s}.kp-bar.is-cut{opacity:.32}.kp-bar.is-cut .samp-track i{background:var(--ink-mute)}.kp-p{font-family:var(--font-mono);font-size:.8rem;color:var(--ink-mute);text-align:right}.kp-bar.is-cut .kp-p{font-style:italic}.kp-note{font-size:.84rem;margin-top:14px;line-height:1.55}@media (max-width:680px){.cab-grid{grid-template-columns:1fr;justify-items:center;text-align:center}.cab-stats{width:100%}}@media (max-width:560px){.stats{gap:8px}.stat{min-width:calc(50% - 4px)}.quiz-result{flex-direction:column;align-items:flex-start;gap:12px}.next-card{flex-direction:column;align-items:flex-start}}.role-seg{display:flex;gap:6px;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;padding:3px}.role-seg-btn{flex:1;background:none;border:0;padding:9px 12px;border-radius:7px;cursor:pointer;font-family:var(--font-sans);font-size:.9rem;font-weight:500;color:var(--ink-soft);transition:.14s}.role-seg-btn:hover{color:var(--ink)}.role-seg-btn.on{background:var(--accent);color:var(--accent-on);box-shadow:var(--shadow)}.teach{max-width:980px;margin:0 auto;padding:clamp(24px,4vw,44px) var(--pad) 50px}.teach-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:24px}.teach-title{font-family:var(--font-serif);font-weight:600;font-size:1.8rem;margin:0;line-height:1.1}.teach-sub{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-mute);margin-top:6px}.teach-filter{flex-wrap:wrap}.teach-empty{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:24px;color:var(--ink-soft);font-family:var(--font-body)}.teach-empty p{margin:0 0 10px}.teach-empty p:last-child{margin-bottom:0}.teach-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:34px}.kpi{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:18px 20px}.kpi-val{font-family:var(--font-mono);font-weight:700;font-size:1.8rem;color:var(--accent);line-height:1}.kpi-label{font-family:var(--font-sans);font-size:.78rem;color:var(--ink-mute);margin-top:7px}.teach-section-h{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-mute);margin:0 0 14px 2px}.teach-lessonbars{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-bottom:34px}.tlb{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:14px 16px}.tlb-top{display:flex;align-items:baseline;gap:8px;margin-bottom:10px}.tlb-n{font-family:var(--font-mono);font-size:.78rem;font-weight:700;color:var(--accent)}.tlb-title{font-family:var(--font-sans);font-size:.86rem;font-weight:600;line-height:1.2}.tlb-track{height:8px;background:var(--surface-2);border-radius:5px;overflow:hidden;margin-bottom:8px}.tlb-track i{display:block;height:100%;background:var(--accent);border-radius:5px;transition:width .4s}.tlb-meta{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-mute)}.teach-table{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:13px;overflow:hidden;background:var(--surface)}.tt-head,.tt-row{display:grid;grid-template-columns:2.2fr 1fr 1.6fr .9fr 1.1fr;align-items:center;gap:12px;padding:13px 18px}.tt-head{background:var(--surface-2);font-family:var(--font-mono);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute);border-bottom:1px solid var(--line)}.tt-row{background:none;border:0;border-bottom:1px solid var(--line);cursor:pointer;font:inherit;color:inherit;text-align:left;transition:.12s}.tt-row:last-child{border-bottom:0}.tt-row:hover{background:var(--surface-2)}.tt-name{display:flex;align-items:center;gap:10px;font-family:var(--font-sans);font-weight:600;font-size:.92rem}.tt-ava{width:30px;height:30px;flex:0 0 auto;border-radius:50%;background:color-mix(in oklch,var(--accent) 18%,var(--surface));color:var(--accent);display:grid;place-items:center;font-family:var(--font-mono);font-weight:700;font-size:.68rem}.tt-group{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-mute)}.tt-prog{display:flex;align-items:center;gap:9px}.tt-bar{flex:1;height:7px;background:var(--surface-2);border-radius:4px;overflow:hidden}.tt-bar i{display:block;height:100%;background:var(--accent);border-radius:4px}.tt-prog-n{font-family:var(--font-mono);font-size:.76rem;color:var(--ink-mute)}.tt-score{font-family:var(--font-mono);font-size:.9rem;font-weight:600;color:var(--ink)}.tt-act{font-family:var(--font-sans);font-size:.8rem;color:var(--ink-mute)}.tdrawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:60;display:flex;justify-content:flex-end}.tdrawer{width:min(440px,92vw);height:100%;background:var(--bg);border-left:1px solid var(--line);padding:26px;overflow-y:auto;box-shadow:var(--shadow);animation:slideIn .25s ease}@keyframes slideIn{0%{transform:translate(20px);opacity:.6}to{transform:none;opacity:1}}.tdrawer-head{display:flex;align-items:center;gap:14px;margin-bottom:20px}.tdrawer-head .icon-btn{margin-left:auto}.tdrawer-stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:22px}.tdrawer-list{display:flex;flex-direction:column;gap:7px}.tdrawer-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px}.tdrawer-n{font-family:var(--font-mono);font-size:.82rem;font-weight:700;color:var(--ink-mute)}.tdrawer-row--done .tdrawer-n{color:var(--accent)}.tdrawer-t{font-family:var(--font-sans);font-size:.9rem}.tdrawer-q{font-family:var(--font-mono);font-size:.82rem;color:var(--ink-soft)}@media (max-width:680px){.teach-kpis{grid-template-columns:1fr 1fr}.tt-head{display:none}.tt-row{grid-template-columns:1fr auto;gap:8px 12px}.tt-group,.tt-prog{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important}}