:root{--ink:#0e0e0e;--vibe:#ffd60a;--white:#fff;--paper:#f5f3ee;--muted:#8a8a8a;--line:#2e2e2e;--card:#161616;--display:Unbounded, "Arial Black", system-ui, sans-serif;--ui:"Bricolage Grotesque", system-ui, sans-serif;--pop:cubic-bezier(.34, 1.56, .64, 1);--s-1:8px;--s-2:16px;--s-3:24px;--s-4:32px;--s-5:40px;--s-6:48px;--s-8:64px;--s-12:96px;--nav:56px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{background:var(--ink);color:var(--white);font-family:var(--ui);margin:0;font-weight:500;overflow-x:clip}img{max-width:100%;height:auto}a{color:inherit}button,input{font:inherit}:focus-visible{outline:3px solid var(--vibe);outline-offset:3px}nextjs-portal{display:none!important}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.bar{justify-content:space-between;align-items:center;gap:var(--s-1);height:var(--nav);padding:0 var(--s-3);z-index:5;background:var(--ink);display:flex;position:sticky;top:0}.brand-link{flex:0 auto;min-width:0;line-height:0;display:block}.brand-link img{width:min(188px,46vw);height:auto}.bar-actions{align-items:center;gap:var(--s-2);flex:none;margin-left:auto;display:flex}.nav-link{color:var(--white);letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:13px;font-weight:800;text-decoration:none}.bar .btn,.bar .sound,.nav-link{white-space:nowrap}.bar .btn{box-shadow:3px 3px 0 var(--white);padding:8px 12px;font-size:13px}.btn,.sound{appearance:none;cursor:pointer;background:var(--vibe);color:var(--ink);font-family:var(--display);text-transform:uppercase;letter-spacing:.04em;box-shadow:4px 4px 0 var(--white);border:0;border-radius:10px;padding:12px 16px;font-weight:900;text-decoration:none}.btn{letter-spacing:0;word-spacing:normal}.sound{color:var(--vibe);box-shadow:none;border:2px solid var(--vibe);letter-spacing:.04em;word-spacing:normal;background:0 0;padding:10px 12px;font-size:13px}.sound.is-on{background:var(--vibe);color:var(--ink)}.btn:active,.sound:active{box-shadow:none;transform:translate(4px,4px)}.hero{column-gap:var(--s-6);row-gap:var(--s-5);height:calc(100dvh - var(--nav));max-height:calc(100dvh - var(--nav));padding:var(--s-3) var(--s-5) 72px;grid-template-columns:minmax(0,1.05fr) minmax(260px,.85fr);align-content:center;align-items:center;display:grid;position:relative;overflow:hidden}.hero-what,.theme-block{z-index:1;align-items:flex-start;gap:var(--s-1);flex-direction:column;grid-column:1;min-width:0;max-width:680px;display:flex;position:relative}.hero>.clock-block{z-index:1;grid-column:1;position:relative}.hero>.btn{z-index:1;grid-column:1;justify-self:start;position:relative}.lede,.teaser{max-width:28em;color:var(--white);margin:0;font-size:16px;font-weight:600;line-height:1.35}.theme-emoji{margin:0;font-size:64px;line-height:1}.theme-name{font-family:var(--display);text-transform:uppercase;letter-spacing:-.03em;margin:0;font-size:clamp(32px,4vw,60px);font-weight:900;line-height:.92}.theme-gif{z-index:1;object-fit:cover;border:3px solid var(--white);width:min(100%,420px);height:min(58vh,480px);box-shadow:10px 10px 0 var(--white);background:#000;border-radius:22px;grid-area:1/2/span 4;place-self:center;position:relative}.headline{width:100%;font-family:var(--display);text-transform:uppercase;letter-spacing:-.03em;margin:0;font-weight:900;line-height:.9}.headline span{white-space:nowrap;font-size:clamp(40px,5vw,80px);display:block}.headline .line-narrow{display:none}.hero-cta{align-self:flex-start}.hero-grid{z-index:0;background:url(/brand/mmv-rankgrid-tile-full-plain.svg) 0 0/128px 128px;height:48px;animation:1.05s cubic-bezier(.2,.7,.2,1) both wipe;position:absolute;bottom:0;left:0;right:0}.hero .sticker{margin:0;font-size:18px}.hero .digits{margin:0;font-size:clamp(56px,6vw,88px)}.hero .kicker{font-size:12px}.clock-block{align-items:flex-start;gap:var(--s-1);flex-direction:column;min-width:0;display:flex}.kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--vibe);margin:0;font-size:13px;font-weight:700}.digits{font-family:var(--display);letter-spacing:-.03em;color:var(--vibe);font-variant-numeric:tabular-nums;margin:0;font-size:clamp(64px,9vw,112px);font-weight:900;line-height:.92}.subdigits{font-family:var(--display);letter-spacing:-.03em;color:var(--white);font-variant-numeric:tabular-nums;margin:8px 0 0;font-size:clamp(28px,4vw,42px);font-weight:900}.sticker{background:var(--vibe);color:var(--ink);font-family:var(--display);text-transform:uppercase;letter-spacing:-.02em;box-shadow:6px 6px 0 var(--white);border-radius:.1em;margin:18px 0 0;padding:.18em .34em .2em;font-weight:900;line-height:.95;display:inline-block}.sticker.tilt-2{transform:rotate(-4deg)}.sticker.tilt-3{transform:rotate(4deg)}.sticker.ink{background:var(--ink);color:var(--white);box-shadow:6px 6px 0 var(--ink)}.pop{animation:pop .55s var(--pop) both}.delay-1{animation-delay:80ms}.delay-2{animation-delay:.16s}.phone{background:var(--ink);border:3px solid var(--white);width:max-content;max-width:100%;height:min(58vh,560px);box-shadow:10px 10px 0 var(--white);border-radius:28px;flex-direction:column;margin:0;padding:8px 8px 10px;display:flex}.hero .phone{height:min(64vh,620px)}.phone.on-light{border-color:var(--ink);box-shadow:10px 10px 0 var(--ink);background:var(--white)}.phone-bar{justify-content:center;align-items:center;height:16px;display:flex}.phone-bar i{background:var(--vibe);border-radius:99px;width:8px;height:8px;display:block}.phone img{background:#000;border-radius:18px;width:auto;max-width:none;height:calc(100% - 16px);display:block}.moment{justify-content:center;align-items:center;gap:var(--s-4);text-align:center;padding:var(--s-6) var(--s-3);flex-direction:column;max-height:100dvh;display:flex;overflow:hidden}.moment h2{font-family:var(--display);text-transform:uppercase;letter-spacing:-.03em;margin:0;font-size:clamp(36px,5vw,68px);font-weight:900;line-height:.92}.moment h2 span{white-space:nowrap;display:block}.caption{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:13px;font-weight:800}.prompt{max-width:16em;font-family:var(--display);text-transform:uppercase;letter-spacing:-.02em;margin:0;font-size:clamp(20px,2.4vw,32px);font-weight:900;line-height:1.05}.answers{gap:var(--s-1);flex-direction:column;width:min(520px,100%);display:flex}.answer{cursor:pointer;text-align:left;min-height:56px;color:var(--ink);background:var(--white);font-family:var(--ui);border:0;border-radius:12px;align-items:center;padding:12px 16px;font-size:clamp(18px,2vw,26px);font-weight:800;line-height:1.15;display:flex;box-shadow:6px 6px #fff}button.answer:disabled{opacity:1;cursor:default}.try-box{align-items:center;gap:var(--s-3);flex-direction:column;width:min(560px,100%);display:flex}.answer span{font-family:var(--display);margin-right:12px;font-weight:900}.pair{gap:var(--s-3);grid-template-columns:1fr 1fr;justify-items:center;width:min(760px,100%);display:grid}.pair>div{align-items:center;gap:var(--s-2);flex-direction:column;display:flex}.pair .phone{height:min(54vh,500px)}.nights-wrap{width:100%;max-width:100%;padding-left:0;padding-right:0}.nights{gap:var(--s-2);scroll-snap-type:x mandatory;width:100%;max-width:100%;padding:var(--s-3) var(--s-3) var(--s-4);margin:0;list-style:none;display:flex;overflow-x:auto}.nights::-webkit-scrollbar{height:0}.night{scroll-snap-align:center;background:var(--white);width:260px;min-height:320px;color:var(--ink);padding:var(--s-3);box-shadow:10px 10px 0 var(--white);align-items:flex-start;gap:var(--s-2);border-radius:18px;flex-direction:column;flex:none;display:flex}.night:nth-child(4n+1){transform:rotate(-3deg)}.night:nth-child(4n+2){transform:rotate(2deg)}.night:nth-child(4n+3){transform:rotate(-1.5deg)}.night:nth-child(4n){transform:rotate(3deg)}.night.is-tonight{background:var(--vibe);width:280px}.night-emoji{font-size:72px;line-height:1}.night-title{font-family:var(--display);text-transform:uppercase;letter-spacing:-.03em;margin:0;font-size:28px;font-weight:900;line-height:.95}.night-teaser{letter-spacing:0;text-transform:none;margin:0;font-size:16px;font-weight:600;line-height:1.3}.night-when,.night-time{letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800}.night-when{background:var(--ink);color:var(--vibe);border-radius:8px;padding:6px 8px}.night.is-tonight .night-when{background:var(--ink);color:var(--vibe)}.themes{max-height:none}.shot-label{text-align:center;font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-weight:900}.share{background:var(--vibe);color:var(--ink)}.share .caption{color:var(--ink)}.share .phone{height:min(52vh,480px)}.cities{background:var(--paper);color:var(--ink);width:100%}.cities .city-list{width:min(720px,100%)}.city-list{gap:var(--s-2);flex-direction:column;width:min(720px,100%);margin:0;padding:0;list-style:none;display:flex}.city-row{cursor:pointer;background:var(--white);width:100%;color:var(--ink);min-height:64px;box-shadow:6px 6px 0 var(--ink);font-family:var(--display);text-transform:uppercase;letter-spacing:-.02em;text-align:left;border:0;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:clamp(22px,3vw,36px);font-weight:900;line-height:.95;text-decoration:none;display:flex}.city-row.is-live{background:var(--vibe)}.city-state{font-family:var(--ui);letter-spacing:.08em;font-size:14px;font-weight:800}.foot{padding:var(--s-4) var(--s-3) var(--s-6);border-top:2px solid var(--line)}.foot nav{gap:var(--s-2) var(--s-4);flex-wrap:wrap;align-items:center;display:flex}.foot a,.foot span{color:var(--white);font-weight:700}.foot span{color:var(--muted)}.city-panel{align-items:center;gap:var(--s-4);flex-direction:column;width:min(520px,100%);display:flex}.city-panel .clock-block{text-align:center;align-items:center}.city-panel .join{align-items:stretch}.proof{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:13px;font-weight:800}.fine{text-align:center;max-width:28em;color:var(--muted);margin:0;font-size:14px;line-height:1.35}.text-link{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-weight:800;text-decoration:underline}.cities .join input{color:var(--ink);border-bottom-color:var(--ink)}.cities .subdigits,.cities .join label,.cities .caption,.cities .proof{color:var(--ink)}.cities .fine{color:#5c5c5c}.cities .saved .caption{color:var(--ink)}.saved{align-items:flex-start;gap:var(--s-2);flex-direction:column;margin:0;display:flex}.stage{min-height:calc(100vh - 180px);padding:var(--s-4) var(--s-3) var(--s-8);align-content:center;justify-items:center;gap:var(--s-4);text-align:center;display:grid}.quiet-band{width:calc(100% + var(--s-6));margin-left:calc(var(--s-3) * -1);background:url(/brand/mmv-rankgrid-tile-quiet.svg) 0 0/128px 128px;height:72px;margin-bottom:0}.stage .btn{margin-top:0;display:inline-block}.city-name{font-family:var(--display);text-transform:uppercase;letter-spacing:-.03em;margin:0;font-size:clamp(48px,8vw,84px);font-weight:900;line-height:.92}.join{align-items:flex-start;gap:var(--s-1);flex-direction:column;width:min(420px,100%);margin-top:0;display:flex}.join label{letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800}.join input{width:100%;color:var(--white);border:0;border-bottom:3px solid var(--white);background:0 0;border-radius:0;padding:12px 0}.join input::placeholder{color:var(--muted)}.ref-pill{background:var(--white);color:var(--ink);letter-spacing:.06em;text-transform:uppercase;border-radius:8px;margin:0 0 8px;padding:6px 8px;font-size:12px;font-weight:800}.form-error{color:var(--vibe);margin:4px 0 0;font-weight:700}.share-link{background:var(--white);color:var(--ink);cursor:pointer;box-shadow:6px 6px 0 var(--vibe);overflow-wrap:anywhere;text-align:left;border:0;border-radius:14px;max-width:100%;margin-top:16px;padding:16px;font-weight:800;display:block}.invite,.share-land{align-content:center;justify-items:start;min-height:calc(100vh - 180px);padding:24px 20px 64px;display:grid}.share-land{background:var(--vibe);color:var(--ink)}.share-land .btn{background:var(--ink);color:var(--vibe);box-shadow:4px 4px 0 var(--ink)}.share-land .digits{color:var(--ink);font-size:clamp(36px,6vw,64px)}.code-sticker{margin-top:12px}.prose{max-width:680px;padding:28px 20px 80px}.prose h1{font-family:var(--display);text-transform:uppercase;letter-spacing:-.03em;margin:0 0 16px;font-size:clamp(48px,8vw,72px);font-weight:900;line-height:.95}.prose p{margin:0 0 14px;font-size:18px;line-height:1.45}.prose a{color:var(--vibe)}.miss{align-content:center;min-height:70vh;padding:32px 20px;display:grid}@keyframes pop{0%{scale:.7}to{scale:1}}@keyframes wipe{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@media (max-width:860px){:root{--nav:52px}.bar{padding:0 var(--s-2);gap:var(--s-1)}.brand-link img{width:min(132px,36vw)}.nav-link{letter-spacing:.06em;font-size:12px}.bar-actions{gap:var(--s-1)}.bar .btn{padding:6px 8px;font-size:12px}.bar .sound{padding:6px 8px;font-size:11px}.hero{text-align:center;padding:var(--s-2) var(--s-2) 56px;align-content:center;justify-items:center;row-gap:var(--s-4);grid-template-columns:1fr}.hero-what,.theme-block,.hero>.clock-block{grid-column:1;align-items:center;width:100%}.hero>.btn{justify-self:center}.lede,.teaser{max-width:22em;font-size:15px}.theme-emoji{font-size:48px}.theme-name{font-size:clamp(28px,8vw,40px)}.theme-gif{grid-area:auto/1;width:min(100%,280px);height:168px}.headline .line-wide{display:none}.headline .line-narrow{display:block}.headline span{font-size:clamp(32px,10vw,48px)}.hero .digits{font-size:clamp(40px,12vw,56px)}.hero-grid{height:40px}.moment{padding:var(--s-4) var(--s-2);gap:var(--s-3)}.moment h2{font-size:clamp(26px,7.2vw,40px)}.moment .phone{height:min(48vh,400px)}.pair{grid-template-columns:1fr;max-width:320px}.pair .phone{height:min(62vh,520px)}.share .phone{height:min(44vh,340px)}.foot nav{margin-left:0}.city-row{font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.night{transform:none}}