:root{--bg:#09090b;--surface:#18181b;--surface-hover:#27272a;--surface-elevated:#27272a;--ink:#fafafa;--muted:#a1a1aa;--accent:#f97316;--hover:#ea580c;--accent-subtle:#f973161f;--accent-ink:#fb923c;--border:#27272a;--border-focus:#3f3f46;--error-bg:#2b1315;--error-ink:#fca5a5;--error-border:#7f1d1d;--success-bg:#102617;--success-ink:#86efac;--success-border:#1e4620;--r-control:8px;--r-image:12px}*{box-sizing:border-box}html,body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.page{max-width:1120px;margin:0 auto;padding:32px}h1{letter-spacing:-.02em;max-width:20ch;margin:0 0 12px;font-size:40px;line-height:1.1}h2{margin:0 0 12px;font-size:24px;line-height:1.2}h3{margin:0 0 8px;font-size:18px;line-height:1.3}p{margin:0 0 12px}label{color:var(--ink);margin:16px 0 8px;font-weight:600;display:block}input[type=text],input[type=password],input[type=number],textarea,select{font:inherit;background:var(--surface);width:100%;min-height:44px;color:var(--ink);border:1px solid var(--border);border-radius:var(--r-control);padding:10px 12px;transition:border-color .14s}textarea{resize:vertical;line-height:1.5}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:none}input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer}button{font:inherit;border-radius:var(--r-control);cursor:pointer;background:var(--accent);color:#09090b;-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 18px;font-weight:700;transition:transform .12s cubic-bezier(.2,0,0,1),background-color .15s,border-color .15s,opacity .15s;display:inline-flex}button:hover:not(:disabled){background:var(--hover)}button:active:not(:disabled){transform:scale(.97)}button.secondary{color:var(--ink);background:var(--surface);border-color:var(--border)}button.secondary:hover:not(:disabled){background:var(--surface-hover)}button.secondary:active:not(:disabled){transform:scale(.97)}button:disabled{cursor:not-allowed;opacity:.65}button[data-busy=true]:disabled{cursor:wait}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:24px;display:grid}.theme-card{border:1px solid var(--border);border-radius:var(--r-image);background:var(--surface);flex-direction:column;justify-content:space-between;padding:24px;display:flex}.preview{margin:0}.preview img{border-radius:var(--r-image);width:100%;display:block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:960px){.theme-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media (max-width:760px){.page{padding:20px}h1{font-size:30px;line-height:1.15}.theme-grid{grid-template-columns:1fr;gap:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}