:root{--accent:#0ea5e9;--accent-2:#0284c7;--accent-soft:#0ea5e924;--easy:#22c55e;--medium:#eab308;--hard:#ef4444;--ok:#22c55e;--bad:#ef4444;--warn:#eab308;--radius:10px;--font:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", "Fira Code", Consolas, "Courier New", monospace}[data-theme=dark]{--bg:#0d0f13;--panel:#15181e;--panel-2:#1b1f27;--panel-3:#232833;--border:#272c37;--text:#e6e8ec;--muted:#8b93a3;--shadow:0 10px 30px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg:#f1f7fc;--panel:#fff;--panel-2:#f7f8fa;--panel-3:#eef0f3;--border:#e3e6eb;--text:#1a1d23;--muted:#677084;--shadow:0 10px 30px #141e321f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font:14px/1.55 var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}a.link,.md a{color:var(--accent)}a.link:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .5em;line-height:1.25}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}p{margin:0 0 .8em}code,pre,kbd{font-family:var(--mono)}button{font:inherit;color:inherit}input,textarea,select{font:inherit;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:8px;outline:none;padding:8px 10px}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical}.muted{color:var(--muted)}.small{font-size:12px}.row{align-items:center;display:flex}.wrap{flex-wrap:wrap}.gap-s{gap:8px}.gap{gap:14px}.grow{flex:1;min-width:0}.between{justify-content:space-between}.center{text-align:center}.mt{margin-top:16px}.mb{margin-bottom:16px}.hidden{display:none!important}.icon{flex:none}[data-theme=dark] .only-light,[data-theme=light] .only-dark{display:none}.btn{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.btn:hover{background:var(--panel-3)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn.primary:hover{background:var(--accent-2)}.btn.success{color:#fff;background:#16a34a;border-color:#16a34a}.btn.success:hover{background:#22c55e}.btn.ghost{background:0 0}.btn.danger{color:var(--bad)}.btn.sm{padding:4px 10px;font-size:12px}.icon-btn{cursor:pointer;width:32px;height:32px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--panel-3);color:var(--text)}.icon-btn.on{color:var(--accent)}.shell{min-height:100%;display:flex}.sidebar{background:var(--panel);border-right:1px solid var(--border);flex-direction:column;flex:none;width:232px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.brand{align-items:center;gap:10px;padding:16px 18px;font-size:15px;display:flex}.brand b{color:var(--accent)}.brand-text{flex-direction:column;min-width:0;line-height:1.15;display:flex}.brand-text small{color:var(--muted);font-size:11px}.ws-top .brand-text small{display:none}.nav-group{padding:6px 10px}.nav-title{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);padding:8px 10px 4px;font-size:11px}.nav-item{color:var(--muted);border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-weight:500;display:flex}.nav-item:hover{background:var(--panel-3);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.sidebar-foot{margin-top:auto;padding:16px 20px;font-size:12px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{border-bottom:1px solid var(--border);background:var(--panel);z-index:20;justify-content:space-between;align-items:center;gap:12px;height:56px;padding:0 22px;display:flex;position:sticky;top:0}.content{width:100%;max-width:1240px;margin:0 auto;padding:24px}.mobile-only{display:none}.page-loading{color:var(--muted);justify-content:center;align-items:center;gap:10px;padding:60px;display:flex}.spinner{border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.user-menu{position:relative}.avatar{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:50%;width:34px;height:34px;font-weight:700}.menu{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);min-width:210px;box-shadow:var(--shadow);z-index:50;padding:6px;position:absolute;top:40px;right:0}.menu a,.menu button{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:10px;width:100%;padding:8px 10px;display:flex}.menu a:hover,.menu button:hover{background:var(--panel-3)}.menu-head{border-bottom:1px solid var(--border);flex-direction:column;margin-bottom:4px;padding:8px 10px;display:flex}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.card.tight{padding:12px}.grid{gap:16px;display:grid}.grid.c2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.c3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.c4{grid-template-columns:repeat(4,minmax(0,1fr))}.stat{flex-direction:column;gap:2px;display:flex}.stat b{font-size:24px}.pill{background:var(--panel-3);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:2px 9px;font-size:12px;display:inline-flex}.pill.accent{background:var(--accent-soft);color:var(--accent)}.diff{font-size:12px;font-weight:600}.diff-easy{color:var(--easy)}.diff-medium{color:var(--medium)}.diff-hard{color:var(--hard)}.status{border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.status.solved{color:var(--ok);background:#22c55e2e}.status.attempted{border:2px solid var(--warn)}.status.none{border:2px solid var(--border)}.verdict{font-weight:600}.verdict.ok{color:var(--ok)}.verdict.bad{color:var(--bad)}.verdict.warn{color:var(--warn)}.bar{background:var(--panel-3);border-radius:999px;height:8px;overflow:hidden}.bar>span{background:var(--accent);border-radius:999px;height:100%;transition:width .4s;display:block}.bar.easy>span{background:var(--easy)}.bar.medium>span{background:var(--medium)}.bar.hard>span{background:var(--hard)}.empty{text-align:center;color:var(--muted);padding:50px 20px}.empty h3{color:var(--text);margin-top:10px}.error-box{color:var(--bad);background:#ef44441a;border:1px solid #ef444459;border-radius:8px;padding:10px 12px}.ok-box{color:var(--ok);background:#22c55e1a;border:1px solid #22c55e59;border-radius:8px;padding:10px 12px}.tabs{border-bottom:1px solid var(--border);gap:4px;display:flex;overflow-x:auto}.tab{cursor:pointer;color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;padding:9px 14px;font-weight:500;display:inline-flex}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--accent)}.seg{background:var(--panel-2);border:1px solid var(--border);border-radius:9px;gap:2px;padding:3px;display:inline-flex}.seg button{cursor:pointer;color:var(--muted);background:0 0;border:none;border-radius:6px;padding:6px 12px;font-weight:500}.seg button.active{background:var(--panel);color:var(--text);box-shadow:0 1px 3px #0003}.table{border-collapse:collapse;width:100%}.table th{text-align:left;color:var(--muted);border-bottom:1px solid var(--border);white-space:nowrap;padding:10px 12px;font-size:12px;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:11px 12px}.table tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--panel-2)}.table .num{color:var(--muted);width:48px}.table-wrap{overflow-x:auto}.pager{flex-wrap:wrap;justify-content:center;gap:4px;padding:14px;display:flex}.pager button{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:7px;min-width:34px;height:32px}.pager button.active{background:var(--accent);border-color:var(--accent);color:#fff}.hero{background:radial-gradient(1200px 300px at 0% 0%, var(--accent-soft), transparent), var(--panel);border:1px solid var(--border);border-radius:16px;padding:38px}.hero h1{max-width:720px;font-size:34px}.hero p{color:var(--muted);max-width:680px;font-size:16px}.feature{gap:12px;display:flex}.feature .icon{color:var(--accent);margin-top:2px}.step{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);margin-bottom:12px;overflow:hidden}.step-head{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:14px;padding:14px 18px;display:flex}.step-head:hover{background:var(--panel-2)}.step-num{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:9px;flex:none;justify-content:center;align-items:center;font-weight:700;display:flex}.step-body{border-top:1px solid var(--border)}.lesson{background:var(--panel-2);border-bottom:1px solid var(--border);padding:14px 18px}.filters{flex-wrap:wrap;align-items:center;gap:10px;margin:14px 0;display:flex}.filters input[type=search]{min-width:240px}.topic-card{cursor:pointer;transition:border-color .15s,transform .15s}.topic-card:hover{border-color:var(--accent);transform:translateY(-1px)}.ring{--p:0;background:conic-gradient(var(--accent) calc(var(--p) * 1%), var(--panel-3) 0);border-radius:50%;flex:none;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.ring>div{background:var(--panel);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:96px;height:96px;display:flex}.ring b{font-size:22px}.modal-back{z-index:100;background:#0000008c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--panel);border:1px solid var(--border);width:100%;max-width:520px;max-height:90vh;box-shadow:var(--shadow);border-radius:14px;flex-direction:column;display:flex}.modal.wide{max-width:860px}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.modal-head h3{margin:0}.modal-body{padding:18px;overflow:auto}.auth{max-width:400px;margin:40px auto}.field{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.field label{font-size:13px;font-weight:500}.md{line-height:1.7}.md p:last-child{margin-bottom:0}.md code{background:var(--panel-3);border-radius:5px;padding:1px 6px;font-size:.92em}.md pre{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;padding:12px;overflow:auto}.md pre code{background:0 0;padding:0}.md ul,.md ol{margin:0 0 .8em;padding-left:22px}.ws{background:var(--bg);flex-direction:column;height:100vh;display:flex}.ws-top{background:var(--panel);border-bottom:1px solid var(--border);flex:none;align-items:center;gap:10px;height:50px;padding:0 12px;display:flex}.ws-top .brand{padding:0 8px 0 0}.ws-top .brand span{display:none}.ws-body{flex:1;gap:0;min-height:0;padding:8px;display:flex}.pane{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.pane-scroll{flex:1;padding:18px 20px 40px;overflow:auto}.gutter{cursor:col-resize;flex:none;justify-content:center;align-items:center;width:8px;display:flex}.gutter:after{content:"";background:var(--border);border-radius:3px;width:3px;height:32px}.gutter:hover:after,.gutter.drag:after{background:var(--accent)}.gutter.h{cursor:row-resize;width:auto;height:8px}.gutter.h:after{width:32px;height:3px}.right-col{flex-direction:column;min-width:0;min-height:0;display:flex}.pane-head{border-bottom:1px solid var(--border);background:var(--panel-2);flex:none;align-items:center;gap:8px;min-height:40px;padding:0 8px;display:flex}.pane-head .tab{padding:10px}.problem-title{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.problem-title h1{margin:0;font-size:22px}.meta-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;display:flex}.example{background:var(--panel-2);border:1px solid var(--border);border-left:3px solid var(--accent);font-family:var(--mono);white-space:pre-wrap;word-break:break-word;border-radius:8px;margin:10px 0;padding:12px 14px;font-size:13px}.example .lbl{color:var(--muted);font-family:var(--font);font-weight:600}.example .why{font-family:var(--font);color:var(--muted);margin-top:6px}.section-title{align-items:center;gap:8px;margin:22px 0 8px;font-weight:700;display:flex}.acc{border:1px solid var(--border);background:var(--panel-2);border-radius:8px;margin-bottom:8px}.acc summary{cursor:pointer;justify-content:space-between;padding:10px 14px;font-weight:500;list-style:none;display:flex}.acc summary::-webkit-details-marker{display:none}.acc summary:after{content:"+";color:var(--muted)}.acc[open] summary:after{content:"−"}.acc>div{padding:0 14px 12px}.quiz-opt{text-align:left;border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:8px;gap:10px;width:100%;margin:6px 0;padding:10px 12px;display:flex}.quiz-opt:hover{border-color:var(--accent)}.quiz-opt.right{border-color:var(--ok);background:#22c55e1a}.quiz-opt.wrong{border-color:var(--bad);background:#ef44441a}.approach{border:1px solid var(--border);border-radius:var(--radius);margin:14px 0;overflow:hidden}.approach-head{background:var(--panel-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.approach-body{padding:14px 16px}.code-view{background:var(--panel-2);border:1px solid var(--border);border-radius:8px;margin-top:8px;position:relative}.code-view pre{max-height:520px;margin:0;padding:12px 14px;font-size:13px;line-height:1.55;overflow:auto}.code-view .copy{position:absolute;top:6px;right:6px}.complexity{flex-wrap:wrap;gap:8px;display:flex}.editor-wrap{flex:1;min-height:0;position:relative}.editor-wrap .cm-editor{height:100%}.editor-wrap .cm-scroller{font-family:var(--mono)}.cm-editor.cm-focused{outline:none}.console{flex-direction:column;min-height:0;display:flex}.console-body{flex:1;padding:12px 14px;overflow:auto}.case-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:12px;display:flex}.chip{border:1px solid var(--border);background:var(--panel-2);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;display:inline-flex}.chip.active{background:var(--panel-3);border-color:var(--muted)}.chip.pass{color:var(--ok)}.chip.fail{color:var(--bad)}.io-label{color:var(--muted);margin:10px 0 4px;font-size:12px;font-weight:600}.io{font-family:var(--mono);background:var(--panel-2);border:1px solid var(--border);white-space:pre-wrap;word-break:break-all;border-radius:7px;max-height:180px;padding:8px 10px;font-size:13px;overflow:auto}textarea.io{resize:vertical;width:100%;min-height:38px}.result-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.result-head .verdict{font-size:20px}.ws-actions{border-top:1px solid var(--border);background:var(--panel-2);flex:none;align-items:center;gap:8px;padding:8px;display:flex}.timer{font-family:var(--mono);border:1px solid var(--border);background:var(--panel-2);border-radius:7px;align-items:center;gap:4px;padding:4px 8px;font-size:13px;display:inline-flex}.drawer{background:var(--panel);border-left:1px solid var(--border);width:min(420px,100%);box-shadow:var(--shadow);z-index:90;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer textarea{resize:none;border-radius:8px;flex:1;margin:12px}.explain-step{min-height:80px;font-size:15px}.dots{justify-content:center;gap:6px;margin:14px 0;display:flex}.dots span{background:var(--panel-3);border-radius:50%;width:8px;height:8px}.dots span.on{background:var(--accent)}.heat{grid-template-rows:repeat(7,11px);grid-auto-flow:column;gap:3px;padding-bottom:4px;display:grid;overflow-x:auto}.heat span{background:var(--panel-3);border-radius:2px;width:11px;height:11px}.heat span.l1{background:#f9731659}.heat span.l2{background:#f9731699}.heat span.l3{background:#f97316d9}.heat span.l4{background:var(--accent)}.lang-select{padding:4px 8px;font-size:13px}.toast{background:var(--panel-3);border:1px solid var(--border);z-index:200;box-shadow:var(--shadow);border-radius:9px;padding:10px 16px;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.tier{vertical-align:middle;border-radius:999px;align-items:center;gap:3px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-flex}.tier-fundamentals{color:var(--ok);background:#22c55e24}.tier-intermediate{color:var(--accent);background:#0ea5e924}.tier-advanced{color:#7c3aed;background:#7c3aed24}.tier.locked{background:var(--panel-3);color:var(--muted)}.item-row.locked{opacity:.7;cursor:not-allowed}.item-row.locked:hover{background:0 0}.table.locked tbody tr{opacity:.7;cursor:not-allowed}.locked-box{background:var(--panel-2);border-bottom:1px solid var(--border);align-items:center;gap:14px;padding:16px 18px;display:flex}.course-card,.program-card{flex-direction:column;display:flex}.card.premium{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.pill.price{background:var(--accent);color:#fff;font-weight:600}.price-tag{margin-bottom:4px;font-size:26px;font-weight:700}.program-grid{grid-template-columns:minmax(0,2fr) minmax(260px,1fr);align-items:start}.program-side{position:sticky;top:76px}.btn.block{justify-content:center;width:100%}.outline{padding:0}.outline>summary{cursor:pointer;padding:14px 18px;list-style:none}.outline>summary::-webkit-details-marker{display:none}.outline[open]>summary{border-bottom:1px solid var(--border)}.outline[open] .chevron{transform:rotate(180deg)}.outline-body .item-row:last-child{border-bottom:none}@media (width<=1000px){.program-grid{grid-template-columns:1fr}.program-side{position:static}}.program-card .chip.static{cursor:default}.path-row{align-items:center;gap:14px;display:flex}.checklist{margin:0;padding:0;list-style:none}.checklist li{align-items:flex-start;gap:8px;padding:5px 0;display:flex}.checklist li svg{color:var(--ok);flex:none;margin-top:3px}.course-card h3{margin-bottom:4px}.item-row{border-bottom:1px solid var(--border);color:var(--text);align-items:center;gap:12px;padding:11px 14px;display:flex}.item-row:hover{background:var(--panel-2)}.item-row.static{border:1px solid var(--border);background:var(--panel-2);border-radius:8px;margin-bottom:6px;padding:8px 10px}.item-row.static:hover{background:var(--panel-2)}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.narrow{max-width:860px;margin:0 auto}.streak{background:var(--panel-3);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:13px;font-weight:600;display:inline-flex}.streak.on{color:var(--medium);background:#f9731624}.quiz-opt.active{border-color:var(--accent);background:var(--accent-soft)}.pick-list{border:1px solid var(--border);border-radius:8px;max-height:320px;overflow:auto}.pick{border-bottom:1px solid var(--border);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;display:flex}.pick:hover,.pick.active{background:var(--panel-2)}.pick input{margin:0}textarea{width:100%;font:inherit}.greeting{background:radial-gradient(900px 260px at 0% 0%, var(--accent-soft), transparent), var(--panel);border:1px solid var(--border);border-radius:16px;padding:26px 30px}.greeting h1{margin-bottom:4px;font-size:26px}.widget h3{align-items:center;gap:8px;display:flex}.task{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:8px 0;display:flex}.task.done span.grow{color:var(--muted);text-decoration:line-through}.task input[type=checkbox]{width:17px;height:17px}.countdown{font-family:var(--mono);color:var(--muted);font-size:13px}.ide-grid{grid-template-columns:1fr 360px;gap:12px;min-height:70vh;display:grid}.ide-grid .pane{min-height:420px}.article{max-width:780px;margin:0 auto}.article h1{font-size:30px}.badge{border:1px solid var(--border);background:var(--panel-2);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:6px;width:110px;padding:12px;font-size:12px;display:inline-flex}.badge .icon{color:var(--accent)}.badge.locked{opacity:.4}@media (width<=1000px){.ide-grid{grid-template-columns:1fr}.grid.c4,.grid.c3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.sidebar{z-index:60;box-shadow:var(--shadow);transition:left .2s;position:fixed;left:-260px}.nav-open .sidebar{left:0}.mobile-only{display:inline-flex}.content{padding:16px}.grid.c2,.grid.c3,.grid.c4{grid-template-columns:1fr}.hero{padding:24px}.hero h1{font-size:26px}.ws{height:auto;min-height:100vh}.ws-body{flex-direction:column}.ws-body>.pane,.ws-body>.right-col{width:100%!important}.ws-body>.pane{max-height:none}.right-col{height:90vh}.gutter{display:none}.hide-sm{display:none!important}}