:root{--c-accent:#e9c98b;--c-accent2:#f3a9b8;--c-text:#fff8ec;--c-muted:#d9c9b4;--c-bg:#0a0d24;--f-display:"Aref Ruqaa", serif;--f-body:"Amiri", serif;--f-ui:"Tajawal", sans-serif;--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px);--vh:1vh}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overscroll-behavior:none;scrollbar-width:none}html::-webkit-scrollbar{display:none}body{background:var(--c-bg);color:var(--c-text);font-family:var(--f-body);overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;touch-action:pan-y;margin:0;overflow-x:hidden}body.locked{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0;padding:0}a{color:inherit;text-decoration:none}#stage{width:100vw;height:100vh;z-index:0;opacity:0;height:100lvh;transition:opacity 1.2s;display:block;position:fixed;top:0;left:0}body.ready #stage{opacity:1}body.is-2d #stage{display:none}.scroll-space{pointer-events:none;width:1px}.vignette{width:100vw;height:100vh;pointer-events:none;z-index:1;background:radial-gradient(120% 80% at 50% 45%,#0000 45%,#0000008c 100%),linear-gradient(#00000059,#0000 22%,#0000 70%,#00000080);height:100lvh;position:fixed;top:0;left:0}.stations{z-index:5;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.station{--t:0;--x:0;padding:calc(var(--safe-t) + 72px) 22px calc(var(--safe-b) + 84px);text-align:center;visibility:hidden;contain:layout style;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.station.on{visibility:visible}.station[data-align=bottom]{padding-bottom:calc(var(--safe-b) + 13vh);justify-content:flex-end}.station[data-align=top]{padding-top:calc(var(--safe-t) + 13vh);justify-content:flex-start}.station .scrim{width:150vw;height:86%;opacity:calc(var(--t) * (1 - var(--x)));pointer-events:none;background:radial-gradient(50% 50%,#03030c9e,#03030c52 55%,#0000 100%);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.station[data-align=bottom] .scrim{height:72%;top:auto;bottom:-8%;transform:translate(-50%)}.station[data-align=top] .scrim{height:72%;top:-8%;transform:translate(-50%)}.station .inner{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:420px;display:flex;position:relative}.station.live .inner{pointer-events:auto}.r{--k:clamp(0, calc((var(--t) * 1.7 - var(--i,0) * .12) * 2.2), 1);opacity:calc(var(--k) * (1 - var(--x) * 1.15));transform:translate3d(0, calc((1 - var(--k)) * 28px - var(--x) * 34px), 0);will-change:transform, opacity}.eyebrow{font-family:var(--f-ui);color:var(--c-accent);text-shadow:0 1px 10px #000000b3;align-items:center;gap:12px;font-size:max(12px,min(3.5vw,14px));font-weight:500;display:flex}.eyebrow:before,.eyebrow:after{content:"";background:linear-gradient(270deg,#0000,currentColor);width:34px;height:1px}.eyebrow:after{transform:scaleX(-1)}.display{font-family:var(--f-display);overflow-wrap:anywhere;text-shadow:0 2px 22px #0000008c;margin:0;padding:0 4px .12em;font-size:max(40px,min(13.5vw,64px));font-weight:700;line-height:1.35}.display.md{font-size:max(32px,min(10.5vw,50px))}.display.sm{font-size:max(26px,min(8vw,38px))}.names{flex-direction:column;align-items:center;gap:0;display:flex}.names .joiner{font-family:var(--f-display);color:var(--c-accent2);text-shadow:0 1px 12px #0009;margin:-2px 0;font-size:max(22px,min(7vw,32px));line-height:1}.lead{color:var(--c-text);text-shadow:0 1px 12px #000c;max-width:21em;margin:0;font-size:max(17px,min(4.9vw,22px));line-height:1.8}.small{font-family:var(--f-ui);color:var(--c-muted);text-shadow:0 1px 10px #000c;margin:0;font-size:max(13px,min(3.7vw,15px));line-height:1.7}.fx-gold .display{color:var(--c-accent);background:linear-gradient(100deg, var(--c-accent) 20%, #fff7df 42%, var(--c-accent) 60%, var(--c-accent2) 95%);-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 2px 14px #0009);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite shimmer}.fx-neon .display{color:#fff;text-shadow:0 0 6px #fff, 0 0 18px var(--c-accent), 0 0 42px var(--c-accent), 0 0 80px var(--c-accent)}.fx-neon .names .display:nth-of-type(2){text-shadow:0 0 6px #fff, 0 0 18px var(--c-accent2), 0 0 42px var(--c-accent2), 0 0 80px var(--c-accent2)}.fx-neon .eyebrow{color:var(--c-accent2);text-shadow:0 0 12px var(--c-accent2)}.fx-soft .display{color:var(--c-accent);text-shadow:0 1px #ffffff80,0 4px 26px #00000059}@keyframes shimmer{0%,to{background-position:100% 0}50%{background-position:0 0}}.ornament{width:120px;height:14px;color:var(--c-accent);opacity:.9}.btn{min-height:52px;font-family:var(--f-ui);color:#120c05;background:linear-gradient(135deg, var(--c-accent), color-mix(in srgb, var(--c-accent) 62%, #fff));background-color:var(--c-accent);box-shadow:0 8px 30px -8px var(--c-accent), inset 0 1px 0 #ffffff80;border-radius:999px;justify-content:center;align-items:center;gap:10px;max-width:100%;padding:12px 26px;font-size:16px;font-weight:700;line-height:1.2;transition:transform .25s cubic-bezier(.2,.9,.3,1.4),box-shadow .25s;display:inline-flex}.btn:active{transform:scale(.95)}.btn.ghost{color:var(--c-text);border:1px solid color-mix(in srgb, var(--c-accent) 60%, transparent);border-color:var(--c-accent);box-shadow:none;background:#ffffff12}.btn svg{flex:none;width:20px;height:20px}.btn-row{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.opener{font-family:var(--f-ui);color:var(--c-text);text-shadow:0 1px 12px #000000e6;flex-direction:column;align-items:center;gap:12px;padding:8px 20px;font-size:15px;font-weight:500;display:flex;position:relative}.opener .pulse{border:1px solid var(--c-accent);background:#00000040;border-radius:50%;place-items:center;width:64px;height:64px;display:grid;position:relative}.opener .pulse:before,.opener .pulse:after{content:"";border:1px solid var(--c-accent);border-radius:50%;animation:2.4s cubic-bezier(.2,.6,.3,1) infinite ripple;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px}.opener .pulse:after{animation-delay:1.2s}.opener .pulse svg{width:24px;height:24px;color:var(--c-accent)}@keyframes ripple{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.1)}}body.opened .opener{opacity:0;pointer-events:none;transition:all .5s;transform:scale(.8)}.tap-layer{z-index:6;cursor:pointer;position:fixed;top:0;bottom:0;left:0;right:0}body.opened .tap-layer,body.is-2d .tap-layer{display:none}.date-day{font-family:var(--f-display);color:var(--c-accent);text-shadow:0 2px 18px #000000b3;margin:0;font-size:max(30px,min(9.5vw,44px));line-height:1.3}.date-lines{flex-direction:column;gap:2px;display:flex}.date-lines .lead{font-size:max(18px,min(5.2vw,23px));line-height:1.6}.time-chip{font-family:var(--f-ui);border:1px solid var(--c-accent);color:var(--c-accent);background:#00000059;border-radius:999px;padding:7px 18px;font-size:16px;font-weight:700}.countdown{grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:340px;margin-top:6px;display:grid}.countdown .cell{background:#0808168c;border:1px solid #ffffff24;border-radius:16px;flex-direction:column;align-items:center;gap:2px;padding:10px 2px 8px;display:flex}.countdown .num{font-family:var(--f-ui);color:var(--c-text);font-variant-numeric:tabular-nums;font-size:max(22px,min(7vw,30px));font-weight:700;line-height:1.15}.countdown .lbl{font-family:var(--f-ui);color:var(--c-muted);font-size:11.5px}.countdown.done{font-family:var(--f-display);color:var(--c-accent);font-size:28px;display:block}.card{background:#0a0a1a9e;border:1px solid #ffffff29;border-radius:26px;flex-direction:column;align-items:center;gap:16px;width:100%;padding:22px 18px 20px;display:flex;box-shadow:0 24px 60px -20px #000c,inset 0 1px #ffffff1f}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){body:not(.q-low) .card{-webkit-backdrop-filter:blur(14px)saturate(1.2);backdrop-filter:blur(14px)saturate(1.2);background:#0a0a1a75}}.seg{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.seg button{min-height:50px;font-family:var(--f-ui);color:var(--c-text);background:#ffffff0d;border:1px solid #fff3;border-radius:16px;font-size:16px;font-weight:700;transition:background .25s,color .25s,border-color .25s,transform .2s}.seg button:active{transform:scale(.96)}.seg button[aria-pressed=true]{background:var(--c-accent);border-color:var(--c-accent);color:#120c05}.stepper{justify-content:space-between;align-items:center;gap:10px;width:100%;transition:opacity .3s;display:flex}.stepper.off{opacity:.3;pointer-events:none}.stepper .lbl{font-family:var(--f-ui);color:var(--c-muted);font-size:15px}.stepper .ctl{direction:ltr;align-items:center;gap:6px;display:flex}.stepper .ctl button{width:44px;height:44px;font-size:22px;line-height:1;font-family:var(--f-ui);border:1px solid #ffffff40;border-radius:50%;place-items:center;display:grid}.stepper .ctl button:active{background:#ffffff26}.stepper .ctl output{min-width:40px;font-family:var(--f-ui);text-align:center;font-size:22px;font-weight:700}.menu{max-width:100%;display:inline-flex;position:relative}.menu .pop{opacity:0;visibility:hidden;z-index:3;background:#0c0c1cf5;border:1px solid #ffffff2e;border-radius:18px;flex-direction:column;width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:86vw;padding:6px;transition:all .25s;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%,8px);box-shadow:0 20px 50px -10px #000c}.menu.open .pop{opacity:1;visibility:visible;transform:translate(-50%)}.menu .pop a,.menu .pop button{text-align:start;font-family:var(--f-ui);color:var(--c-text);border-radius:12px;padding:13px 18px;font-size:15px}.menu .pop a:active,.menu .pop button:active{background:#ffffff1a}.hud{z-index:8;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.hud>*{pointer-events:auto}.icon-btn{top:calc(var(--safe-t) + 14px);width:46px;height:46px;color:var(--c-text);opacity:0;background:#08081680;border:1px solid #fff3;border-radius:50%;place-items:center;transition:opacity .6s,transform .6s cubic-bezier(.2,.9,.3,1.3);display:grid;position:absolute;transform:scale(.7)}body.opened .icon-btn,body.is-2d .icon-btn{opacity:1;transform:none}.icon-btn svg{width:22px;height:22px}.music-btn:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:14px}.music-btn:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:14px}.music-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:14px}.music-btn:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:14px}.music-btn:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:14px}.music-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:14px}.music-btn .bars{align-items:flex-end;gap:3px;height:18px;display:flex}.music-btn .bars i{background:currentColor;border-radius:2px;width:3px;height:4px}.music-btn.playing{color:var(--c-accent);border-color:var(--c-accent)}.music-btn.playing .bars i{animation:.9s ease-in-out infinite alternate eq}.music-btn.playing .bars i:nth-child(2){animation-delay:-.3s}.music-btn.playing .bars i:nth-child(3){animation-delay:-.6s}.music-btn.playing .bars i:nth-child(4){animation-delay:-.15s}.music-btn:not(.playing):after{content:"";opacity:.8;background:currentColor;width:26px;height:1.5px;position:absolute;transform:rotate(-45deg)}@keyframes eq{0%{height:4px}to{height:18px}}.motion-btn{display:none}.motion-btn:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:14px}.motion-btn:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:14px}.motion-btn:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:14px}.motion-btn:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:14px}.motion-btn:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:14px}.motion-btn:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:14px}.motion-btn.show{display:grid}.sample-badge{z-index:9;left:0;right:0;top:calc(var(--safe-t) + 14px);border:1px solid var(--c-accent);width:-webkit-max-content;width:-moz-max-content;width:max-content;max-width:calc(100% - 140px);color:var(--c-text);font-family:var(--f-ui,"Tajawal", system-ui, sans-serif);text-align:center;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0808169e;border-radius:14px;flex-direction:column;align-items:center;gap:2px;margin-left:auto;margin-right:auto;padding:7px 16px;line-height:1.4;display:flex;position:fixed}.sample-badge b{color:var(--c-accent);font-size:14px;font-weight:700}.sample-badge span{opacity:.85;font-size:11.5px}.dots{pointer-events:none;opacity:0;flex-direction:column;gap:9px;transition:opacity .6s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.dots:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:12px}.dots:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:12px}.dots:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:12px}.dots:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:12px}.dots:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:12px}.dots:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:12px}body.opened .dots{opacity:1}.dots i{background:var(--c-text);opacity:.3;border-radius:50%;width:5px;height:5px;transition:all .4s}.dots i.on{opacity:1;background:var(--c-accent);transform:scale(1.7)}.scroll-hint{left:50%;bottom:calc(var(--safe-b) + 22px);font-family:var(--f-ui);color:var(--c-text);text-shadow:0 1px 8px #000000e6;opacity:0;pointer-events:none;flex-direction:column;align-items:center;gap:8px;font-size:13px;transition:opacity .7s;display:flex;position:absolute;transform:translate(-50%)}.scroll-hint.show{opacity:.95}.scroll-hint .track{border:1.5px solid var(--c-text);opacity:.9;border-radius:14px;width:26px;height:42px;position:relative}.scroll-hint .track:after{content:"";background:var(--c-accent);border-radius:3px;width:5px;height:9px;margin-left:-2.5px;animation:1.7s cubic-bezier(.5,0,.3,1) infinite hint;position:absolute;top:22px;left:50%}@keyframes hint{0%{opacity:0;transform:translateY(6px)}25%{opacity:1}to{opacity:0;transform:translateY(-14px)}}body.is-2d{overflow-y:auto}body.is-2d .vignette,body.is-2d .scroll-space,body.is-2d .dots{display:none}body.is-2d .stations{pointer-events:auto;position:relative;top:auto;bottom:auto;left:auto;right:auto}body.is-2d .flat-bg{width:100vw;height:100vh;z-index:0;pointer-events:none;background:radial-gradient(ellipse 90% 50% at 50% 0%, color-mix(in srgb, var(--c-accent) 26%, transparent), transparent 70%), radial-gradient(ellipse 80% 45% at 50% 100%, color-mix(in srgb, var(--c-accent2) 22%, transparent), transparent 70%), var(--c-bg);height:100lvh;position:fixed;top:0;left:0}body.is-2d .flat-bg:before{content:"";opacity:.5;background-image:radial-gradient(1.2px 1.2px at 12% 18%,#fff,#0000),radial-gradient(1px 1px at 78% 9%,#fff,#0000),radial-gradient(1.4px 1.4px at 34% 42%,#fff,#0000),radial-gradient(1px 1px at 88% 36%,#fff,#0000),radial-gradient(1.2px 1.2px at 8% 66%,#fff,#0000),radial-gradient(1px 1px at 62% 74%,#fff,#0000),radial-gradient(1.4px 1.4px at 92% 84%,#fff,#0000),radial-gradient(1px 1px at 24% 90%,#fff,#0000),radial-gradient(1px 1px at 52% 24%,#fff,#0000),radial-gradient(1.2px 1.2px at 70% 56%,#fff,#0000);position:absolute;top:0;bottom:0;left:0;right:0}body.is-2d .flat-frame{z-index:1;pointer-events:none;border:1px solid color-mix(in srgb, var(--c-accent) 55%, transparent);border-color:var(--c-accent);opacity:.45;border-radius:22px;position:fixed;top:10px;bottom:10px;left:10px;right:10px}body.is-2d .station{visibility:visible;min-height:100vh;min-height:100svh;padding:calc(var(--safe-t) + 64px) 26px calc(var(--safe-b) + 64px);justify-content:center;position:relative;top:auto;bottom:auto;left:auto;right:auto}body.is-2d .station .scrim{display:none}body.is-2d .station .inner{pointer-events:auto}body.is-2d .opener{display:none}body.is-2d .r{opacity:0;transition:opacity .9s,transform .9s cubic-bezier(.2,.7,.2,1);transition-delay:calc(var(--i,0) * 90ms);transform:translateY(26px)}body.is-2d .station.in .r{opacity:1;transform:none}body.is-2d .scroll-hint{position:fixed}@media (prefers-reduced-motion:reduce){body.is-2d .r{opacity:1;transition:none;transform:none}.fx-gold .display,.opener .pulse:before,.opener .pulse:after,.scroll-hint .track:after,.music-btn.playing .bars i{animation:none}}@media (max-height:620px){.station{padding-top:calc(var(--safe-t) + 60px);padding-bottom:calc(var(--safe-b) + 66px)}.station .inner{gap:8px}.display{font-size:max(34px,min(11vw,50px));line-height:1.25}.card{gap:12px;padding:16px}.countdown .cell{padding:7px 2px 6px}}@media (min-width:700px){.station .inner{max-width:440px}.station .scrim{width:900px}}body[data-ink=dark] .station .scrim{background:radial-gradient(50% 50%,#fffcf7bd,#fffcf76b 55%,#0000 100%)}body[data-ink=dark] .vignette{background:radial-gradient(120% 80% at 50% 45%,#0000 55%,#463a2c38 100%),linear-gradient(#ffffff40,#0000 22%,#0000 75%,#463a2c1f)}body[data-ink=dark] :is(.eyebrow,.display,.lead,.small,.date-day,.names .joiner,.opener,.scroll-hint){text-shadow:0 1px 14px #ffffffd9}body[data-ink=dark] .eyebrow{color:var(--c-accent)}body[data-ink=dark] .opener .pulse{background:#ffffff80}body[data-ink=dark] .time-chip{background:#ffffff8c}body[data-ink=dark] .countdown .cell{background:#fff9;border-color:#281e141a}body[data-ink=dark] .card{background:#fffcf7d1;border-color:#281e141a;box-shadow:0 24px 60px -24px #46372359,inset 0 1px #ffffffe6}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){body[data-ink=dark]:not(.q-low) .card{background:#fffcf79e}}body[data-ink=dark] .seg button{background:#281e1408;border-color:#281e1429}body[data-ink=dark] .stepper .ctl button{border-color:#281e1438}body[data-ink=dark] .btn.ghost{background:#ffffff73}body[data-ink=dark] .icon-btn{background:#fff9;border-color:#281e141f}body[data-ink=dark] .scroll-hint .track{border-color:var(--c-text)}body[data-ink=dark] .ornament{color:var(--c-accent)}.fx-ink .display{color:var(--c-text);background:linear-gradient(100deg, var(--c-text) 25%, var(--c-accent) 55%, var(--c-text) 85%);-webkit-text-fill-color:transparent;text-shadow:none;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:9s ease-in-out infinite shimmer}.fx-engrave .display{color:var(--c-text);text-shadow:0 1px #ffffffe6,0 -1px #0000002e,0 8px 24px #fffaf0cc;font-weight:600}@media (prefers-reduced-motion:reduce){.fx-ink .display{animation:none}}body.screen-mode{overflow-y:auto}body.screen-mode #stage,body.screen-mode .vignette,body.screen-mode .tap-layer,body.screen-mode .stations,body.screen-mode .hud{display:none}.inv-screen{z-index:20;min-height:100vh;min-height:100svh;padding:calc(var(--safe-t) + 40px) 22px calc(var(--safe-b) + 40px);text-align:center;background:radial-gradient(ellipse 90% 55% at 50% 0%, color-mix(in srgb, var(--c-accent) 22%, transparent), transparent 70%), radial-gradient(ellipse 80% 45% at 50% 100%, color-mix(in srgb, var(--c-accent2) 18%, transparent), transparent 70%), var(--c-bg);place-items:center;animation:.6s both screen-in;display:grid;position:relative}.inv-screen.leaving{animation:.35s both screen-out}.inv-screen-inner{flex-direction:column;align-items:center;gap:14px;width:100%;max-width:400px;display:flex}.inv-screen .display,.inv-screen .lead,.inv-screen .eyebrow{text-shadow:none}.inv-screen .btn-row{margin-top:4px}.screen-mark{font-family:var(--f-display);color:var(--c-accent);opacity:.8;font-size:40px}.return-hello{margin-top:8px}@keyframes screen-in{0%{opacity:0;transform:translateY(12px)}}@keyframes screen-out{to{opacity:0;transform:translateY(-12px)}}.rsvp-card .rsvp-title{font-size:max(24px,min(7.4vw,32px))}.rsvp-card .rsvp-name{width:100%;min-height:50px;font-family:var(--f-ui);color:var(--c-text);text-align:center;background:#ffffff0f;border:1px solid #ffffff38;border-radius:16px;outline:none;padding:12px 16px;font-size:16px}.rsvp-card .rsvp-name:focus{border-color:var(--c-accent)}.rsvp-card .rsvp-msg{min-height:1.4em;font-family:var(--f-ui);color:var(--c-accent2);margin:0;font-size:14px}.rsvp-card .btn:disabled{opacity:.6}.rsvp-card .stepper .ctl button:disabled{opacity:.35}.rsvp-done-mark{width:56px;height:56px;color:var(--c-bg);background:var(--c-accent);box-shadow:0 10px 30px -10px var(--c-accent);border-radius:50%;place-items:center;font-size:26px;display:grid}body[data-ink=dark] .rsvp-card .rsvp-name{background:#ffffffb3;border-color:#281e142e}