:root{
  --bg1:#1b1035; --bg2:#2d1b5e; --ink:#fff8ec; --muted:#c9bfe6; --sand:#f4c26b; --sand2:#e0a24a; --sand3:#c98a36;
  --accent:#ff5d8f; --accent2:#5ce1e6; --ok:#3ddc84; --bad:#ff6b6b; --card:rgba(255,255,255,.08); --card2:rgba(255,255,255,.14);
  --line:rgba(255,255,255,.18); --radius:18px;
  --font: ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji", sans-serif;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%}
body{background:radial-gradient(120% 90% at 50% 0%, var(--bg2), var(--bg1) 70%) fixed; background-color:var(--bg1); color:var(--ink); font-family:var(--font); -webkit-font-smoothing:antialiased}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}
input,select{font:inherit}
.hidden{display:none!important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:52px;padding:.7em 1.3em;border-radius:14px;background:var(--accent);color:#fff;font-weight:800;letter-spacing:.01em;box-shadow:0 6px 0 #b8325f;transition:transform .06s, box-shadow .06s}
.btn:active{transform:translateY(4px);box-shadow:0 2px 0 #b8325f}
.btn[disabled]{opacity:.45;pointer-events:none}
.btn.alt{background:var(--card2);box-shadow:0 6px 0 rgba(0,0,0,.35)}
.btn.alt:active{box-shadow:0 2px 0 rgba(0,0,0,.35)}
.btn.sand{background:var(--sand);color:#3a2408;box-shadow:0 6px 0 var(--sand3)}
.btn.ok{background:var(--ok);color:#06331b;box-shadow:0 6px 0 #1f9b57}
.pill{display:inline-flex;align-items:center;gap:.4em;padding:.25em .75em;border-radius:999px;background:var(--card2);font-weight:700}
.stars{position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(2px 2px at 20% 30%,#fff8,transparent),radial-gradient(1.5px 1.5px at 70% 20%,#fff9,transparent),radial-gradient(1.5px 1.5px at 40% 70%,#fff6,transparent),radial-gradient(2px 2px at 85% 60%,#fff7,transparent),radial-gradient(1px 1px at 10% 85%,#fff8,transparent),radial-gradient(1.5px 1.5px at 55% 45%,#fff5,transparent);z-index:0}
@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}