:root{--bg:#090c10;--panel:#10151b;--panel-2:#141b22;--line:#24303a;--text:#e7edf3;--muted:#82909d;--accent:#78e8c8;--accent-2:#82aaff;--warning:#e9c46a;--sidebar:300px}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.global-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;min-height:64px;padding:0 24px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:rgba(9,12,16,.94);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.brand{font-weight:800;letter-spacing:.06em}.brand-mark{color:var(--accent)}.version{margin-left:10px;padding:3px 7px;color:var(--muted);border:1px solid var(--line);font-size:11px}.header-nav{display:flex;gap:24px;font-size:13px;color:#b6c0c9}.header-nav a:hover{color:var(--accent)}.header-tools{justify-self:end}.header-tools button{background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:8px 12px}.learning-flow{position:-webkit-sticky;position:sticky;top:64px;z-index:35;overflow-x:auto;border-bottom:1px solid var(--line);background:#0c1116}.flow-track{min-width:max-content;min-height:58px;padding:0 24px;gap:20px}.flow-node,.flow-track{display:flex;align-items:center}.flow-node{gap:7px;font-size:10px;letter-spacing:.08em;color:#62717f}.flow-node:after{content:"";width:28px;height:1px;background:var(--line);margin-left:12px}.flow-node:last-child:after{display:none}.flow-dot{width:7px;height:7px;border-radius:50%;background:#41505d}.flow-node.active{color:var(--accent)}.flow-node.active .flow-dot{background:var(--accent);box-shadow:0 0 12px rgba(120,232,200,.6)}.workspace{min-height:calc(100vh - 122px);display:grid;grid-template-columns:var(--sidebar) minmax(0,1fr)}.sidebar{height:calc(100vh - 122px);position:-webkit-sticky;position:sticky;top:122px;overflow-y:auto;border-right:1px solid var(--line);background:#0b0f14;padding:20px 14px 80px}.sidebar-title{color:#556470;font-size:10px;letter-spacing:.18em;padding:0 10px 14px}.nav-tree details{border-top:1px solid #151d24}.nav-tree summary{list-style:none;display:flex;align-items:center;gap:10px;padding:12px 8px;color:#9ca9b3;font-size:12px;cursor:pointer}.nav-tree summary::-webkit-details-marker{display:none}.nav-tree summary:before{content:"›";color:#52616d}.nav-tree details[open] summary:before{transform:rotate(90deg)}.nav-tree summary.domain-active{color:var(--accent)}.domain-number{color:#4f5c66;font-family:ui-monospace,monospace}.module-list{padding:0 0 12px 34px}.module-block{margin-bottom:13px}.module-title{color:#5f6c77;font-size:10px;text-transform:uppercase;margin:4px 0 5px}.concept-link{display:block;color:#8895a0;font-size:12px;padding:5px 8px;border-left:1px solid #222d36}.concept-link:hover{color:#c8d3db;border-left-color:#53616c}.concept-link.active{color:var(--accent);border-left-color:var(--accent);background:rgba(120,232,200,.05)}.page-content{min-width:0;width:100%;max-width:1500px;padding:50px clamp(24px,5vw,78px) 100px}.hero{padding:38px 0 62px;max-width:900px}.eyebrow{color:var(--accent);font-size:11px;letter-spacing:.16em;font-family:ui-monospace,monospace;margin-bottom:16px}.concept-hero h1,.hero h1,.page-hero h1{margin:0;letter-spacing:-.04em;line-height:.98}.hero h1{font-size:clamp(46px,6vw,86px)}.concept-hero p,.hero p,.page-hero p{color:var(--muted);max-width:740px;line-height:1.8}.hero p{font-size:17px;margin:28px 0}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.primary-button,.secondary-button{padding:11px 16px;border-radius:5px;font-size:13px}.primary-button{color:#07110e;background:var(--accent);font-weight:800}.secondary-button{border:1px solid var(--line);color:#bdc8d0}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:1px;gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:70px}.stat-card{background:var(--panel);padding:24px;display:flex;flex-direction:column;gap:6px}.stat-card strong{font-size:30px;font-family:ui-monospace,monospace}.stat-card span{color:var(--muted);font-size:12px}.section-heading{margin:0 0 22px}.section-heading span{color:var(--accent);font-size:10px;letter-spacing:.15em}.section-heading h2{margin:5px 0 0;font-size:28px}.domain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.domain-card{min-height:150px;display:grid;grid-template-columns:48px 1fr;grid-gap:15px;gap:15px;padding:22px;border:1px solid var(--line);background:var(--panel);transition:transform .15s ease,border-color .15s ease}.domain-card:hover{transform:translateY(-2px);border-color:#465563}.domain-card-number{color:#52606b;font:12px ui-monospace,monospace}.milestone-tag{color:var(--accent);font-size:9px;letter-spacing:.12em}.domain-card h3{margin:7px 0 8px}.domain-card p{margin:0;color:var(--muted);line-height:1.5;font-size:13px}.breadcrumb{display:flex;gap:8px;flex-wrap:wrap;color:#60707c;font-size:11px;margin-bottom:35px}.breadcrumb a:hover{color:var(--accent)}.page-hero.compact{max-width:900px;margin-bottom:45px}.page-hero h1{font-size:clamp(38px,5vw,64px)}.page-hero p{margin-top:18px}.module-cards{display:grid;grid-gap:18px;gap:18px}.module-card{border:1px solid var(--line);background:var(--panel)}.module-card-head{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-bottom:1px solid var(--line)}.module-card-head h2{margin:0;font-size:18px}.module-card-head span{color:var(--muted);font-size:11px}.concept-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.concept-route{display:grid;grid-template-columns:15px 1fr;grid-gap:10px;gap:10px;padding:18px 22px;border-right:1px solid #1d2730;border-bottom:1px solid #1d2730}.concept-route:hover{background:var(--panel-2)}.concept-route p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.5}.planned-dot{width:7px;height:7px;border:1px solid #596775;border-radius:50%;margin-top:5px}.concept-hero{display:flex;justify-content:space-between;gap:30px;padding-bottom:35px;border-bottom:1px solid var(--line)}.concept-hero h1{font-size:clamp(42px,6vw,76px)}.concept-index{display:flex;align-items:baseline;gap:5px;color:#55626d;font-family:ui-monospace,monospace}.concept-index strong{color:var(--text);font-size:38px}.learning-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);margin:24px 0}.preview-card{padding:18px;border-right:1px solid var(--line)}.preview-card:last-child{border-right:0}.preview-card span{display:block;color:var(--muted);font-size:10px;margin-bottom:9px;text-transform:uppercase}.preview-card strong{font-size:12px}.placeholder{min-height:360px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px dashed #33404b;background:linear-gradient(180deg,#0c1116,#0a0e12);padding:40px}.status-pill{padding:5px 9px;border:1px solid #695e35;color:var(--warning);font-size:10px;letter-spacing:.1em}.placeholder h2{margin:18px 0 8px}.placeholder p{max-width:620px;color:var(--muted);line-height:1.7}.page-navigation{display:grid;grid-template-columns:1fr auto 1fr;grid-gap:20px;gap:20px;align-items:center;margin-top:30px;padding-top:22px;border-top:1px solid var(--line)}.page-navigation>div:last-child{text-align:right}.page-navigation a{display:inline-flex;flex-direction:column;gap:5px}.page-navigation a span{color:var(--muted);font-size:9px;letter-spacing:.1em}.page-navigation a:hover strong{color:var(--accent)}.page-progress{color:#62707b;font:11px ui-monospace,monospace}.roadmap-list{display:grid;grid-gap:1px;gap:1px;border:1px solid var(--line);background:var(--line)}.roadmap-item{display:grid;grid-template-columns:55px 1fr;grid-gap:20px;gap:20px;padding:20px;background:var(--panel)}.roadmap-item:hover{background:var(--panel-2)}.roadmap-item>span{color:#53606b;font-family:ui-monospace,monospace}.roadmap-item small{display:block;color:var(--accent);font-size:9px}.roadmap-item strong{display:block;margin:4px 0}.roadmap-item p{margin:0;color:var(--muted);font-size:12px}.knowledge-map-skeleton{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.map-node{min-height:120px;border:1px solid var(--line);background:var(--panel);padding:18px;display:flex;flex-direction:column}.map-node span{color:#56636e;font:10px ui-monospace,monospace}.map-node strong{margin-top:auto}.map-node small{color:var(--accent);margin-top:4px}.progress-panel{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.progress-panel>div{padding:30px;background:var(--panel);border-right:1px solid var(--line)}.progress-panel>div:last-child{border-right:0}.progress-panel span{display:block;color:var(--muted);font-size:11px;margin-bottom:9px}.progress-panel strong{font-size:24px}@media (max-width:1050px){:root{--sidebar:245px}.header-nav{gap:12px}.concept-route-grid,.domain-grid{grid-template-columns:1fr}.knowledge-map-skeleton{grid-template-columns:repeat(2,1fr)}}@media (max-width:760px){.global-header{grid-template-columns:1fr auto;padding:0 14px}.header-nav{display:none}.workspace{display:block}.sidebar{display:none}.page-content{padding:30px 18px 70px}.stats-grid{grid-template-columns:repeat(2,1fr)}.learning-preview,.progress-panel{grid-template-columns:1fr}.preview-card,.progress-panel>div{border-right:0;border-bottom:1px solid var(--line)}.concept-hero{display:block}.concept-index{margin-top:20px}.knowledge-map-skeleton{grid-template-columns:1fr}.page-navigation{grid-template-columns:1fr 1fr}.page-progress{display:none}}.mobile-nav{display:none;border-bottom:1px solid var(--line);background:#0b0f14}.mobile-nav>summary{padding:12px 16px;color:#aab6bf;font-size:12px;cursor:pointer;list-style:none}.mobile-nav-panel{max-height:65vh;overflow-y:auto;padding:8px 14px 18px;border-top:1px solid var(--line)}.mobile-nav-panel details>summary{padding:10px 4px;color:#8997a2;font-size:12px;cursor:pointer}.mobile-nav-panel details>summary.domain-active{color:var(--accent)}.mobile-nav-panel details>div{padding-left:14px;display:grid}.mobile-nav-panel a{padding:7px 8px;border-left:1px solid #26313a;color:#7f8c96;font-size:12px}.mobile-nav-panel a.active{color:var(--accent);border-left-color:var(--accent)}.mobile-domain-link{font-weight:700}@media (max-width:760px){.mobile-nav{display:block;position:-webkit-sticky;position:sticky;top:122px;z-index:30}}