:root{--maroon:#7a1f2b;--maroon-d:#5a1220;--gold:#d19a1f;--gold-l:#f6e3a8;--cream:#fff8ec;--ink:#2a1a1d;--mute:#7b6a6c;--card:#fff;--line:#eadfd0;--ok:#1f8a4c;--bad:#c0392b;--r:16px;--shadow:0 6px 24px rgba(90,18,32,.10)}
@media(prefers-color-scheme:dark){:root:not([data-light]){--cream:#1d1214;--card:#2a1a1d;--ink:#f6ece6;--mute:#b9a6a3;--line:#43292e;--gold-l:#4a3a14;--shadow:0 6px 24px rgba(0,0,0,.4)}}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;margin:0}
button,input,select{font:inherit;color:inherit}
.btn{border:0;border-radius:12px;padding:12px 18px;font-weight:600;cursor:pointer;background:linear-gradient(135deg,var(--maroon),var(--maroon-d));color:#fff;box-shadow:0 3px 10px rgba(90,18,32,.25);transition:transform .12s,opacity .12s}
.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed}
.btn.gold{background:linear-gradient(135deg,#f3c14c,var(--gold));color:#3a2600}
.btn.ghost{background:transparent;color:var(--maroon);box-shadow:inset 0 0 0 1.5px var(--maroon)}
@media(prefers-color-scheme:dark){:root:not([data-light]) .btn.ghost{color:var(--gold);box-shadow:inset 0 0 0 1.5px var(--gold)}}
.btn.sm{padding:7px 12px;font-size:14px;border-radius:9px}.btn.wa{background:linear-gradient(135deg,#2fd06b,#128c4a)}
.btn.red{background:linear-gradient(135deg,#d9483b,#a52a1f)}
.muted{color:var(--mute)}
.hide{display:none!important}
.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:#2a1a1d;color:#fff;padding:12px 18px;border-radius:12px;z-index:99;box-shadow:var(--shadow);max-width:90vw;text-align:center}