:root{--bg:#0b111c;--panel:#111a29;--raise:#16213a;--line:#22304a;--text:#e6edf5;--muted:#8c9ab0;--soft:#c3cddb;--accent:#19c38a;--accent-fg:#04150f;--warn:#f2b84b;--bad:#f06a6a;--easy:#19c38a;--medium:#f2b84b;--hard:#ef6b6b;--font:"Onest", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono:"JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.55}h1,h2,h3,h4{letter-spacing:-.015em;line-height:1.15}a{color:var(--accent)}code{font-family:var(--mono);background:var(--raise);border-radius:5px;padding:1px 6px;font-size:.9em}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dim{color:var(--muted)}.pad{padding:14px 8px}.err{color:var(--bad)}.center-note{min-height:60vh;color:var(--muted);place-items:center;display:grid}.container{max-width:1120px;margin:0 auto;padding:24px 24px 48px}.container.narrow{max-width:780px}.h1s{margin:0 0 8px;font-size:30px;font-weight:700}.h2s{margin:30px 0 12px;font-size:18px;font-weight:600}.lead{max-width:62ch;margin:0 0 22px}.btn{font:inherit;color:var(--text);border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-weight:500;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){background:var(--raise);border-color:#3a4d70}.btn.primary{background:var(--accent);color:var(--accent-fg);border-color:#0000;font-weight:600}.btn.primary:hover:not(:disabled){background:#22d69a}.btn.warn{border-color:var(--warn);color:var(--warn)}.btn.warn:hover:not(:disabled){background:#f2b84b1a}.btn.sm{padding:5px 12px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}.linkbtn{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.pill{white-space:nowrap;border:1px solid;border-radius:999px;padding:1px 10px;font-size:12px;font-weight:500;display:inline-block}.pill.easy{color:var(--easy)}.pill.medium{color:var(--medium)}.pill.hard{color:var(--hard)}.tag{background:var(--raise);color:var(--muted);border-radius:6px;margin-right:4px;padding:1px 8px;font-size:12px;display:inline-block}.badge{color:var(--accent);background:#19c38a24;border-radius:6px;margin-left:8px;padding:0 7px;font-size:11.5px;font-weight:500;display:inline-block}.avatar{background:var(--raise);border:1px solid var(--line);border-radius:50%;place-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:inline-grid}.avatar.sm{width:22px;height:22px;margin-right:6px;font-size:11px}.avatar.lg{width:56px;height:56px;font-size:22px}.page-shell{flex-direction:column;min-height:100vh;display:flex}.page-shell main{flex:1}.nav{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#0b111ceb;align-items:center;gap:26px;padding:12px 24px;display:flex;position:sticky;top:0}.logo{letter-spacing:-.01em;color:var(--text);align-items:center;gap:10px;font-weight:700;text-decoration:none;display:flex}.logo-image{object-fit:contain;width:auto;max-width:180px;height:42px;display:block}.logo-mark{border:2px dashed var(--accent);border-radius:6px;width:22px;height:22px;display:block}.nav-links{flex:1;gap:20px;display:flex}.nav-links a{color:var(--muted);padding:4px 0;text-decoration:none}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--text);font-weight:600}.nav-right{width:60px}.me-chip{color:var(--muted);align-items:center;gap:10px;font-size:13px;text-decoration:none;display:flex}.foot{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:22px 24px;font-size:13px;display:flex}.foot .links{gap:18px;display:flex}.foot a:not(.btn){color:var(--muted)}.coffee{text-align:right}.coffee small{margin-top:4px;font-size:12px;display:block}.hero{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:center;gap:40px;max-width:1120px;margin:0 auto;padding:56px 24px 48px;display:grid}.hero h1{letter-spacing:-.028em;max-width:15ch;margin:0 0 16px;font-size:44px;font-weight:700;line-height:1.06}.hero p{color:var(--muted);max-width:44ch;margin:0 0 22px;font-size:16px}.cta-row{flex-wrap:wrap;gap:10px;margin-bottom:12px;display:flex}.fine{color:var(--muted);font-size:12.5px}.term-card{border:1px solid var(--line);background:#080d16;border-radius:12px;overflow:hidden}.term-card .head{border-bottom:1px solid var(--line);color:var(--muted);align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.term-card .head i{background:#2a3853;border-radius:50%;width:9px;height:9px;display:block}.t{font-family:var(--mono);white-space:pre;color:#cfd8e6;margin:0;padding:14px 16px 18px;font-size:12.5px;line-height:1.65;overflow-x:auto}.t .p{color:#19c38a}.t .e{color:#f06a6a}.t .m{color:#7a889e}.t .w{color:#f2b84b}.cur{vertical-align:-3px;background:#cfd8e6;width:8px;height:15px;display:inline-block}.blk{border-top:1px solid var(--line);max-width:1120px;margin:0 auto;padding:32px 24px}.blk h2{margin:0 0 16px;font-size:20px}.steps{counter-reset:s;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.steps li{counter-increment:s;align-content:start;gap:4px;padding-left:36px;display:grid;position:relative}.steps li:before{content:counter(s);border:1px solid var(--accent);width:24px;height:24px;color:var(--accent);border-radius:50%;place-items:center;font-size:12px;font-weight:600;display:grid;position:absolute;top:0;left:0}.steps b{font-weight:600}.steps span{color:var(--muted);font-size:14px}.mini{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mini li{background:var(--panel);border-left:4px solid var(--easy);border-radius:8px;overflow:hidden}.mini li.medium{border-left-color:var(--medium)}.mini li.hard{border-left-color:var(--hard)}.mini-link{color:inherit;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:12px 16px;text-decoration:none;display:flex}.mini-link:hover{background:var(--raise)}.ttl{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ttl b{font-weight:600}.meta{color:var(--muted);align-items:center;gap:14px;font-size:13px;display:flex}.more{margin:14px 0 0}.rules{border-collapse:collapse;width:100%;max-width:560px}.rules td{border-bottom:1px solid var(--line);padding:9px 0}.rules td:last-child{text-align:right;color:var(--muted)}.rules tr:last-child td{border-bottom:0}.rule-note{color:var(--muted);max-width:64ch;margin:12px 0 0;font-size:14px}.me-bar{flex-wrap:wrap;align-items:center;gap:28px;padding:14px 4px 18px;display:flex}.me-bar div{display:grid}.me-bar b{font-size:22px;line-height:1.2}.me-bar span{color:var(--muted);font-size:12.5px}.resume{border:1px solid var(--warn);background:#f2b84b0f;border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin:0 0 18px;padding:12px 16px;display:flex}.list-wrap{grid-template-columns:210px minmax(0,1fr);align-items:start;gap:28px;display:grid}.filters{align-content:start;gap:18px;display:grid}.field{width:100%;font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:9px 12px}.field::placeholder{color:var(--muted)}.filters fieldset{border:0;gap:4px;margin:0;padding:0;display:grid}.filters legend{margin-bottom:6px;padding:0;font-size:13px;font-weight:600}.filters label{color:var(--soft);cursor:pointer;align-items:center;gap:8px;font-size:14px;display:flex}.filters input[type=checkbox],.filters input[type=radio]{accent-color:var(--accent)}.row{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:30px minmax(0,2.4fr) minmax(0,1.3fr) 84px 84px 76px;align-items:center;gap:12px;padding:13px 8px;text-decoration:none;display:grid}a.row:hover{background:var(--panel)}.row.h{color:var(--muted);padding-top:4px;padding-bottom:8px;font-size:12.5px}.nm b{font-weight:600;display:block}.nm span{color:var(--muted);font-size:13px}.num{text-align:right;font-variant-numeric:tabular-nums}.st{border:1.5px solid var(--line);border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;display:grid}.st.done{background:var(--accent);border-color:var(--accent);color:var(--accent-fg)}.st.doing{border-color:var(--warn);background:radial-gradient(circle, var(--warn) 35%, transparent 40%)}.table-wrap{overflow-x:auto}.board{border-collapse:collapse;width:100%}.board th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);padding:8px;font-size:12.5px;font-weight:500}.board th.num{text-align:right}.board td{border-bottom:1px solid var(--line);padding:11px 8px}.board tr.me td{background:#19c38a12}.login-btns{gap:10px;max-width:320px;display:grid}.prof-head{align-items:center;gap:16px;margin-bottom:8px;display:flex}.prof-head>div{flex:1}.badges{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.badges li{background:var(--panel);border:1px solid var(--line);border-radius:10px;gap:2px;padding:12px 14px;display:grid}.badges li span{color:var(--muted);font-size:13px}.badges li small{color:var(--muted)}.badges li.earned{border-color:var(--accent)}.badges li.earned small{color:var(--accent)}.badges li.locked{opacity:.6}.solved{margin:0;padding:0;list-style:none}.solved li{border-bottom:1px solid var(--line);align-items:center;gap:14px;padding:10px 0;display:flex}.solved li a{color:var(--text);flex:1}.prose h2{margin:32px 0 10px;font-size:20px}.prose p,.prose li{color:var(--soft);max-width:68ch}.prose li{margin-bottom:6px}.callout{background:var(--panel);border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:10px;margin-bottom:8px;padding:14px 18px}.callout ul{margin:8px 0 0;padding-left:20px}.lab{background:var(--bg);flex-direction:column;height:100dvh;display:flex}.lab-top{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:14px;padding:10px 18px;display:flex}.lab-top .back{color:var(--muted);text-decoration:none}.lab-top h1{margin:0;font-size:16px;font-weight:600}.lab-top .sp{flex:1}.lab-top .stat{color:var(--muted);font-size:13px}.lab-top .stat b{color:var(--text);font-variant-numeric:tabular-nums;font-weight:600}.confirm-end{color:var(--muted);align-items:center;gap:8px;font-size:13px;display:inline-flex}.lab-body{grid-template-columns:var(--split,38%) 6px minmax(0, 1fr);flex:1;min-height:0;display:grid}.task{flex-direction:column;min-height:0;display:flex;overflow:hidden}.ttabs{border-bottom:1px solid var(--line);flex-shrink:0;gap:2px;padding:0 12px;display:flex}.ttabs button{font:inherit;color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 12px;font-size:13.5px}.ttabs button.on{color:var(--text);border-color:var(--accent);font-weight:600}.ttabs button:disabled{cursor:not-allowed;opacity:.6}.tpad{flex:1;align-content:start;gap:14px;min-height:0;padding:16px 18px 28px;display:grid;overflow-y:auto}.tpad p{color:var(--soft);margin:0}.testline{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:10px 12px}.testline small{color:var(--muted);margin-bottom:4px;font-size:12px;display:block}.env{color:var(--muted);font-size:12.5px}.ladder{gap:8px;display:grid}.ladder h2{justify-content:space-between;gap:10px;margin:0;font-size:13px;font-weight:600;display:flex}.ladder h2 span{color:var(--muted);font-weight:400}.lvl{background:var(--panel);border:1px solid var(--line);border-radius:8px;justify-content:space-between;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.lvl b{font-weight:600;display:block}.lvl small{color:var(--muted);font-size:12.5px}.lvl.lock{opacity:.6}.chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.chips a{border:1px dashed var(--line);color:var(--accent);border-radius:6px;padding:1px 8px;font-size:12.5px;text-decoration:none}.chips a:hover{border-style:solid}.hint-text{color:var(--text)!important;margin-top:8px!important}.doclist{gap:8px;margin:0;padding-left:18px;display:grid}.writeup{color:var(--soft);white-space:pre-wrap}.banner{border-radius:10px;gap:8px;padding:12px 14px;display:grid}.banner.ok{background:var(--accent);color:var(--accent-fg)}.banner.ok b{font-size:15px}.banner.ok .row2{justify-content:space-between;align-items:center;gap:10px;display:flex}.banner.ok .btn{color:#0a3a2b;background:#fff;border-color:#0000;font-weight:600}.banner.ok small{opacity:.9}.autobar{background:#04150f38;border-radius:4px;height:4px;overflow:hidden}.autobar i{background:#04150f;width:0;height:100%;animation:15s linear forwards fill;display:block}@keyframes fill{to{width:100%}}.banner.fail{border:1px solid var(--bad);background:#f06a6a12}.banner.fail b{color:var(--bad);font-weight:600}.banner.fail small{color:var(--muted)}.calc{background:var(--panel);border:1px solid var(--line);border-radius:8px;gap:4px;padding:10px 12px;display:grid}.calc div{justify-content:space-between;display:flex}.calc span{color:var(--muted)}.calc div:last-child{border-top:1px solid var(--line);margin-top:2px;padding-top:6px;font-weight:600}.calc div:last-child span{color:var(--text)}.divider{cursor:col-resize;background:var(--line);touch-action:none;transition:background .15s}.divider:hover{background:var(--accent)}.term{background:#080d16;flex-direction:column;min-height:0;display:flex}.term-tabs{border-bottom:1px solid var(--line);color:var(--muted);flex-shrink:0;justify-content:space-between;align-items:center;padding:0 12px;font-size:13px;display:flex}.term-tabs .l span{padding:9px 12px;display:inline-block}.term-tabs .l span.on{color:var(--text);border-bottom:2px solid var(--accent)}.term-body{flex:1;min-height:0;position:relative}.xterm-host{padding:10px 12px;position:absolute;top:0;bottom:0;left:0;right:0}.term-foot{border-top:1px solid var(--line);color:var(--muted);flex-shrink:0;padding:8px 14px;font-size:12px}.modal{z-index:50;background:#04080eb8;place-items:center;padding:20px;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.dialog{background:var(--panel);border:1px solid var(--line);border-radius:12px;gap:12px;width:min(440px,100%);padding:20px;display:grid}.dialog h3{margin:0;font-size:17px}.dialog p{color:var(--soft);margin:0}.calcline{color:var(--muted);flex-wrap:wrap;gap:18px;font-size:13.5px;display:flex}.calcline b{color:var(--text)}.btns{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}@media (max-width:900px){.hero{grid-template-columns:1fr;gap:28px;padding-top:36px}.hero h1{font-size:34px}.steps,.list-wrap{grid-template-columns:1fr}.filters{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.filters .field{grid-column:1/-1}.lab{height:auto;min-height:100dvh}.lab-body{grid-template-columns:1fr}.divider{display:none}.task,.tpad{overflow:visible}.term{min-height:420px}}@media (max-width:720px){.nav{gap:14px;padding:10px 16px}.nav-links{gap:14px;font-size:14px}.logo{font-size:14px}.row{grid-template-columns:26px minmax(0,1fr) 76px}.row.h,.row>:nth-child(3),.row>:nth-child(4),.row>:nth-child(6){display:none}.foot{flex-direction:column;align-items:flex-start}.coffee{text-align:left}}@media (prefers-reduced-motion:reduce){.autobar i{width:100%;animation:none}.divider{transition:none}}