:root{--spotify-green:#1ed760;--ink:#050806;--paper:#f4fff7;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--ink);min-width:320px;min-height:100%;color:var(--paper);-webkit-font-smoothing:antialiased;margin:0}#app{min-height:100svh}noscript{color:var(--paper);text-align:center;padding:24px;display:block}.invitation{isolation:isolate;width:100%;min-height:100svh;padding:max(30px, env(safe-area-inset-top)) clamp(22px, 6.5vw, 34px) max(24px, env(safe-area-inset-bottom));background:radial-gradient(circle at 88% 8%,#1ed7601f,#0000 32%),linear-gradient(155deg,#050806 0%,#08110b 48%,#040605 100%);flex-direction:column;display:flex;position:relative;overflow:hidden}.invitation:after{z-index:-1;content:"";opacity:.08;pointer-events:none;background:repeating-radial-gradient(circle at 10% 20%,#ffffff14 0 .5px,#0000 .5px 4px),repeating-linear-gradient(120deg,#0000 0 6px,#ffffff06 6px 7px);position:absolute;inset:0}.brand{z-index:2;align-items:center;min-height:34px;animation:.7s cubic-bezier(.22,1,.36,1) 80ms both reveal;display:flex;position:relative}.spotify-logo{width:112px;height:auto;display:block}.message{z-index:2;flex-direction:column;flex:1;justify-content:center;padding:clamp(48px,10vh,96px) 0 clamp(38px,7vh,70px);display:flex;position:relative}.eyebrow{color:#f4fff79e;letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 22px;font-size:.72rem;font-weight:750;animation:.7s cubic-bezier(.22,1,.36,1) .18s both reveal;display:flex}.live-dot{background:var(--spotify-green);border-radius:999px;width:8px;height:8px;animation:2.2s ease-in-out infinite blink;box-shadow:0 0 0 5px #1ed7601c,0 0 18px #1ed760b8}h1{letter-spacing:-.075em;text-wrap:balance;max-width:560px;margin:0;font-size:clamp(2.9rem,13.8vw,5.4rem);font-weight:850;line-height:.91}h1>span{animation:.76s cubic-bezier(.22,1,.36,1) both reveal;display:block}h1>span:first-child{animation-delay:.26s}h1>span:nth-child(2){animation-delay:.34s}h1>span:nth-child(3){animation-delay:.42s}.jam-line{color:var(--spotify-green)}.jam-line em{color:var(--paper);font-style:normal}.subcopy{color:#f4fff79e;letter-spacing:-.015em;margin:24px 0 0;font-size:clamp(1rem,4.2vw,1.18rem);font-weight:470;animation:.7s cubic-bezier(.22,1,.36,1) .52s both reveal}.action-area{z-index:2;animation:.76s cubic-bezier(.22,1,.36,1) .6s both reveal;position:relative}.spotify-button{background:var(--spotify-green);color:#031407;letter-spacing:-.025em;-webkit-tap-highlight-color:transparent;border:1px solid #ffffff1f;border-radius:999px;justify-content:space-between;align-items:center;width:100%;min-height:62px;padding:8px 10px 8px 26px;font-size:1.08rem;font-weight:790;text-decoration:none;transition:transform .18s,background-color .18s,box-shadow .18s;display:flex;box-shadow:0 14px 38px #1ed76033,inset 0 1px #ffffff47}.button-arrow{width:44px;height:44px;color:var(--spotify-green);background:#061509;border-radius:50%;place-items:center;font-size:1.35rem;line-height:1;display:grid}.spotify-button:hover{background:#3be477;transform:translateY(-2px);box-shadow:0 18px 46px #1ed7604d,inset 0 1px #ffffff5c}.spotify-button:active{transform:scale(.975)}.spotify-button:focus-visible{outline:3px solid var(--paper);outline-offset:4px}.hint{color:#f4fff76b;letter-spacing:.02em;text-align:center;margin:11px 0 0;font-size:.72rem;font-weight:560}.ambient,.orbit{z-index:-1;pointer-events:none;border-radius:50%;position:absolute}.ambient-one{aspect-ratio:1;filter:blur(62px);background:#1ed7602b;width:88vw;max-width:470px;animation:6s ease-in-out infinite breathe;top:27%;right:-34%}.ambient-two{aspect-ratio:1;filter:blur(70px);background:#0a5d2b30;width:92vw;max-width:500px;bottom:-24%;left:-48%}.orbit{border:1px solid #1ed7602e}.orbit-one{aspect-ratio:1;width:min(106vw,560px);animation:8s ease-in-out infinite drift;top:23%;right:-48%;box-shadow:0 0 0 34px #1ed76009,0 0 0 92px #1ed76006}.orbit-two{background:var(--spotify-green);border:0;width:10px;height:10px;animation:5.5s ease-in-out infinite float;top:17%;right:9%;box-shadow:0 0 24px #1ed760c7}@keyframes reveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{0%,to{opacity:.72}50%{opacity:1}}@keyframes breathe{0%,to{opacity:.75;transform:scale(.92)}50%{opacity:1;transform:scale(1.08)}}@keyframes drift{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(-12px,16px)rotate(4deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(20px)}}@media (width>=700px){.invitation{border:1px solid #ffffff14;border-radius:34px;width:min(100%,520px);min-height:min(900px,100vh - 48px);margin:24px auto;box-shadow:0 30px 90px #0000008c}body{background:#020302}}@media (height<=690px){.message{padding:26px 0 24px}h1{font-size:clamp(2.65rem,12.8vw,4.4rem)}.subcopy{margin-top:17px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}