:root{color-scheme:light dark;
--bg:#F6F3EB;--surface:#FFFDFA;--fg:#242820;--muted:#62645A;
--line:#D4CFC2;--accent:#C44728;--accent-fg:#FFFFFF;--font-body:'Helvetica Neue', Arial, sans-serif;--font-display:Georgia, 'Times New Roman', serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, monospace}
@media(prefers-color-scheme:dark){:root{
--bg:#242820;--surface:#30362B;--fg:#F6F3EB;--muted:#BCBFAF;
--line:#59604F;--accent:#FF967A;--accent-fg:#242820;}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--fg);font:400 16px/1.55 var(--font-body);-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-underline-offset:3px}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea{touch-action:manipulation}
:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.brand{display:inline-flex;align-items:center;gap:8px;color:var(--fg);text-decoration:none;white-space:nowrap;font-size:28px;font-weight:500;letter-spacing:-1.4px;line-height:1}
.brand-mark{width:40px;height:40px;flex:none;fill:var(--accent)}
.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--accent);color:var(--accent-fg);border:0;border-radius:6px;padding:12px 20px;font:500 14px/1.4 var(--font-body);cursor:pointer;text-decoration:none}
.primary:hover{filter:brightness(.94)}
.primary:disabled{opacity:.6;cursor:default}
[hidden]{display:none!important}