:root{--bg: #0b1622;--surface: #122031;--surface-2: #1b2c40;--line: #2a3c52;--text: #eef3fa;--text-soft: #9bb0c9;--blue: #3b82e0;--blue-2: #5aa0f2;--gold: #ffc81f;--danger: #ff5d6c;--ok: #1fb6a6;--sunset-1: var(--blue);--sunset-2: var(--blue-2);--violet: var(--blue);--teal: var(--ok);--radius: 16px;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 18px 40px -20px rgba(0, 0, 0, .7);--font-display: "Bricolage Grotesque", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "Space Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased}body{background:var(--bg);color:var(--text);font-family:var(--font-body);line-height:1.5;min-height:100vh;background-image:radial-gradient(1100px 520px at 88% -10%,rgba(255,200,31,.07),transparent 60%),radial-gradient(900px 520px at -8% 0%,rgba(59,130,224,.12),transparent 55%);background-attachment:fixed}a{color:var(--violet);text-decoration:none}a:hover{text-decoration:underline}.container{width:100%;max-width:1680px;margin-inline:auto;padding:clamp(16px,2.5vw,36px) clamp(14px,4vw,32px)}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr))}input,select,textarea{max-width:100%}.display{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.05}.mono{font-family:var(--font-mono)}.muted{color:var(--text-soft)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px;min-width:0}.field label{font-size:13px;font-weight:600;color:var(--text-soft)}.field input,.field select{width:100%;min-width:0;background:var(--surface-2);border:1px solid var(--line);border-radius:11px;color:var(--text);font:inherit;padding:11px 13px;transition:border-color .15s ease}.field input:focus{outline:none;border-color:var(--violet);box-shadow:0 0 0 3px #7c6cf040}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:12px;cursor:pointer;font:inherit;font-weight:600;padding:11px 16px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--blue),var(--blue-2));color:#fff}.btn-primary:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 12px 24px -10px #3b82e099}.btn-ghost{background:var(--surface-2);border-color:var(--line);color:var(--text)}.btn-ghost:not(:disabled):hover{border-color:var(--violet)}.alert{border-radius:11px;font-size:14px;padding:10px 13px;margin-bottom:14px}.alert-error{background:#ff5d6c1f;border:1px solid rgba(255,93,108,.4);color:#ffb3ba}.alert-ok{background:#18b6a21f;border:1px solid rgba(24,182,162,.4);color:#8ee9dc}.form-2col{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 560px){.form-2col{grid-template-columns:1fr}}.tab-strip{overflow-x:auto;scrollbar-width:none}.tab-strip::-webkit-scrollbar{display:none}@media (max-width: 720px){input,select,textarea,.field input,.field select{font-size:16px}.display{letter-spacing:-.01em}}@media (prefers-reduced-motion: reduce){*{transition:none!important}}