:root{--bg:#070b11;--panel:#0d141d;--panel2:#101a25;--line:#223244;--text:#edf6ff;--muted:#8ba0b5;--accent:#58d9ff;--accent2:#8a7dff;--good:#75e6ad;--warn:#ffd36e;--danger:#ff7b8f;--shadow:0 14px 50px #00000047}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 50% -10%, #2e8bb424, transparent 34rem), var(--bg);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-main{max-width:1440px;margin:0 auto;padding:0 24px 70px}.header{z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070b11db;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;max-width:1440px;min-height:64px;margin:auto;padding:0 24px;display:flex}.brand{letter-spacing:-.03em;font-size:19px;font-weight:900}.brand span{color:var(--accent)}.nav{color:var(--muted);letter-spacing:.06em;gap:20px;font-size:13px;font-weight:700;display:flex}.nav a:hover{color:var(--text)}.footer{text-align:center;color:#617387;border-top:1px solid #ffffff0f;padding:28px;font-size:12px}.hero{text-align:center;padding:86px 0 48px}.eyebrow{letter-spacing:.15em;color:var(--accent);font-size:11px;font-weight:900}.hero h1{letter-spacing:-.065em;margin:12px 0 0;font-size:clamp(52px,9vw,110px)}.hero h2{color:var(--muted);margin:5px 0 20px;font-size:clamp(18px,2.6vw,30px);font-weight:500}.hero p{color:#a9bacb;max-width:730px;margin:auto;font-size:17px;line-height:1.8}.actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:28px;display:flex}.btn{border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:10px;padding:12px 16px}.btn.primary{background:var(--accent);border-color:var(--accent);color:#031017;font-weight:900}.live-stage{border:1px solid var(--line);max-width:980px;min-height:360px;box-shadow:var(--shadow);background:linear-gradient(#0d141deb,#080d14eb);border-radius:20px;margin:48px auto 0;position:relative;overflow:hidden}.stage-top{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:14px 18px;font-size:12px;display:flex}.live-dot{color:var(--good)}.home-network{place-items:center;height:310px;display:grid}.home-network svg{width:94%;height:94%}.home-network line{stroke:#58d9ff2e}.home-network circle{fill:#0b1520;stroke:#5cdcff;stroke-width:1.5px}.home-network .active{fill:#58d9ff;filter:drop-shadow(0 0 10px #58d9ffcc)}.section{margin-top:72px}.section-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.section-title h2{margin:4px 0 0;font-size:30px}.muted{color:var(--muted)}.grid{gap:14px;display:grid}.grid.steps{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel2),var(--panel));border-radius:14px;min-width:0;padding:18px}.card:hover{border-color:#58d9ff73}.card .n{color:var(--accent);font-family:monospace;font-size:11px}.card h3{margin:9px 0 7px}.card p{color:var(--muted);margin:0;font-size:14px;line-height:1.6}.status{letter-spacing:.1em;margin-top:14px;font-size:10px;font-weight:900}.status.current{color:var(--accent)}.status.completed{color:var(--good)}.status.planned{color:#66798d}.learn-shell{grid-template-columns:260px minmax(0,1fr);gap:26px;padding-top:30px;display:grid}.sidebar{align-self:start;max-height:calc(100vh - 110px);padding-right:6px;position:sticky;top:88px;overflow:auto}.side-group{margin-bottom:24px}.side-title{color:#5e7185;letter-spacing:.13em;margin-bottom:7px;font-size:10px;font-weight:900}.side-link{color:#8295a9;border-radius:8px;gap:9px;padding:7px 8px;font-size:13px;display:flex}.side-link:hover{color:var(--text);background:#0d151f}.side-link.current{color:var(--text);background:#58d9ff17}.side-mark{width:16px}.side-link.completed .side-mark{color:var(--good)}.side-link.current .side-mark{color:var(--accent)}.learn-main{min-width:0}.step-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:18px;display:flex}.step-head h1{letter-spacing:-.045em;margin:5px 0;font-size:clamp(40px,6vw,72px)}.step-head p{color:var(--muted);margin:0;font-size:17px;line-height:1.6}.sim-grid{grid-template-columns:minmax(0,1.65fr) minmax(290px,.85fr);align-items:start;gap:16px;display:grid}.sim-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#0e1620f5,#090e15f5);border-radius:16px;overflow:hidden}.sim-toolbar{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:12px 15px;font-size:12px;display:flex}.sim-body{padding:18px}.inspector{border:1px solid var(--line);background:var(--panel);border-radius:16px;padding:18px;position:sticky;top:88px}.inspector h3{margin:0 0 13px}.inspector-row{color:var(--muted);border-bottom:1px solid #ffffff0d;justify-content:space-between;gap:14px;padding:9px 0;font-size:13px;display:flex}.inspector-row strong{color:var(--text);font-family:monospace}.visual-svg{width:100%;height:auto;display:block}.visual-svg .wire{stroke:#2d5669;stroke-width:2px}.visual-svg .wire.hot{stroke:#56d9ff;stroke-width:4px;filter:drop-shadow(0 0 5px #58d9ff99)}.visual-svg .node{fill:#0b1621;stroke:#75ddff;stroke-width:2px}.visual-svg .node.hot{fill:#58d9ff;filter:drop-shadow(0 0 9px #58d9ffbf)}.visual-svg text{fill:#9fb4c7;font-size:13px}.controls{gap:13px;margin-top:18px;display:grid}.control{grid-template-columns:100px 1fr 60px;align-items:center;gap:10px;display:grid}.control label{color:#9fb3c6;font-size:12px}.control output{text-align:right;color:var(--text);font-family:monospace;font-size:12px}input[type=range]{width:100%}.calc{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.calc h4{margin:0 0 9px}.formula{color:#ccefff;background:#070b10;border:1px solid #1a2937;border-radius:10px;padding:13px;font-family:monospace;line-height:1.7;overflow:auto}.explain{border-left:3px solid var(--accent);color:#bad0e0;background:#58d9ff12;border-radius:0 10px 10px 0;margin-top:18px;padding:12px 14px;line-height:1.7}.topic-row{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.chip{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:6px 9px;font-size:11px}.step-nav{border-top:1px solid var(--line);justify-content:space-between;gap:10px;margin-top:24px;padding-top:20px;display:flex}.step-nav a{border:1px solid var(--line);color:var(--muted);border-radius:9px;padding:10px 12px;font-size:13px}.preview-wrap{place-items:center;min-height:420px;padding:20px;display:grid}.preview-note{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.6}.chart-svg{width:100%;height:auto}.chart-svg .axis{stroke:#395063}.chart-svg .curve{fill:none;stroke:#58d9ff;stroke-width:3px}.chart-svg .curve2{fill:none;stroke:#8a7dff;stroke-width:2px}.chart-svg .dot{fill:#ffd36e}.matrix{grid-template-columns:repeat(3,58px);gap:8px;display:grid}.cell{border:1px solid var(--line);background:#0b131c;border-radius:8px;place-items:center;height:52px;font-family:monospace;display:grid}.cell.hot{border-color:var(--accent);background:#58d9ff21}.token-row{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.token{border:1px solid var(--line);background:#0b141d;border-radius:10px;padding:12px 14px}.token.hot{border-color:var(--accent);box-shadow:0 0 0 1px #58d9ff33}@media (max-width:1000px){.grid.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.sim-grid{grid-template-columns:1fr}.inspector{position:static}}@media (max-width:820px){.learn-shell{grid-template-columns:1fr}.sidebar{max-height:none;position:static}.side-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.side-title{grid-column:1/-1}}@media (max-width:620px){.site-main{padding:0 14px 50px}.header-inner{padding:0 14px}.nav{gap:12px;font-size:11px}.grid.steps{grid-template-columns:1fr}.hero{padding-top:58px}.live-stage{min-height:280px}.home-network{height:230px}.control{grid-template-columns:80px 1fr 52px}.step-head{display:block}}.concept-term{appearance:none;color:#bfefff;cursor:pointer;font:inherit;background:0 0;border:0;border-bottom:1px dashed #58d9ffbf;padding:0 1px}.concept-term:hover{color:#fff;border-bottom-color:#fff}.concept-info{color:var(--accent);margin-left:3px;font-size:.7em}.concept-quick{flex-wrap:wrap;gap:9px;margin:10px 0 14px;display:flex}.concept-quick .concept-term{font-size:12px}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#010509c7;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.concept-modal{background:#0b121b;border:1px solid #2b4154;border-radius:18px;width:min(850px,96vw);max-height:90vh;overflow:hidden;box-shadow:0 30px 100px #000000a6}.modal-head{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#58d9ff14,#0000);justify-content:space-between;gap:20px;padding:24px 26px 20px;display:flex}.modal-head h2{margin:5px 0;font-size:32px}.modal-head h2 span{color:var(--muted);font-weight:500}.modal-head p{color:#a9bfd1;margin:0}.modal-close{border:1px solid var(--line);color:#c7d8e6;cursor:pointer;background:#101923;border-radius:10px;width:38px;height:38px;font-size:25px}.modal-scroll{max-height:calc(90vh - 130px);padding:22px 26px 30px;overflow:auto}.concept-block{border-bottom:1px solid #ffffff0f;padding:18px 0}.concept-block:last-child{border:0}.concept-block h3{margin:4px 0 10px;font-size:19px}.concept-block p{color:#b4c6d5;margin:0;line-height:1.75}.concept-block.featured{background:#58d9ff0f;border:1px solid #58d9ff2e;border-radius:12px;padding:18px}.concept-block.why{margin-top:18px}.concept-label{letter-spacing:.13em;color:var(--accent);font-size:10px;font-weight:900}.use-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.use-item{border:1px solid var(--line);color:#9fb5c7;background:#0d1620;border-radius:8px;padding:10px 12px;font-size:13px}.related-row{flex-wrap:wrap;gap:8px;display:flex}.related-row button{border:1px solid var(--line);color:#bcecff;cursor:pointer;background:#101923;border-radius:999px;padding:8px 11px}.learning-context{grid-template-columns:minmax(0,1.5fr) minmax(230px,.5fr);gap:14px;margin-bottom:18px;display:grid}.context-main,.context-side{border:1px solid var(--line);background:linear-gradient(#101923,#0c131c);border-radius:14px;padding:20px}.context-main h2{margin:6px 0 10px}.context-main>p,.context-side p{color:#a9bdce;margin:0;line-height:1.75}.context-side strong{margin:8px 0;font-size:17px;display:block}.question-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px;display:grid}.question-grid div{border-left:2px solid var(--accent);color:#8fa7ba;background:#0a1119;padding:10px;font-size:12px;line-height:1.5}@media (max-width:760px){.learning-context,.question-grid,.use-grid{grid-template-columns:1fr}.modal-backdrop{padding:8px}.modal-head,.modal-scroll{padding-left:17px;padding-right:17px}}.foundation-map-grid{grid-template-columns:minmax(0,1.5fr) minmax(300px,.6fr);align-items:start;gap:16px;display:grid}.foundation-canvas{place-items:center;min-height:520px;padding:14px;display:grid}.foundation-svg{width:100%;height:auto}.foundation-edge{stroke:#284354;stroke-width:2px}.map-node{fill:#0d1822;stroke:#4c819a;stroke-width:2px;cursor:pointer}.map-node.active{fill:#58d9ff;stroke:#bcefff;filter:drop-shadow(0 0 12px #58d9ffb3)}.map-label{fill:#d8e7f4;pointer-events:none;font-size:11px;font-weight:800}.foundation-node{cursor:pointer;outline:none}.foundation-inspector h3{margin:6px 0 0;font-size:24px}.korean-title{color:var(--muted);margin:2px 0 12px}.foundation-inspector>p{color:#a9bdce;line-height:1.7}.priority{letter-spacing:.08em;border:1px solid var(--line);border-radius:999px;margin:10px 0 16px;padding:6px 9px;font-size:10px;font-weight:900;display:inline-flex}.priority.required{color:var(--accent);border-color:#58d9ff66}.priority.recommended{color:var(--good)}.priority.optional{color:var(--muted)}.inspector-section{border-top:1px solid #ffffff0f;margin-top:13px;padding-top:13px}.inspector-section p{color:#a8bccd;font-size:13px;line-height:1.6}.btn.full{justify-content:center;width:100%;margin-top:16px}.learning-path-guide{border:1px solid var(--line);background:linear-gradient(#101923,#0b121a);border-radius:16px;margin-bottom:18px;padding:22px}.learning-path-guide h2{margin:6px 0 8px}.path-line{align-items:stretch;gap:8px;padding:18px 0 4px;display:flex;overflow-x:auto}.path-step{align-items:center;gap:8px;min-width:max-content;display:flex}.path-step>a{border:1px solid var(--line);background:#0a1118;border-radius:11px;gap:4px;width:150px;padding:12px;display:grid}.path-step span{color:var(--accent);font-family:monospace;font-size:10px}.path-step strong{font-size:13px}.path-step small{color:var(--muted)}.path-arrow{color:#52687a}.foundation-page{max-width:900px;margin:50px auto}.foundation-page>h1{letter-spacing:-.055em;margin:7px 0 0;font-size:clamp(48px,8vw,90px)}.foundation-page>h2{color:var(--muted);margin:0 0 15px;font-weight:500}.foundation-lead{color:#adc0d0;max-width:760px;font-size:19px;line-height:1.8}.foundation-section{border:1px solid var(--line);background:#0d151e;border-radius:14px;margin-top:22px;padding:20px}.foundation-section h3{margin:5px 0 10px}.foundation-section p{color:#acbfce;line-height:1.75}.why-card{background:linear-gradient(135deg,#58d9ff12,#0d151e);border-color:#58d9ff47}.depth-list{gap:8px;display:grid}.depth-list>div{color:#a9bdce;background:#0a1118;border:1px solid #ffffff0d;border-radius:8px;gap:9px;padding:11px;display:flex}.depth-list span{color:var(--good);font-weight:900}.depth-note{color:#6f8497;margin-top:12px;font-size:12px}@media (max-width:950px){.foundation-map-grid{grid-template-columns:1fr}.foundation-canvas{min-height:auto}.foundation-inspector{position:static}}.foundation-learning-page{padding-top:18px}.foundation-progress-wrap{border:1px solid var(--line);background:#0d141d;border-radius:14px;margin-bottom:18px;padding:14px}.foundation-progress-track{align-items:center;gap:8px;display:flex;overflow-x:auto}.progress-item{align-items:center;gap:8px;min-width:max-content;display:flex}.progress-card{border:1px solid var(--line);background:#101821;border-radius:9px;gap:2px;min-width:150px;padding:10px 12px;display:grid}.progress-card span{color:#8ea1b5;font-family:monospace;font-size:10px}.progress-card strong{font-size:12px}.progress-card small{color:#72879a;font-size:11px}.progress-card.active{border-color:var(--accent);background:#58d9ff12;box-shadow:0 0 0 1px #58d9ff26}.progress-card.active span,.progress-card.active strong{color:var(--accent)}.progress-arrow{color:#4f6477}.progress-meter{color:var(--muted);grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:12px;font-size:11px;display:grid}.progress-meter>div{background:#192735;border-radius:999px;height:4px;overflow:hidden}.progress-meter i{background:linear-gradient(90deg,var(--accent),var(--good));border-radius:999px;height:100%;display:block}.foundation-3col{grid-template-columns:205px minmax(0,1fr) 320px;align-items:start;gap:16px;display:grid}.foundation-leftbar,.foundation-rightbar{align-self:start;position:sticky;top:86px}.foundation-leftbar{gap:14px;display:grid}.left-section{border:1px solid var(--line);background:#0d151e;border-radius:12px;padding:12px}.left-title{color:#7f93a5;margin-bottom:9px;font-size:11px}.path-switches{gap:8px;display:grid}.path-switch{border:1px solid var(--line);border-radius:9px;gap:3px;padding:10px;display:grid}.path-switch strong{font-size:11px}.path-switch small{color:#95a7b7;font-size:10px}.path-switch.blue{background:#1b8fe82e}.path-switch.purple{background:#7e4cc42e}.path-switch.green{background:#30ac6f2e}.path-switch.amber{background:#c1801a2e}.foundation-nav-list{gap:3px;display:grid}.foundation-nav-link{color:#8ea1b4;border-radius:7px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:5px;padding:6px 7px;font-size:11px;display:grid}.foundation-nav-link.active{color:#dff8ff;background:#58d9ff14}.foundation-num{color:#6c8194;font-family:monospace}.mini-priority{border:1px solid var(--line);border-radius:999px;padding:3px 5px;font-size:8px}.mini-priority.required{color:var(--accent)}.mini-priority.recommended{color:#b992ff}.mini-priority.optional{color:#7c8e9f}.left-help{color:#8397aa;font-size:11px;line-height:1.5}.foundation-center{min-width:0}.rich-title{padding:10px 8px 4px}.step-no{color:var(--accent);font-size:20px;font-weight:800}.rich-title h1{letter-spacing:-.045em;margin:4px 0 0;font-size:clamp(40px,5vw,66px)}.rich-title h2{color:#8cb1cd;margin:4px 0 12px;font-weight:500}.rich-title p{color:#b0c1d0;max-width:760px;line-height:1.7}.foundation-tabs{border-bottom:1px solid var(--line);gap:18px;margin:12px 0 14px;display:flex;overflow-x:auto}.foundation-tabs button{color:#8ca0b3;cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:11px 0}.foundation-tabs button.active{color:var(--accent);border-bottom:2px solid var(--accent)}.rich-card{border:1px solid var(--line);background:#0d151e;border-radius:12px;margin-bottom:14px;overflow:hidden}.rich-card-title{border-bottom:1px solid var(--line);padding:13px 15px;font-weight:700}.rich-card>p,.rich-paragraphs{padding:15px}.rich-paragraphs p{color:#aec0cf;margin:0 0 14px;line-height:1.8}.rich-paragraphs p:last-child{margin-bottom:0}.dl-overview-visual{grid-template-columns:110px 1fr 110px;align-items:center;gap:18px;padding:18px;display:grid}.dl-inputs,.dl-outputs{gap:8px;display:grid}.dl-inputs div,.dl-outputs div{border:1px solid var(--line);background:#0a1118;border-radius:8px;place-items:center;min-height:48px;display:grid}.dl-network{justify-content:center;align-items:center;gap:18px;display:flex}.dl-col{gap:12px;display:grid}.dl-col span{background:#6fd3ff;border-radius:50%;width:22px;height:22px;box-shadow:0 0 8px #6fd3ff4d}.dl-col.purple span{background:#b777ff}.dl-col.green span{background:#65dd8b}.dl-lines{color:#53768c;letter-spacing:4px}.comparison-table{display:grid}.comparison-row{grid-template-columns:1fr 1.4fr 1.4fr;display:grid}.comparison-row>div{color:#9fb2c3;border-top:1px solid #ffffff0a;padding:10px 12px;font-size:12px}.comparison-row.head>div{color:#d7e7f5;background:#101a25;font-weight:700}.foundation-rightbar{border:1px solid var(--line);background:#0d151e;border-radius:12px;max-height:calc(100vh - 105px);padding:14px;overflow:auto}.foundation-rightbar h3{margin:6px 0 0;font-size:22px}.foundation-rightbar details{border-top:1px solid #ffffff0f;padding:12px 0}.foundation-rightbar summary{cursor:pointer;font-size:12px;font-weight:700}.foundation-rightbar p,.foundation-rightbar li{color:#9eb2c4;font-size:11px;line-height:1.6}.foundation-rightbar ul{padding-left:18px}.depth-meter{margin:10px 0}.depth-meter span{color:var(--good);font-size:11px}.depth-meter>div{background:#172432;border-radius:999px;height:5px;margin-top:6px;overflow:hidden}.depth-meter i{background:var(--good);height:100%;display:block}.check-list{list-style:none;padding-left:0!important}.check-list li{color:#8edbad;margin:6px 0}.related-panel{padding-top:10px}.embedded-map .foundation-map-grid{grid-template-columns:1fr}.embedded-map .foundation-inspector{display:none}.embedded-map .sim-card{box-shadow:none;border:0;border-radius:0}.embedded-map .foundation-canvas{min-height:auto;padding:4px 10px}.embedded-map .foundation-svg{max-height:520px}.foundation-map-section{margin-top:22px}.foundation-map-section .foundation-inspector .btn.full{margin-top:14px;display:flex}@media (max-width:1200px){.foundation-3col{grid-template-columns:190px minmax(0,1fr)}.foundation-rightbar{grid-column:2;position:static}.foundation-leftbar{grid-row:1/span 2}}@media (max-width:900px){.foundation-3col{grid-template-columns:1fr}.foundation-leftbar,.foundation-rightbar{position:static}.foundation-leftbar{grid-row:auto}.foundation-rightbar{grid-column:auto}.foundation-nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-overview-visual{grid-template-columns:1fr}.dl-network{padding:8px 0}}@media (max-width:620px){.foundation-nav-list,.comparison-row{grid-template-columns:1fr}.comparison-row.head{display:none}.comparison-row>div:first-child{color:#d8e8f5;font-weight:700}.progress-card{min-width:135px}}.global-learning-flow{max-width:1440px;margin:16px auto 0;padding:0 24px}.global-flow-head{border:1px solid var(--line);background:linear-gradient(#101923,#0c141d);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;gap:20px;padding:14px 16px 12px;display:flex}.global-flow-head>div:first-child{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.global-flow-head strong{font-size:14px}.global-current{color:var(--accent);font-size:12px}.global-progress{color:var(--muted);grid-template-columns:auto 180px auto;align-items:center;gap:9px;font-size:11px;display:grid}.global-progress-bar{background:#1a2937;border-radius:999px;height:5px;overflow:hidden}.global-progress-bar i{background:linear-gradient(90deg,var(--accent),var(--good));border-radius:999px;height:100%;display:block}.global-phase-row{border-left:1px solid var(--line);border-right:1px solid var(--line);background:#0b121a;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.global-phase{color:#687c8f;border-right:1px solid #ffffff0d;justify-content:space-between;gap:8px;padding:8px 10px;font-size:10px;display:flex}.global-phase.active{color:var(--accent);background:#58d9ff12}.global-phase.completed{color:var(--good)}.global-step-scroll{border:1px solid var(--line);background:#0a1118;border-radius:0 0 12px 12px;align-items:center;gap:7px;padding:10px 12px;display:flex;overflow-x:auto}.global-step-item{align-items:center;gap:7px;min-width:max-content;display:flex}.global-step-card{background:#0d151e;border:1px solid #1f3140;border-radius:8px;gap:2px;min-width:128px;padding:8px 10px;display:grid}.global-step-card span{color:#688095;font-family:monospace;font-size:9px}.global-step-card strong{color:#aebfce;font-size:11px}.global-step-card small{color:#687c8f;font-size:10px}.global-step-card.active{border-color:var(--accent);background:#58d9ff17;box-shadow:0 0 0 1px #58d9ff1f}.global-step-card.active span,.global-step-card.active strong{color:var(--accent)}.global-step-card.done{border-color:#75e6ad38}.global-step-card.done span{color:var(--good)}.global-step-arrow{color:#415769;font-size:11px}.transformer-flow{padding:18px;display:grid}.transformer-flow-item{border-bottom:1px solid #ffffff0a;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:12px 0 22px;display:grid;position:relative}.tf-no{border:1px solid var(--accent);width:38px;height:38px;color:var(--accent);background:#58d9ff0f;border-radius:50%;place-items:center;font-family:monospace;font-size:11px;display:grid}.transformer-flow-item p{color:var(--muted);margin:5px 0 0;font-size:13px}.tf-arrow{color:#4b7187;position:absolute;bottom:2px;left:17px}.prereq-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:14px;display:grid}.prereq-item{border:1px solid var(--line);background:#0a1118;border-radius:8px;gap:4px;padding:11px;display:grid}.prereq-item span{color:var(--muted);font-size:11px}@media (max-width:900px){.global-flow-head{display:block}.global-progress{grid-template-columns:auto 1fr auto;margin-top:10px}.global-phase-row{grid-template-columns:1fr}}@media (max-width:620px){.global-learning-flow{padding:0 14px}.prereq-grid{grid-template-columns:1fr}}.unified-learning-shell,.foundation-3col{grid-template-columns:245px minmax(0,1fr);align-items:start;gap:20px;display:grid}.foundation-3col{grid-template-columns:245px minmax(0,1fr)}.foundation-3col>.foundation-rightbar{grid-column:2;max-height:none;margin-top:0;position:static}.common-learning-nav{scrollbar-width:thin;align-self:start;gap:12px;max-height:calc(100vh - 104px);padding-right:5px;display:grid;position:sticky;top:84px;overflow-y:auto}.common-nav-section{border:1px solid var(--line);background:linear-gradient(#0f1822,#0b121a);border-radius:12px;padding:11px}.common-nav-title{color:#8094a7;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:800}.common-nav-title-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.common-nav-title-row>span{color:#53687b;font:9px monospace}.common-quick-paths{gap:6px;display:grid}.common-quick-path{border:1px solid var(--line);border-radius:8px;gap:2px;padding:9px 10px;display:grid}.common-quick-path strong{font-size:10px}.common-quick-path small{color:#90a3b5;font-size:9px}.common-quick-path.blue{background:#178be026}.common-quick-path.purple{background:#804dc426}.common-quick-path.green{background:#2da86926}.common-quick-path.amber{background:#c3801924}.common-curriculum-nav{gap:12px;display:grid}.common-phase-group{gap:3px;display:grid}.common-phase-title{color:#566c80;letter-spacing:.1em;margin:3px 4px 4px;font-size:9px;font-weight:900}.common-curriculum-link{color:#8297aa;border:1px solid #0000;border-radius:7px;grid-template-columns:14px 22px minmax(0,1fr) auto;align-items:center;gap:5px;min-height:35px;padding:5px 6px;display:grid}.common-curriculum-link:hover{color:#d8e8f5;background:#101a24}.common-curriculum-link.active{color:#e6f9ff;background:#58d9ff14;border-color:#58d9ff47}.common-curriculum-link.passed{color:#758d9e}.common-step-state{color:#51677a;font-size:10px}.common-curriculum-link.active .common-step-state{color:var(--accent)}.common-curriculum-link.passed .common-step-state{color:var(--good)}.common-step-number{color:#60788c;font:9px monospace}.common-step-name{gap:1px;min-width:0;display:grid}.common-step-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.common-step-name small{text-overflow:ellipsis;white-space:nowrap;color:#60778b;font-size:9px;overflow:hidden}.common-priority{border:1px solid #263b4c;border-radius:999px;padding:2px 4px;font-size:7px;font-weight:900}.common-priority.required{color:var(--accent)}.common-priority.recommended{color:#b999ff}.common-current-section>strong{font-size:12px;display:block}.common-current-section>small{color:#647a8d;margin-top:3px;font-size:9px;display:block}.common-roadmap-button{justify-content:center;width:100%;margin-top:10px;padding:8px 10px;font-size:10px}.curriculum-step-nav{margin-top:28px}.learn-shell{display:block}.foundation-3col>.common-learning-nav{grid-area:1/1/span 2}.foundation-3col>.foundation-center,.foundation-3col>.foundation-rightbar{grid-column:2}@media (max-width:1100px){.unified-learning-shell,.foundation-3col{grid-template-columns:215px minmax(0,1fr)}}@media (max-width:820px){.unified-learning-shell,.foundation-3col{grid-template-columns:1fr}.common-learning-nav{max-height:none;position:static}.foundation-3col>.common-learning-nav,.foundation-3col>.foundation-center,.foundation-3col>.foundation-rightbar{grid-area:auto/1}.common-quick-paths,.common-curriculum-nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.common-quick-paths,.common-curriculum-nav{grid-template-columns:1fr}}.chapter-global-flow{max-width:1440px;margin:16px auto 0;padding:0 24px}.chapter-flow-head{border:1px solid var(--line);background:linear-gradient(#101923,#0c141d);border-radius:12px 12px 0 0;justify-content:space-between;align-items:center;gap:20px;padding:13px 15px;display:flex}.chapter-flow-head>div:first-child{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.chapter-flow-head>div:first-child>span{color:var(--accent);font-size:11px}.chapter-total-progress{color:#8196a9;grid-template-columns:auto 150px auto;align-items:center;gap:8px;font-size:10px;display:grid}.chapter-total-progress>div{background:#1a2937;border-radius:999px;height:5px;overflow:hidden}.chapter-total-progress i{background:linear-gradient(90deg, var(--accent), var(--good));height:100%;display:block}.chapter-flow-row{border:1px solid var(--line);background:#192634;border-top:0;border-radius:0 0 12px 12px;grid-template-columns:repeat(9,minmax(105px,1fr));gap:1px;display:grid;overflow-x:auto}.chapter-flow-card{background:#0b121a;gap:2px;min-width:105px;padding:9px 10px;display:grid}.chapter-flow-card>span{color:#5f7689;font:9px monospace}.chapter-flow-card>strong{color:#96aabc;white-space:nowrap;font-size:9px}.chapter-flow-card>small{color:#5e7487;font-size:8px}.chapter-flow-card>em{color:#61788b;font-size:8px;font-style:normal}.chapter-flow-card.active{background:#58d9ff17}.chapter-flow-card.active>strong,.chapter-flow-card.active>span{color:var(--accent)}.chapter-flow-card.passed>strong,.chapter-flow-card.passed>span{color:var(--good)}.mini-chapter-progress{background:#172533;border-radius:999px;height:3px;margin-top:4px;overflow:hidden}.mini-chapter-progress i{background:var(--accent);height:100%;display:block}.chapter-flow-card.passed .mini-chapter-progress i{background:var(--good)}.hierarchical-learning-shell{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:20px;padding-top:26px;display:grid}.accordion-curriculum-nav{scrollbar-width:thin;align-self:start;gap:12px;max-height:calc(100vh - 102px);padding-right:5px;display:grid;position:sticky;top:84px;overflow-y:auto}.accordion-nav-card{border:1px solid var(--line);background:linear-gradient(#0f1822,#0b121a);border-radius:12px;padding:10px}.accordion-nav-card.compact{gap:7px;display:grid}.accordion-nav-card.compact a{color:#8fa5b7;border:1px solid #203341;border-radius:7px;padding:8px 9px;font-size:9px}.accordion-nav-title{color:#71879a;letter-spacing:.08em;margin:2px 3px 9px;font-size:10px;font-weight:900}.accordion-chapter{border-top:1px solid #ffffff0a}.accordion-chapter:first-of-type{border-top:0}.accordion-chapter-button{text-align:left;color:#8499ab;cursor:pointer;background:0 0;border:0;grid-template-columns:15px minmax(0,1fr) auto;align-items:center;gap:6px;width:100%;padding:9px 5px;display:grid}.accordion-chapter-button strong{font-size:10px}.accordion-chapter-button small{color:#5f778b;border:1px solid #253a4b;border-radius:999px;padding:2px 5px;font:8px monospace}.accordion-chapter-button.current,.accordion-chapter-button.current strong{color:var(--accent)}.accordion-topic-list{gap:2px;padding:0 0 8px 12px;display:grid}.accordion-topic{color:#788ea1;border-radius:7px;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:36px;padding:5px 6px;display:grid}.accordion-topic:hover{background:#101a24}.accordion-topic.active{color:#e5f8ff;background:#58d9ff14}.accordion-topic>span{color:#566d80;font-size:9px}.accordion-topic.active>span{color:var(--accent)}.accordion-topic>div{min-width:0;display:grid}.accordion-topic strong{white-space:nowrap;text-overflow:ellipsis;font-size:9px;overflow:hidden}.accordion-topic small{color:#5e7488;font-size:8px}.accordion-topic em{border:1px solid #263a4b;border-radius:999px;padding:2px 4px;font-size:7px;font-style:normal}.accordion-topic em.core{color:var(--accent)}.accordion-topic em.recommended{color:#b999ff}.accordion-topic em.reference{color:#788c9d}.curriculum-topic-main{min-width:0}.curriculum-topic-header{border-bottom:1px solid var(--line);margin-bottom:18px;padding:8px 4px 20px}.topic-breadcrumb{color:#648198;font-family:monospace;font-size:10px}.topic-title-row{justify-content:space-between;align-items:start;gap:20px;display:flex}.topic-title-row h1{letter-spacing:-.05em;margin:7px 0 0;font-size:clamp(42px,6vw,72px)}.topic-title-row h2{color:#829cb1;margin:2px 0 10px;font-weight:500}.curriculum-topic-header>p{color:#acbfce;max-width:850px;line-height:1.75}.topic-level{border:1px solid #284153;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900}.topic-level.core{color:var(--accent)}.topic-level.recommended{color:#b999ff}.topic-level.reference{color:#7e92a4}.topic-why-grid,.topic-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:14px;display:grid}.topic-info-card{border:1px solid var(--line);background:#0d151e;border-radius:12px;padding:17px}.topic-info-card.important{background:linear-gradient(135deg,#58d9ff0f,#0d151e);border-color:#58d9ff40}.topic-info-card h3{margin:5px 0 8px}.topic-info-card p{color:#a9bdcc;line-height:1.7}.topic-visual-card{border:1px solid var(--line);background:linear-gradient(#101923,#0a1118);border-radius:14px;margin:14px 0;padding:18px}.visual-caption{color:var(--accent);letter-spacing:.12em;margin-bottom:15px;font-size:10px;font-weight:900}.topic-svg{width:100%;height:auto;max-height:320px}.vwire{stroke:#2a4a5c;stroke-width:1.2px}.vnode{fill:#58d9ff}.vnode.purple{fill:#a97cff}.vnode.green{fill:#68df91}.comparison-flow{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.comparison-flow>div{text-align:center;background:#0a1118;border:1px solid #263a4b;border-radius:10px;place-content:center;gap:8px;min-height:110px;display:grid}.comparison-flow span{color:#8fa6b7;font-family:monospace;font-size:12px}.ai-tree{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;padding:34px 0;display:flex}.ai-tree>*{border:1px solid #294555;border-radius:999px;padding:10px 13px}.ai-tree strong{color:var(--accent)}.matrix-visual{grid-template-columns:repeat(3,58px);gap:7px;width:fit-content;margin:25px auto;display:grid}.matrix-cell{background:#0a1118;border:1px solid #283e4e;border-radius:7px;place-items:center;height:50px;font-family:monospace;display:grid}.matrix-cell.hot{border-color:var(--accent);background:#58d9ff1a}.pipeline-visual{align-items:stretch;gap:8px;display:flex;overflow-x:auto}.pipeline-item{background:#0a1118;border:1px solid #263c4d;border-radius:9px;min-width:125px;padding:12px;position:relative}.pipeline-item span{color:var(--accent);margin-bottom:5px;font:9px monospace;display:block}.pipeline-item em{color:#557184;position:absolute;top:50%;right:-13px}.llm-pipeline{grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;display:grid}.llm-pipeline>div{text-align:center;background:#0a1118;border:1px solid #273c4d;border-radius:8px;place-content:center;min-height:80px;display:grid}.llm-pipeline span{color:#627c90;font:9px monospace}.llm-pipeline strong{font-size:11px}.mini-neuron{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:25px 0;display:flex}.mini-neuron>div:not(.mini-node){border:1px solid #294151;border-radius:8px;gap:4px;padding:10px 14px;display:grid}.mini-neuron span{color:#708799;font-size:9px}.mini-neuron strong{font-family:monospace}.mini-node{border:2px solid var(--accent);width:55px;height:55px;color:var(--accent);border-radius:50%;place-items:center;display:grid;box-shadow:0 0 15px #58d9ff33}.mini-controls{gap:9px;display:grid}.mini-controls label,.activation-slider{color:#8298aa;grid-template-columns:80px 1fr;gap:10px;font-size:10px;display:grid}.activation-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:15px;display:grid}.activation-values>div{background:#0a1118;border:1px solid #293e4e;border-radius:8px;padding:12px}.activation-values span{color:#7e94a6;font-size:9px}.activation-values strong{margin-top:4px;font-family:monospace;display:block}.generic-orbit{justify-content:center;align-items:center;gap:20px;min-height:150px;display:flex}.generic-orbit span{border:1px solid var(--accent);border-radius:50%;width:18px;height:18px}.generic-orbit strong{border:1px solid #294253;border-radius:999px;padding:14px 18px}.topic-checklist,.topic-questions{gap:7px;padding:14px;display:grid}.topic-checklist>div,.topic-questions>div{color:#94aabc;background:#0a1118;border:1px solid #ffffff0d;border-radius:7px;gap:9px;padding:9px 10px;font-size:11px;display:flex}.topic-checklist span{color:var(--good)}.topic-questions span{color:var(--accent);font-family:monospace}.topic-context-card{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.topic-context-card>div{border:1px solid var(--line);background:#0d151e;border-radius:10px;padding:13px}.topic-context-card strong{margin:5px 0;display:block}.topic-context-card p{color:#8198a9;font-size:10px;line-height:1.6}.curriculum-index .section-title p{margin-top:8px}.curriculum-chapter-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.curriculum-chapter-card{border:1px solid var(--line);background:linear-gradient(#101923,#0c141d);border-radius:13px;grid-template-columns:56px minmax(0,1fr) auto;align-items:start;gap:12px;padding:17px;display:grid}.curriculum-chapter-number{width:46px;height:46px;color:var(--accent);border:1px solid #2a485a;border-radius:50%;place-items:center;font-family:monospace;display:grid}.curriculum-chapter-card strong{display:block}.curriculum-chapter-card span{color:#778ea0;margin-top:2px;font-size:11px;display:block}.curriculum-chapter-card p{color:#8197a8;margin:9px 0 0;font-size:11px;line-height:1.6}.curriculum-chapter-card em{color:#63798b;font-size:9px;font-style:normal}@media (max-width:1100px){.chapter-flow-row{grid-template-columns:repeat(9,115px)}.hierarchical-learning-shell{grid-template-columns:225px minmax(0,1fr)}.llm-pipeline{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.chapter-global-flow{padding:0 14px}.chapter-flow-head{display:block}.chapter-total-progress{grid-template-columns:auto 1fr auto;margin-top:10px}.hierarchical-learning-shell{grid-template-columns:1fr}.accordion-curriculum-nav{max-height:none;position:static}.topic-why-grid,.topic-detail-grid,.topic-context-card,.curriculum-chapter-grid{grid-template-columns:1fr}}@media (max-width:560px){.comparison-flow,.activation-values{grid-template-columns:1fr}.llm-pipeline{grid-template-columns:repeat(2,minmax(0,1fr))}.curriculum-chapter-card{grid-template-columns:48px minmax(0,1fr)}.curriculum-chapter-card em{grid-column:2}}.dynamic-concept-lab{border:1px solid var(--line);background:radial-gradient(circle at 50% 35%,#58d9ff0e,#0000 38%),#091119;border-radius:14px;margin:14px 0;padding:18px;overflow:hidden}.dynamic-lab-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.dynamic-lab-head>div:first-child{gap:4px;display:grid}.dynamic-lab-head span{letter-spacing:.12em;color:#70899a;font:800 9px monospace}.dynamic-lab-head strong{color:#d9e8f1;font-size:13px}.dynamic-lab-actions{flex-wrap:wrap;gap:7px;display:flex}.dynamic-lab-actions button{color:#9db1bf;cursor:pointer;background:#0b151e;border:1px solid #294151;border-radius:7px;min-height:36px;padding:0 12px}.dynamic-lab-actions button:hover,.dynamic-lab-actions button:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.dynamic-lab-actions .lab-primary{color:var(--accent);border-color:#58d9ff66;min-width:100px}.signal-stage{margin:12px 0 4px;overflow-x:auto}.signal-stage svg{width:100%;min-width:720px;height:auto;display:block}.lab-link{stroke:#263d4c;stroke-width:2px;transition:all .35s}.lab-link.passed{stroke:#4a879e}.lab-arrow{fill:#36586a}.lab-node{cursor:pointer;outline:none}.lab-node circle{fill:#0b151e;stroke:#314b5b;stroke-width:2px;transition:all .25s}.lab-node text{fill:#7890a0;pointer-events:none;font:700 10px monospace}.lab-node .lab-node-label{fill:#8ca2b1;font:700 9px sans-serif}.lab-node.passed circle{stroke:#477b91}.lab-node.active circle{fill:#58d9ff1a;stroke:var(--accent);stroke-width:3px}.lab-node.active text{fill:var(--accent)}.signal-pulse{fill:none;stroke:#58d9ff47;stroke-width:2px;pointer-events:none;animation:1.7s ease-out infinite labPulse}@keyframes labPulse{0%{opacity:.9;transform-origin:50%}70%{opacity:.12}to{opacity:0}}.dynamic-lab-console{grid-template-columns:minmax(0,1.5fr) minmax(210px,.5fr);gap:10px;display:grid}.dynamic-lab-console>div,.dynamic-lab-console>label{background:#0b141c;border:1px solid #213744;border-radius:9px;padding:12px}.dynamic-lab-console span{color:#637b8c;letter-spacing:.1em;font:800 8px monospace;display:block}.dynamic-lab-console strong{color:#c6d7e2;margin-top:5px;font:700 11px monospace;display:block}.dynamic-lab-console p{color:#849aa9;margin:6px 0 0;font-size:10px;line-height:1.55}.dynamic-lab-console input{width:100%;accent-color:var(--accent);margin-top:9px}.lab-hint{color:#657d8e;text-align:center;margin-top:10px;font-size:9px}.topic-visual-card.generic{display:none}@media (prefers-reduced-motion:reduce){.signal-pulse{animation:none}}@media (max-width:700px){.dynamic-lab-console{grid-template-columns:1fr}.dynamic-lab-actions{width:100%}.dynamic-lab-actions .lab-primary{flex:1}.dynamic-concept-lab{padding:13px}}.special-lab{border:1px solid var(--line,#263246);background:#0a111db8;border-radius:14px;margin:24px 0;padding:18px}.special-grid{grid-template-columns:minmax(0,1.45fr) minmax(240px,.75fr);align-items:center;gap:20px;display:grid}.special-svg{background:#04091180;border-radius:10px;width:100%;min-height:250px}.special-svg line{stroke:#526177;stroke-width:1.2px}.special-svg text{fill:#aebbd0;font-size:12px}.special-controls{gap:12px;display:grid}.special-controls h4{color:#8fdcff;letter-spacing:.12em;margin:0}.special-controls label{color:#aebbd0;grid-template-columns:90px 1fr 48px;align-items:center;gap:8px;font-size:12px;display:grid}.special-controls input{width:100%}.formula-box{background:#08111f;border:1px solid #31405a;border-radius:8px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;line-height:1.7}.vector-a{fill:#55d6be;stroke:#55d6be!important}.vector-b{fill:#ffba6b;stroke:#ffba6b!important}.loss-curve{fill:none;stroke-width:3px;stroke:#65758d!important}.gradient-dot{fill:#ffba6b}.next-dot{fill:#55d6be}.reg-line{stroke:#55d6be!important;stroke-width:3px!important}.error-line{stroke-dasharray:4 3;stroke:#e97878!important}.data-dot{fill:#dce7f8}.prob-stack{gap:10px;display:grid}.prob-row{grid-template-columns:70px 1fr 90px;align-items:center;gap:8px;font-size:11px;display:grid}.prob-row>div{background:#182437;border-radius:7px;height:14px;position:relative;overflow:hidden}.prob-row i{background:#55d6be;height:100%;display:block}.prob-row em{background:#ffba6b;width:2px;position:absolute;top:0;bottom:0}.matrix-mini{grid-template-columns:1fr 1fr;gap:8px;display:grid}.matrix-mini span{background:#0b1625;border:1px solid #293952;border-radius:7px;padding:10px}.matrix-mini b{float:right}@media (max-width:820px){.special-grid{grid-template-columns:1fr}.special-controls label{grid-template-columns:82px 1fr 44px}.prob-row{grid-template-columns:62px 1fr 78px}}.dl-svg circle{fill:#0b1625;stroke:#5d718c;stroke-width:2px}.dl-svg .signal-node{fill:#55d6be1f;stroke:#55d6be}.dl-svg .output-node{fill:#8fdcff1f;stroke:#8fdcff}.opt-sgd{fill:#8fdcff!important}.opt-mom{fill:#ffba6b!important}.opt-adam{fill:#55d6be!important}.conv-demo{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:20px;display:flex}.conv-demo b{text-align:center;color:#aebbd0;margin-bottom:8px;font-size:10px;display:block}.pixel-grid{grid-template-columns:repeat(3,42px);gap:3px;display:grid}.pixel-grid span{background:#122033;border:1px solid #344761;border-radius:4px;place-items:center;height:42px;font-family:monospace;display:grid}.pixel-grid.kernel span{background:#17251f}.conv-op{color:#71839b;font-size:24px}.conv-result{border:2px solid #55d6be;border-radius:10px;place-items:center;width:66px;height:66px;font:700 24px monospace;display:grid}.rnn-timeline{grid-template-columns:repeat(4,minmax(90px,1fr));gap:8px;padding:18px;display:grid}.rnn-timeline>div{opacity:.48;border:1px solid #2a3a51;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:14px 7px;display:flex}.rnn-timeline>div.active{opacity:1;background:#55d6be12;border-color:#55d6be}.rnn-timeline span{text-align:center;font-size:10px;display:grid}.rnn-timeline b{color:#dce7f8;margin-top:4px;font:700 13px monospace}.rnn-timeline i{color:#70839b;font-style:normal}@media (max-width:620px){.rnn-timeline{grid-template-columns:1fr 1fr}.pixel-grid{grid-template-columns:repeat(3,34px)}.pixel-grid span{height:34px}.conv-demo{gap:8px;padding:10px}}.tensor-explorer{justify-content:center;align-items:center;gap:24px;padding:28px;display:flex}.tensor-image,.tensor-channel{grid-template-columns:repeat(3,58px);gap:5px;display:grid}.tensor-image span{border:1px solid var(--line);border-radius:8px;width:58px;height:58px}.tensor-channel span{border:1px solid var(--line);border-radius:8px;place-items:center;width:58px;height:58px;font-weight:700;display:grid}.vision-frame{fill:var(--panel);stroke:var(--line)}.vision-object{fill:var(--panel2);stroke:var(--muted)}.gt-box{fill:none;stroke:#48c78e;stroke-width:3px}.pred-box{fill:none;stroke:#ffb84d;stroke-width:3px}.token-demo{min-width:0;padding:28px}.raw-text{border:1px solid var(--line);border-radius:10px;padding:18px;font-size:20px;font-weight:700}.token-arrow{color:var(--muted);padding:16px 0;font-size:12px}.token-list{flex-wrap:wrap;gap:8px;display:flex}.token-list span{border:1px solid var(--line);border-radius:8px;padding:10px 12px}.token-list b{color:var(--muted);font-size:10px;display:block}.embedding-dot{fill:#8993a4}.embedding-dot.active{fill:var(--accent)}.attention-demo{padding:24px}.attention-query{margin-bottom:18px}.attention-bars{gap:10px;display:grid}.attention-bars>div{grid-template-columns:65px 1fr 42px;align-items:center;gap:8px;display:grid}.attention-bars i{background:var(--accent);border-radius:4px;min-width:2px;height:18px;display:block}.attention-formula{color:var(--muted);margin-top:18px;font-family:monospace}.transformer-pipeline{flex-wrap:wrap;align-items:center;gap:6px;padding:28px;display:flex}.transformer-pipeline>div{border:1px solid var(--line);opacity:.55;border-radius:8px;align-items:center;gap:6px;padding:10px;display:flex}.transformer-pipeline>div.active{opacity:1;border-color:var(--accent)}.transformer-pipeline>div.passed{opacity:.85}.transformer-pipeline span{color:var(--muted);font-size:10px}.transformer-pipeline b{font-size:11px}.transformer-pipeline i{color:var(--muted);font-style:normal}.lab-step-button{border:1px solid var(--line);background:var(--panel);min-height:42px;color:var(--text);cursor:pointer;border-radius:8px;padding:0 14px}@media (max-width:720px){.tensor-explorer{flex-direction:column}.tensor-image,.tensor-channel{grid-template-columns:repeat(3,48px)}.tensor-image span,.tensor-channel span{width:48px;height:48px}.transformer-pipeline,.attention-demo{padding:16px}}.token-generation{padding:24px}.generation-prompt{border:1px solid var(--line);border-radius:9px;margin-bottom:16px;padding:16px;font-size:19px}.generation-prompt strong{color:var(--accent)}.probability-list{gap:8px;display:grid}.probability-list>div{grid-template-columns:78px 1fr 55px;align-items:center;gap:8px;font-size:11px;display:grid}.probability-list i{background:var(--accent);border-radius:4px;min-width:2px;height:16px;display:block}.context-window{flex-wrap:wrap;gap:7px;padding:26px;display:flex}.context-window span{border:1px solid var(--line);border-radius:7px;gap:4px;padding:10px;display:grid}.context-window small{color:var(--muted);font-size:8px}.context-window .outside{opacity:.2}.context-window .inside{border-color:var(--accent)}.alignment-flow{gap:8px;padding:20px;display:grid}.alignment-flow button{text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;gap:3px;padding:12px;display:grid}.alignment-flow button span{color:var(--muted);font-size:10px}.alignment-flow button.active{border-color:var(--accent);background:#58d9ff0f}.alignment-flow button.passed{opacity:.7}.vector-search-space{border:1px solid var(--line);background-image:linear-gradient(#64789114 1px,#0000 1px),linear-gradient(90deg,#64789114 1px,#0000 1px);background-size:25px 25px;border-radius:10px;height:300px;position:relative}.query-dot,.doc-dot{border-radius:50%;place-items:center;font-size:9px;font-weight:800;display:grid;position:absolute;transform:translate(-50%,-50%)}.query-dot{border:2px solid var(--accent);background:var(--panel);width:38px;height:38px;color:var(--accent);z-index:2}.doc-dot{color:#aebbd0;background:#101b2b;border:1px solid #526177;width:46px;height:46px}.doc-dot.selected{color:#55d6be;background:#55d6be17;border-color:#55d6be}.search-ranking{gap:6px;display:grid}.search-ranking div{border:1px solid var(--line);border-radius:6px;justify-content:space-between;padding:7px 9px;font-size:10px;display:flex}.search-ranking span{color:var(--muted)}@media (max-width:620px){.vector-search-space{height:250px}.token-generation,.context-window{padding:14px}.probability-list>div{grid-template-columns:65px 1fr 48px}}.rag-flow-strip{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-bottom:18px;display:flex}.rag-flow-strip div{align-items:center;gap:6px;display:flex}.rag-flow-strip b{border:1px solid var(--line);letter-spacing:.06em;border-radius:7px;padding:8px 10px;font-size:9px}.rag-flow-strip span{color:var(--muted)}.rag-docs{gap:8px;display:grid}.rag-query,.rag-context,.rag-doc{border:1px solid var(--line);border-radius:8px;padding:10px}.rag-query{color:var(--accent);font-weight:700}.rag-doc{grid-template-columns:85px 1fr 42px;align-items:center;gap:8px;display:grid}.rag-doc b,.rag-doc em{font-size:9px}.rag-doc span{color:var(--muted);font-size:11px}.rag-doc em{text-align:right;color:#55d6be;font-style:normal}.rag-context{background:#55d6be0d;gap:5px;display:grid}.rag-context b{color:#55d6be;font-size:9px}.rag-context span{font-size:10px;line-height:1.55}.lab-text-input{box-sizing:border-box;border:1px solid var(--line);background:var(--panel);width:100%;min-height:42px;color:var(--text);border-radius:7px;padding:8px}.lab-toggle input{width:auto!important}.budget-bar{border:1px solid var(--line);background:#08111f;border-radius:9px;height:52px;display:flex;overflow:hidden}.budget-bar div{border-right:1px solid #ffffff14;place-items:center;min-width:0;font:700 8px monospace;display:grid;overflow:hidden}.budget-system{background:#253b50}.budget-history{background:#34465b}.budget-rag{background:#31584f}.budget-examples{background:#5b4c38}.budget-output{background:#203141}.budget-legend{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.budget-legend span{border:1px solid var(--line);border-radius:6px;gap:5px;padding:6px 8px;font-size:9px;display:flex}.budget-warning{color:#e7a0a0;border:1px solid #7d4c4c;border-radius:7px;margin-top:12px;padding:9px;font-size:10px}.agent-machine{gap:5px;padding:10px;display:grid}.agent-machine button{text-align:left;border:1px solid var(--line);background:var(--panel);color:var(--text);cursor:pointer;border-radius:8px;gap:3px;padding:10px 34px 10px 12px;display:grid;position:relative}.agent-machine button.active{border-color:var(--accent);background:#58d9ff0f}.agent-machine button.passed{opacity:.68}.agent-machine button span{color:var(--muted);font-size:10px}.agent-machine button i{z-index:2;color:var(--muted);font-style:normal;position:absolute;bottom:-13px;right:12px}.agent-console{border:1px solid var(--line);border-radius:8px;padding:10px}.agent-console span{color:var(--muted);font-size:8px}.agent-console b{color:var(--accent);margin-top:3px;display:block}.agent-console p{color:var(--muted);margin:5px 0 0;font-size:10px;line-height:1.5}@media (max-width:620px){.rag-doc{grid-template-columns:70px 1fr}.rag-doc em{grid-column:2}.rag-flow-strip{justify-content:flex-start}.budget-bar{height:42px}}.mm-space{padding:16px}.mm-space svg{width:100%;max-height:300px}.mm-space path,.mm-space line{stroke:var(--line);stroke-width:2px;fill:none}.mm-space line{stroke:var(--accent);stroke-dasharray:5 5}.mm-space text{fill:var(--muted);font-size:10px}.mm-image{fill:#31584f;stroke:#55d6be;stroke-width:2px}.mm-text{fill:#253b50;stroke:#8fdcff;stroke-width:2px}.special-controls select{border:1px solid var(--line);background:var(--panel);min-height:38px;color:var(--text);border-radius:6px;padding:6px}.diffusion-stage{place-items:center;gap:12px;padding:24px;display:grid}.diffusion-grid{border:1px solid var(--line);border-radius:9px;grid-template-columns:repeat(8,28px);gap:3px;padding:12px;display:grid}.diffusion-grid span{background:var(--accent);border-radius:3px;width:28px;height:28px}.diffusion-arrow{color:var(--muted);font:700 10px monospace}.serving-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;padding:22px;display:flex}.serving-flow>b{border:1px solid var(--line);border-radius:7px;padding:10px;font-size:10px}.serving-flow>i{color:var(--muted);font-style:normal}.serving-requests{grid-template-columns:repeat(4,34px);gap:4px;display:grid}.serving-requests span{border:1px solid var(--line);border-radius:4px;place-items:center;height:28px;font:700 8px monospace;display:grid}.serving-workers{gap:6px;display:grid}.serving-workers span{border:1px solid #55d6be;border-radius:7px;padding:8px 14px;font:700 9px monospace;display:grid}.serving-workers small{color:var(--muted);font-size:8px}.serving-metrics{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.serving-metrics span{border:1px solid var(--line);color:var(--muted);border-radius:6px;gap:3px;padding:8px;font-size:8px;display:grid}.serving-metrics b{color:var(--text);font-size:11px}@media (max-width:620px){.diffusion-grid{grid-template-columns:repeat(8,22px)}.diffusion-grid span{width:22px;height:22px}.serving-metrics{grid-template-columns:1fr}.serving-flow{padding:12px}}.inference-timeline,.ops-lifecycle,.security-path{gap:16px;min-width:0;padding:20px;display:grid}.phase,.cache-rack,.drift-meter,.threat-source,.audit-strip{border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:12px}.phase{gap:7px;display:grid}.phase span,.cache-rack span,.drift-meter span,.threat-source span{color:var(--muted);font-size:10px}.phase i,.drift-meter i{background:var(--accent);border-radius:6px;max-width:100%;height:7px;display:block}.decode-track{gap:8px;display:grid}.decode-track>div{flex-wrap:wrap;gap:4px;display:flex}.decode-track span{border:1px solid var(--line);border-radius:5px;padding:6px;font:700 8px monospace}.ops-track{flex-wrap:wrap;gap:5px;display:flex}.ops-track button{border:1px solid var(--line);background:var(--panel);min-width:72px;min-height:58px;color:var(--muted);cursor:pointer;border-radius:8px;flex:1}.ops-track button.active{border-color:var(--accent);color:var(--accent)}.ops-track button.passed{opacity:.7}.ops-track button span{margin-top:4px;display:block}.deployment-lanes{gap:8px;display:grid}.deployment-lanes>div{border:1px solid var(--line);border-radius:7px;min-height:38px;padding:10px;position:relative;overflow:hidden}.deployment-lanes span{background:var(--accent);height:4px;position:absolute;bottom:0;left:0}.drift-meter.warn{border-color:#8c5454}.drift-meter.warn i{background:#c96b6b}.security-nodes{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.security-nodes div{border:1px solid var(--line);border-radius:7px;align-items:center;gap:5px;padding:9px;font-size:9px;display:flex}.security-nodes div.blocked{color:#e39797;background:#c96b6b14;border-color:#c96b6b}.security-nodes span{color:var(--muted)}.audit-strip{color:var(--muted);font:700 9px monospace}@media (max-width:650px){.inference-timeline,.ops-lifecycle,.security-path{padding:12px}.ops-track button{min-width:62px}.security-nodes{align-items:stretch}.security-nodes div{flex:1;justify-content:space-between;min-width:90px}}