:root{--sfs-bg:#ebe8e0;--sfs-fg:#2f2e2a;--sfs-accent:#5b6ee1;--sfs-muted:#6b6963;--sfs-surface:#f8f6f0;--sfs-border:#d2cec3}html[data-theme=dark]{--sfs-bg:#2f2e2a;--sfs-fg:#ebe8e0;--sfs-accent:#8fa0ff;--sfs-muted:#bab6aa;--sfs-surface:#3a3833;--sfs-border:#5a564d}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--sfs-bg);color:var(--sfs-fg);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--sfs-accent);text-decoration:none}a:hover{text-decoration:underline}main{padding:0 16px}h1{font-size:clamp(1.65rem,2vw + 1rem,2.25rem);line-height:1.15;letter-spacing:-.02em;margin:0 0 10px}h2{font-size:clamp(1.2rem,1vw + 1rem,1.5rem);line-height:1.2;letter-spacing:-.01em;margin:20px 0 10px}button,input,label,li,p,select,textarea{font-size:.98rem}p{margin:0 0 10px}input,select,textarea{width:100%;max-width:100%;padding:10px;border:1px solid var(--sfs-border);border-radius:8px;background:var(--sfs-surface);color:var(--sfs-fg)}input[type=checkbox],input[type=radio]{width:auto;max-width:none;padding:0;border:0;border-radius:0;background:transparent;flex:0 0 auto}button{padding:9px 12px;border:1px solid var(--sfs-border);border-radius:8px;background:var(--sfs-surface);color:var(--sfs-fg);cursor:pointer}button:hover{filter:brightness(.98)}