:root{color-scheme:dark;--bg: oklch(13.5% .025 295);--surface: oklch(17.5% .03 295);--raised: oklch(21.5% .035 295);--border: oklch(29% .04 295);--border-strong: oklch(48% .05 295);--text: oklch(96% .01 295);--text-2: oklch(76% .03 295);--accent: #7b35f5;--accent-hover: #6a26e0;--on-accent: #fff;--accent-text: oklch(80% .12 295);--focus: oklch(80% .14 295);--live: oklch(80% .14 160);--font-sans: "Inter Tight", "Segoe UI Variable Display", "Segoe UI", system-ui, -apple-system, sans-serif;--step--1: clamp(.833rem, .8rem + .15vw, .9rem);--step-0: clamp(1rem, .96rem + .2vw, 1.125rem);--step-1: clamp(1.2rem, 1.1rem + .5vw, 1.5rem);--step-3: clamp(1.73rem, 1.4rem + 1.6vw, 2.75rem);--step-5: clamp(2.5rem, 1.6rem + 4.5vw, 5rem);--section-y: clamp(4rem, 3rem + 5vw, 8rem);--r-s: 8px;--r-m: 12px;--r-l: 20px;--r-xl: 28px;--r-pill: 999px;--highlight: inset 0 1px 0 oklch(100% 0 0 / .06);--dur-1: .1s;--dur-2: .16s;--dur-3: .24s;--dur-4: .32s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--move: 1;--nav-h: 60px}@media (prefers-reduced-motion: reduce){:root{--move: 0}}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px);-webkit-text-size-adjust:100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--bg);color:var(--text);font:400 var(--step-0)/1.6 var(--font-sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}h1,h2,h3{margin:0;line-height:1.08;letter-spacing:-.025em;text-wrap:balance;font-weight:700}p{margin:0;max-inline-size:65ch;text-wrap:pretty}img,svg,canvas{display:block}a{color:var(--accent-text)}b{font-weight:600;color:var(--text)}.wrap{inline-size:min(100% - 32px,1200px);margin-inline:auto}:root[data-signed-in] .when-out,:root:not([data-signed-in]) .when-in{display:none!important}.skip{position:absolute;left:16px;top:-100px;z-index:100;padding:8px 14px;border-radius:var(--r-s);background:var(--raised);color:var(--text)}.skip:focus{top:12px}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:4px}.ico{inline-size:20px;block-size:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:none}.ico--sm{inline-size:16px;block-size:16px}.ico--tile{inline-size:24px;block-size:24px;color:var(--accent-text)}.nav{position:sticky;top:0;z-index:50;block-size:var(--nav-h)}.glass{background:color-mix(in oklch,var(--bg) 72%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.6);backdrop-filter:blur(16px) saturate(1.6);border-bottom:1px solid color-mix(in oklch,var(--border) 70%,transparent)}@supports not (backdrop-filter: blur(1px)){.glass{background:var(--bg)}}@media (prefers-reduced-transparency: reduce){.glass{background:var(--bg);-webkit-backdrop-filter:none;backdrop-filter:none}}.nav__in{display:flex;align-items:center;gap:24px;block-size:100%}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text);text-decoration:none;font-weight:700;font-size:1.125rem;letter-spacing:-.02em}.brand img{border-radius:8px}.nav__links{display:flex;gap:4px;margin:0;padding:0;list-style:none}.nav__links a,.link{display:inline-flex;align-items:center;min-block-size:40px;padding-inline:12px;border-radius:var(--r-pill);color:var(--text-2);text-decoration:none;font-size:.9375rem;font-weight:500;transition:color var(--dur-2) var(--ease-out),background-color var(--dur-2) var(--ease-out)}@media (hover: hover) and (pointer: fine){.nav__links a:hover,.link:hover{color:var(--text);background:#ffffff0f}}.nav__cta{margin-inline-start:auto;display:flex;align-items:center;gap:8px}@media (max-width: 640px){.nav__links{display:none}}.btn{--btn-bg: var(--accent);--btn-fill: var(--accent-hover);--btn-fg: var(--on-accent);position:relative;isolation:isolate;overflow:clip;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-block-size:44px;padding-inline:1.25rem;border:0;border-radius:var(--r-pill);color:var(--btn-fg);text-decoration:none;cursor:pointer;white-space:nowrap;font:600 .9375rem/1.2 var(--font-sans);letter-spacing:-.01em;background:linear-gradient(var(--btn-fill) 0 0) no-repeat 50% 100% / 100% 0%,var(--btn-bg);transition:background-size var(--dur-3) var(--ease-out),scale var(--dur-1) var(--ease-out);-webkit-tap-highlight-color:transparent}@media (hover: hover) and (pointer: fine){.btn:not(:disabled):hover{background-size:100% 100%}}.btn:not(:disabled):active{scale:.97}.btn:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:var(--r-pill)}.btn:disabled{cursor:not-allowed;opacity:.55}.btn--sm{min-block-size:38px;padding-inline:1rem;font-size:.875rem}.btn--lg{min-block-size:52px;padding-inline:1.6rem;font-size:1rem}.btn--secondary{--btn-bg: oklch(100% 0 0 / .04);--btn-fill: oklch(100% 0 0 / .1);--btn-fg: var(--text);box-shadow:inset 0 0 0 1px var(--border-strong)}.btn--glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff8c,#ffffff0d);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.btn__roll{display:inline-grid;overflow:clip}.btn__roll>span{grid-area:1 / 1;transition:translate var(--dur-4) var(--ease-out)}.btn__roll>span+span{translate:0 110%}@media (hover: hover) and (pointer: fine){.btn:hover .btn__roll>span:first-child{translate:0 calc(-110% * var(--move))}.btn:hover .btn__roll>span+span{translate:0 calc(110% * (1 - var(--move)))}}.hero{position:relative;isolation:isolate;padding-block:clamp(2.5rem,1rem + 6vw,6rem) var(--section-y)}.hero__bg{position:absolute;inset:calc(var(--nav-h) * -1) 0 0;z-index:-1;overflow:hidden;background:radial-gradient(60% 50% at 75% 35%,oklch(55% .2 295 / .28),transparent 70%),radial-gradient(40% 40% at 15% 20%,oklch(60% .15 250 / .16),transparent 70%)}.hero__bg:after{content:"";position:absolute;inset:auto 0 0;block-size:40%;background:linear-gradient(transparent,var(--bg))}.hero__in{display:grid;gap:clamp(2.5rem,2rem + 3vw,4rem);align-items:center}@media (min-width: 960px){.hero__in{grid-template-columns:1fr 1.05fr}}.eyebrow{font-size:var(--step--1);font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-text);margin-block-end:16px}.hero h1{font-size:var(--step-5);letter-spacing:-.04em;line-height:1.02}.grad{background:linear-gradient(100deg,#38bdf8,#8b5cf6 45%,#ec4899 75%,#fb923c);-webkit-background-clip:text;background-clip:text;color:transparent;padding-inline-end:.04em}.lede{margin-block-start:20px;font-size:var(--step-1);line-height:1.5;color:var(--text-2);max-inline-size:34ch}.hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-block-start:32px}.hero__note{margin-block-start:16px;font-size:var(--step--1);color:var(--text-2)}.party{margin:0;border-radius:var(--r-xl);overflow:clip;background:var(--surface);border:1px solid var(--border);box-shadow:var(--highlight),0 30px 80px -20px #0009,0 0 0 1px #0003}.party__bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);font-size:.875rem;color:var(--text-2)}.party__bar .ico{inline-size:16px;block-size:16px;color:var(--accent-text)}.party__title{color:var(--text);font-weight:600}.party__count{margin-inline-start:auto;display:inline-flex;align-items:center;gap:6px;font-variant-numeric:tabular-nums}.dot{inline-size:8px;block-size:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 3px #5ed99e33}.party__stage{--s: 2;position:relative;display:flex;justify-content:center;align-items:flex-end;min-block-size:calc(168px * var(--s) + 56px);padding:48px 12px 8px;background:linear-gradient(to top,#080512f2,#080512f2 14%,#08051240 45%,#0805128c),url(/wallpapers/orbit.jpg) 60% 40% / cover}.party__log{position:absolute;inset:12px 12px auto;display:grid;justify-items:start;gap:6px;pointer-events:none;z-index:3}.logline{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 8px;border-radius:var(--r-pill);background:#04020bb8;border:1px solid oklch(100% 0 0 / .08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.8125rem;color:var(--text-2);animation:log-in var(--dur-3) var(--ease-out) both;transition:opacity var(--dur-4) var(--ease-exit),translate var(--dur-4) var(--ease-exit)}.logline b{color:var(--text)}.logline.is-gone{opacity:0;translate:0 calc(-6px * var(--move))}@keyframes log-in{0%{opacity:0;translate:0 calc(6px * var(--move))}}.buddy{all:unset;display:block;position:relative;cursor:pointer;flex:none;margin-inline:calc(var(--s) * -24px);opacity:0;transition:opacity var(--dur-4) var(--ease-out);-webkit-tap-highlight-color:transparent}.buddy.is-ready{opacity:1}.buddy:focus-visible{outline:2px solid var(--focus);outline-offset:-8px;border-radius:var(--r-m)}.buddy:before{content:"";position:absolute;left:50%;bottom:calc(var(--s) * 6px + 22px);inline-size:calc(var(--s) * 30px);block-size:calc(var(--s) * 6px);translate:-50% 0;border-radius:50%;background:#00000073;filter:blur(2px)}.buddy__art{inline-size:calc(96px * var(--s));block-size:calc(168px * var(--s));image-rendering:pixelated;position:relative}.buddy__fx{position:absolute;left:50%;translate:-50% 0;z-index:2;pointer-events:none}.buddy__pop{position:absolute;translate:-50% -100%}.buddy__rise{position:absolute;top:0}.buddy__name{display:block;margin:calc(var(--s) * -6px) auto 0;inline-size:-moz-max-content;inline-size:max-content;position:relative;padding:2px 10px;border-radius:var(--r-pill);font-size:.75rem;font-weight:600;color:var(--text-2);background:#04020bb3;border:1px solid oklch(100% 0 0 / .08)}.buddy--you .buddy__name{color:var(--text);background:#622cb58c;border-color:#a689f180}.party__picker{padding:14px 16px 16px;border-top:1px solid var(--border)}.party__hint{display:block;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--text-2);margin-block-end:10px}.chips{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.chip{all:unset;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-block-size:56px;padding:8px 4px;border-radius:var(--r-m);background:#ffffff08;box-shadow:inset 0 0 0 1px var(--border);font-size:.75rem;font-weight:500;color:var(--text-2);text-align:center;transition:background-color var(--dur-2) var(--ease-out),color var(--dur-2) var(--ease-out),scale var(--dur-1) var(--ease-out);-webkit-tap-highlight-color:transparent}.chip svg{block-size:18px;inline-size:auto}@media (hover: hover) and (pointer: fine){.chip:hover{background:#ffffff14;color:var(--text)}}.chip:active{scale:.95}.chip:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (max-width: 380px){.chip span{font-size:.6875rem}}.section{padding-block:var(--section-y)}.section__head{margin-block-end:clamp(2rem,1.5rem + 2vw,3.5rem)}.section h2{font-size:var(--step-3);max-inline-size:22ch}.bento{display:grid;gap:14px;grid-template-columns:1fr}@media (min-width: 720px){.bento{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1040px){.bento{grid-template-columns:repeat(3,1fr)}.tile--wide{grid-column:span 2}.tile--full{grid-column:1 / -1;min-block-size:0}}.tile,.card{container-type:inline-size;position:relative;isolation:isolate;overflow:clip;display:flex;flex-direction:column;gap:10px;padding:clamp(20px,3cqi,28px);border-radius:var(--r-l);background:linear-gradient(oklch(100% 0 0 / .025),transparent 40%),var(--surface);border:1px solid var(--border);box-shadow:var(--highlight)}.tile h3,.card h3{font-size:var(--step-1);margin-block-start:8px}.tile p,.card p{color:var(--text-2)}.tile--wide{min-block-size:200px;justify-content:flex-end}.spotlight{--x: 50%;--y: 50%}.spotlight:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(280px circle at var(--x) var(--y),oklch(60% .2 295 / .16),transparent 70%);opacity:0;transition:opacity var(--dur-3) var(--ease-out)}@media (hover: hover) and (pointer: fine){.spotlight:hover:before{opacity:1}}@supports (corner-shape: squircle){.tile,.card{corner-shape:squircle;border-radius:calc(var(--r-l) * 1.5)}.party{corner-shape:squircle;border-radius:calc(var(--r-xl) * 1.5)}}.dl{display:grid;gap:14px}@media (min-width: 900px){.dl{grid-template-columns:repeat(3,1fr)}}.card__top{display:flex;align-items:center;justify-content:space-between}.card__actions{display:flex;flex-wrap:wrap;gap:8px;margin-block-start:auto;padding-block-start:12px}.badge{padding:3px 10px;border-radius:var(--r-pill);font-size:.75rem;font-weight:600;color:var(--text-2);box-shadow:inset 0 0 0 1px var(--border-strong)}.badge--live{color:var(--live);box-shadow:inset 0 0 0 1px #5ed99e73}:root.is-ios .os-other,:root:not(.is-ios) .os-ios{display:none}.outro__in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px}.outro__in img{inline-size:96px;block-size:96px;filter:drop-shadow(0 12px 40px oklch(55% .2 295 / .45))}.outro h2{margin-inline:auto}.outro p{color:var(--text-2);margin-block-end:8px}.foot{border-top:1px solid var(--border);padding-block:28px calc(28px + env(safe-area-inset-bottom))}.foot__in{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}.foot__links{display:flex;flex-wrap:wrap;gap:4px 20px;margin:0;padding:0;list-style:none}.foot__links a{color:var(--text-2);text-decoration:none;font-size:.875rem;display:inline-flex;min-block-size:32px;align-items:center}.foot__links a:hover{color:var(--text);text-decoration:underline}.foot__copy{margin-inline-start:auto;font-size:.875rem;color:var(--text-2)}@keyframes reveal{0%{opacity:0;translate:0 calc(24px * var(--move))}}@media (prefers-reduced-motion: no-preference){@supports (animation-timeline: view()){.reveal{animation:reveal auto linear both;animation-timeline:view();animation-range:entry 0% entry 70%}}}