@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--sb-bg: #0d0d14;--sb-border: #1e1e2a;--sb-text: #7878a0;--sb-text-active: #eeeef8;--sb-hover: #17172280;--sb-accent: #818cf8;--bg: #f4f4f8;--surface: #ffffff;--border: #e6e6ef;--text: #16161e;--muted: #6e6e88;--accent: #4f46e5;--accent-light: #6366f1;--accent-bg: #eef0ff;--accent-grad: linear-gradient(135deg, #4f46e5, #7c3aed);--example-bg: #f0f4ff;--example-border: #c7d0f8;--example-text: #312e81;--misconception-bg: #fffbeb;--misconception-border: #fcd34d;--misconception-text: #78350f;--stakes-bg: #f0fdf4;--stakes-border: #86efac;--stakes-text: #14532d;--formalism-bg: #0f0f1a;--formalism-border: #252538;--formalism-text: #c4cfff;--lvl-0: #06b6d4;--lvl-1: #10b981;--lvl-2: #f59e0b;--lvl-3: #8b5cf6;--lvl-4: #ef4444;--arc-mechanistic: #4f46e5;--arc-mechanistic-bg: #eef0ff;--arc-meaning: #059669;--arc-meaning-bg: #ecfdf5;--radius: 12px;--radius-sm: 8px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 16px rgba(0,0,0,.08), 0 1px 4px rgba(0,0,0,.05);--font: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font);background:var(--sb-bg);color:var(--text);line-height:1.65;-webkit-font-smoothing:antialiased}.app{display:grid;grid-template-rows:56px 1fr;height:100vh;overflow:hidden}.topbar{background:var(--sb-bg);border-bottom:1px solid var(--sb-border);display:flex;align-items:stretch;padding:0 1.5rem 0 0;gap:0;z-index:30}.topbar-title{font-size:.875rem;font-weight:600;color:var(--sb-text-active);letter-spacing:-.02em;white-space:nowrap;padding:0 1.5rem;display:flex;align-items:center;border-right:1px solid var(--sb-border);min-width:220px}.topbar-title span{background:var(--accent-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.topbar-tabs{display:flex;align-items:stretch;gap:0;padding:0 .5rem}.topbar-tab{background:none;border:none;border-bottom:2px solid transparent;color:var(--sb-text);font-size:.8125rem;font-family:var(--font);font-weight:500;padding:0 1rem;cursor:pointer;transition:color .15s,border-color .15s;display:flex;align-items:center}.topbar-tab:hover{color:var(--sb-text-active)}.topbar-tab.active{color:var(--sb-text-active);border-bottom-color:var(--sb-accent)}.main-area{display:grid;grid-template-columns:220px 1fr;overflow:hidden}.sidebar{background:var(--sb-bg);border-right:1px solid var(--sb-border);overflow-y:auto;display:flex;flex-direction:column}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:transparent}.sidebar::-webkit-scrollbar-thumb{background:var(--sb-border);border-radius:2px}.sidebar-arc-tabs{display:flex;border-bottom:1px solid var(--sb-border);flex-shrink:0}.sidebar-arc-tab{flex:1;font-size:.7rem;font-family:var(--font);font-weight:600;padding:.75rem .5rem;border:none;border-bottom:2px solid transparent;background:transparent;color:var(--sb-text);cursor:pointer;transition:color .15s,border-color .15s;letter-spacing:.01em;text-align:center}.sidebar-arc-tab:hover{color:var(--sb-text-active)}.sidebar-arc-tab.active{color:var(--sb-text-active);border-bottom-color:var(--sb-accent)}.arc-group{padding-bottom:.75rem}.arc-header{padding:1.25rem 1rem .375rem;font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#44445a}.nav-item{display:flex;align-items:center;gap:.625rem;padding:.45rem 1rem;cursor:pointer;font-size:.8125rem;color:var(--sb-text);transition:color .12s,background .12s;line-height:1.3;border-radius:0;position:relative}.nav-item:hover{color:var(--sb-text-active);background:#14141e}.nav-item.active{color:var(--sb-text-active);background:#16162a;font-weight:500}.nav-item.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2px;background:var(--accent-grad);border-radius:0 2px 2px 0}.nav-item-num{font-size:.625rem;color:#3a3a55;font-variant-numeric:tabular-nums;min-width:1.5rem;font-weight:600;letter-spacing:.02em}.nav-item.active .nav-item-num{color:var(--sb-accent)}.content-col{display:flex;flex-direction:column;background:var(--bg);overflow:hidden}.level-area{background:var(--surface);border-bottom:1px solid var(--border);padding:1rem 2rem;flex-shrink:0;z-index:10;box-shadow:var(--shadow-sm)}.level-slider-wrap{display:flex;flex-direction:column;gap:.5rem;max-width:680px}.level-row{display:flex;align-items:center;justify-content:space-between;gap:1rem}.level-name{font-size:.8rem;font-weight:700;background:var(--accent-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.01em}.level-audience{font-size:.7375rem;color:var(--muted)}.level-dots{display:flex;gap:4px;align-items:center}.level-dot{flex:1;height:4px;border-radius:9999px;background:var(--border);cursor:pointer;transition:background .2s,height .15s;position:relative}.level-dot:after{content:attr(data-label);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);font-size:.58rem;color:var(--muted);white-space:nowrap;font-weight:500;letter-spacing:.01em}.level-dot:hover{height:6px;background:color-mix(in srgb,var(--accent) 40%,var(--border))}.level-dot.active{background:var(--accent-grad);height:6px}.level-slider-native{display:none}.content{overflow-y:auto;padding:2.25rem 2rem 4rem;flex:1}.content::-webkit-scrollbar{width:5px}.content::-webkit-scrollbar-track{background:transparent}.content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.content-inner{max-width:680px}.module-header{margin-bottom:2.25rem;padding-bottom:1.75rem;border-bottom:1px solid var(--border)}.arc-badge{display:inline-flex;align-items:center;gap:.375rem;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.2rem .625rem;border-radius:9999px;margin-bottom:1rem}.arc-badge--mechanistic{background:var(--arc-mechanistic-bg);color:var(--arc-mechanistic)}.arc-badge--meaning{background:var(--arc-meaning-bg);color:var(--arc-meaning)}.module-title{font-size:1.75rem;font-weight:800;color:var(--text);letter-spacing:-.03em;line-height:1.2;margin-bottom:.625rem}.module-objective{font-size:.9rem;color:var(--muted);line-height:1.65;margin-bottom:1.125rem}.module-terms{display:flex;flex-wrap:wrap;gap:.375rem}.term-chip{font-size:.6875rem;font-weight:500;background:var(--accent-bg);color:var(--accent);padding:.2rem .625rem;border-radius:9999px;cursor:pointer;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);transition:border-color .12s,background .12s}.term-chip:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.beat{margin-bottom:1.375rem;font-size:.9375rem;line-height:1.75;color:var(--text)}.beat-title{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.beat-hook{font-size:1.15rem;font-weight:500;color:var(--text);line-height:1.65;padding-bottom:.25rem;letter-spacing:-.01em}.beat-explain{color:var(--text)}.beat-example{background:var(--example-bg);border:1px solid var(--example-border);border-left:3px solid var(--accent-light);border-radius:var(--radius);padding:1.125rem 1.25rem;color:var(--example-text);box-shadow:var(--shadow-sm)}.beat-example .beat-title{color:var(--accent)}.beat-misconception{background:var(--misconception-bg);border:1px solid var(--misconception-border);border-left:3px solid #f59e0b;border-radius:var(--radius);padding:1.125rem 1.25rem;color:var(--misconception-text);box-shadow:var(--shadow-sm)}.beat-misconception .beat-title{color:#92400e}.beat-misconception .beat-title:before{content:"⚠ "}.beat-stakes{background:var(--stakes-bg);border:1px solid var(--stakes-border);border-left:3px solid #22c55e;border-radius:var(--radius);padding:1.125rem 1.25rem;color:var(--stakes-text);box-shadow:var(--shadow-sm)}.beat-stakes .beat-title{color:#15803d}.beat-stakes .beat-title:before{content:"→ "}.beat-formalism{background:var(--formalism-bg);border:1px solid var(--formalism-border);border-radius:var(--radius);padding:1.25rem 1.5rem;color:var(--formalism-text);font-size:.875rem;line-height:1.75;box-shadow:0 2px 8px #00000026}.beat-formalism .beat-title{color:#7878c8;text-transform:none;font-size:.75rem;letter-spacing:.06em}.beat-formalism .katex{color:#c4cfff}.beat-formalism .katex-display{text-align:center;padding:.5rem 0}.beat-explain .katex-display,.beat-example .katex-display,.beat-hook .katex-display{overflow-x:auto;padding:.5rem 0}.check-box{border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin-top:.5rem;background:var(--surface);box-shadow:var(--shadow-sm)}.check-label{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent);margin-bottom:.75rem}.check-question{font-size:.9375rem;font-weight:600;color:var(--text);margin-bottom:1rem;line-height:1.55;letter-spacing:-.01em}.check-options{display:flex;flex-direction:column;gap:.5rem}.check-option{padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;font-family:var(--font);text-align:left;background:var(--bg);color:var(--text);transition:border-color .15s,background .15s,box-shadow .15s;line-height:1.5}.check-option:hover:not(:disabled){border-color:var(--accent);background:var(--accent-bg);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.check-option:disabled{cursor:default}.check-option.correct{background:#f0fdf4;border-color:#4ade80;color:#15803d;font-weight:500}.check-option.wrong{background:#fff1f2;border-color:#f87171;color:#b91c1c}.check-explanation{margin-top:1rem;font-size:.85rem;color:var(--muted);line-height:1.65;padding:.875rem 1.125rem;background:var(--bg);border-radius:var(--radius-sm);border-left:3px solid var(--accent)}.glossary-term{color:var(--accent);cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px;text-decoration-color:color-mix(in srgb,var(--accent) 50%,transparent);transition:text-decoration-color .12s}.glossary-term:hover{text-decoration-color:var(--accent)}.glossary-term.missing-term{color:#dc2626;text-decoration-color:#dc2626}.beat-formalism .glossary-term{color:#a0a8f8}.popover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100}.popover{position:fixed;z-index:101;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 32px #0000001f,0 2px 8px #0000000f;padding:1rem 1.125rem;max-width:300px;font-size:.85rem}.popover-term{font-size:.8125rem;font-weight:700;color:var(--text);margin-bottom:.4rem}.popover-short{color:var(--text);line-height:1.55}.popover-long{color:var(--muted);margin-top:.5rem;line-height:1.55;font-size:.8rem}.popover-see-also{margin-top:.625rem;font-size:.75rem;color:var(--accent);display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.popover-see-also-label{color:var(--muted)}.ref-content,.ped-content{padding:2rem 2rem 4rem;max-width:720px;overflow-y:auto;flex:1}.ref-content::-webkit-scrollbar,.ped-content::-webkit-scrollbar{width:5px}.ref-content::-webkit-scrollbar-thumb,.ped-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.section-title{font-size:1.25rem;font-weight:700;color:var(--text);margin-bottom:.25rem;letter-spacing:-.02em}.section-subtitle{font-size:.875rem;color:var(--muted);margin-bottom:1.75rem}.topic-group{margin-bottom:2rem}.topic-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.75rem;padding-bottom:.375rem;border-bottom:1px solid var(--border)}.source-item{margin-bottom:.875rem;font-size:.85rem;line-height:1.55;display:flex;gap:.5rem;align-items:baseline}.source-dot{width:4px;height:4px;border-radius:50%;background:var(--border);flex-shrink:0;margin-top:.55rem}.source-body{flex:1}.source-authors{color:var(--muted)}.source-title{font-weight:500;color:var(--text)}.source-venue{color:var(--muted);font-style:italic}.source-link{color:var(--accent);margin-left:.25rem;font-size:.8rem}.fr-content{padding:2rem 2rem 4rem;max-width:860px;overflow-y:auto;flex:1}.fr-content::-webkit-scrollbar{width:5px}.fr-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.fr-header{margin-bottom:2.25rem}.fr-filters{display:flex;flex-direction:column;gap:.625rem;margin-top:1.25rem}.fr-filter-group{display:flex;flex-wrap:wrap;gap:.375rem}.fr-filter-btn{font-size:.7rem;font-weight:500;font-family:var(--font);padding:.3rem .75rem;border-radius:9999px;border:1.5px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;transition:all .15s}.fr-filter-btn:hover{color:var(--text);border-color:var(--accent)}.fr-filter-btn.active{background:var(--accent-bg);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 30%,transparent);font-weight:600}.fr-group{margin-bottom:2.5rem}.fr-group-header{margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.fr-group-title{font-size:1rem;font-weight:700;color:var(--text);letter-spacing:-.02em;margin-bottom:.25rem}.fr-group-desc{font-size:.825rem;color:var(--muted);line-height:1.5}.fr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.875rem}.fr-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.125rem 1.25rem;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;gap:.375rem;transition:box-shadow .15s,border-color .15s}.fr-card:hover{box-shadow:var(--shadow-md);border-color:color-mix(in srgb,var(--accent) 25%,var(--border))}.fr-card-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.125rem}.fr-type{display:flex;align-items:center;gap:.3rem;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.fr-type-icon{font-size:.75rem}.fr-level{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;margin-left:auto}.fr-free{font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;background:#f0fdf4;color:#15803d;border:1px solid #86efac;padding:.1rem .4rem;border-radius:9999px}.fr-card-title{font-size:.9rem;font-weight:600;color:var(--text);line-height:1.4;letter-spacing:-.01em}.fr-title-link{color:var(--text);text-decoration:none;transition:color .12s}.fr-title-link:hover{color:var(--accent)}.fr-card-author{font-size:.775rem;color:var(--muted)}.fr-card-desc{font-size:.825rem;color:var(--muted);line-height:1.6;margin-top:.25rem}.fr-empty{color:var(--muted);font-size:.875rem;padding:2rem 0;text-align:center}.gl-content{padding:2rem 2rem 4rem;max-width:820px;overflow-y:auto;flex:1}.gl-content::-webkit-scrollbar{width:5px}.gl-content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.gl-header{margin-bottom:1.5rem}.gl-search{width:100%;padding:.625rem .875rem;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);font-size:.875rem;font-family:var(--font);margin-top:1rem;outline:none;transition:border-color .15s,box-shadow .15s}.gl-search:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 10%,transparent)}.gl-letters{display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.75rem}.gl-letter-btn{font-size:.7rem;font-weight:600;font-family:var(--font);width:1.75rem;height:1.75rem;border:1.5px solid var(--border);border-radius:6px;background:var(--surface);color:var(--muted);cursor:pointer;transition:all .12s;display:flex;align-items:center;justify-content:center}.gl-letter-btn:hover{color:var(--accent);border-color:var(--accent)}.gl-letter-btn.active{background:var(--accent-bg);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 35%,transparent)}.gl-count{font-size:.75rem;color:var(--muted);margin-bottom:1.25rem}.gl-entries{display:flex;flex-direction:column;gap:0}.gl-entry{padding:1.125rem 0;border-bottom:1px solid var(--border);scroll-margin-top:1rem}.gl-entry:first-child{border-top:1px solid var(--border)}.gl-entry-term{font-size:.9375rem;font-weight:700;color:var(--text);letter-spacing:-.01em;margin-bottom:.3rem}.gl-entry-short{font-size:.875rem;color:var(--text);line-height:1.6}.gl-entry-long{font-size:.825rem;color:var(--muted);line-height:1.65;margin-top:.375rem}.gl-entry-see-also{margin-top:.5rem;font-size:.775rem;color:var(--muted)}.gl-see-also-label{color:var(--muted)}.gl-see-also-link{background:none;border:none;color:var(--accent);font-size:inherit;font-family:var(--font);cursor:pointer;padding:0;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.gl-see-also-link:hover{text-decoration-style:solid}.gl-empty{color:var(--muted);font-size:.875rem;padding:2rem 0;text-align:center}.ped-principle{margin-bottom:1.75rem;padding:1.125rem 1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.ped-principle-name{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin-bottom:.375rem}.ped-claim{font-size:.9375rem;font-weight:600;color:var(--text);margin-bottom:.5rem;line-height:1.4}.ped-rationale{font-size:.875rem;color:var(--muted);line-height:1.65;margin-bottom:.875rem}.ped-sources{display:flex;flex-direction:column;gap:.25rem}.ped-source{font-size:.78rem;color:var(--muted)}.scaffold-banner{display:none}.mobile-drawer-backdrop{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;z-index:40;opacity:0;pointer-events:none;transition:opacity .2s}.mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;top:0;left:0;bottom:0;width:260px;z-index:41;background:var(--sb-bg);transform:translate(-100%);transition:transform .25s cubic-bezier(.4,0,.2,1);overflow-y:auto}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-close{position:sticky;top:0;display:flex;justify-content:flex-end;align-items:center;padding:.6rem .75rem;background:var(--sb-bg);border-bottom:1px solid var(--sb-border);z-index:1;width:100%;border-left:none;border-right:none;border-top:none;color:#9090b0;font-size:1rem;cursor:pointer;line-height:1}.mobile-drawer-close:hover{color:#e8e8f8}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;z-index:50;background:#0c0c12;border-top:1px solid #22222e;height:56px;align-items:stretch}.mobile-nav-btn{flex:1;background:none;border:none;color:#60607a;font-size:.6rem;font-family:var(--font);font-weight:500;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:pointer;transition:color .15s;padding:0;letter-spacing:.02em;text-transform:uppercase}.mobile-nav-btn:active{opacity:.7}.mobile-nav-btn.active{color:#e8e8f8}.mobile-nav-icon{font-size:1.05rem;line-height:1;font-style:normal}@media (max-width: 768px){.main-area{grid-template-columns:1fr}.main-area>.sidebar{display:none}.mobile-drawer-backdrop{display:block}.mobile-nav{display:flex}.content,.ref-content,.ped-content{padding:1.25rem 1rem 5rem}.level-area{padding:.75rem 1rem}.level-row{gap:.5rem}.level-name{font-size:.75rem;white-space:nowrap}.level-audience{font-size:.7rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.module-title{font-size:1.2rem}.beat{font-size:.9rem}.beat-hook{font-size:1rem}.content-inner{max-width:100%}.topbar-title{font-size:.8rem}.topbar-tabs{display:none}.level-dots{margin-bottom:.75rem}.level-dot:after{display:none}.popover{max-width:calc(100vw - 2rem)}.check-option{font-size:.825rem}}@media (min-width: 769px){.mobile-nav{display:none}.mobile-drawer-backdrop,.mobile-drawer{display:none!important}}