:root{--accent:#2683d9;--accent2:#21bac8;--accent-ink:#fff;--bg:#f3f8fd;--surface:#fff;--card:#f5f9fd;--ink:#12304a;--muted:#587086;--line:#d8e5ef;--soft:#eaf4fc;--mine:#e0f1ff;--glow:#3f9bdd18;--shadow:#173e6a12;--mint:var(--accent);color-scheme:light}
:root[data-theme=dark]{--bg:#091827;--surface:#102235;--card:#142b41;--ink:#f2f9ff;--muted:#9bb5ca;--line:#2c455b;--soft:#1b354d;--mine:#21425d;--glow:#319bc51c;--shadow:#0003;color-scheme:dark}
:root[data-accent=cyan]{--accent:#0b9bad;--accent2:#25c4c8}:root[data-accent=violet]{--accent:#8961d4;--accent2:#9b8ceb}:root[data-accent=emerald]{--accent:#198a72;--accent2:#49b798}:root[data-accent=sunset]{--accent:#bc624b;--accent2:#ed9874}
.appearance-settings fieldset{border:0;padding:0;margin:18px 0;display:flex;flex-wrap:wrap;gap:7px}.appearance-settings legend{color:var(--muted);font-size:12px;margin-bottom:10px}.appearance-settings .theme-option{min-width:0;padding:9px 13px;margin:0;font-size:12px;border-radius:14px;background:var(--soft);color:var(--ink);border:1px solid var(--line);font-weight:500}.appearance-settings .theme-option[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.appearance-settings h3{margin:20px 0 0;font-size:16px}
button,input,textarea,select,a{touch-action:manipulation}button,a,input,textarea,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent)}button{transition:background .32s,color .32s,border-color .32s,transform .18s,box-shadow .32s}button:active{transform:scale(.97)}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}