:root{color-scheme:light;--bg: #f6f4ef;--fg: #1c1916;--muted: #6b655e;--accent: #1f4d3a;--border: #d8d1c6;--surface: #fffdf8}:root[data-theme=dark]{color-scheme:dark;--bg: #161412;--fg: #f4efe6;--muted: #b5ada2;--accent: #8fceb0;--border: #3a342d;--surface: #1f1c18}html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html,body,#root{margin:0;min-height:100%;background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,sans-serif}.app-shell{min-height:100%}.topbar,.split,main{padding:1.5rem}.topbar{padding-block:.85rem;border-bottom:1px solid var(--border);background:var(--surface)}.topbar-inner{display:flex;gap:1rem;align-items:center;justify-content:space-between;width:min(100%,56rem);margin-inline:auto}.topbar-controls{display:flex;gap:.75rem;align-items:center}main[data-surface=account]{width:min(100%,56rem);max-width:56rem;margin-inline:auto}.split{display:grid;gap:2rem}@media(min-width:900px){.split{grid-template-columns:1fr 1fr}}.button,button{display:inline-flex;background:var(--accent);color:var(--bg);border:0;border-radius:.4rem;padding:.7rem 1rem;text-decoration:none}.button:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}button:disabled{cursor:wait;opacity:.65}.theme-toggle{display:inline-flex;padding:.125rem;border:1px solid var(--border);border-radius:.4rem;background:color-mix(in srgb,var(--muted) 18%,var(--surface))}.theme-toggle button{display:grid;width:1.75rem;height:1.75rem;padding:0;place-items:center;border-radius:.3rem;background:transparent;color:var(--muted)}.theme-toggle button[aria-pressed=true]{background:var(--surface);color:var(--fg);box-shadow:0 1px 2px #0000001f}.async-state{display:grid;gap:.75rem;max-width:40rem;padding:1.25rem;border:1px solid var(--border);border-radius:.5rem;background:color-mix(in srgb,var(--surface) 88%,var(--bg))}.async-state--composed{justify-items:center;width:100%;max-width:none;gap:.75rem;padding:3rem 1.5rem;border-style:dashed;text-align:center}.async-state__icon{display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:.5rem;background:color-mix(in srgb,var(--muted) 22%,var(--surface));color:var(--muted)}.async-state--error .async-state__icon{color:#9a3b2a}.async-state--denied .async-state__icon{color:#8a6a2a}:root[data-theme=dark] .async-state--error .async-state__icon{color:#e7a08f}:root[data-theme=dark] .async-state--denied .async-state__icon{color:#e2c37a}.async-state__copy{max-width:24rem}.async-state__title{margin:0;font-size:.875rem;font-weight:600}.async-state__body{margin:.25rem 0 0;color:var(--muted);font-size:.875rem}.async-state__action{background:transparent;color:var(--fg);border:1px solid var(--border);padding:.35rem .7rem;font-size:.875rem}.async-state--loading .async-state__status{color:var(--muted)}.skeleton-stack{display:grid;gap:.5rem}.skeleton-row{height:4rem;border:1px solid var(--border);border-radius:.5rem;background:color-mix(in srgb,var(--muted) 22%,var(--bg))}form{display:grid;max-width:42rem;gap:1rem;margin-block:1.5rem}form button{justify-self:start}.muted{color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}input,select{margin-left:.5rem;max-width:100%}@media(max-width:520px){.topbar,.topbar-inner,.topbar-controls{flex-wrap:wrap}form label{display:grid;gap:.4rem}input,select{margin-left:0}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}