*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{overflow-wrap:anywhere}img,svg,canvas{max-width:100%}button,input,select,textarea{font:inherit}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-bg:#0f1013;--app-bg-soft:#14161a;--app-bg-softer:#1b1e24;--app-surface:#191b20eb;--app-surface-2:#23262dd1;--app-border:#e2e8f01f;--app-border-strong:#e2e8f033;--app-text:#f1f5f9;--app-muted:#a7adb7;--app-muted-strong:#d5dae2;--app-accent:#9aa4b2;--app-accent-soft:#94a3b821;--app-focus:#94a3b857;--app-shadow:0 18px 44px #0000004d;--app-shadow-soft:0 10px 28px #00000038;--bg1:var(--app-bg);--bg2:var(--app-bg-soft);--card:var(--app-surface);--card2:var(--app-surface-2);--text:var(--app-text);--muted:var(--app-muted);--border:var(--app-border);--shadow:var(--app-shadow);--btn:#ffffff13;--btnHover:#ffffff1f;--focus:var(--app-focus);--accent:var(--app-accent)}body{color:var(--app-text);background:radial-gradient(900px 560px at 8% -10%, #94a3b813, transparent 62%), radial-gradient(760px 500px at 88% 4%, #ffffff0b, transparent 58%), linear-gradient(180deg, var(--app-bg), #111 100%)}.topbar{border:1px solid var(--app-border);box-shadow:var(--app-shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#121418db;border-radius:22px}.app-brand,.brand.app-brand{align-items:center;gap:12px;min-width:min(100%,280px);display:flex}.brand-mark{background:#14161b;border-radius:13px;flex:none;width:40px;height:40px;box-shadow:0 10px 24px #00000047,inset 0 0 0 1px #ffffff24}.brand-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.brand .brand-copy h1,.brand-copy h1{color:var(--app-text);letter-spacing:-.04em;margin:0;font-size:clamp(20px,2.6vw,28px);font-weight:950;line-height:1}.brand .brand-copy p,.brand-copy p{color:var(--app-muted);text-align:left;max-width:620px;margin:0;font-size:12.5px;line-height:1.35}.eyebrow,.brand .brand-copy .eyebrow{color:var(--app-accent);text-transform:uppercase;letter-spacing:.14em;font-size:10.5px;font-weight:950}button,select,input[type=text],.app-btn{border:1px solid var(--app-border);background:var(--btn);color:var(--app-text);transition:transform .14s,box-shadow .14s,background .14s,border-color .14s,opacity .14s;box-shadow:inset 0 1px #ffffff14}button:hover,select:hover,.app-btn:hover{background:var(--btnHover);transform:translateY(-1px);box-shadow:0 10px 22px #00000038,inset 0 1px #ffffff1a}button:active,.app-btn:active{transform:translateY(0)}button:focus-visible,select:focus-visible,input[type=text]:focus-visible,textarea:focus-visible,.app-btn:focus-visible{outline:3px solid var(--app-focus);outline-offset:2px;box-shadow:none;border-color:#94a3b875}button:focus:not(:focus-visible),select:focus:not(:focus-visible),input[type=text]:focus:not(:focus-visible){box-shadow:none;outline:none}select option{color:#f1f5f9;background:#1f2228}.card,.box,.modal,.comparePanel,.compareBar,.chipToggle,.seedBar,.sidebar,.browser-chrome{background:var(--app-surface);border-color:var(--app-border);box-shadow:var(--app-shadow)}.card,.swatch,.colorCard{transition:transform .16s,box-shadow .16s,border-color .16s}.card:hover,.colorCard:hover{border-color:#94a3b838;transform:translateY(-2px);box-shadow:0 22px 54px #00000052}.swatch:hover{border-color:#94a3b833;transform:translateY(-1px);box-shadow:0 18px 42px #0000004d}.hint{color:var(--app-muted);opacity:.86}.guidance{color:var(--app-muted-strong)}@media (width<=720px){.topbar{border-radius:18px}.brand-copy p{font-size:12px}}