*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #07090e;--surface: #0c0f15;--elev: #12161f;--border: rgba(255,255,255,.07);--border-strong: rgba(255,255,255,.14);--accent: #46d17a;--accent-dim: rgba(70,209,122,.13);--accent2: #5c9eff;--violet: #8f7bff;--gold: #e8b85b;--text: #f0f4f9;--muted: #98a3b3;--dim: #5f6b7c;--error: #ff6b66;--warning: #e8b85b;--grad: linear-gradient(120deg, #46d17a, #2fb9a8);--grad-suite: linear-gradient(120deg, #5c9eff, #8f7bff);--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "Courier New", monospace;--ease: cubic-bezier(.22, 1, .36, 1)}html,body,#root{width:100%;height:100%;background:var(--bg);color:var(--text);font-family:var(--font-ui);overflow:hidden;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:var(--font-ui)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#ffffff2e;background-clip:padding-box}:focus-visible{outline:2px solid var(--accent2);outline-offset:1px;border-radius:4px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.topbar{height:48px;background:#ffffff05;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;gap:6px;padding:0 12px;flex-shrink:0;-webkit-user-select:none;user-select:none;position:relative;z-index:50}.sidebar{width:220px;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;overflow:hidden}.editor-area{flex:1;display:flex;flex-direction:column;overflow:hidden}.terminal{height:260px;background:var(--surface);border-top:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;font-family:var(--font-mono);font-size:12px}.terminal-body{flex:1;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:1px}.out-stdout{color:var(--text)}.out-stderr{color:var(--error)}.out-status{color:var(--accent2);font-style:italic}.out-info{color:var(--warning)}.tab-bar{display:flex;gap:4px;padding:6px 10px 0;border-bottom:1px solid var(--border)}.tab{padding:5px 14px 6px;border-radius:8px 8px 0 0;font-size:11.5px;font-weight:600;font-family:var(--font-ui);letter-spacing:.01em;border:1px solid transparent;border-bottom:none;cursor:pointer;background:transparent;color:var(--dim);transition:color .15s,background .15s;position:relative}.tab:hover{color:var(--muted);background:#ffffff06}.tab.active{background:var(--bg);border-color:var(--border);color:var(--text)}.tab.active:after{content:"";position:absolute;top:-1px;left:8px;right:8px;height:2px;border-radius:2px;background:var(--grad)}.btn{padding:6px 14px;border-radius:8px;font-size:12.5px;font-weight:650;font-family:var(--font-ui);letter-spacing:.005em;border:1px solid transparent;display:flex;align-items:center;gap:6px;transition:opacity .15s,transform .15s var(--ease),box-shadow .2s,background .15s,border-color .15s;white-space:nowrap}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-run{background:var(--grad);color:#05060a;font-weight:750;box-shadow:0 4px 16px -6px #46d17a80}.btn-run:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 22px -6px #46d17a99}.btn-stop{background:linear-gradient(120deg,#ff6b66,#e0484f);color:#fff;font-weight:750;box-shadow:0 4px 16px -6px #ff6b6673}.btn-ghost{background:#ffffff09;color:var(--muted);border-color:var(--border)}.btn-ghost:hover:not(:disabled){background:#ffffff12;color:var(--text);border-color:var(--border-strong)}.file-item{display:flex;align-items:center;gap:7px;padding:6px 10px;margin:0 6px;font-size:12.5px;font-weight:550;cursor:pointer;color:var(--muted);border-radius:7px;-webkit-user-select:none;user-select:none;transition:background .12s,color .12s}.file-item:hover{background:#ffffff0b;color:var(--text)}.file-item.active{background:var(--accent-dim);color:var(--accent);font-weight:650}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#020306b8;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal-card{background:linear-gradient(var(--elev),var(--elev)) padding-box,linear-gradient(155deg,#ffffff29,#ffffff0a 40%,#5c9eff38) border-box;border:1px solid transparent;border-radius:18px;padding:30px 34px;width:380px;box-shadow:0 32px 90px -20px #000c}input[type=text],input[type=email],input[type=password]{background:#ffffff0a;border:1px solid var(--border);border-radius:9px;color:var(--text);font-family:var(--font-ui);font-size:13px;font-weight:500;padding:9px 13px;outline:none;width:100%;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--accent2);box-shadow:0 0 0 3px #5c9eff26}.lock-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;background:#020306f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}@keyframes blink-dot{0%,to{opacity:1}50%{opacity:.2}}.run-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:blink-dot 1s ease-in-out infinite;display:inline-block}