:root{--midnight:#0a0618;--plum:#1b0f33;--wine:#4a1a3a;--ember:#ff9d5c;--gold:#f5bb63;--gold-2:#ffdca4;--rose:#f4879a;--blush:#ffc9cd;--cream:#fff4ea;--ink:#fff4ea;--muted:#fff4eab8;--stroke:#ffce9c47;--card:#ffffff0d;--shadow:0 34px 90px #05010e9e;--serif:"Playfair Display", "Iowan Old Style", Georgia, "Times New Roman", serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;height:100%}body{min-height:100%;font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;background-color:#0000;background-image:radial-gradient(1240px 760px at 12% 6%,#5e2c9894,#0000 64%),radial-gradient(1020px 660px at 88% 14%,#ca486a66,#0000 62%),radial-gradient(1280px 900px at 50% 116%,#ff9d5c57,#0000 64%),linear-gradient(166deg,#0a0618 0%,#1b0f33 40%,#33153f 72%,#4a1a3a 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;margin:0;font-weight:300;overflow-x:hidden}noscript{text-align:center;color:var(--muted);padding:24px;display:block}.aurora{z-index:1;filter:blur(80px);opacity:.5;pointer-events:none;position:fixed;inset:-25%}.aurora span{mix-blend-mode:screen;border-radius:50%;animation:28s ease-in-out infinite drift;display:block;position:absolute}.aurora span:first-child{background:radial-gradient(circle at 40% 40%,#7434aad9,#0000 62%);width:54vw;height:54vw;top:-8%;left:-4%}.aurora span:nth-child(2){background:radial-gradient(circle,#d64e6cbd,#0000 62%);width:46vw;height:46vw;animation-delay:-9s;top:4%;right:-6%}.aurora span:nth-child(3){background:radial-gradient(circle,#ffa45e80,#0000 64%);width:60vw;height:44vw;animation-delay:-17s;bottom:-18%;left:22%}@keyframes drift{0%,to{transform:translate(0,0)scale(1)}33%{transform:translate(3vw,-3vh)scale(1.08)}66%{transform:translate(-2.5vw,2.5vh)scale(.95)}}.layer{pointer-events:none;position:fixed;inset:0}.layer--hearts{z-index:2}.layer--confetti{z-index:60}.app{z-index:10;grid-template-rows:1fr auto;place-items:center;min-height:100dvh;padding:clamp(20px,5vw,56px) clamp(14px,4vw,28px) clamp(18px,3vw,26px);display:grid;position:relative}.stage{place-items:center;width:min(880px,100%);display:grid}.step{width:100%}.step--in{animation:.7s cubic-bezier(.16,.8,.24,1) both stepIn}.step--out{animation:.28s ease-in forwards stepOut}@keyframes stepIn{0%{opacity:0;filter:blur(7px);transform:translateY(26px)scale(.985)}to{opacity:1;filter:blur();transform:none}}@keyframes stepOut{0%{opacity:1;filter:blur();transform:none}to{opacity:0;filter:blur(5px);transform:translateY(-18px)scale(.99)}}.card{background:var(--card);border:1px solid var(--stroke);text-align:center;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px)saturate(1.15);backdrop-filter:blur(16px)saturate(1.15);border-radius:clamp(18px,4vw,28px);padding:clamp(30px,6vw,56px) clamp(20px,5vw,60px) clamp(26px,5vw,48px);position:relative;overflow:hidden}.card--open{overflow:visible}.card:before{content:"";background:linear-gradient(90deg,#0000,#ffe0a8b3,#0000);height:1px;position:absolute;top:0;left:12%;right:12%}[tabindex="-1"]:focus{outline:none}.eyebrow{letter-spacing:.3em;text-transform:uppercase;color:var(--gold);opacity:.9;align-items:center;gap:10px;max-width:100%;margin:0 0 clamp(14px,3vw,22px);font-size:clamp(.58rem,2.4vw,.66rem);font-weight:500;display:inline-flex}.eyebrow:before,.eyebrow:after{content:"";background:linear-gradient(90deg,#0000,#f2c46dbf);flex:none;width:clamp(14px,4vw,28px);height:1px}.eyebrow:after{background:linear-gradient(270deg,#0000,#f2c46dbf)}.title{font-family:var(--serif);letter-spacing:-.01em;background:linear-gradient(120deg, var(--cream) 8%, var(--gold-2) 48%, var(--blush) 92%);color:#0000;overflow-wrap:break-word;-webkit-background-clip:text;background-clip:text;margin:0 0 clamp(16px,3vw,26px);font-size:clamp(1.7rem,6.4vw,3.05rem);font-weight:600;line-height:1.16}.title--big{font-size:clamp(1.85rem,7vw,3.4rem)}.body{color:var(--muted);max-width:60ch;margin:0 auto 14px;font-size:clamp(.97rem,3.7vw,1.045rem);font-weight:300;line-height:1.8}.body:last-of-type{margin-bottom:0}.body em{color:var(--blush);font-style:italic}.actions{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:clamp(24px,5vw,38px);display:flex}.btn{letter-spacing:.01em;min-height:48px;color:var(--ink);cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:14px clamp(22px,5vw,36px);font-family:inherit;font-size:clamp(.92rem,3.5vw,1rem);font-weight:500;line-height:1.2;transition:transform .28s cubic-bezier(.2,.8,.3,1),box-shadow .3s,background .3s,border-color .3s,color .3s,opacity .3s;display:inline-flex}.btn--primary{color:#3a1128;background:linear-gradient(135deg, var(--gold-2), var(--gold) 46%, var(--rose));font-weight:600;box-shadow:0 12px 34px #f4879a52}.btn--primary:hover:not(:disabled){transform:translateY(-2px)scale(1.035);box-shadow:0 18px 46px #f5bb6370}.btn--primary:disabled{opacity:.55;cursor:default}.btn--ghost{border-color:var(--stroke);color:var(--muted);background:#ffffff0d}.btn--ghost:hover{color:var(--ink);border-color:#ffd6a873}.btn:focus-visible{outline:2px solid var(--gold);outline-offset:4px}a.btn{text-decoration:none}.choices{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(14px,4vw,26px);min-height:96px;margin-top:clamp(22px,5vw,34px);display:flex}.yes{--yes-scale:1;cursor:pointer;letter-spacing:.015em;color:#3a1128;background:linear-gradient(135deg, #ffeedc, var(--gold) 44%, var(--rose));min-height:52px;transform:scale(var(--yes-scale));transform-origin:50%;touch-action:manipulation;border:none;border-radius:999px;padding:18px clamp(34px,9vw,58px);font-family:inherit;font-size:clamp(1.02rem,4.4vw,1.18rem);font-weight:600;transition:transform .4s cubic-bezier(.2,.8,.3,1);animation:2.4s ease-in-out infinite yesGlow;position:relative}.yes:hover{transform:scale(calc(var(--yes-scale) * 1.07))}.yes:focus-visible{outline:2px solid var(--cream);outline-offset:5px}@keyframes yesGlow{0%,to{box-shadow:0 0 #f5bb6380,0 10px 30px #f4879a57}50%{box-shadow:0 0 42px 13px #ff9d5c47,0 16px 50px #f4879a8a}}.runaway-slot{vertical-align:middle;flex:none;min-width:7em;min-height:48px;display:inline-block;position:relative}.runaway-rack{white-space:nowrap;visibility:hidden;pointer-events:none;width:max-content;position:absolute;top:0;left:0}.runaway-ghost{position:static}.runaway{z-index:3;white-space:nowrap;touch-action:none;will-change:transform;max-width:calc(100vw - 24px);transition:transform .26s cubic-bezier(.2,.9,.25,1),opacity .3s;position:absolute;top:0;left:0}.runaway.is-frozen{opacity:.35;pointer-events:none}.runaway-label{animation:.42s wobble;display:inline-block}@keyframes wobble{0%{transform:rotate(0)scale(1)}30%{transform:rotate(-7deg)scale(.92)}62%{transform:rotate(6deg)scale(1.03)}to{transform:none}}.settle-q{font-family:var(--serif);color:var(--blush);margin:clamp(24px,5vw,36px) 0 0;font-size:clamp(1.08rem,4.4vw,1.3rem);font-style:italic}.verdict{font-family:var(--serif);color:var(--gold-2);max-width:36ch;margin:6px auto 0;font-size:clamp(1.08rem,4.4vw,1.28rem);font-style:italic;animation:.6s cubic-bezier(.16,.8,.24,1) both stepIn}.details{border:1px solid var(--stroke);background:#ffd6a82e;border-radius:18px;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;max-width:640px;margin:clamp(24px,5vw,34px) auto 0;display:grid;overflow:hidden}.detail{background:#11082275;gap:7px;padding:clamp(14px,3.5vw,20px) clamp(12px,3vw,16px);display:grid}.detail .k{letter-spacing:.24em;text-transform:uppercase;color:var(--gold);opacity:.85;font-size:.6rem}.detail .v{font-family:var(--serif);color:var(--cream);font-size:clamp(.95rem,3.6vw,1.06rem);line-height:1.4}.cheer{font-family:var(--serif);background:linear-gradient(120deg, var(--gold-2), var(--rose) 60%, var(--blush));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0 0 18px;font-size:clamp(1.9rem,8vw,3.8rem);font-weight:700;animation:.8s cubic-bezier(.18,1.5,.4,1) both pop}@keyframes pop{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}.ticket{color:#3b1230;text-align:left;background:linear-gradient(140deg,#fffaf3,#ffeada 58%,#ffe2ea);border-radius:20px;grid-template-columns:minmax(0,1fr) 150px;max-width:620px;margin:clamp(24px,5vw,30px) auto 0;animation:.8s cubic-bezier(.16,.8,.24,1) .18s both stepIn;display:grid;overflow:hidden;box-shadow:0 26px 70px #0a02148c,inset 0 0 0 1px #ffffff73}.ticket-main{padding:clamp(18px,4vw,24px) clamp(18px,4.5vw,28px) clamp(20px,4vw,26px)}.ticket-tag{letter-spacing:.28em;text-transform:uppercase;color:#3b123099;font-size:.6rem;font-weight:600}.ticket-title{font-family:var(--serif);margin:8px 0 2px;font-size:clamp(1.35rem,5.5vw,1.62rem);font-weight:700}.ticket-note{color:#3b1230a8;margin:0 0 14px;font-size:clamp(.78rem,3.2vw,.84rem);font-style:italic}.t-row{border-top:1px solid #3b12301f;align-items:baseline;gap:12px;padding:7px 0;display:flex}.t-k{letter-spacing:.18em;text-transform:uppercase;color:#3b12308c;flex:none;min-width:62px;font-size:.6rem}.t-v{font-size:clamp(.9rem,3.5vw,.98rem);font-weight:600}.ticket-stub{text-align:center;background:#fff6;border-left:2px dashed #3b12304d;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px 14px;display:flex}.stub-no{font-family:var(--serif);font-size:2rem;font-weight:700;line-height:1}.stub-lbl{letter-spacing:.24em;text-transform:uppercase;color:#3b123099;font-size:.55rem}.barcode{opacity:.72;background:repeating-linear-gradient(90deg,#3b1230 0 2px,#0000 2px 4px,#3b1230 4px 5px,#0000 5px 9px,#3b1230 9px 11px,#0000 11px 14px);border-radius:2px;width:100%;height:32px}.trail{justify-content:center;align-items:center;gap:clamp(9px,2.6vw,13px);height:22px;margin-top:clamp(22px,5vw,34px);display:flex}.beat{color:#fff6ec33;font-size:13px;line-height:1;transition:color .45s,transform .45s cubic-bezier(.2,.9,.3,1),text-shadow .45s;transform:scale(.8)}.beat.is-done{color:var(--rose);transform:scale(.95)}.beat.is-now{color:var(--gold);text-shadow:0 0 16px #f2c46dd9;transform:scale(1.55)}.reset-btn{z-index:90;font-family:var(--sans);cursor:pointer;color:var(--ink);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.5;background:#0d061cd9;border-radius:999px;padding:10px 15px;font-size:.76rem;font-weight:500;transition:opacity .25s,transform .25s;position:fixed;bottom:14px;right:14px}.reset-btn:hover{opacity:1;transform:translateY(-2px)}.app--locked{grid-template-rows:1fr;place-items:center}.card--locked{max-width:32rem;animation:.9s cubic-bezier(.16,.8,.24,1) both stepIn}.card--locked .body{margin-bottom:0}.lock-seal{margin-bottom:clamp(10px,4vw,16px);font-size:clamp(2.6rem,13vw,3.6rem);line-height:1;animation:3.2s ease-in-out infinite sealBeat;display:block}.locked-title{font-size:clamp(1.55rem,7.4vw,2.3rem)}@keyframes sealBeat{0%,to{transform:scale(1)rotate(-3deg)}50%{transform:scale(1.09)rotate(3deg)}}@media (width<=640px){.details{grid-template-columns:1fr}.detail{text-align:left}.choices{min-height:120px}.runaway,.runaway-ghost{min-height:44px;padding:12px 18px;font-size:.84rem}.runaway-slot{min-width:6em;min-height:44px}}@media (width<=560px){.ticket{grid-template-columns:1fr}.ticket-stub{border-top:2px dashed #3b12304d;border-left:none;flex-direction:row;justify-content:space-between;gap:14px;padding:14px 18px}.stub-no{font-size:1.5rem}.barcode{width:42%;height:26px}}@media (hover:none){.btn--primary:hover:not(:disabled){transform:none}.yes:hover{transform:scale(var(--yes-scale))}}@media (prefers-reduced-motion:reduce){.aurora span{animation:none}.step--in,.cheer,.ticket,.verdict{animation-duration:.25s}.yes{animation:none;box-shadow:0 0 30px 8px #ff9d5c4d,0 14px 44px #f4879a73}.runaway-label,.lock-seal{animation:none}}