:root{--paper:#f7f5ef;--paper-strong:#eeebe2;--surface:#fff;--ink:#181a17;--ink-muted:#62675f;--line:#d9d6cc;--rail:#161915;--rail-line:#30352e;--blue:#2455a6;--green:#2f7254;--coral:#c9573f;--gold:#c38a25;--code:#11141a;--font-sans:"Aptos", "Segoe UI", Arial, sans-serif;--font-mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans);margin:0;font-size:16px;line-height:1.5}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible+.review-box{outline-offset:2px;outline:3px solid #2455a659}.studio-shell{grid-template-columns:282px minmax(0,1fr);min-height:100vh;display:grid}.problem-rail{z-index:50;background:var(--rail);color:#f7f7f1;border-right:1px solid #0f110e;flex-direction:column;height:100vh;display:flex;position:sticky;top:0}.rail-brand{border-bottom:1px solid var(--rail-line);grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:78px;padding:0 20px;display:grid}.brand-mark{color:#d9e5d4;border:1px solid #7f8f78;border-radius:6px;place-items:center;width:42px;height:42px;font-size:15px;font-weight:800;display:grid}.rail-brand strong,.rail-brand span{display:block}.rail-brand strong{font-size:15px;line-height:1.3}.rail-brand span{color:#9fa79c;margin-top:2px;font-size:12px}.rail-caption{color:#8e978b;text-transform:uppercase;justify-content:space-between;padding:20px 20px 10px;font-size:11px;font-weight:700;display:flex}.problem-list{padding:0 10px}.problem-link{width:100%;min-height:66px;color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #292e28;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:10px;padding:10px 12px;display:grid;position:relative}.problem-link:before{content:"";background:0 0;width:3px;position:absolute;top:12px;bottom:12px;left:0}.problem-link:hover{background:#1f231e}.problem-link-active{background:#242a22}.problem-link-active:before{background:#e2ab47}.problem-letter{color:#d5dbd1;text-align:center;font-size:20px;font-weight:700}.problem-name{min-width:0}.problem-name strong,.problem-name small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.problem-name strong{font-size:14px;font-weight:650}.problem-name small{color:#90998d;margin-top:3px;font-size:11px}.reviewed-icon{color:#75b28e}.rail-footer{border-top:1px solid var(--rail-line);color:#8e978b;flex-direction:column;gap:3px;margin-top:auto;padding:18px 20px;font-size:11px;display:flex}.studio-main{min-width:0}.topbar{z-index:30;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f7f5eff5;justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding:12px 28px;display:flex;position:sticky;top:0}.topbar-problem{align-items:center;gap:12px;min-width:0;display:flex}.topbar-letter{background:var(--surface);border:1px solid #bbb8ae;border-radius:5px;flex:0 0 38px;place-items:center;width:38px;height:38px;font-weight:800;display:grid}.topbar-problem strong,.topbar-problem span{display:block}.topbar-problem strong{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.topbar-problem div>span{color:var(--ink-muted);margin-top:2px;font-size:11px}.mobile-menu,.rail-close{display:none!important}.icon-button{border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--ink);cursor:pointer;border-radius:5px;flex:0 0 40px;place-items:center;display:inline-grid}.icon-button:hover:not(:disabled),.icon-button-active{background:#ece9e0;border-color:#9f9c91}.icon-button:disabled,.text-command:disabled{cursor:not-allowed;opacity:.35}.mode-switch{background:#ebe8df;border:1px solid #d2cfc5;border-radius:7px;grid-template-columns:repeat(3,1fr);padding:3px;display:grid}.mode-switch button{color:#555a52;cursor:pointer;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:7px;min-width:124px;height:42px;padding:0 13px;display:flex}.mode-switch button:hover{color:var(--ink)}.mode-switch .mode-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #1d1e1a1f}.mode-switch span{font-size:13px;font-weight:700}.mode-switch small{color:#777c73;font-size:10px;font-weight:800}.learn-layout{grid-template-columns:minmax(0,800px) 210px;justify-content:center;gap:70px;padding:72px 56px 88px;display:grid}.editorial-article{min-width:0}.editorial-heading{border-bottom:1px solid var(--line);padding-bottom:42px}.heading-kicker{color:var(--blue);text-transform:uppercase;flex-wrap:wrap;gap:8px 18px;font-size:12px;font-weight:800;display:flex}.heading-kicker span+span{position:relative}.heading-kicker span+span:before{color:#b4b1a8;content:"/";position:absolute;left:-11px}.editorial-heading h1{max-width:760px;margin:18px 0 16px;font-size:52px;font-weight:760;line-height:1.04}.editorial-heading>p{color:#484c46;max-width:720px;margin:0;font-size:20px;line-height:1.6}.editorial-meta{color:#646960;flex-wrap:wrap;align-items:center;gap:10px 22px;margin-top:28px;font-size:12px;font-weight:650;display:flex}.editorial-meta>span{align-items:center;gap:6px;display:inline-flex}.review-check{color:var(--green);cursor:pointer;align-items:center;gap:8px;display:inline-flex}.review-check input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.review-box{background:#f5faf7;border:1px solid #7d9887;border-radius:3px;place-items:center;width:19px;height:19px;display:grid}.bridge-note{border-left:4px solid var(--gold);background:#f2ecdc;grid-template-columns:126px minmax(0,1fr);gap:18px;margin:34px 0 0;padding:19px 22px;display:grid}.bridge-note span{color:#8b651f;text-transform:uppercase;font-size:11px;font-weight:800}.bridge-note p{color:#544c3b;margin:0;line-height:1.55}.learn-section,.solution-section{border-bottom:1px solid var(--line);padding:50px 0 52px}.section-label{color:var(--blue);text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:800}.learn-section h2,.solution-section h2{margin:0 0 22px;font-size:30px;font-weight:730;line-height:1.18}.learn-section p{color:#3f433d;max-width:74ch;margin:0 0 18px;font-size:17px;line-height:1.76}.formula-line,.slide-formula{border-left:4px solid var(--green);color:#183c2b;font-family:var(--font-mono);white-space:pre-wrap;background:#eaf1ec;font-weight:650;overflow-x:auto}.formula-line{margin:26px 0;padding:18px 22px;font-size:15px;line-height:1.55}.explanation-list{gap:12px;max-width:74ch;margin:24px 0 0;padding:0;list-style:none;display:grid}.explanation-list li{color:#3f433d;padding-left:25px;font-size:17px;line-height:1.65;position:relative}.explanation-list li:before{background:var(--coral);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:.72em;left:2px}.learning-callout{color:#514526;background:#fbf6e8;border:1px solid #d4c397;border-radius:5px;margin-top:28px;padding:17px 20px;font-weight:650;line-height:1.6}.trace-wrap{border:1px solid var(--line);background:var(--surface);border-radius:5px;width:100%;margin:28px 0 22px;overflow-x:auto}.trace-table{border-collapse:collapse;width:100%;min-width:560px;font-family:var(--font-mono);font-size:13px}.trace-table th,.trace-table td{text-align:left;white-space:nowrap;border-bottom:1px solid #e1ded5;border-right:1px solid #e1ded5;padding:13px 16px}.trace-table th:last-child,.trace-table td:last-child{border-right:0}.trace-table tbody tr:last-child td{border-bottom:0}.trace-table th{color:#555a52;font-family:var(--font-sans);text-transform:uppercase;background:#eeece5;font-size:11px;font-weight:800}.trace-table tbody tr:nth-child(2n){background:#faf9f5}.solution-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:20px;display:flex}.solution-heading h2{margin-bottom:0}.solution-actions{align-items:center;gap:10px;display:flex}.solution-language-switch{border:1px solid var(--line);background:var(--paper-strong);border-radius:6px;grid-template-columns:repeat(2,minmax(78px,1fr));padding:3px;display:grid}.solution-language-switch button{min-width:0;height:34px;color:var(--ink-muted);cursor:pointer;font-family:var(--font-mono);background:0 0;border:0;border-radius:4px;padding:0 12px;font-size:11px;font-weight:750}.solution-language-switch button:hover{color:var(--ink)}.solution-language-switch .solution-language-active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #1d1e1a1f}.code-copy{color:#f0f3f7;background:#20242c;border-color:#3c414c}.code-copy:hover:not(:disabled){background:#292f39;border-color:#596171}.code-block{background:var(--code);color:#e9edf3;max-height:720px;font-family:var(--font-mono);tab-size:4;border:1px solid #282d35;border-radius:6px;margin:0;padding:24px;font-size:13px;line-height:1.7;overflow:auto}.problem-pagination{justify-content:space-between;gap:24px;padding-top:32px;display:flex}.text-command{min-height:42px;color:var(--blue);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;padding:0;font-size:13px;font-weight:750;display:inline-flex}.contents-rail{border-left:1px solid var(--line);align-self:start;padding-left:20px;position:sticky;top:118px}.contents-title{color:#777c73;text-transform:uppercase;margin-bottom:13px;font-size:11px;font-weight:800}.contents-rail nav{flex-direction:column;gap:2px;display:flex}.contents-rail a{color:#656a62;padding:6px 0;font-size:12px;line-height:1.35;text-decoration:none}.contents-rail a:hover{color:var(--blue)}.student-study{min-height:calc(100vh - 78px)}.student-layout{grid-template-columns:210px minmax(0,900px);justify-content:center;gap:64px;width:100%;max-width:1260px;margin:0 auto;padding:64px 52px 88px;display:grid}.student-outline{border-left:1px solid var(--line);align-self:start;padding-left:18px;position:sticky;top:112px}.student-outline-title{color:var(--ink-muted);text-transform:uppercase;margin-bottom:13px;font-size:10px;font-weight:800}.student-outline nav{flex-direction:column;display:flex}.student-outline a{color:#555a52;grid-template-columns:28px minmax(0,1fr);align-items:baseline;gap:7px;padding:8px 0;text-decoration:none;display:grid}.student-outline a:hover{color:var(--blue)}.student-outline a span{color:#93978f;font-family:var(--font-mono);font-size:9px}.student-outline a strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:650;overflow:hidden}.student-status{border-top:1px solid var(--line);color:#7a7f77;align-items:center;gap:7px;margin-top:20px;padding-top:16px;font-size:11px;font-weight:750;display:flex}.student-status-complete{color:var(--green)}.student-article{min-width:0}.student-heading{border-bottom:1px solid var(--line);padding-bottom:54px}.student-overview-grid{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);align-items:end;gap:38px;margin-top:18px;display:grid}.student-overview-copy h1{margin:0;font-size:50px;font-weight:780;line-height:1.04}.student-overview-copy>p{color:#484c46;margin:18px 0 0;font-size:19px;line-height:1.62}.student-meta{color:var(--ink-muted);flex-wrap:wrap;gap:8px 18px;margin-top:24px;font-size:12px;font-weight:650;display:flex}.student-meta span{align-items:center;gap:6px;display:inline-flex}.student-overview-grid .concept-visual{min-height:260px}.student-step{border-bottom:1px solid var(--line);grid-template-columns:112px minmax(0,1fr);gap:34px;padding:50px 0 52px;scroll-margin-top:96px;display:grid}.student-step-marker{border-top:3px solid var(--blue);padding-top:5px}.student-step-marker span,.student-step-marker strong{display:block}.student-step-marker span{color:var(--blue);font-family:var(--font-mono);font-size:13px;font-weight:800}.student-step-marker strong{color:#666b63;text-transform:uppercase;margin-top:8px;font-size:10px;font-weight:800}.student-step-content{min-width:0}.student-step-content h2{margin:0;font-size:30px;font-weight:740;line-height:1.16}.student-step-lead{color:#484d46;max-width:720px;margin:18px 0 0;font-size:18px;line-height:1.65}.student-formula{overflow-wrap:anywhere;border-left:4px solid var(--blue);color:#202b3c;font-family:var(--font-mono);background:#e9eef6;margin-top:22px;padding:17px 19px;font-size:14px;font-weight:650;line-height:1.55}.student-bullets{gap:12px;margin:22px 0 0;padding:0;list-style:none;display:grid}.student-bullets li{color:#353a34;padding-left:24px;font-size:17px;line-height:1.58;position:relative}.student-bullets li:before{border:2px solid var(--blue);content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:.67em;left:2px}.student-step .trace-wrap{margin-bottom:0}.student-code-section{border-bottom:1px solid var(--line);padding:56px 0 58px;scroll-margin-top:96px}.student-code-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px;display:flex}.student-code-heading h2{margin:0;font-size:30px;line-height:1.15}.student-code-panel{background:var(--code);border:1px solid #2f3540;border-radius:6px;overflow:hidden}.student-code-toolbar{color:#c8ced8;height:44px;font-family:var(--font-mono);background:#191e27;border-bottom:1px solid #2f3540;justify-content:space-between;align-items:center;padding:0 8px 0 16px;font-size:11px;font-weight:750;display:flex}.student-code-toolbar>span{align-items:center;gap:8px;display:inline-flex}.student-code-copy{color:#c8ced8;background:0 0;border-color:#0000;flex-basis:30px;width:30px;height:30px}.student-code-copy:hover:not(:disabled){background:#252c37;border-color:#485160}.student-code-scroll{overscroll-behavior:contain;color:#e8ecf2;height:min(680px,70vh);min-height:420px;font-family:var(--font-mono);scrollbar-color:#566070 var(--code);scrollbar-width:thin;tab-size:4;white-space:pre;margin:0;padding:20px 22px 24px;font-size:12px;line-height:1.6;overflow:auto}.student-code-scroll:focus-visible{outline:2px solid var(--blue);outline-offset:-2px}.student-completion{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:28px 0;display:flex}.student-completion>div span,.student-completion>div strong{display:block}.student-completion>div span{color:var(--ink-muted);text-transform:uppercase;font-size:10px;font-weight:800}.student-completion>div strong{margin-top:4px;font-size:20px}.student-pagination{padding-top:28px}.presentation-workspace{--deck-accent:#2862d7;--deck-accent-soft:#e8efff;--deck-on-accent:#fff;color:#f4f5f7;background:#1b1c20;min-height:calc(100vh - 78px);padding:16px 28px 20px;overflow:auto}.deck-problem-B{--deck-accent:#167c58;--deck-accent-soft:#e3f3eb}.deck-problem-C{--deck-accent:#c94f3b;--deck-accent-soft:#f9e9e5}.deck-problem-D{--deck-accent:#93620b;--deck-accent-soft:#fbf0d3}.deck-problem-E{--deck-accent:#087985;--deck-accent-soft:#e1f2f3}.deck-problem-F{--deck-accent:#694db9;--deck-accent-soft:#eee9fb}.deck-problem-G{--deck-accent:#ad3c57;--deck-accent-soft:#f8e6eb}.presentation-workspace:fullscreen{width:100%;min-height:100vh;padding:16px 28px 20px}.presentation-toolbar,.slide-grid,.slide-navigation{width:100%;max-width:1320px;margin-left:auto;margin-right:auto}.presentation-toolbar{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;margin-bottom:12px;display:grid}.deck-identity{align-items:center;gap:10px;min-width:164px;display:flex}.deck-mark{background:var(--deck-accent);width:38px;height:38px;color:var(--deck-on-accent);border-radius:5px;flex:0 0 38px;place-items:center;font-size:13px;font-weight:850;display:grid}.deck-identity strong,.deck-identity small{display:block}.deck-identity strong{font-size:13px}.deck-identity small{color:#a9abb2;margin-top:2px;font-size:10px}.deck-problem-nav{background:#232429;border:1px solid #37383e;border-radius:6px;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;min-width:0;padding:3px;display:grid}.deck-problem-nav button{color:#aeb0b7;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;gap:6px;min-width:0;height:36px;padding:0 8px;display:flex}.deck-problem-nav button:hover{color:#fff;background:#2e3035}.deck-problem-nav button strong{font-size:12px}.deck-problem-nav button span{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;font-weight:650;overflow:hidden}.deck-problem-nav .deck-problem-active{background:var(--deck-accent);color:var(--deck-on-accent)}.presentation-actions{align-items:center;gap:7px;display:flex}.live-toggle{color:#f6f7f8;cursor:pointer;background:#282a2f;border:1px solid #44464d;border-radius:5px;align-items:center;gap:7px;height:40px;padding:0 12px;display:inline-flex}.live-toggle:hover{background:#35373e;border-color:#666972}.live-toggle span{white-space:nowrap;font-size:11px;font-weight:750}.live-toggle-active{border-color:var(--deck-accent);background:var(--deck-accent);color:var(--deck-on-accent)}.live-toggle-active:hover{border-color:var(--deck-accent);background:var(--deck-accent)}.live-width-control{color:#afb2b9;background:#232429;border:1px solid #44464d;border-radius:5px;grid-template-columns:auto 72px 34px;align-items:center;gap:7px;height:40px;padding:0 9px;display:grid}.live-width-control span,.live-width-control strong{font-size:9px}.live-width-control strong{color:#fff;font-family:var(--font-mono)}.live-width-control input{width:72px;accent-color:var(--deck-accent);cursor:ew-resize}.presentation-workspace .icon-button{color:#f6f7f8;background:#282a2f;border-color:#44464d}.presentation-workspace .icon-button:hover:not(:disabled),.presentation-workspace .icon-button-active{background:#35373e;border-color:#666972}.slide-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.slide-grid-notes{grid-template-columns:minmax(0,1fr) 292px}.slide-grid-live{grid-template-columns:minmax(0, var(--live-slide-width)) minmax(0, 1fr)}.lesson-slide{border:1px solid #d9dce1;border-left:8px solid var(--deck-accent);color:#17191d;background:#fbfcfd;border-radius:5px;flex-direction:column;min-width:0;height:min(650px,100vh - 236px);min-height:510px;display:flex;position:relative;overflow:hidden;box-shadow:0 18px 48px #00000047}:is(.presentation-workspace:fullscreen .lesson-slide,.presentation-workspace:fullscreen .presenter-note,.presentation-workspace:fullscreen .live-camera-safe){height:calc(100vh - 154px);min-height:560px}.slide-topline,.slide-footer{color:#6b7078;text-transform:uppercase;flex:none;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.slide-topline{padding:18px 34px 0}.slide-topline span:first-child{color:var(--deck-accent)}.slide-content{flex:1;width:100%;padding:22px 42px 26px;overflow:auto}.slide-title-row{grid-template-columns:54px minmax(0,1fr);align-items:start;gap:17px;display:grid}.slide-number{border-top:3px solid var(--deck-accent);color:var(--deck-accent);font-family:var(--font-mono);padding-top:5px;font-size:18px;font-weight:800}.slide-content h1{max-width:980px;margin:0;font-size:40px;font-weight:780;line-height:1.08}.slide-learning-grid{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:24px;display:grid}.slide-learning-grid-visual{grid-template-columns:minmax(0,1.18fr) minmax(280px,.82fr);align-items:stretch}.slide-copy{min-width:0}.slide-kind-code .slide-content{flex-direction:column;min-height:0;display:flex;overflow:hidden}.slide-kind-code .slide-title-row{flex:none}.slide-learning-grid-code{flex:auto;grid-template-rows:minmax(0,1fr);min-height:0}.slide-learning-grid-code .slide-copy{height:100%;min-height:0}.slide-code-panel{background:#10141b;border:1px solid #2f3540;border-radius:5px;flex-direction:column;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 12px 28px #12161d29}.slide-code-toolbar{color:#c8ced8;min-height:42px;font-family:var(--font-mono);background:#191e27;border-bottom:1px solid #2f3540;flex:0 0 42px;justify-content:space-between;align-items:center;padding:0 8px 0 16px;font-size:11px;font-weight:700;display:flex}.slide-code-toolbar>span{align-items:center;gap:8px;display:inline-flex}.slide-code-actions{align-items:center;gap:6px;display:flex}.solution-language-switch-compact{background:#10141b;border-color:#3b4350;grid-template-columns:repeat(2,62px);padding:2px}.solution-language-switch-compact button{color:#9fa8b6;height:26px;padding:0 7px;font-size:9px}.solution-language-switch-compact button:hover{color:#fff}.solution-language-switch-compact .solution-language-active{background:var(--deck-accent);color:var(--deck-on-accent);box-shadow:none}.presentation-workspace .slide-code-copy{color:#c8ced8;background:0 0;border-color:#0000;flex-basis:30px;width:30px;height:30px}.presentation-workspace .slide-code-copy:hover:not(:disabled){background:#252c37;border-color:#485160}.slide-code-scroll{overscroll-behavior:contain;color:#e8ecf2;min-height:0;font-family:var(--font-mono);scrollbar-color:#566070 #10141b;scrollbar-width:thin;tab-size:4;white-space:pre;background:#10141b;flex:auto;margin:0;padding:17px 20px 20px;font-size:12px;line-height:1.55;overflow:auto}.slide-code-scroll:focus-visible{outline:2px solid var(--deck-accent);outline-offset:-2px}.slide-lead{color:#454a52;max-width:820px;margin:0;font-size:20px;line-height:1.48}.slide-formula{border-left-color:var(--deck-accent);background:var(--deck-accent-soft);color:#20242a;max-width:900px;margin-top:20px;padding:16px 20px;font-size:16px;line-height:1.5}.slide-bullets{gap:11px;max-width:860px;margin:22px 0 0;padding:0;list-style:none;display:grid}.slide-bullets li{color:#30343a;padding-left:27px;font-size:18px;line-height:1.45;position:relative}.slide-bullets li:before{border:2px solid var(--deck-accent);content:"";border-radius:50%;width:9px;height:9px;position:absolute;top:.55em;left:1px}.lesson-slide .trace-wrap{border-color:#d8dbe0;max-width:100%;margin:20px 0 0}.lesson-slide .trace-table{font-size:13px}.lesson-slide .trace-table th,.lesson-slide .trace-table td{padding:10px 13px}.slide-footer{margin-top:auto;padding:0 34px 16px}.slide-footer span:last-child{color:var(--deck-accent)}.presenter-note{border:1px solid #3c3e45;border-top:4px solid var(--deck-accent);color:#f4f5f7;background:#25262b;border-radius:5px;flex-direction:column;align-self:stretch;height:min(650px,100vh - 236px);min-height:510px;padding:24px 21px;display:flex}.presenter-note>span{color:#9ea1a9;text-transform:uppercase;font-size:10px;font-weight:800;display:block}.presenter-note>strong{color:var(--deck-accent);margin-top:14px;font-size:16px}.presenter-note p{color:#d5d7dc;margin:16px 0 0;font-size:14px;line-height:1.7}.presenter-note small{color:#8f929a;border-top:1px solid #3d3f46;margin-top:auto;padding-top:18px;font-size:10px}.live-camera-safe{background:#101115;border-left:1px solid #3a3c43;flex-direction:column;height:min(650px,100vh - 236px);min-height:510px;display:flex;overflow:hidden}.live-brand-lockup{background:#15161a;border-bottom:1px solid #2d2f35;align-items:center;gap:12px;min-height:94px;padding:11px 18px;display:flex}.live-logo-mark{background-image:url(../algoritm-akademiyasi-logo.png);background-position:50% -2px;background-repeat:no-repeat;background-size:76px 76px;flex:0 0 76px;width:76px;height:58px}.live-brand-lockup strong,.live-brand-lockup small{display:block}.live-brand-lockup strong{color:#f5f7fa;font-size:17px;line-height:1.15}.live-brand-lockup small{color:var(--deck-accent);text-transform:uppercase;margin-top:5px;font-size:10px;font-weight:800}.live-camera-space{flex:1}.slide-navigation{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:10px;margin-top:12px;display:grid}.presentation-bottom{width:100%;max-width:1320px;margin-left:auto;margin-right:auto}.presentation-bottom-live{grid-template-columns:minmax(0, var(--live-slide-width)) minmax(0, 1fr);gap:12px;display:grid}.presentation-workspace-live .presentation-toolbar,.presentation-workspace-live .slide-grid,.presentation-workspace-live .presentation-bottom{max-width:none}.presentation-bottom-live .slide-navigation{width:100%;max-width:none;margin-left:0;margin-right:0}.live-slogan{color:#c7cad0;background:#15161a;border-top:1px solid #3a3c43;border-bottom:1px solid #3a3c43;justify-content:center;align-items:center;gap:5px;min-width:0;height:54px;margin-top:12px;font-size:13px;display:flex}.live-slogan strong{color:var(--deck-accent);font-size:14px}.slide-arrow{background:#282a2f;border-color:#44464d}.slide-outline{scrollbar-width:thin;gap:4px;min-width:0;display:flex;overflow-x:auto}.slide-outline button{color:#aeb0b7;cursor:pointer;text-align:left;background:#232429;border:1px solid #35373d;border-radius:4px;grid-template-columns:22px minmax(0,1fr);align-items:center;gap:6px;min-width:116px;height:42px;padding:0 9px;display:grid}.slide-outline button:hover{color:#fff;border-color:#555860}.slide-outline button>span{font-family:var(--font-mono);font-size:10px}.slide-outline button>strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:9px;overflow:hidden}.slide-outline .slide-outline-active{border-color:var(--deck-accent);background:var(--deck-accent);color:var(--deck-on-accent)}.concept-visual{border-left:1px solid color-mix(in srgb, var(--deck-accent) 36%, white);background:var(--deck-accent-soft);color:#202329;border-radius:4px;align-self:stretch;min-height:238px;padding:20px;position:relative;overflow:hidden}.visual-heading{color:#5a6068;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:10px;font-weight:800;display:flex}.visual-heading strong{border:1px solid var(--deck-accent);width:30px;height:30px;color:var(--deck-accent);border-radius:4px;place-items:center;font-size:13px;display:grid}.record-chart{border-bottom:1px solid color-mix(in srgb, var(--deck-accent) 32%, white);justify-content:space-between;align-items:flex-end;gap:8px;height:160px;padding:18px 4px 0;display:flex}.record-column{flex-direction:column;flex:1;align-items:center;min-width:0;display:flex}.record-bar{border:2px solid var(--deck-accent);background:var(--deck-accent);width:min(38px,80%);min-height:36px;color:var(--deck-on-accent);font-family:var(--font-mono);justify-content:center;align-items:flex-start;padding-top:7px;font-size:11px;display:flex}.record-bar-skipped{color:var(--deck-accent);background:0 0}.record-column small{color:#686d74;margin-top:6px;font-size:9px}.visual-legend{color:#666b72;flex-wrap:wrap;gap:8px 14px;margin-top:12px;font-size:9px;display:flex}.visual-legend span{align-items:center;gap:5px;display:flex}.visual-legend i{border:1px solid var(--deck-accent);width:9px;height:9px}.legend-solid{background:var(--deck-accent)}.legend-outline{background:0 0}.queue-flow{grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:9px;margin-top:52px;display:grid}.queue-action{border-radius:50%;place-items:center;width:38px;height:38px;font-weight:850;display:grid}.queue-action-in{background:var(--deck-accent);color:#fff}.queue-action-out{border:2px solid var(--deck-accent);color:var(--deck-accent)}.queue-track{border:2px solid var(--deck-accent);border-radius:4px;gap:4px;min-width:0;padding:5px;display:flex}.queue-track span{color:#3d4445;background:#ffffffb8;flex:1;place-items:center;min-width:0;height:48px;font-size:9px;font-weight:750;display:grid}.queue-order{color:#68706f;align-items:center;gap:9px;margin:14px 47px 0;font-size:9px;display:flex}.queue-order span{background:var(--deck-accent);flex:1;height:1px}.repair-chart{justify-content:center;align-items:flex-end;gap:24px;height:170px;margin-top:20px;display:flex}.repair-column{text-align:center}.repair-bars{align-items:flex-end;gap:4px;height:110px;display:flex}.repair-bars span{width:31px;min-height:28px;font-family:var(--font-mono);justify-content:center;align-items:flex-start;padding-top:5px;font-size:10px;display:flex}.repair-original{color:#656a70;background:#fff;border:1px solid #9a9ea4}.repair-target{background:var(--deck-accent);color:#fff}.repair-column small{color:#646a71;margin-top:7px;font-size:10px;display:block}.repair-total,.basis-answer,.dag-state{border-top:1px solid color-mix(in srgb, var(--deck-accent) 32%, white);color:#5d636a;justify-content:space-between;align-items:center;padding-top:11px;font-size:10px;display:flex}.repair-total strong,.basis-answer strong,.dag-state strong{color:var(--deck-accent);font-family:var(--font-mono);font-size:14px}.predicate-row{grid-template-columns:repeat(5,1fr);gap:5px;margin-top:60px;display:grid}.predicate-row>span{border:1px solid;flex-direction:column;justify-content:center;align-items:center;min-width:0;height:65px;display:flex}.predicate-row strong{font-size:10px}.predicate-row small{margin-top:3px;font-size:8px}.predicate-false{color:#9b3832;background:#fff1ef;border-color:#bd6b67!important}.predicate-true{color:#286a43;background:#edf8f1;border-color:#5d9471!important}.first-true{color:#646a70;grid-template-columns:1fr auto;align-items:center;gap:8px;width:60%;margin:15px 0 0 auto;font-size:9px;display:grid}.first-true span{background:var(--deck-accent);height:2px}.dag-flow{justify-content:center;align-items:center;margin-top:64px;display:flex}.dag-step{align-items:center;display:flex}.dag-node{border:2px solid var(--deck-accent);width:48px;height:48px;color:var(--deck-accent);background:#fff;border-radius:50%;place-items:center;font-size:14px;font-weight:850;display:grid}.dag-node small{color:#777d84;margin-top:-62px;font-size:8px;position:absolute}.dag-step i{background:var(--deck-accent);width:30px;height:2px;position:relative}.dag-step i:after{border-top:4px solid #0000;border-bottom:4px solid #0000;border-left:6px solid var(--deck-accent);content:"";position:absolute;top:-3px;right:-1px}.dag-state{margin-top:48px}.deque-shell{grid-template-columns:auto repeat(3,1fr) auto;align-items:stretch;gap:4px;margin-top:58px;display:grid}.deque-end{color:#71767d;font-family:var(--font-mono);align-self:center;font-size:8px}.deque-block{border:1px solid var(--deck-accent);background:#fff;flex-direction:column;justify-content:center;align-items:center;height:70px;display:flex}.deque-block-main{background:var(--deck-accent);color:#fff}.deque-block strong{font-family:var(--font-mono);font-size:15px}.deque-block small{color:inherit;margin-top:3px;font-size:8px}.deque-actions{color:#646a71;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px;font-size:9px;display:grid}.deque-actions span:last-child{text-align:right}.deque-actions strong{color:var(--deck-accent)}.basis-grid{border-top:1px solid color-mix(in srgb, var(--deck-accent) 32%, white);border-left:1px solid color-mix(in srgb, var(--deck-accent) 32%, white);grid-template-columns:1fr 1fr .7fr;margin-top:36px;display:grid}.basis-grid>*{border-right:1px solid color-mix(in srgb, var(--deck-accent) 32%, white);border-bottom:1px solid color-mix(in srgb, var(--deck-accent) 32%, white);background:#ffffffa3;place-items:center;min-height:42px;font-size:10px;display:grid}.basis-grid .basis-head{color:#6c7279;text-transform:uppercase;min-height:30px;font-size:8px;font-weight:800}.basis-grid code{color:var(--deck-accent);font-family:var(--font-mono);font-size:15px;font-weight:800}.basis-grid b{color:var(--deck-accent);font-family:var(--font-mono)}.basis-answer{margin-top:18px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.rail-scrim{display:none}@media (width<=1180px){.learn-layout{grid-template-columns:minmax(0,800px);padding-left:44px;padding-right:44px}.contents-rail{display:none}.student-layout{grid-template-columns:minmax(0,860px);max-width:948px;padding-left:44px;padding-right:44px}.student-outline{display:none}.slide-grid-notes{grid-template-columns:minmax(0,1fr) 238px}.deck-problem-nav button span{display:none}.slide-learning-grid-visual{grid-template-columns:minmax(0,1.12fr) minmax(250px,.88fr)}.slide-content h1{font-size:36px}}@media (width<=960px){.studio-shell{grid-template-columns:minmax(0,1fr)}.problem-rail{width:min(330px,88vw);transition:transform .18s;position:fixed;left:0;transform:translate(-105%)}.problem-rail-open{transform:translate(0)}.rail-close,.mobile-menu{display:inline-grid!important}.rail-close{color:#fff;background:#222720;border-color:#394038}.rail-scrim{z-index:45;background:#0b0d0a80;border:0;display:block;position:fixed;inset:0}.slide-grid-notes{grid-template-columns:minmax(0,1fr)}.presenter-note{height:auto;min-height:auto}}@media (width<=720px){.topbar{flex-wrap:wrap;gap:9px;min-height:122px;padding:10px 16px}.topbar-problem,.mode-switch{width:100%}.mode-switch button{min-width:0}.learn-layout{padding:44px 22px 64px}.student-layout{padding:40px 22px 68px;display:block}.student-heading{padding-bottom:42px}.student-overview-grid{grid-template-columns:minmax(0,1fr);gap:28px}.student-overview-copy h1{font-size:40px}.student-overview-grid .concept-visual{min-height:230px}.student-step{grid-template-columns:minmax(0,1fr);gap:20px;padding:42px 0 44px}.student-step-marker{align-items:baseline;gap:12px;display:flex}.student-step-marker strong{margin-top:0}.student-step-content h2,.student-code-heading h2{font-size:26px}.student-code-heading,.student-completion{flex-direction:column;align-items:flex-start}.student-code-heading .solution-language-switch{width:100%}.student-code-scroll{height:480px;min-height:480px;padding:17px 16px 20px;font-size:11px}.solution-heading{flex-direction:column;align-items:flex-start}.solution-actions{justify-content:space-between;width:100%}.editorial-heading h1{font-size:40px}.editorial-heading>p{font-size:18px}.bridge-note{grid-template-columns:minmax(0,1fr);gap:6px}.learn-section h2,.solution-section h2{font-size:26px}.learn-section p,.explanation-list li{font-size:16px}.problem-pagination{align-items:flex-start}.text-command span{display:none}.presentation-workspace{min-height:calc(100vh - 122px);padding:12px 10px 16px}.presentation-workspace:fullscreen{min-height:calc(100vh - 122px);padding:12px 10px 16px}.presentation-workspace:fullscreen{min-height:100vh}.presentation-toolbar{grid-template-columns:minmax(0,1fr) auto;gap:9px}.deck-identity{min-width:0}.deck-problem-nav{grid-area:2/1/auto/-1}.deck-problem-nav button{padding:0}.presentation-actions{grid-area:1/2}.live-width-control{grid-template-columns:58px 32px}.live-width-control>span{display:none}.lesson-slide{border-left-width:5px;height:auto;min-height:620px}.presentation-workspace:fullscreen .lesson-slide{height:auto;min-height:calc(100vh - 158px)}.slide-topline{padding:16px 20px 0}.slide-topline span:last-child{display:none}.slide-content{padding:22px 20px 26px}.slide-title-row{grid-template-columns:40px minmax(0,1fr);gap:11px}.slide-content h1{font-size:31px}.slide-number{font-size:14px}.slide-learning-grid,.slide-learning-grid-visual{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:20px}.slide-learning-grid-code{flex:none;display:block}.slide-code-panel{height:430px;min-height:430px}.slide-code-scroll{padding:15px 16px 18px;font-size:11px}.solution-language-switch-compact{grid-template-columns:repeat(2,54px)}.slide-lead{margin-top:0;font-size:18px}.slide-formula{padding:16px 18px;font-size:15px}.slide-bullets{gap:13px;margin-top:24px}.slide-bullets li{padding-left:25px;font-size:17px}.slide-footer{padding:0 20px 15px}.slide-footer span:last-child{display:none}.lesson-slide .trace-table{font-size:12px}.concept-visual{min-height:220px}.slide-grid-live,.presentation-bottom-live{grid-template-columns:minmax(0,1fr)}.live-camera-safe{height:420px;min-height:420px}.live-slogan{margin-top:0}.slide-navigation{grid-template-columns:40px minmax(0,1fr) 40px;gap:7px}.slide-outline button{text-align:center;grid-template-columns:1fr;min-width:42px;padding:0}.slide-outline button>strong{display:none}.slide-outline button>span{font-size:11px}}@media (width<=430px){.mode-switch span{font-size:12px}.editorial-heading h1,.student-overview-copy h1{font-size:35px}.student-step-content h2,.student-code-heading h2{font-size:24px}.student-code-scroll{height:410px;min-height:410px}.editorial-meta{flex-direction:column;align-items:flex-start}.learn-section,.solution-section{padding:42px 0}.formula-line{padding:15px 16px;font-size:13px}.code-block{padding:18px;font-size:12px}.lesson-slide{min-height:580px}.slide-content h1{font-size:28px}.deck-mark{flex-basis:34px;width:34px;height:34px}.deck-identity strong{font-size:12px}.deck-identity small{font-size:9px}.presentation-actions .icon-button{flex-basis:36px;width:36px;height:36px}.live-toggle{justify-content:center;width:36px;padding:0}.live-toggle span{display:none}.live-width-control{grid-template-columns:48px 30px;height:36px;padding:0 6px}.live-width-control input{width:48px}.slide-bullets li{font-size:16px}.record-chart{gap:3px}.dag-node{width:42px;height:42px}.dag-step i{width:20px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.problem-rail{transition:none}}.site-shell{--deck-accent:#2862d7;--deck-accent-soft:#e8efff;--deck-on-accent:#fff;min-height:100vh}.site-header{z-index:80;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#f7f5eff5;border-bottom:1px solid #d8d5cb;grid-template-columns:282px minmax(0,1fr) auto;align-items:center;min-height:78px;display:grid;position:sticky;top:0}.header-brand,.header-problem{align-items:center;min-width:0;display:flex}.header-brand{color:#f7f7f1;background:#161915;border-right:1px solid #d8d5cb;gap:12px;height:100%;padding:0 20px}.brand-mark{color:#d9e5d4;border:1px solid #7f8f78;border-radius:6px;flex:0 0 42px;place-items:center;width:42px;height:42px;font-size:14px;font-weight:850;display:grid}.header-brand strong,.header-brand span,.header-problem strong,.header-problem small{display:block}.header-brand strong{font-size:14px}.header-brand div span{color:#9fa79c;margin-top:2px;font-size:11px}.header-problem{gap:13px;padding:0 28px}.header-problem>span{border:1px solid var(--deck-accent);width:38px;height:38px;color:var(--deck-accent);font-family:var(--font-mono);border-radius:5px;flex:0 0 38px;place-items:center;font-weight:850;display:grid}.header-problem strong{text-overflow:ellipsis;white-space:nowrap;font-size:14px;overflow:hidden}.header-problem small{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11px;overflow:hidden}.header-progress{color:var(--green);font-family:var(--font-mono);align-items:center;gap:7px;margin-right:24px;font-size:12px;display:flex}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:inherit;cursor:pointer;background:0 0;border-radius:5px;flex:0 0 38px;place-items:center;padding:0;display:inline-grid}.menu-button,.drawer-close{display:none}.problem-drawer{z-index:60;color:#f7f7f1;background:#161915;border-right:1px solid #0f110e;flex-direction:column;width:282px;display:flex;position:fixed;top:78px;bottom:0;left:0}.drawer-brand{display:none}.drawer-label{color:#8e978b;text-transform:uppercase;justify-content:space-between;padding:23px 20px 10px;font-size:10px;font-weight:800;display:flex}.problem-drawer .problem-list{flex-direction:column;flex:1;gap:3px;padding:0 10px 14px;display:flex;overflow-y:auto}.problem-drawer .problem-list button{color:#d7ddd3;cursor:pointer;text-align:left;background:0 0;border:0;border-left:3px solid #0000;border-radius:4px;grid-template-columns:34px minmax(0,1fr) 24px;align-items:center;gap:10px;width:100%;min-height:66px;padding:8px 10px;display:grid}.problem-drawer .problem-list button:hover{background:#20251f}.problem-drawer .problem-list .problem-active{border-left-color:var(--deck-accent);color:#fff;background:#272d26}.problem-letter{width:32px;height:32px;font-family:var(--font-mono);border:1px solid #454d43;border-radius:4px;place-items:center;font-weight:800;display:grid}.problem-copy{min-width:0}.problem-copy strong,.problem-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.problem-copy strong{font-size:12px}.problem-copy small{color:#929b90;margin-top:3px;font-size:9px}.problem-state{color:#747d72;font-family:var(--font-mono);text-align:center;font-size:9px}.problem-complete{color:#fff;background:#2f7254;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.drawer-footer{color:#8f988d;border-top:1px solid #30352e;align-items:center;gap:9px;min-height:60px;padding:0 20px;font-size:10px;font-weight:700;display:flex}.student-main{min-width:0;margin-left:282px}.student-main .student-layout{grid-template-columns:190px minmax(0,1fr);gap:44px;max-width:1180px;padding-left:42px;padding-right:42px}.student-outline .outline-active,.student-outline .outline-active span{color:var(--blue)}.student-outline .outline-active strong{font-weight:800}.drawer-scrim{display:none}@media (width<=1180px){.student-main .student-layout{grid-template-columns:minmax(0,1fr);max-width:900px}}@media (width<=980px){.site-header{grid-template-columns:auto minmax(0,1fr) auto;padding:0 16px}.menu-button{margin-right:12px;display:inline-grid}.header-brand{display:none}.header-problem{padding:0}.header-progress{margin-left:12px;margin-right:0}.problem-drawer{z-index:110;width:min(330px,88vw);transition:transform .18s;top:0;transform:translate(-102%)}.problem-drawer.drawer-open{transform:translate(0)}.drawer-brand{border-bottom:1px solid #30352e;grid-template-columns:46px minmax(0,1fr) 38px;align-items:center;gap:11px;min-height:78px;padding:0 14px;display:grid}.drawer-brand img{object-fit:cover;border-radius:4px;width:46px;height:46px}.drawer-brand strong,.drawer-brand span{display:block}.drawer-brand strong{font-size:12px}.drawer-brand span{color:#949d91;margin-top:2px;font-size:10px}.drawer-close{border-color:#3a4138;display:inline-grid}.drawer-scrim{z-index:100;background:#0c0e0c94;border:0;display:block;position:fixed;inset:0}.student-main{margin-left:0}}@media (width<=600px){.site-header{min-height:70px;padding:0 12px}.header-problem>span{flex-basis:34px;width:34px;height:34px}.header-problem strong{font-size:12px}.header-problem small{max-width:170px;font-size:9px}.header-progress{gap:4px;font-size:10px}.header-progress svg{display:none}.student-main .student-layout{padding-top:38px}}@media (width<=720px){.student-main .student-layout{padding:36px 22px 60px}}
