:root,:root[data-theme=dark]{--bg:#0F0F12;--surface:#1A1A1F;--surface2:#16161A;--raised:#24242B;--line:#2C2C34;--line3:#3A3A42;--line4:#4A4A53;--text:#F4F2EC;--muted:#A8A6AE;--soft:#D6D4DA;--inv-bg:#F4F2EC;--inv-text:#0F0F12;--ok:#7FE0B0;--okbg:#12301F;--warn:#FFC371;--warnbg:#2A2418;--danger:#FF8A80;color-scheme:dark}:root[data-theme=light]{--bg:#F6F4EF;--surface:#FFFFFF;--surface2:#FBFAF7;--raised:#EFECE5;--line:#E3E0D8;--line3:#D3CFC6;--line4:#BDB8AE;--text:#141413;--muted:#615E66;--soft:#38363C;--inv-bg:#141413;--inv-text:#F6F4EF;--ok:#1E7A4C;--okbg:#E6F5EC;--warn:#8F5300;--warnbg:#FFF4DE;--danger:#B3261E;color-scheme:light}:root{--accent:#FF6FAE;--on-accent:#0F0F12;--font:Archivo,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}a{color:inherit}.shell{min-height:100dvh;display:flex;flex-direction:column}.main{flex:1 1;width:100%;max-width:1120px;margin:0 auto;padding:20px 16px 32px;display:flex;flex-direction:column;gap:16px}.main-narrow{max-width:440px}.footer{flex:none;height:40px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:.3px}.topbar{justify-content:space-between;min-height:44px}.topbar,.topbar-left,.topbar-right{display:flex;align-items:center;gap:8px}.wordmark{font-family:var(--mono);font-weight:700;letter-spacing:4px;font-size:14px;text-decoration:none}.accent-band{background-color:var(--accent);color:var(--on-accent);background-image:radial-gradient(rgba(15,15,18,.2) 3px,transparent 3.5px);background-size:18px 18px;border-radius:18px;padding:18px 20px}.accent-band h2{margin:0;font-size:22px;font-weight:800;letter-spacing:-.3px}.accent-band p{margin:4px 0 0;font-size:13px;font-weight:600}.b{all:unset;box-sizing:border-box;cursor:pointer;transition:transform .12s ease,background-color .2s ease,border-color .2s ease,color .2s ease}.b:active{transform:scale(.96)}.b:focus-visible,.inp:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.b[disabled]{opacity:.5;cursor:default}.icon-btn{width:44px;height:44px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--text);flex:none}.btn,.icon-btn{display:flex;align-items:center;justify-content:center}.btn{height:52px;padding:0 20px;border-radius:14px;gap:8px;font-weight:800;font-size:15px;text-decoration:none;width:100%}.btn-inv{background:var(--inv-bg);color:var(--inv-text)}.btn-acc{background:var(--accent);color:var(--on-accent)}.btn-ghost{border:1px solid var(--line);color:var(--text);font-weight:600}.btn-ghost,.card{background:var(--surface)}.card{border-radius:18px;border:1px solid var(--line);padding:18px}.muted{color:var(--muted)}.mono{font-family:var(--mono)}h1.title{margin:8px 0 0;font-size:30px;font-weight:800;letter-spacing:-.5px}.lede{margin:0;font-size:15px;line-height:1.45;color:var(--muted)}.form{gap:14px}.field,.form{display:flex;flex-direction:column}.field{gap:6px}.label{font-size:13px;font-weight:600;color:var(--soft)}.inp{height:48px;border-radius:12px;border:1px solid var(--line3);background:var(--surface);color:var(--text);font-family:inherit;font-size:16px;padding:0 14px;outline:none;width:100%}.inp:focus{border-color:var(--accent)}.notice{border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.4}.notice-ok{background:var(--okbg);color:var(--ok)}.notice-warn{background:var(--warnbg);color:var(--warn)}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:44px;height:44px;border-radius:999px;border:2px solid var(--line3)}.swatch[aria-pressed=true]{border-color:var(--text);box-shadow:0 0 0 2px var(--bg) inset}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}