:root{--bg:#1b1b1b;--bg-panel:#262524;--bg-sunken:#151515;--bg-elevated:#2f2e2d;--border:#3a3937;--text:#f4f4ed;--text-muted:#a8aeab;--text-dim:#6c6f6c;--brand-navy:#162e65;--brand-navy-bright:#1f4d8f;--brand-gold:#fac20c;--brand-gold-dim:#decd41;--brand-red:#e42d26;--accent:var(--brand-gold);--accent-hover:#ffd23f;--accent-fg:#1b1b1b;--ok:#6fcf97;--err:var(--brand-red);--mono:ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;--sans:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px}button{cursor:pointer;font-family:inherit}a{color:var(--accent);text-decoration:none}.topbar{background:var(--brand-navy);border-bottom:1px solid var(--border);grid-area:topbar;justify-content:space-between;align-items:center;height:48px;padding:0 16px;display:flex}.topbar-left{align-items:center;gap:12px;display:flex}.topbar-logo{width:auto;height:28px;display:block}.topbar-title{letter-spacing:.3px;color:var(--text);font-size:16px;font-weight:600}.topbar-accent{color:var(--brand-gold)}.topbar-nav{border-left:1px solid var(--border);align-items:center;gap:4px;margin-left:8px;padding-left:16px;display:flex}.topbar-nav-link{color:var(--text-muted);border-radius:6px;padding:5px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:color .15s,background-color .15s}.topbar-nav-link:hover{color:var(--text);background:#ffffff0f}.topbar-nav-link-active{color:var(--brand-gold);background:#ffffff14}.topbar-right{align-items:center;gap:16px;display:flex}.topbar-score{color:var(--text-muted);align-items:center;gap:8px;font-size:13px;display:flex}.topbar-score-label{text-transform:uppercase;letter-spacing:.5px;font-size:11px}.topbar-score-value{color:var(--brand-gold);font-variant-numeric:tabular-nums;font-weight:600}.topbar-score-sep{color:var(--text-dim)}.topbar-user{align-items:center;gap:8px;display:flex}.topbar-avatar{object-fit:cover;border-radius:50%;width:28px;height:28px}.topbar-avatar-initial{background:var(--brand-gold);width:28px;height:28px;color:var(--brand-navy);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.topbar-username{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:13px;overflow:hidden}.topbar-signout{color:var(--text-muted);border:1px solid var(--text-dim);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:12px;transition:color .15s,border-color .15s}.topbar-signout:hover{color:var(--text);border-color:var(--text-muted)}.tree{background:var(--bg-sunken);border-right:1px solid var(--border);grid-area:tree;padding:8px 0;overflow-y:auto}.tree-list{margin:0;padding:0;list-style:none}.tree-folder{width:100%;color:var(--text);text-align:left;text-transform:uppercase;letter-spacing:.6px;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:4px 16px 4px 8px;font-size:12px;font-weight:600;display:flex}.tree-folder:hover{background:var(--bg-panel)}.tree-caret{text-align:center;width:12px;color:var(--text-dim);font-size:10px;font-weight:400;display:inline-block}.tree-folder-name{flex:1}.tree-item{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:0;border-left:2px solid #0000;align-items:center;gap:10px;padding:6px 16px 6px 8px;font-size:13px;display:flex}.tree-item:hover{background:var(--bg-panel);color:var(--text)}.tree-item.selected{background:var(--bg-panel);color:var(--text);border-left-color:var(--brand-gold)}.tree-icon{text-align:center;width:14px;color:var(--text-dim);font-size:14px;font-weight:600;display:inline-block}.tree-icon.solved{color:var(--ok)}.tree-icon.attempted{color:var(--brand-red)}.tree-title{flex:1}.results{border-top:1px solid var(--border);background:var(--bg-sunken);min-height:160px;max-height:40%;padding:12px 16px;font-size:13px;overflow-y:auto}.results-status{margin-bottom:8px;font-size:13px;font-weight:600}.results-status.ok{color:var(--ok)}.results-status.err{color:var(--brand-red)}.results-status.partial{color:var(--brand-gold)}.results-status.running{color:var(--text-muted);font-weight:400}.results-duration{color:var(--text-dim);margin-left:6px;font-size:12px;font-weight:400}.results-empty{color:var(--text-dim)}.results-stderr{background:var(--bg-panel);border:1px solid var(--border);color:var(--text-muted);font-family:var(--mono);white-space:pre-wrap;border-radius:4px;margin:4px 0 0;padding:10px 12px;font-size:12px;overflow-x:auto}.results-list{margin:0;padding:0;list-style:none}.tcase{grid-template-columns:18px 1fr;align-items:baseline;gap:4px 10px;padding:4px 0;display:grid}.tcase-icon{text-align:center;font-weight:700}.tcase.ok .tcase-icon{color:var(--ok)}.tcase.err .tcase-icon{color:var(--brand-red)}.tcase-name{font-family:var(--mono);color:var(--text)}.tcase-msg{color:var(--text-muted);font-family:var(--mono);grid-column:2;font-size:12px}.pane{background:var(--bg);grid-area:pane;grid-template-columns:minmax(320px,36%) 1fr;min-width:0;min-height:0;display:grid}.pane-loading{color:var(--text-muted);padding:24px}.pane-prompt{border-right:1px solid var(--border);background:var(--bg-panel);padding:20px 24px;overflow-y:auto}.pane-breadcrumb{color:var(--text-dim);text-transform:uppercase;letter-spacing:.6px;align-items:center;margin-bottom:12px;font-size:12px;display:flex}.badge-codingbat{background:var(--bg-sunken);color:var(--brand-gold);border:1px solid var(--border);text-transform:uppercase;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px;font-weight:600}.pane-breadcrumb .sep{color:var(--text-dim);margin:0 6px}.pane-markdown{color:var(--text);font-size:14px;line-height:1.55}.pane-markdown h1{color:var(--text);border-bottom:1px solid var(--border);margin:0 0 12px;padding-bottom:8px;font-size:20px;font-weight:600}.pane-markdown h2{color:var(--text);margin:20px 0 6px;font-size:15px;font-weight:600}.pane-markdown p{margin:8px 0}.pane-markdown ul{margin:8px 0;padding-left:20px}.pane-markdown code{font-family:var(--mono);background:var(--bg-sunken);color:var(--brand-gold);border-radius:3px;padding:1px 5px;font-size:12px}.pane-markdown pre{background:var(--bg-sunken);border:1px solid var(--border);border-radius:4px;margin:10px 0;padding:10px 12px;overflow-x:auto}.pane-markdown pre code{color:var(--text);background:0 0;padding:0;font-size:12px}.pane-editor{flex-direction:column;min-width:0;min-height:0;display:flex}.pane-toolbar{background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;height:40px;padding:8px 12px;display:flex}.pane-filename{font-family:var(--mono);color:var(--text-muted);font-size:12px}.pane-toolbar-right{gap:8px;display:flex}.btn-ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0;border-radius:3px;padding:4px 10px;font-size:12px}.btn-ghost:hover:not(:disabled){color:var(--text);border-color:var(--text-dim)}.btn-run{background:var(--accent);color:var(--accent-fg);letter-spacing:.3px;border:0;border-radius:3px;padding:6px 16px;font-size:12px;font-weight:600}.btn-run:hover:not(:disabled){background:var(--accent-hover)}.btn-run:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.pane-snippets{flex-direction:column;flex:1;min-height:0;display:flex}.pane-monaco{border:2px dashed var(--brand-gold);box-sizing:border-box;background:#1e1e1e;flex:1;min-height:0}.readonly-block{border-bottom:1px solid var(--border);background:var(--bg-panel);opacity:.65;flex-shrink:0}.readonly-block:last-child{border-bottom:0;border-top:1px solid var(--border)}.readonly-block:hover,.readonly-block:focus-within{opacity:1}.readonly-block-toggle{width:100%;color:var(--text-muted);font-size:12px;font-family:var(--mono);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:6px 12px;display:flex}.readonly-block-toggle:hover{color:var(--text);background:var(--bg-sunken)}.readonly-block-caret{width:10px;color:var(--text-dim);display:inline-block}.readonly-block-meta{color:var(--text-dim);margin-left:auto;font-size:11px}.readonly-block-body{border-top:1px solid var(--border);background:#1e1e1e}@font-face{font-family:Robotech GP;src:url(/fonts/RobotechGP.woff2)format("woff2"),url(/fonts/RobotechGP.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Orbitron;src:url(/fonts/Orbitron.woff2)format("woff2");font-weight:700 900;font-style:normal;font-display:swap}.login-page{background-color:#151d3b;background-image:radial-gradient(60% 50%,#2f4e942e 0%,#0000 100%),radial-gradient(circle,#466ce312 1px,#0000 1px);background-size:100% 100%,28px 28px;justify-content:center;align-items:center;height:100vh;display:flex;overflow:hidden}@keyframes card-enter{0%{opacity:0;transform:translateY(14px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}.login-card{background:#0d1729;border:1px solid #2f4e94bf;border-radius:6px;flex-direction:column;align-items:center;gap:16px;width:364px;padding:36px 40px 32px;animation:.45s cubic-bezier(.16,1,.3,1) both card-enter;display:flex;position:relative;box-shadow:0 0 0 1px #466ce314,0 32px 64px #0000008c,inset 0 0 48px #2f4e941f}.login-card:before,.login-card:after{content:"";border-style:solid;border-color:#fbc30c;width:14px;height:14px;position:absolute}.login-card:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.login-card:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}@keyframes logo-glow{0%,to{filter:drop-shadow(0 0 10px #466ce373)}50%{filter:drop-shadow(0 0 22px #466ce3bf)}}.login-logo{object-fit:contain;width:128px;height:128px;margin-bottom:2px;animation:3.5s ease-in-out infinite logo-glow}.login-title{letter-spacing:.05em;text-transform:uppercase;white-space:nowrap;margin:0;font-family:Robotech GP,Orbitron,sans-serif;font-size:2.55rem;font-weight:900;line-height:1}.login-title-blue{color:#446ce3}.login-title-gold{color:#fbc30c}.login-subtitle{letter-spacing:.14em;text-transform:uppercase;color:#f4f4ee;opacity:.42;text-align:center;margin:0;font-size:.62rem;font-weight:600;line-height:1.55}.login-divider{background:linear-gradient(90deg,#0000,#fbc30c,#0000);border-radius:2px;width:48px;height:2px;margin:2px 0}.login-google{justify-content:center;width:100%;display:flex}.login-admin-toggle{color:#446ce3;letter-spacing:.06em;cursor:pointer;opacity:.6;text-transform:uppercase;background:0 0;border:none;padding:0;font-size:.7rem;transition:opacity .15s}.login-admin-toggle:hover{opacity:1}.login-admin-form{flex-direction:column;gap:8px;width:100%;display:flex}.login-input{box-sizing:border-box;color:#d4d4d4;background:#1e1e1e;border:1px solid #3c3c3c;border-radius:3px;outline:none;width:100%;padding:8px 10px;font-family:Consolas,Menlo,SF Mono,monospace;font-size:.82rem;transition:border-color .15s}.login-input::placeholder{color:#858585}.login-input:focus{background:#1e1e1e;border-color:#fbc30c}.login-submit{color:#f4f4ee;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:#162f65;border:1px solid #2f4e94;border-radius:3px;width:100%;padding:9px;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s}.login-submit:not(:disabled):hover{background:#2f4e94;border-color:#446ce3}.login-submit:disabled{opacity:.45;cursor:not-allowed}.login-error{color:#f48771;text-align:center;letter-spacing:.02em;margin:0;font-size:.75rem}.app{grid-template:"topbar topbar"48px"tree pane"1fr/280px 1fr;height:100%;display:grid;overflow:hidden}.app-loading,.app-error{color:var(--text-muted);grid-area:pane;justify-content:center;align-items:center;padding:32px;display:flex}.hero-pane{background:var(--bg);flex-direction:column;grid-area:pane;justify-content:center;align-items:center;gap:32px;padding:48px 64px;display:flex;overflow-y:auto}.hero-image{object-fit:cover;border-radius:12px;width:100%;max-width:640px;box-shadow:0 8px 40px #00000080}.hero-body{text-align:center;flex-direction:column;gap:16px;max-width:640px;display:flex}.hero-title{font-family:var(--sans);color:var(--brand-gold);letter-spacing:-.5px;margin:0;font-size:36px;font-weight:700}.hero-lead{font-family:var(--sans);color:var(--text);margin:0;font-size:17px;font-weight:500;line-height:1.5}.hero-accent{color:var(--brand-gold)}.hero-text{font-family:var(--sans);color:var(--text-muted);margin:0;font-size:15px;line-height:1.7}.hero-cta{font-family:var(--sans);color:var(--text-dim);margin:0;font-size:14px;font-style:italic}.app-error-title{color:var(--brand-red);margin-bottom:8px;font-size:16px;font-weight:600}.app-error pre{background:var(--bg-panel);border:1px solid var(--border);font-family:var(--mono);color:var(--text);border-radius:4px;max-width:600px;margin:8px 0;padding:10px 12px;font-size:12px}.app-error-hint{color:var(--text-dim);margin-top:8px;font-size:13px}.app-error-hint code{font-family:var(--mono);background:var(--bg-panel);color:var(--brand-gold);border-radius:3px;padding:1px 5px}