:root{--color-primary: #8a90db;--color-primary-dark: #6b72c4;--color-primary-light: #a5abe8;--color-accent: #fa7869;--color-accent-dark: #e85a4a;--color-accent-light: #fc9a8f;--color-text: #1a1a24;--color-text-muted: #4a5568;--color-border: rgba(74, 85, 104, .2);--color-bg: #f8f9fa;--color-soft: #e9ecef;--color-muted: #dee2e6;--slate-1: #4a5568;--slate-2: #6b7c8e;--font-display: "Outfit", "Segoe UI", system-ui, sans-serif;--font-body: "DM Sans", "Segoe UI", system-ui, sans-serif;--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ink: var(--color-text)}*{box-sizing:border-box}html,body{margin:0}body{min-height:100vh;min-height:100dvh;color:var(--color-text);overflow-x:hidden;font-family:var(--font-body);line-height:1.5;-webkit-tap-highlight-color:transparent;background:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(138,144,219,.18),transparent),radial-gradient(ellipse 60% 40% at 100% 50%,rgba(250,120,105,.09),transparent),radial-gradient(ellipse 40% 30% at 0% 80%,rgba(138,144,219,.12),transparent),var(--color-bg);background-attachment:fixed}h1,h2{font-family:var(--font-display);font-weight:700;color:var(--color-text)}.hint{margin:0;color:var(--color-text-muted);font-size:14px;text-align:center}.brand-title{margin:0;font:700 clamp(28px,5vw,44px)/1.1 var(--font-display);letter-spacing:-.01em;background:linear-gradient(135deg,var(--color-text) 0%,var(--color-primary-dark) 55%,var(--color-primary-light) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 22px;border:0;border-radius:8px;cursor:pointer;font:600 15px/1 var(--font-body);color:#fff;text-decoration:none;background:linear-gradient(135deg,var(--color-accent),var(--color-accent-dark));box-shadow:0 4px 20px #fa786959;transition:transform .35s var(--ease-smooth),box-shadow .35s var(--ease-smooth)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 28px #fa786973}.btn-primary:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:3px}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border:1px solid var(--color-border);border-radius:8px;background:#fff;color:var(--color-text);font:600 15px/1 var(--font-body);text-decoration:none;cursor:pointer;box-shadow:0 2px 8px #1a1a240f;transition:border-color .2s ease,color .2s ease}.btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.btn-ghost:focus-visible{outline:3px solid var(--color-primary-light);outline-offset:3px}.plate{--ring: 3px;position:relative;display:block;width:100%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 57%,#f1f2f6 66%,#fff 71%,#e6e8ef);box-shadow:0 6px 16px #1a1a2424,inset 0 0 0 var(--ring) var(--accent)}.food{position:absolute;inset:8%;width:84%;height:84%;overflow:visible}.is-picked .plate{animation:pick .32s ease-out}@keyframes pick{40%{transform:scale(.92)}to{transform:scale(1.06)}}.steam{position:absolute;inset:22%;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .6s .9s}.steam i{position:absolute;inset:0;border-radius:50%;background:radial-gradient(rgba(255,255,255,.8),transparent 62%);animation:steam 3.4s ease-in-out infinite}.steam i:nth-child(2){animation-delay:-1.7s}.is-open .steam,.steam-on .steam{opacity:1}@keyframes steam{0%{transform:scale(.4);opacity:0}35%{opacity:.9}to{transform:scale(1.35) translate(8%,-14%);opacity:0}}.knob{position:absolute;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,#a3a8bd 0 30%,#eceef4 33%,#bcc0d0 60%,#f6f7fa 63%,#9297ad);box-shadow:0 6px 14px #1a1a2440}.knob:before{content:"";position:absolute;inset:22%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff,#dadcea 35%,#a2a6bc 75%,#757a92)}.knob:after{content:"";position:absolute;inset:-18%;border-radius:50%;border:2px solid rgba(138,144,219,.7);animation:invite 2.2s ease-out infinite}.is-open .knob:after{animation:none;opacity:0}@keyframes invite{0%{transform:scale(.85);opacity:.9}to{transform:scale(1.5);opacity:0}}.glass:before{content:"";position:absolute;inset:8%;border-radius:inherit;border:10px solid transparent;border-top-color:#fff9;border-left-color:#ffffff40;filter:blur(5px);pointer-events:none}.glass:after{content:"";position:absolute;left:20%;top:12%;width:16%;height:5%;border-radius:50%;background:#fffc;transform:rotate(-35deg);filter:blur(2px);pointer-events:none}@keyframes nudge{50%{transform:translateY(-7px)}}::view-transition-old(root),::view-transition-new(root){animation-duration:.35s}@media(prefers-reduced-motion:reduce){.knob:after,.steam i{animation:none}.btn-primary:hover{transform:none}::view-transition-old(root),::view-transition-new(root){animation:none}}