:root{--font-display:"Sora","Avenir Next","Segoe UI",sans-serif;--font-body:"IBM Plex Sans","Avenir Next","Segoe UI",sans-serif;--font-code:"JetBrains Mono","SFMono-Regular",Menlo,monospace;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--shadow-soft:0 14px 30px rgba(5,14,24,0.08);--shadow-strong:0 20px 46px rgba(2,10,18,0.18);--anim-fast:180ms;--anim-medium:280ms;--accent:#0ea5a0;--accent-strong:#08908c;--accent-soft:rgba(14,165,160,0.18);--bg:#f6f8fc;--bg-elev:#ffffff;--bg-muted:#eef2f7;--bg-strong:#dde5f1;--text:#102133;--text-muted:#5f738a;--text-soft:#7f93a9;--border:#d7e0ea;--focus:#2563eb;--success:#17803d;--warning:#a0610b;--danger:#b5232f;--info:#0359ad}html[data-theme="dark"]{--bg:#0a1118;--bg-elev:#111d29;--bg-muted:#152433;--bg-strong:#1a2d3f;--text:#f3f8ff;--text-muted:#b9c6d8;--text-soft:#93a5bc;--border:#274058;--focus:#67b9ff;--shadow-soft:0 18px 34px rgba(0,0,0,0.3);--shadow-strong:0 24px 52px rgba(0,0,0,0.46)}html[data-accent="teal"]{--accent:#0ea5a0;--accent-strong:#0b8b86;--accent-soft:rgba(14,165,160,0.2)}html[data-accent="blue"]{--accent:#2365e6;--accent-strong:#1d54be;--accent-soft:rgba(35,101,230,0.2)}html[data-accent="amber"]{--accent:#c17b12;--accent-strong:#9f640f;--accent-soft:rgba(193,123,18,0.22)}html[data-accent="gray"]{--accent:#6b7280;--accent-strong:#4b5563;--accent-soft:rgba(107,114,128,0.22)}html[data-accent="rose"]{--accent:#d13f67;--accent-strong:#b63157;--accent-soft:rgba(209,63,103,0.22)}html[data-font-size="compact"]{font-size:15px}html[data-font-size="default"]{font-size:16px}html[data-font-size="comfortable"]{font-size:17px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at top right,color-mix(in srgb,var(--accent) 13%,transparent) 0%,transparent 50%),radial-gradient(circle at bottom left,rgba(255,255,255,0.08) 0%,transparent 40%),var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.65}a,button,input,select,textarea{font:inherit}a{color:var(--accent);text-decoration-thickness:1px}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.skip-link{position:absolute;left:-999px;top:0;background:var(--bg-elev);color:var(--text);border:1px solid var(--border);padding:var(--space-3) var(--space-4);border-radius:999px;z-index:1000}.skip-link:focus{left:var(--space-4);top:var(--space-4)}.app-shell{min-height:100vh;display:block}.brand,.row{display:flex;align-items:center;gap:var(--space-3)}.brand-mark{width:40px;height:40px;border-radius:0;background:transparent;color:var(--accent);display:grid;place-items:center;font-size:1.65rem;line-height:1}.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-family:var(--font-display);letter-spacing:0.01em}.brand-copy span{color:var(--text-soft);font-size:0.82rem}.button,.icon-btn,.tab,.bottom-item,.bookmark-btn,.nav-item,.course-link{transition:all var(--anim-fast)}.topbar-brand{justify-self:start}.main-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.nav-item{border:1px solid var(--border);background:var(--bg-elev);color:var(--text-muted);border-radius:999px;padding:9px 14px;display:flex;align-items:center;justify-content:center;gap:8px;width:auto;text-align:center;white-space:nowrap}.nav-item:hover{background:var(--bg-muted);color:var(--text)}.nav-item.is-active{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:var(--accent-soft)}.user-mini{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-muted);padding:var(--space-3);min-height:66px}.topbar-center{display:grid;justify-items:center;gap:var(--space-2)}.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(12px);padding:var(--space-4) var(--space-5);display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-4);transition:transform var(--anim-medium),border-color var(--anim-fast)}.topbar.is-hidden{transform:translateY(calc(-100% - 8px))}.topbar-title{display:none;font-family:var(--font-display);font-size:0.76rem;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:var(--text-soft)}.topbar-actions{display:flex;align-items:center;justify-self:end;gap:var(--space-2)}.icon-btn{border:1px solid var(--border);background:var(--bg-elev);color:var(--text-muted);border-radius:10px;min-width:38px;min-height:38px;display:grid;place-items:center}.icon-btn:hover{color:var(--text);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.icon-shell{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.icon-svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.only-mobile{display:none}main{flex:1;padding:var(--space-6)}#view-root{max-width:1320px;margin:0 auto;display:grid;gap:var(--space-6)}body[data-route="reader"] main{padding-inline:var(--space-5)}body[data-route="reader"] #view-root{max-width:none;margin:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap}.section-head h1,.section-head h2,.section-head h3{margin:0;font-family:var(--font-display);letter-spacing:0.01em}.section-head p,.inline-note,.empty-state,.error-state{color:var(--text-muted)}.surface,.card{border:1px solid var(--border);background:var(--bg-elev);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.card{padding:var(--space-5)}.grid{display:grid;gap:var(--space-4)}.grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.kpi{display:grid;gap:var(--space-2)}.kpi .value{font-size:1.6rem;font-weight:700;font-family:var(--font-display)}.kpi .label{color:var(--text-muted);font-size:0.92rem}.badge{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 10px;font-size:0.77rem;border:1px solid var(--border);color:var(--text-muted);background:var(--bg-muted)}.badge.success{border-color:color-mix(in srgb,var(--success) 50%,transparent);background:color-mix(in srgb,var(--success) 16%,transparent);color:color-mix(in srgb,var(--success) 80%,#fff 20%)}.badge.info{border-color:color-mix(in srgb,var(--info) 45%,transparent);background:color-mix(in srgb,var(--info) 16%,transparent);color:color-mix(in srgb,var(--info) 80%,#fff 20%)}.button,.course-link{border:1px solid var(--border);background:var(--bg-elev);color:var(--text);border-radius:var(--radius-sm);padding:9px 14px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.button:hover,.course-link:hover{transform:translateY(-1px)}.button.primary,.course-link.primary{background:var(--accent);border-color:var(--accent-strong);color:#fff}.button.primary:hover,.course-link.primary:hover{background:var(--accent-strong)}.button.ghost{background:transparent}.button.danger{border-color:color-mix(in srgb,var(--danger) 55%,transparent);background:color-mix(in srgb,var(--danger) 14%,transparent);color:color-mix(in srgb,var(--danger) 82%,#fff 18%)}.input,.select,.textarea{width:100%;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:12px;padding:10px 12px}.textarea{min-height:96px;resize:vertical}.field{display:grid;gap:8px}.field label{color:var(--text-muted);font-size:0.88rem}.stat-bar{height:9px;border-radius:999px;background:var(--bg-muted);overflow:hidden}.stat-bar > span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 70%,#fff 30%));width:0;transition:width 420ms ease}.quote-box{overflow:hidden}.quote-copy{display:grid;gap:var(--space-3);min-height:124px}.quote-text{margin:0;font-size:1.08rem;font-family:var(--font-display)}.quote-author{color:var(--text-soft);margin:0}.quote-copy.anim{animation:quoteSwap 560ms ease}@keyframes quoteSwap{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}.course-card{display:grid;gap:var(--space-3);padding:var(--space-5)}.course-list-rows{display:grid;gap:var(--space-3)}.course-row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,0.9fr);gap:var(--space-5);padding:var(--space-5);text-decoration:none;color:inherit;align-items:start}.course-row:hover{border-color:color-mix(in srgb,var(--accent) 45%,transparent);transform:translateY(-1px)}.course-row-main{display:grid;gap:var(--space-3)}.course-head{display:flex;justify-content:space-between;align-items:start;gap:var(--space-3)}.course-head h3{margin:0}.course-meta{display:flex;flex-wrap:wrap;gap:8px}.course-meta .pill{border-radius:999px;border:1px solid var(--border);padding:2px 10px;font-size:0.78rem;color:var(--text-soft)}.row.between{justify-content:space-between}.course-preview{display:grid;gap:12px;margin:0;padding:0;color:var(--text-muted);list-style:none}.course-outline{border-left:1px solid var(--border);padding-left:var(--space-5);display:grid;gap:var(--space-3)}.course-outline-row{display:grid;gap:6px}.course-outline-level{font-size:0.78rem;letter-spacing:0.08em;text-transform:uppercase;color:var(--text-soft)}.course-outline-items{line-height:1.55}.level-block{border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-elev)}.level-head{padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.level-head button{background:transparent;border:0;color:inherit;font:inherit;font-weight:600;display:flex;align-items:center;gap:var(--space-2)}.level-content{border-top:1px solid var(--border);padding:var(--space-3) var(--space-4) var(--space-4);display:grid;gap:var(--space-2)}.material-item{border:1px solid var(--border);border-radius:12px;padding:9px 12px;display:grid;gap:8px;background:var(--bg)}.material-item-link{cursor:pointer;transition:border-color var(--anim-fast),transform var(--anim-fast),box-shadow var(--anim-fast)}.material-item-link:hover{border-color:color-mix(in srgb,var(--accent) 42%,transparent);transform:translateY(-1px)}.material-item-link:focus-visible{border-color:var(--focus)}.material-row{display:grid;gap:8px;text-decoration:none;color:inherit;padding:2px 0}.material-head{display:flex;justify-content:space-between;align-items:start;gap:var(--space-3)}.material-status{font-size:0.82rem;color:var(--text-soft);display:flex;align-items:center;gap:8px}.material-status .dot,.side-link .dot{width:10px;height:10px;border-radius:50%;background:var(--bg-strong);display:inline-block}.material-status .dot.done,.side-link .dot.done{background:var(--success)}.material-status .dot.active,.side-link .dot.active{background:var(--accent)}.bookmark-btn{border:0;background:transparent;color:var(--text-soft);border-radius:9px;width:34px;height:34px;display:grid;place-items:center}.bookmark-btn.is-bookmarked{color:color-mix(in srgb,var(--accent) 82%,#fff 18%);background:var(--accent-soft);animation:bookmarkPop 260ms ease}@keyframes bookmarkPop{0%{transform:scale(0.82)}80%{transform:scale(1.09)}100%{transform:scale(1)}}.reader-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr) minmax(200px,250px);gap:var(--space-6);align-items:start}.reader-panel{position:sticky;top:84px;max-height:calc(100vh - 100px);overflow:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-elev);padding:var(--space-5);display:grid;gap:var(--space-5)}.reader-content{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elev);padding:var(--space-6);max-width:820px;margin-inline:auto;box-shadow:var(--shadow-soft);display:grid;gap:var(--space-6)}.reader-panel .section-head{margin:0}.reader-panel .section-head h3{margin:0}.reader-content h1,.reader-content h2,.reader-content h3,.reader-content h4{font-family:var(--font-display);line-height:1.3}.reader-content p,.reader-content li,.reader-content td,.reader-content th{font-size:1.02rem}.reader-content code{font-family:var(--font-code);background:var(--bg-muted);border-radius:8px;padding:2px 6px;font-size:0.88em}.reader-content pre{overflow-x:auto;border:1px solid var(--border);border-radius:12px;padding:var(--space-4);background:var(--bg)}.reader-content blockquote{border-left:4px solid var(--accent);margin:var(--space-4) 0;padding:0 var(--space-4);color:var(--text-muted)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{border:1px solid var(--border);padding:8px 10px;text-align:left}th{background:var(--bg-muted)}.toc-list,.side-list{list-style:none;padding:0;margin:0;display:grid;gap:8px}.toc-list button,.side-link{display:block;padding:8px 10px;border-radius:10px;color:var(--text-muted);text-decoration:none}.toc-list button{width:100%;border:0;background:transparent;text-align:left}.side-link{display:flex;align-items:center;gap:8px}.side-status{width:16px;flex:0 0 16px;display:inline-grid;place-items:center;font-size:0.82rem;line-height:1;color:var(--text-soft)}.side-status.done,.side-status.active{color:var(--accent);font-weight:700}.side-group{display:grid;gap:var(--space-3);padding-bottom:var(--space-2)}.side-group + .side-group{border-top:1px solid var(--border);padding-top:var(--space-4)}.side-group-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.toc-list button.active,.side-link.active{background:var(--accent-soft);color:var(--accent)}.reader-footer-nav{margin-top:var(--space-4);display:flex;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--text-soft);font-size:0.86rem}.breadcrumb a{color:inherit;text-decoration:none}.chart-donut{width:140px;height:140px;border-radius:50%;background:conic-gradient(var(--accent) var(--ratio),var(--bg-muted) var(--ratio));display:grid;place-items:center;position:relative}.chart-donut::after{content:"";width:96px;height:96px;border-radius:50%;background:var(--bg-elev);border:1px solid var(--border)}.chart-donut b{position:absolute;font-family:var(--font-display)}.bar-chart{display:grid;gap:var(--space-2)}.bar-row{display:grid;grid-template-columns:130px 1fr 44px;align-items:center;gap:10px}.mini-bar{height:8px;border-radius:999px;background:var(--bg-muted);overflow:hidden}.mini-bar > span{height:100%;display:block;background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 60%,#fff 40%))}.progress-summary{display:grid;gap:var(--space-4);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.progress-text{color:var(--text-soft);font-size:0.92rem;font-weight:600}.progress-stack{display:grid;gap:var(--space-3)}.tabs{display:inline-flex;gap:6px;border:1px solid var(--border);padding:4px;border-radius:999px;background:var(--bg-elev)}.tab{border:0;background:transparent;color:var(--text-muted);border-radius:999px;padding:7px 12px}.tab.is-active{background:var(--accent-soft);color:var(--accent)}.empty-state,.error-state{border:1px dashed var(--border);border-radius:var(--radius-md);padding:var(--space-6);text-align:center}.skeleton{display:block;border-radius:10px;background:linear-gradient(90deg,color-mix(in srgb,var(--bg-muted) 94%,#fff 6%),color-mix(in srgb,var(--bg-strong) 45%,#fff 55%),color-mix(in srgb,var(--bg-muted) 94%,#fff 6%));background-size:220% 100%;animation:shimmer 1.4s linear infinite}@keyframes shimmer{0%{background-position:100% 0}100%{background-position:-100% 0}}.toast-region{position:fixed;right:var(--space-4);bottom:calc(76px + var(--space-4));display:grid;gap:var(--space-2);z-index:80}.toast{min-width:260px;max-width:360px;border:1px solid var(--border);border-left-width:5px;border-left-color:var(--accent);border-radius:12px;background:color-mix(in srgb,var(--accent) 7%,var(--bg-elev) 93%);box-shadow:var(--shadow-strong);padding:var(--space-3) var(--space-4);animation:toastIn 240ms ease}.toast strong{color:var(--accent)}.toast.success,.toast.warning,.toast.error,.toast.info{border-left-color:var(--accent)}.toast.is-leaving{animation:toastOut 220ms ease forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateX(0)}100%{opacity:0;transform:translateX(42px)}}.toast-close,.modal-close{border:0;background:transparent;color:var(--text-soft);float:right}.modal-root{position:fixed;inset:0;pointer-events:none;z-index:100}.modal-overlay{position:absolute;inset:0;background:rgba(3,8,16,0.58);display:grid;place-items:center;pointer-events:all}.modal{width:min(540px,92vw);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg-elev);box-shadow:var(--shadow-strong);padding:var(--space-5);display:grid;gap:var(--space-4)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;border-top:1px solid var(--border);background:color-mix(in srgb,var(--bg-elev) 94%,transparent);backdrop-filter:blur(10px);display:none;grid-template-columns:repeat(5,minmax(0,1fr));z-index:40}.bottom-item{border:0;background:transparent;color:var(--text-muted);min-height:56px}.bottom-item.is-active{color:var(--accent);background:var(--accent-soft)}.avatar-chip{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700}.quiz-wrap{display:grid;gap:var(--space-4)}.quiz-progress{display:grid;gap:8px}.option-list{display:grid;gap:8px}.option-item{border:1px solid var(--border);border-radius:12px;padding:10px 12px;background:var(--bg);display:flex;gap:10px;align-items:center}.option-item.correct{border-color:color-mix(in srgb,var(--success) 52%,transparent);background:color-mix(in srgb,var(--success) 14%,transparent)}.option-item.wrong{border-color:color-mix(in srgb,var(--danger) 52%,transparent);background:color-mix(in srgb,var(--danger) 14%,transparent)}.history-list{display:grid;gap:10px;list-style:none;padding:0;margin:0}.history-item{border:1px solid var(--border);border-radius:12px;padding:var(--space-3) var(--space-4);background:var(--bg-elev)}.line-chart{width:100%;height:160px}.accent-options{display:flex;gap:10px}.accent-swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent}.accent-swatch.is-active{border-color:var(--text)}.mobile-drawer{position:fixed;inset:0;display:none;z-index:70}.mobile-drawer.is-open{display:block}.mobile-drawer .drawer-backdrop{position:absolute;inset:0;background:rgba(6,10,20,0.55)}.mobile-drawer .drawer-panel{position:absolute;left:0;top:0;bottom:0;width:min(84vw,340px);background:var(--bg-elev);border-right:1px solid var(--border);padding:var(--space-5);overflow:auto}@media (max-width:1280px){.grid.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.reader-layout{grid-template-columns:minmax(220px,280px) 1fr}.reader-layout .toc-panel{display:none}.course-row{grid-template-columns:1fr}.course-outline{border-left:0;border-top:1px solid var(--border);padding-left:0;padding-top:var(--space-4)}}@media (max-width:1024px){.topbar{grid-template-columns:auto 1fr auto;padding-inline:var(--space-4)}.main-nav{gap:6px}.grid.cols-3,.progress-summary{grid-template-columns:1fr}.reader-layout{grid-template-columns:1fr}.reader-layout .reader-panel{position:relative;top:auto;max-height:none}}@media (max-width:768px){.app-shell{display:block}.topbar{grid-template-columns:1fr auto;padding-inline:var(--space-4)}.topbar-center{display:none}main{padding:var(--space-4);padding-bottom:86px}.bottom-nav{display:grid}.toast-region{right:var(--space-3);left:var(--space-3);bottom:calc(60px + var(--space-3))}.toast{min-width:0;width:100%;max-width:none}.grid.cols-2,.grid.cols-3,.grid.cols-4{grid-template-columns:1fr}.bar-row{grid-template-columns:1fr;gap:6px}.reader-content{padding:var(--space-4)}.reader-footer-nav{flex-direction:column}}