:root{--bg: rgb(8, 10, 14);--bg-elev: rgb(12, 15, 21);--surface: rgba(255, 255, 255, .028);--surface-2: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .2);--text: #e8eaf0;--text-dim: rgba(232, 234, 240, .55);--text-faint: rgba(232, 234, 240, .3);--accent: #7c8cff;--accent-2: #b08cff;--accent-glow: rgba(124, 140, 255, .45);--danger: #ff5d7a;--ok: #54e6c8;--mono: "Space Mono", ui-monospace, monospace;--radius: 0px;--grid-line: rgba(255, 255, 255, .022);--blur: 18px}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:var(--bg);color:var(--text);font-family:var(--mono);font-weight:400;letter-spacing:-.01em;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(900px 600px at 82% -8%,rgba(124,140,255,.1),transparent 60%),radial-gradient(800px 600px at 6% 108%,rgba(176,140,255,.08),transparent 58%);pointer-events:none}body:after{content:"";position:fixed;inset:0;z-index:-2;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:72px 72px;mask-image:radial-gradient(circle at 50% 35%,black,transparent 92%);-webkit-mask-image:radial-gradient(circle at 50% 35%,black,transparent 92%);pointer-events:none}.eyebrow{font-size:11px;letter-spacing:.32em;text-transform:uppercase;color:var(--text-faint)}h1,h2,h3{font-weight:700;letter-spacing:-.02em}a{color:inherit;text-decoration:none}.input,select.input{width:100%;padding:14px 16px;font-family:var(--mono);font-size:14px;color:var(--text);background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius);outline:none;transition:border-color .2s,box-shadow .2s,background .2s}.input::placeholder{color:var(--text-faint)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 0 24px var(--accent-glow);background:#0d1018}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none' stroke='%237c8cff' stroke-width='2'%3E%3Cpath d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:38px;cursor:pointer}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;font-family:var(--mono);font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--bg);background:var(--text);border:1px solid var(--text);border-radius:var(--radius);cursor:pointer;transition:transform .15s,background .2s,color .2s,box-shadow .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 30px #7c8cff2e}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.btn-ghost{color:var(--text);background:transparent;border:1px solid var(--border-strong)}.btn-ghost:hover{background:var(--surface-2);box-shadow:none}.btn-accent{color:#fff;background:linear-gradient(120deg,var(--accent),var(--accent-2));border:none;box-shadow:0 0 26px var(--accent-glow)}.card{position:relative;background:var(--surface);backdrop-filter:blur(var(--blur)) saturate(120%);-webkit-backdrop-filter:blur(var(--blur)) saturate(120%);border:1px solid var(--border);border-radius:var(--radius)}.card:before{content:"";position:absolute;inset:0;border-top:1px solid rgba(255,255,255,.1);pointer-events:none}.tag{display:inline-flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;padding:4px 9px;border:1px solid var(--border-strong);color:var(--text-dim)}.tag.accent{color:var(--accent);border-color:#7c8cff73}.tag.pm{color:var(--accent-2);border-color:#b08cff73}.tag.danger{color:var(--danger);border-color:#ff5d7a73}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}.container{width:min(1080px,92vw);margin:0 auto}.muted{color:var(--text-dim)}.spin{width:16px;height:16px;border:2px solid rgba(124,140,255,.25);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}