:root{--bg:#0a0c10;--surface:#12161e;--surface-2:#161b25;--line:#212733;--line-2:#2c3340;--text:#e7eaf0;--muted:#828c9c;--faint:#5a6472;--accent:#b8ff2e;--accent-ink:#0a0c10;--danger:#ff5c5c;--green:#59a869;--mono:"JetBrains Mono", ui-monospace, monospace;--display:"Bricolage Grotesque", system-ui, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--mono);-webkit-font-smoothing:antialiased;background-image:linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);background-size:32px 32px}body:before{content:"";pointer-events:none;background:radial-gradient(900px 420px at 50% -8%,#b8ff2e1a,#0000 70%);position:fixed;inset:0}::selection{background:var(--accent);color:var(--accent-ink)}.console{z-index:1;max-width:1180px;margin:0 auto;padding:0 32px 96px;position:relative}.head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:28px 0 22px;display:flex}.wordmark{align-items:baseline;gap:10px;display:flex}.bolt{filter:drop-shadow(0 0 10px #b8ff2e99);font-size:20px}.wm-main{font-family:var(--display);letter-spacing:-.02em;font-size:22px;font-weight:800}.wm-sub{letter-spacing:.32em;text-transform:uppercase;color:var(--accent);font-size:11px}.head-meta{color:var(--muted);font-size:12px}.body{padding-top:40px}.bar{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.title{font-family:var(--display);letter-spacing:-.03em;margin:0;font-size:clamp(34px,6vw,58px);font-weight:700;line-height:.95}.count{font-family:var(--mono);color:var(--accent);margin-left:10px;font-size:14px;top:-1.6em}.btn-new{cursor:pointer;background:var(--accent);color:var(--accent-ink);font-size:13px;font-weight:700;font-family:var(--mono);border:none;border-radius:10px;align-items:center;gap:9px;padding:12px 18px;transition:transform .12s;display:inline-flex;box-shadow:0 8px 24px -10px #b8ff2eb3}.btn-new:hover{transform:translateY(-2px)}.plus{font-size:17px}.empty{color:var(--muted)}.empty-state{text-align:center;color:var(--muted);padding:70px 0}.empty-state p{margin:0 0 22px}.empty-state .btn-new{margin:0 auto}.grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;margin:0;padding:0;list-style:none;display:grid}.card{background:linear-gradient(180deg, var(--surface-2), var(--surface));border:1px solid var(--line-2);opacity:0;border-radius:14px;padding:18px;animation:.5s cubic-bezier(.2,.8,.2,1) forwards rise;transform:translateY(14px)}.card-top{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.card-name{font-family:var(--display);letter-spacing:-.02em;word-break:break-word;margin:0 0 10px;font-size:22px;font-weight:700}.slug{color:var(--accent);background:#b8ff2e14;border-radius:6px;padding:3px 7px;font-size:11px}.card-foot{margin-top:18px}.open{color:var(--accent);border:1px solid var(--line-2);border-radius:8px;padding:7px 12px;font-size:13px;text-decoration:none}.open:hover{background:#b8ff2e14;border-color:#b8ff2e80}.open.disabled{color:var(--faint);border-color:var(--line);cursor:default}.trash{color:var(--faint);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 6px;font-size:12px}.trash:hover{color:var(--danger);background:#ff5c5c1f}.status{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);align-items:center;gap:7px;font-size:11px;display:inline-flex}.dot{background:var(--faint);border-radius:50%;width:7px;height:7px}.status.running{color:var(--green)}.status.running .dot{background:var(--green);box-shadow:0 0 6px #59a869cc}.status.building,.status.creating{color:#d6bf55}.status.building .dot,.status.creating .dot{background:#d6bf55;animation:1.4s infinite pulse}.status.error{color:var(--danger)}.status.error .dot{background:var(--danger)}.card.deploying{border-color:#d6bf5566;position:relative;overflow:hidden}.card.deploying:after{content:"";background:linear-gradient(90deg,#0000,#d6bf55,#0000);width:35%;height:2px;animation:1.3s ease-in-out infinite indeterminate;position:absolute;top:0;left:0}.deploying-foot{color:#d6bf55;align-items:center;gap:8px;font-size:13px;display:inline-flex}.mini-spin{border:2px solid #d6bf5540;border-top-color:#d6bf55;border-radius:50%;width:12px;height:12px;animation:.7s linear infinite spin}.open.error{color:var(--danger);cursor:default;border-color:#ff5c5c59}.overlay{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#050609b8;place-items:center;padding:24px;animation:.18s fade;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--line-2);border-radius:16px;width:100%;max-width:460px;padding:22px;animation:.22s cubic-bezier(.2,.9,.3,1.2) pop;box-shadow:0 40px 90px -30px #000}.modal.danger{border-color:#ff5c5c59}.modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-tag{letter-spacing:.2em;text-transform:uppercase;color:var(--accent);font-size:12px}.modal-tag:before{content:"> ";color:var(--faint)}.danger-tag{color:var(--danger)}.x{color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:14px}.field{margin-bottom:12px;display:block}.field-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:8px;font-size:11px;display:block}.field input{background:var(--bg);border:1px solid var(--line-2);width:100%;color:var(--text);font-family:var(--mono);border-radius:10px;outline:none;padding:13px 14px;font-size:15px}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #b8ff2e29}.hint{color:var(--faint);margin:0 0 18px;font-size:11.5px}.confirm-msg{color:var(--muted);margin:0 0 22px;font-size:13.5px;line-height:1.5}.confirm-msg strong{color:var(--text)}.modal-error{color:var(--danger);background:#ff5c5c1a;border:1px solid #ff5c5c4d;border-radius:8px;margin-bottom:16px;padding:9px 12px;font-size:12px}.modal-actions{justify-content:flex-end;gap:10px;display:flex}.btn-ghost{border:1px solid var(--line-2);color:var(--muted);cursor:pointer;font-size:13px;font-family:var(--mono);background:0 0;border-radius:10px;padding:11px 16px}.btn-ghost:hover:not(:disabled){border-color:var(--faint);color:var(--text)}.btn-go{background:var(--accent);color:var(--accent-ink);cursor:pointer;font-size:13px;font-weight:700;font-family:var(--mono);border:none;border-radius:10px;align-items:center;gap:9px;padding:11px 18px;display:inline-flex}.btn-danger{background:var(--danger);color:#1a0606;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--mono);border:none;border-radius:10px;align-items:center;gap:8px;padding:11px 18px;display:inline-flex}.btn-go:disabled,.btn-danger:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed}.spinner{border:2px solid #0a0c104d;border-top-color:var(--accent-ink);border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #d6bf5580}70%{box-shadow:0 0 0 6px #d6bf5500}to{box-shadow:0 0 #d6bf5500}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes indeterminate{0%{transform:translate(-120%)}to{transform:translate(400%)}}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.97)}}