:root{--bg: #0a0a0f;--surface: #111118;--surface-2: #0d0d13;--border: #1e1e2e;--primary: #9d4edd;--primary-dim: rgba(157, 78, 221, .12);--secondary: #c77dff;--success: #00ff9f;--error: #ff4444;--text: #e0e0e0;--muted: #555570;--code: #c9d1d9;--font-display: "Space Grotesk", sans-serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.55;overflow:hidden}body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(0deg,rgba(255,255,255,.018) 0px,rgba(255,255,255,.018) 1px,transparent 1px,transparent 3px)}::selection{background:#9d4edd59;color:#fff}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.01em}a{color:var(--secondary)}code,pre,.mono{font-family:var(--font-mono)}.app{display:flex;height:100vh}.main{flex:1;overflow-y:auto;padding:28px 32px 64px;min-width:0}.page-head{margin-bottom:22px}.page-head h1{font-size:24px;text-transform:lowercase}.page-head .path{font-family:var(--font-mono);font-size:12px;color:var(--muted);margin-top:2px}.page-head .path b{color:var(--secondary);font-weight:500}.sidebar{width:224px;flex-shrink:0;background:var(--surface-2);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:20px 0}.logo{padding:0 20px 18px;border-bottom:1px solid var(--border)}.logo-name{font-family:var(--font-display);font-size:21px;font-weight:700;color:var(--text);letter-spacing:.04em}.logo-name span{color:var(--primary)}.logo-sub{font-family:var(--font-mono);font-size:10px;color:var(--muted);margin-top:2px}.nav{flex:1;padding:14px 0}.nav-item{display:block;width:100%;text-align:left;background:none;border:none;border-left:2px solid transparent;color:var(--muted);font-family:var(--font-mono);font-size:13px;padding:9px 20px;cursor:pointer;transition:color .12s,background .12s}.nav-item:hover{color:var(--text);background:#9d4edd0f}.nav-item.active{color:var(--text);border-left-color:var(--primary);background:var(--primary-dim)}.nav-item .dim{color:var(--muted)}.sidebar-foot{border-top:1px solid var(--border);padding:14px 20px 0;font-family:var(--font-mono);font-size:11px;color:var(--muted);display:grid;gap:6px}.sidebar-foot .rank{color:var(--secondary);font-weight:700;font-size:12px}.sidebar-foot .row{display:flex;justify-content:space-between}.sidebar-foot .val{color:var(--text)}.tcard{background:var(--surface);border:1px solid var(--border);border-radius:2px}.tcard-bar{display:flex;align-items:center;gap:10px;padding:8px 12px;border-bottom:1px solid var(--border);background:var(--surface-2)}.tcard-dots{display:flex;gap:5px}.tcard-dots i{width:9px;height:9px;border-radius:50%;border:1px solid #2c2c42;background:transparent}.tcard-dots i:first-child{background:var(--primary);border-color:var(--primary)}.tcard-file{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.tcard-bar .spacer{flex:1}.tcard-body{padding:16px}.tcard.active-quest{border-color:var(--primary);box-shadow:0 0 26px #9d4edd38,inset 0 0 18px #9d4edd0d}.tcard.clickable{cursor:pointer;transition:border-color .12s}.tcard.clickable:hover{border-color:var(--primary)}.btn{display:inline-block;font-family:var(--font-mono);font-size:12px;padding:8px 16px;background:transparent;color:var(--secondary);border:1px solid var(--primary);border-radius:2px;cursor:pointer;transition:background .12s;white-space:nowrap}.btn:hover{background:var(--primary-dim)}.btn.solid{background:var(--primary);color:#0a0a0f;font-weight:700}.btn.solid:hover{background:var(--secondary);border-color:var(--secondary)}.btn.ghost{border-color:var(--border);color:var(--muted)}.btn.ghost:hover{color:var(--text);background:#ffffff08}.btn.danger{border-color:var(--error);color:var(--error)}.btn.danger:hover{background:#ff44441a}.btn:disabled{opacity:.4;cursor:not-allowed}.input{width:100%;background:var(--bg);border:1px solid var(--border);border-radius:2px;color:var(--text);font-family:var(--font-mono);font-size:13px;padding:9px 12px;outline:none}.input:focus{border-color:var(--primary)}.field{display:grid;gap:6px;margin-bottom:14px}.field label{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.lvl{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--secondary);background:var(--primary-dim);border:1px solid var(--border);border-radius:2px;padding:2px 7px;white-space:nowrap}.xpbar{height:6px;background:var(--border);border-radius:0;overflow:hidden}.xpbar>div{height:100%;background:var(--primary);transition:width .4s ease}.xpbar.thin{height:4px}.tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.06em;padding:2px 7px;border:1px solid var(--border);border-radius:2px;color:var(--muted);white-space:nowrap}.tag.ok{color:var(--success);border-color:#00ff9f59}.tag.err{color:var(--error);border-color:#f446}.tag.accent{color:var(--secondary);border-color:#9d4edd80}.locked-label{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--error);letter-spacing:.12em}.is-locked{opacity:.45;filter:grayscale(.7)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin-bottom:26px}.stat{background:var(--surface);border:1px solid var(--border);border-radius:2px;padding:14px 16px}.stat .k{font-family:var(--font-mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.stat .v{font-family:var(--font-display);font-size:22px;font-weight:700;line-height:1.2}.stat .v small{font-size:12px;color:var(--muted);font-family:var(--font-mono);font-weight:400}.stat .sub{font-family:var(--font-mono);font-size:11px;color:var(--muted);margin-top:6px}.section-title{font-family:var(--font-mono);font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;margin:26px 0 12px}.section-title b{color:var(--secondary)}.quest-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.quest-row-title{font-family:var(--font-display);font-size:15px;font-weight:700;margin-bottom:4px}.quest-brief{font-size:12.5px;color:var(--muted);min-height:34px}.quest-meta{display:flex;gap:8px;align-items:center;margin-top:12px;font-family:var(--font-mono);font-size:11px;color:var(--muted)}.quest-meta .spacer{flex:1}.diff-pips{letter-spacing:2px;color:var(--primary);font-size:10px}.diff-pips .off{color:var(--border)}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.tab{font-family:var(--font-mono);font-size:12px;padding:7px 14px;background:transparent;border:1px solid var(--border);border-radius:2px;color:var(--muted);cursor:pointer}.tab:hover{color:var(--text)}.tab.active{color:var(--secondary);border-color:var(--primary);background:var(--primary-dim)}.tab:disabled{opacity:.35;cursor:not-allowed}.quest-layout{display:grid;grid-template-columns:minmax(320px,420px) 1fr;gap:16px;align-items:start}@media(max-width:1100px){.quest-layout{grid-template-columns:1fr}}.brief-block{margin-bottom:16px}.brief-block h4{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--secondary);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px}.brief-block p{font-size:13px;color:var(--text)}.brief-block.lesson p{color:var(--code);font-size:13px;background:var(--surface-2);border-left:2px solid var(--primary);padding:10px 12px}.brief-block ol{padding-left:18px;font-size:13px;display:grid;gap:4px}.io-table{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-size:12px}.io-table th{text-align:left;color:var(--muted);font-weight:500;text-transform:uppercase;font-size:10px;letter-spacing:.1em;padding:4px 8px;border-bottom:1px solid var(--border)}.io-table td{padding:7px 8px;border-bottom:1px solid var(--border);color:var(--code);vertical-align:top;white-space:pre-wrap}.io-table td.out{color:var(--success)}details.hints{margin-top:4px}details.hints summary{font-family:var(--font-mono);font-size:12px;color:var(--muted);cursor:pointer;-webkit-user-select:none;user-select:none}details.hints summary:hover{color:var(--secondary)}details.hints ul{margin-top:8px;padding-left:18px;font-size:13px;color:var(--code);display:grid;gap:4px}.editor-wrap .cm-editor{border:none;font-size:14px}.editor-wrap .cm-editor.cm-focused{outline:none}.editor-actions{display:flex;gap:10px;align-items:center;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface-2)}.editor-actions .note{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.term{background:#070709;border:1px solid var(--border);border-radius:2px;font-family:var(--font-mono);font-size:12.5px;line-height:1.75;padding:14px 16px;margin-top:16px;white-space:pre-wrap;word-break:break-word}.term .t-dim{color:var(--muted)}.term .t-ok{color:var(--success)}.term .t-err{color:var(--error)}.term .t-tip{color:var(--secondary)}.term .t-xp{color:var(--success);font-weight:700}.term .t-head{color:var(--code)}.term .score-pass{color:var(--success);font-weight:700}.term .score-fail{color:var(--error);font-weight:700}.cursor-blink{display:inline-block;width:8px;height:14px;background:var(--success);vertical-align:text-bottom;animation:blink 1.05s steps(1) infinite}@keyframes blink{50%{opacity:0}}.analyzing-dots:after{content:"";animation:dots 1.4s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}.tree{max-width:560px;position:relative;padding-left:26px}.tree:before{content:"";position:absolute;left:8px;top:24px;bottom:24px;width:1px;background:var(--border)}.tree-node{position:relative;margin-bottom:14px}.tree-node:before{content:"";position:absolute;left:-22px;top:26px;width:9px;height:9px;background:var(--bg);border:2px solid var(--border);border-radius:50%}.tree-node.unlocked:before{border-color:var(--primary);background:var(--primary)}.tree-node .tnode-head{display:flex;align-items:center;gap:10px}.tree-node .tnode-head h3{font-size:17px}.tree-node .spacer{flex:1}.tnode-stats{display:flex;gap:16px;font-family:var(--font-mono);font-size:11px;color:var(--muted);margin:10px 0 8px}.tnode-stats b{color:var(--text);font-weight:500}.unlock-req{font-family:var(--font-mono);font-size:11px;color:var(--error);margin-top:10px}.panel-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:14px;align-items:start}.lang-table{width:100%;border-collapse:collapse;font-size:13px}.lang-table td{padding:10px 8px;border-bottom:1px solid var(--border);vertical-align:middle}.lang-table td.mono{font-family:var(--font-mono);font-size:11px;color:var(--muted)}.rank-list{display:grid;gap:8px;font-family:var(--font-mono);font-size:12px}.rank-list .row{display:flex;justify-content:space-between;color:var(--muted)}.rank-list .row.reached{color:var(--text)}.rank-list .row.current{color:var(--secondary);font-weight:700}.settings-note{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.6}.result-line{font-family:var(--font-mono);font-size:12px;margin-top:10px}.result-line.ok{color:var(--success)}.result-line.err{color:var(--error)}.center-screen{height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:100%;max-width:420px}.boot{font-family:var(--font-mono);color:var(--success);font-size:14px}.divider{display:flex;align-items:center;gap:10px;color:var(--muted);font-family:var(--font-mono);font-size:10px;margin:16px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border)}.form-error{font-family:var(--font-mono);font-size:12px;color:var(--error);margin-bottom:12px}.row-flex{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.mt8{margin-top:8px}.mt16{margin-top:16px}.mb16{margin-bottom:16px}.syslog{font-family:var(--font-mono);font-size:12px;display:grid;gap:6px}.syslog .line{color:var(--muted)}.syslog .line b{color:var(--text);font-weight:500}.syslog .line .sc{color:var(--success)}.empty{font-family:var(--font-mono);font-size:12px;color:var(--muted)}.visual-cap{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);margin-top:8px;line-height:1.5}.rbx-scene{position:relative;height:180px;perspective:620px;background:radial-gradient(circle at 50% 38%,#15151f,#0b0b11 72%);border:1px solid var(--border);border-radius:2px;overflow:hidden;display:flex;align-items:center;justify-content:center}.rbx-scene.tall{height:260px}.rbx-baseplate{position:absolute;left:50%;bottom:26px;width:230px;height:56px;transform:translate(-50%) perspective(300px) rotateX(62deg);background:repeating-linear-gradient(90deg,#20202e 0 28px,#1a1a26 28px 56px),repeating-linear-gradient(0deg,#20202e 0 28px,#1a1a26 28px 56px);background-blend-mode:multiply;border:1px solid #2a2a3c;opacity:.6}.rbx-stage{position:relative;transform-style:preserve-3d;transform:rotateX(-22deg) rotateY(-30deg)}.rbx-slot{position:absolute;transform-style:preserve-3d;left:0;top:0}.rbx-cube{position:relative;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(-32deg)}.rbx-cube .f{position:absolute;width:var(--px);height:var(--px);background:var(--c);opacity:var(--op, 1);border:1px solid rgba(0,0,0,.35);box-sizing:border-box}.rbx-cube .front{transform:translateZ(var(--half))}.rbx-cube .back{transform:rotateY(180deg) translateZ(var(--half));filter:brightness(.55)}.rbx-cube .right{transform:rotateY(90deg) translateZ(var(--half));filter:brightness(.75)}.rbx-cube .left{transform:rotateY(-90deg) translateZ(var(--half));filter:brightness(.62)}.rbx-cube .top{transform:rotateX(90deg) translateZ(var(--half));filter:brightness(1.18)}.rbx-cube .bottom{transform:rotateX(-90deg) translateZ(var(--half));filter:brightness(.4)}.rbx-cube.neon .f{box-shadow:0 0 14px var(--c),inset 0 0 8px #ffffff40;border-color:transparent}.rbx-cube.spin{animation:rbx-spin 4.5s linear infinite}@keyframes rbx-spin{0%{transform:rotateX(-20deg) rotateY(0)}to{transform:rotateX(-20deg) rotateY(360deg)}}.rbx-cube.cycle{animation:rbx-hue 5s linear infinite}@keyframes rbx-hue{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(360deg)}}.rbx-board{background:#0a0a12eb;border:1px solid var(--border);border-radius:2px;font-family:var(--font-mono);font-size:12px;max-width:320px;overflow:hidden}.rbx-board-title{background:#9d4edd29;color:var(--secondary);text-align:center;padding:6px;font-weight:700;letter-spacing:.06em;border-bottom:1px solid var(--border)}.rbx-board-head,.rbx-board-row{display:flex;padding:6px 10px;gap:8px}.rbx-board-head{color:var(--muted);text-transform:uppercase;font-size:10px;letter-spacing:.08em;border-bottom:1px solid var(--border)}.rbx-board-row{border-bottom:1px solid rgba(30,30,46,.6);color:var(--text)}.rbx-board .who{flex:1;text-align:left}.rbx-board .val{width:58px;text-align:right;color:var(--success)}.rbx-board-head .val{color:var(--muted)}.rbx-output{border:1px solid var(--border);border-radius:2px;overflow:hidden;font-family:var(--font-mono)}.rbx-output-bar{background:var(--surface-2);color:var(--muted);font-size:10px;letter-spacing:.12em;padding:5px 10px;border-bottom:1px solid var(--border)}.rbx-output-body{background:#070709;padding:10px 12px;font-size:12.5px;display:grid;gap:3px}.rbx-output-body .line{color:var(--code)}.sandbox-toolbar{display:flex;gap:10px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--border);background:var(--surface-2)}.input.mini{width:auto;padding:6px 10px;font-size:12px}.btn.mini{padding:6px 12px}.sandbox-ask{display:flex;gap:10px;padding:12px 16px;border-top:1px solid var(--border);background:var(--surface-2)}.tutor-log{display:grid;gap:14px}.tutor-entry .tutor-q{font-family:var(--font-mono);font-size:12px;color:var(--secondary);margin-bottom:6px}.term.err{border-color:#f446}select.input{appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:30px}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;max-width:880px}.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:2px;padding:18px 18px 20px;display:flex;flex-direction:column}.plan-card.dpro{border-color:#9d4edd80}.plan-card.dmax{border-color:#c77dff8c;box-shadow:0 0 26px #9d4edd29}.plan-card.current{border-color:var(--success)}.plan-head{display:flex;align-items:center;gap:8px;margin-bottom:6px}.plan-name{font-family:var(--font-display);font-size:18px;font-weight:700;letter-spacing:.03em}.plan-price{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--secondary);line-height:1.1}.plan-price small{font-size:13px;color:var(--muted);font-family:var(--font-mono);font-weight:400}.plan-tagline{font-size:12.5px;color:var(--muted);margin:4px 0 12px;min-height:32px}.plan-feat{list-style:none;display:grid;gap:7px;margin-bottom:16px;flex:1}.plan-feat li{font-size:12.5px;color:var(--code);padding-left:18px;position:relative}.plan-feat li:before{content:"+";position:absolute;left:2px;color:var(--success);font-family:var(--font-mono);font-weight:700}.plan-card .btn{width:100%;text-align:center}.plan-badge{width:100%;text-align:left;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.08em;padding:5px 8px;margin-bottom:10px;background:var(--primary-dim);border:1px solid var(--border);border-radius:2px;color:var(--secondary);cursor:pointer}.plan-badge.plan-dpro{border-color:#9d4edd99}.plan-badge.plan-dmax{border-color:#c77dff99;color:var(--secondary)}.plan-badge:hover{background:#9d4edd2e}.plan-badge .up{color:var(--muted);font-weight:400}.rbx-scene.sbx-scene{height:300px}.sbx-scene-cap{position:absolute;left:10px;bottom:8px;font-family:var(--font-mono);font-size:10px;color:var(--muted);pointer-events:none}.sbx-face{position:absolute;left:50%;top:50%;width:16px;height:15px;transform:translate(-50%,-50%) translateZ(8px) translateY(-19px);pointer-events:none}.sbx-face:before,.sbx-face:after{content:"";position:absolute;top:4px;width:2.5px;height:3px;background:#1b1b1f}.sbx-face:before{left:4px}.sbx-face:after{right:4px}.sbx-tab-btn{position:absolute;top:8px;right:8px;z-index:3;font-family:var(--font-mono);font-size:10px;padding:3px 8px;background:#0a0a12d9;color:var(--secondary);border:1px solid var(--primary);border-radius:2px;cursor:pointer}.sbx-board{position:absolute;top:30px;right:8px;z-index:2;min-width:150px;background:#0a0a12eb;border:1px solid var(--border);border-radius:2px;font-family:var(--font-mono);font-size:11px;overflow:hidden}.sbx-board-head,.sbx-board-row{display:flex;gap:6px;padding:4px 9px}.sbx-board-head{background:#9d4edd29;color:var(--secondary);border-bottom:1px solid var(--border);font-size:10px}.sbx-board-row{border-bottom:1px solid rgba(30,30,46,.6);color:var(--text)}.sbx-board .who{flex:1}.sbx-board .val{width:46px;text-align:right;color:var(--success)}.sbx-board-head .val{color:var(--muted)}