:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#e5e7eb;background:#020617;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#020617}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.7}.shell{min-height:100vh}.topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px clamp(16px,3vw,36px);border-bottom:1px solid #1e293b;background:#0f172a}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;font-size:clamp(22px,3vw,32px)}h2{margin-bottom:8px;font-size:clamp(24px,3vw,34px)}h3{margin-bottom:14px;font-size:18px}.eyebrow{margin-bottom:5px;color:#94a3b8;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.brand-lockup{display:flex;align-items:center;gap:clamp(10px,2vw,20px);min-width:0}.title-mascot{width:clamp(72px,9vw,106px);height:auto;flex:0 0 auto;border-radius:12px;box-shadow:0 0 0 1px #94a3b838;object-fit:contain}.top-actions,.row-actions{display:flex;gap:10px;flex-wrap:wrap}.button{min-height:44px;border-radius:10px;border:1px solid transparent;padding:10px 15px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;text-decoration:none}.button.primary{background:#38bdf8;color:#082f49}.button.secondary{background:#111827;color:#e5e7eb;border-color:#334155}.button.danger{background:#271417;color:#fca5a5;border-color:#7f1d1d}.run-button{width:100%;margin-top:12px;background:#22c55e;color:#052e16}.file-button input{display:none}.workspace{display:grid;grid-template-columns:minmax(240px,300px) minmax(0,1fr)}.sidebar{min-height:calc(100vh - 90px);padding:20px 14px;border-right:1px solid #1e293b;background:#07101f}.search-label{display:block;margin:0 4px 7px;color:#cbd5e1;font-size:13px;font-weight:700}.search,input,textarea{width:100%;border:1px solid #334155;border-radius:9px;background:#020617;color:#f8fafc;padding:11px 12px}.search:focus,input:focus,textarea:focus,button:focus-visible{outline:2px solid #38bdf8;outline-offset:2px}.problem-count{padding:10px 5px;color:#64748b;font-size:12px}.problem-list{display:flex;flex-direction:column;gap:7px}.problem-item{width:100%;border:1px solid transparent;border-radius:11px;padding:12px;text-align:left;color:#cbd5e1;background:transparent;display:grid;gap:6px}.problem-item.active{border-color:#0ea5e9;background:#0c2032;color:#f8fafc}.problem-item:hover{background:#101c2e}.problem-number{color:#7dd3fc;font-size:12px;font-weight:800}.empty-list{padding:12px;color:#64748b}.main-panel{min-width:0;padding:clamp(18px,3vw,38px)}.problem-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.tag-row{display:flex;gap:5px;flex-wrap:wrap}.tag-row.large{margin-top:10px}.tag{display:inline-flex;align-items:center;min-height:24px;padding:3px 8px;border-radius:999px;background:#172033;color:#94a3b8;font-size:11px}.content-card{border:1px solid #1e293b;border-radius:14px;background:#0b1220;padding:clamp(16px,2vw,22px)}.statement-card{margin-bottom:18px}.prose{color:#dbe4ef;line-height:1.85;overflow-wrap:anywhere}.code-layout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(290px,.8fr);gap:18px;margin-bottom:18px}.card-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.language-pill,.runtime-badge{border:1px solid #334155;border-radius:999px;padding:4px 8px;color:#94a3b8;font-size:11px}.code-editor{min-height:430px;resize:vertical;border-radius:8px;background:#010409;color:#e6edf3;font-family:Cascadia Code,SFMono-Regular,Consolas,monospace;font-size:14px;line-height:1.55;tab-size:4}.code-editor-host,.solution-code-host{overflow:hidden;border:1px solid #334155;border-radius:8px}.code-editor-host .cm-editor,.code-editor-host .cm-scroller{min-height:430px}.solution-code-host .cm-editor{min-height:160px;max-height:720px}.solution-code-host .cm-scroller{min-height:160px;overflow:auto}.cm-editor{font-size:14px}.cm-editor.cm-focused{outline:2px solid #38bdf8;outline-offset:2px}.edit-code{min-height:360px}.runner-card label{display:block;margin:12px 0 7px;color:#cbd5e1;font-size:13px;font-weight:700}.stdin{min-height:125px;resize:vertical;font-family:Cascadia Code,Consolas,monospace}.runtime-note{margin:10px 0 0;color:#64748b;font-size:12px;line-height:1.5}.status-line{min-height:22px;margin-top:10px;color:#7dd3fc;font-size:12px}.output{min-height:190px;max-height:420px;overflow:auto;border:1px solid #1e293b;border-radius:8px;padding:12px;background:#010409;color:#d1fae5;white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.solution-card{margin-bottom:18px}.memo-card{margin-bottom:24px}.edit-form .form-grid{display:grid;grid-template-columns:160px 1fr;gap:16px}.edit-form label{display:grid;gap:7px;color:#cbd5e1;font-size:13px;font-weight:700}.edit-form .full{grid-column:1 / -1}.edit-form textarea{resize:vertical;line-height:1.55}.hint{color:#64748b;font-size:11px;font-weight:400}.empty-state{max-width:600px;margin:15vh auto 0;text-align:center;color:#94a3b8}.empty-state h2{color:#f8fafc}@media(max-width:900px){.workspace{grid-template-columns:220px minmax(0,1fr)}.code-layout{grid-template-columns:1fr}}@media(max-width:680px){.topbar{align-items:flex-start;flex-direction:column}.brand-lockup{width:100%;justify-content:space-between}.title-mascot{width:78px}.top-actions{width:100%}.top-actions .button{flex:1 1 auto}.workspace{display:block}.sidebar{min-height:auto;border-right:0;border-bottom:1px solid #1e293b;padding:14px}.problem-list{max-height:210px;overflow-y:auto}.problem-item{padding:10px}.main-panel{padding:18px 14px 34px}.problem-header{flex-direction:column}.row-actions{width:100%}.row-actions .button{flex:1}.code-editor{min-height:360px;font-size:13px}.edit-form .form-grid{grid-template-columns:1fr}.edit-form .full{grid-column:auto}}
