@property --loop{syntax:"*";inherits:false}@property --beat-at{syntax:"<time>";inherits:false;initial-value:0s}@layer components{:root{--pc:var(--player-1);--bu:1px;--key-drop:.375rem;--slam:var(--ease-out-expo);--pop:cubic-bezier(.3, 0, .2, 1);--spring:cubic-bezier(.3, 1.8, .5, 1);scrollbar-color:var(--rule) var(--ground)}::selection{background:var(--accent);color:var(--stage-black)}input{caret-color:var(--accent)}input::placeholder{color:var(--ink-quiet);opacity:1}input[type=search]::-webkit-search-cancel-button{display:none}.wordmark{--hit:.05;--loop:beat-hit 4s infinite;letter-spacing:.02em;text-transform:uppercase;transform:skewX(var(--skew));animation:var(--loop);font-weight:900;font-stretch:125%;display:inline-block}.label{letter-spacing:.14em;text-transform:uppercase;font-size:.8125rem;font-weight:800}.key{--cap:var(--spotlight);--cap-hover:var(--spotlight-hover);--cap-base:var(--spotlight-base);min-height:2.75rem;margin-bottom:var(--key-drop);color:var(--stage-black);font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;outline-offset:.875rem;transition:outline-offset .2s var(--slam), opacity .15s;background:0 0;border:0;flex:none;padding:0;display:inline-grid;position:relative}.key-base{inset:var(--key-drop) 0 calc(var(--key-drop) * -1);background:var(--cap-base);transform:skewX(var(--skew));position:absolute}.key-top{background:var(--cap);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;transform:skewX(var(--skew));transition:transform .22s var(--spring), background-color .15s;justify-content:center;align-items:center;gap:.375rem;font-size:.9375rem;font-weight:900;font-stretch:118%;display:flex;position:absolute;inset:0}.key-glint{z-index:-1;pointer-events:none;position:absolute;inset:0}@media (hover:hover){.key:hover:not(:disabled) .key-top{background:var(--cap-hover)}}.key[data-tone=quiet]{--cap:var(--raised);--cap-hover:var(--raised-hover);--cap-base:#000;color:var(--paper)}.key[data-tone=quiet] .key-top{box-shadow:inset 0 0 0 2px var(--rule)}.key[data-tone=hot]{--cap:var(--hot);--cap-hover:var(--hot);--cap-base:var(--hot-base)}.key:is(:active:not(:disabled),[data-down],[data-state=open]) .key-top{transform:translateY(var(--key-drop)) skewX(var(--skew));transition:transform 60ms ease-out,background-color .15s}.key:is(:disabled,:active,[data-down],[data-state=open]) .key-glint{visibility:hidden}.key:disabled{cursor:default}.key:disabled:not([data-down]){opacity:.4}.key:focus-visible{outline:2px solid var(--paper);outline-offset:.375rem}.plate{isolation:isolate;position:relative}.plate:before{content:"";z-index:-1;background:var(--panel);border-left:3px solid var(--rule);transform:skewX(var(--skew));position:absolute;inset:0}.end-slot{isolation:isolate;position:relative}.end-slot:before{content:"";z-index:-1;border:2px dashed var(--rule);transform:skewX(var(--skew));position:absolute;inset:0}.empty-stage{--figure:min(10.5rem, 19dvh);--gap:clamp(.75rem, 2.5dvh, 1.25rem);text-align:center;flex-direction:column;flex:1;align-items:center;padding:1rem .375rem 0;display:flex}.empty-stage:before,.empty-stage:after{content:"";flex:2 1 0}.empty-stage:after{flex-grow:3}.stage-figure{justify-items:center;display:grid}.stage-figure>.pigeon-art{z-index:1;height:var(--figure);position:relative}.stage-riser{width:calc(var(--figure) * 1.3);height:.875rem;margin-top:calc(var(--figure) * -.05);position:relative}.stage-riser:before,.stage-riser:after{content:"";transform:skewX(var(--skew));position:absolute;inset:0}.stage-riser:before{background:var(--raised);transform:translate(.5rem, .5rem) skewX(var(--skew))}.stage-riser:after{background:var(--rule)}.empty-stage .stage-title{--hit:.1;--loop:beat-hit 4s infinite;transform-origin:50% 80%}[data-docked] .empty-stage{--figure:min(10.5rem, 13dvh);--gap:clamp(.5rem, 1.5dvh, 1.25rem);padding-top:.25rem}.field{isolation:isolate;position:relative}.field:before{content:"";z-index:-1;border:2px solid var(--ink-quiet);transform:skewX(var(--skew));transition:border-color .15s;position:absolute;inset:0}.field:focus-within:before{border-color:var(--paper)}.field input:focus-visible{outline:none}.field>*{transform:skewX(var(--skew))}.thumb{clip-path:polygon(.35rem 0,100% 0,calc(100% - .35rem) 100%,0 100%)}.thumb-wide,.jacket-under{clip-path:polygon(7.9% 0,100% 0,92.1% 100%,0 100%)}.jacket-under{background:var(--pc);position:absolute;inset:0;transform:translate(.5rem,.5rem)}.card{height:4.5rem;position:relative}.card-under{background:var(--pc);transform:translate(.5rem, .5rem) skewX(var(--skew));position:absolute;inset:0}.card-body{background:var(--raised);transform:skewX(var(--skew));display:flex;position:absolute;inset:0}.card-tag{isolation:isolate;background:var(--pc);min-width:6rem;max-width:62%;color:var(--stage-black);font:inherit;cursor:pointer;outline-offset:.625rem;transition:outline-offset .2s var(--slam);-webkit-tap-highlight-color:transparent;border:0;flex:none;align-items:center;gap:.375rem;padding:0 .875rem 0 1rem;display:flex;position:relative}.card-tag:focus-visible{outline:2px solid var(--paper);outline-offset:3px}.card-glint{z-index:-1;pointer-events:none;position:absolute;inset:0}.card-tag>svg{transition:rotate .2s var(--pop), scale .16s var(--spring)}.card-name{text-transform:uppercase;min-width:0;transition:translate .16s var(--spring);font-size:2rem;font-weight:900;font-stretch:125%;line-height:1}.card-name[data-length=mid]{font-size:1.5rem}.card-name[data-length=long]{font-size:1.1875rem;font-stretch:112%}.stub{isolation:isolate;flex-direction:column;flex:none;justify-content:center;align-self:stretch;width:4.125rem;padding-left:.875rem;line-height:1;display:flex;position:relative}.stub:before{content:"";z-index:-1;background:var(--raised);border-left:5px solid var(--pc);transform:skewX(var(--skew));position:absolute;inset:0}.mine-outline{position:relative}.mine-outline:after{content:"";border:2px solid var(--pc);transform:skewX(var(--skew));pointer-events:none;position:absolute;inset:0}.lean-bar{height:3px;transform:skewX(var(--skew));transition:scale .2s var(--ease-in-quick);display:block}.meter{gap:3px;min-width:0;display:flex}.meter i{background:var(--track);min-width:.25rem;height:.5625rem;transform:skewX(var(--skew));flex:0 .5625rem}.meter i[data-on]{background:var(--accent);animation:cell .3s cubic-bezier(.2, .8, .2, 1) var(--d,0s) both}.meter-level i{flex:1 1 0;height:.75rem}@keyframes cell{0%{background:var(--track);transform:skewX(var(--skew)) scaleY(.3)}55%{transform:skewX(var(--skew)) scaleY(1.5)}}.bone{position:relative;overflow:hidden}.bone:after{content:"";background:linear-gradient(105deg, transparent 0 30%, var(--raised-hover) 30% 62%, transparent 62%);pointer-events:none;position:absolute;inset:0;translate:-110%}.on-tick{--tick:-3;--loop:beat-tick 1s var(--beat-at) infinite;animation:var(--loop)}.on-nod{--nod:2;--loop:beat-nod 1s var(--beat-at) infinite;animation:var(--loop)}.on-hit{--hit:.12;--loop:beat-hit 4s var(--beat-at) infinite;animation:var(--loop)}.on-pump{--pump:.2;--loop:beat-pump 1s var(--beat-at) infinite;animation:var(--loop)}.on-bar-pump{--pump:.06;--loop:beat-bar-pump 4s var(--beat-at) infinite;animation:var(--loop)}.on-shake{--shake:3;--loop:beat-shake 4s var(--beat-at) infinite;animation:var(--loop)}.on-rock{--rock:8deg;--loop:beat-rock 2s var(--beat-at) infinite;animation:var(--loop)}.on-shuffle{--shuffle:2;--loop:beat-shuffle 2s var(--beat-at) infinite;animation:var(--loop)}.on-blink{--blink:.5;--loop:beat-blink 1s var(--beat-at) infinite;animation:var(--loop)}.choice{display:inline-block}[aria-checked=true]>.choice{animation:choose .32s var(--pop)}.status-icon[data-status=queued]{--rock:6deg;--loop:beat-rock 2s infinite}.status-icon[data-status=downloading]{--nod:3;--loop:beat-nod 1s infinite}.status-icon[data-status=ready]{--pump:.25;--loop:beat-pump 1s infinite}.status-icon[data-status=failed]{--shake:3;--loop:beat-shake 4s infinite}.slam-in{animation:slam-in .46s var(--slam) calc(min(var(--i,0), 10) * var(--beat-s) * .25) both}@keyframes slam-in{0%{transform:translate(110%)}70%{transform:translate(-2.2%)}86%{transform:translate(.6%)}to{transform:none}}.slam-left{animation:slam-left .52s var(--slam) both, var(--loop,none)}@keyframes slam-left{0%{transform:translate(-120%)}72%{transform:translate(.75rem)}88%{transform:translate(-.1875rem)}to{transform:none}}.pop-in{transform-origin:0 80%;animation:pop-in .36s var(--pop) var(--delay,0s) both, var(--loop,none)}.key-top>svg{animation:pop-in .28s var(--pop) both, var(--loop,none)}@keyframes pop-in{0%{opacity:0;transform:scale(1.9)}60%{opacity:1;transform:scale(.93)}to{transform:none}}.drop-in{animation:drop-in .34s var(--slam) var(--delay,0s) both, var(--loop,none)}@keyframes drop-in{0%{opacity:0;transform:translateY(-1rem)}65%{opacity:1;transform:translateY(.1875rem)}to{transform:none}}.hop-in{animation:hop-in .46s var(--slam) var(--delay,.12s) both, var(--loop,none)}@keyframes hop-in{0%{opacity:0;transform:translateY(2.5rem)}70%{opacity:1;transform:translateY(-.375rem)}86%{transform:translateY(.125rem)}to{transform:none}}.wipe{animation:wipe .3s var(--slam) var(--delay,0s) backwards, var(--loop,none)}@keyframes wipe{0%{clip-path:inset(calc(-1 * var(--wipe-room)) calc(100% + var(--wipe-room)) calc(-1 * var(--wipe-room)) calc(-1 * var(--wipe-room)))}to{clip-path:inset(calc(-1 * var(--wipe-room)))}}.wipe-out{pointer-events:none;animation:wipe-out .22s var(--ease-in-quick) both}@keyframes wipe-out{0%{clip-path:inset(calc(-1 * var(--wipe-room)))}to{clip-path:inset(calc(-1 * var(--wipe-room)) calc(-1 * var(--wipe-room)) calc(-1 * var(--wipe-room)) calc(100% + var(--wipe-room)))}}.roll{animation:roll var(--roll-ms,.26s) var(--slam) both, var(--loop,none);display:inline-block}@keyframes roll{0%{opacity:0;transform:translateY(.6em)}55%{opacity:1;transform:translateY(-.12em)}to{transform:none}}.row-leave{pointer-events:none;animation:row-leave .3s var(--ease-in-quick) both;display:grid}.row-leave>*{min-height:0}@keyframes row-leave{0%{grid-template-rows:1fr}55%{opacity:0;grid-template-rows:1fr;margin-bottom:0;transform:translate(-28%)}to{opacity:0;grid-template-rows:0fr;margin-bottom:-.625rem;transform:translate(-28%)}}.toast-alarm{animation:wipe .3s var(--slam) var(--delay,0s) backwards, jolt .28s linear .3s}@keyframes jolt{25%{translate:-.375rem}50%{translate:.3125rem}75%{translate:-.1875rem}}.toast-plate{transition:scale .16s var(--spring)}.toast:active>.toast-plate{scale:.97}[data-sonner-toast][data-removed=true] .toast{animation:wipe-out .2s var(--ease-in-quick) both}.fly{pointer-events:none;height:3.5rem;line-height:0;animation:.76s cubic-bezier(.2,.7,.3,1) both fly;position:absolute;top:-.5rem;left:50%;translate:-50%}@keyframes fly{0%{opacity:0;transform:translateY(.5rem)scale(.6)}18%{opacity:1;transform:translateY(-1.5rem) scale(1.5) rotate(var(--r,0deg))}to{opacity:0;transform:translateY(-9rem) scale(1.1) rotate(var(--r,0deg))}}.sticker{transform-origin:50% 100%;animation:sticker 6.5s cubic-bezier(.25, .7, .3, 1) var(--q,0s) both;justify-items:center;gap:.25rem;display:grid;position:absolute;bottom:0;translate:-50%}.sticker-pigeon{height:3.5rem;filter:drop-shadow(3px 0 0 var(--paper)) drop-shadow(-3px 0 0 var(--paper)) drop-shadow(0 3px 0 var(--paper)) drop-shadow(0 -3px 0 var(--paper)) drop-shadow(0 .5rem .625rem #00000080)}.sticker-name{background:var(--stage-black);max-width:6rem;color:var(--pc);letter-spacing:.08em;text-transform:uppercase;transform:skewX(var(--skew));padding:.25rem .5rem;font-size:.8125rem;font-weight:900;font-stretch:118%}@keyframes sticker{0%{opacity:0;transform:translateY(2rem) scale(calc(.3 * var(--size,1))) rotate(-24deg)}6%{opacity:1;transform:translateY(-1rem) scale(calc(1.15 * var(--size,1))) rotate(var(--r))}11%{transform:translateY(-1.5rem) scale(var(--size,1)) rotate(var(--r))}86%{opacity:1}to{opacity:0;transform:translateY(calc(var(--rise,16rem) * -1)) scale(calc(.9 * var(--size,1))) rotate(var(--r))}}.perch{bottom:calc(100% - .3125rem);left:calc(.75rem + (var(--at) + .5) * (100% - 1.5rem) / 4);pointer-events:none;height:2.5rem;position:absolute;translate:-50%}.panel[data-state=active]:has(.empty-stage)~[role=tablist] .perch{display:none}.tabbar{animation:tabbar-in .44s var(--slam) both}@keyframes tabbar-in{0%{transform:translateY(105%)}70%{transform:translateY(-.25rem)}to{transform:none}}.invite[data-state=open]{animation:invite-in .32s var(--slam) both}.invite[data-state=closed]{animation:invite-out .2s var(--ease-in-quick) both}@keyframes invite-in{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}@keyframes invite-out{0%{clip-path:inset(0)}to{clip-path:inset(0 0 100%)}}.invite-qr{width:min(100% - 1.5rem,20rem,46dvh);position:relative}.invite-qr-under{background:var(--pc);transform:translate(.5rem, .5rem) skewX(var(--skew));position:absolute;inset:0}.invite .qr-paper{fill:var(--paper)}.invite .qr-modules{fill:var(--stage-black)}.panel[data-state=active][data-from=right]{animation:panel-from-right .34s var(--slam) both}.panel[data-state=active][data-from=left]{animation:panel-from-left .34s var(--slam) both}@keyframes panel-from-right{0%{opacity:0;transform:translate(32%)skew(-5deg)}55%{opacity:1}74%{transform:translate(-1.8%)}to{transform:none}}@keyframes panel-from-left{0%{opacity:0;transform:translate(-32%)skew(5deg)}55%{opacity:1}74%{transform:translate(1.8%)}to{transform:none}}.card-under{--wave:5;--wave-x:5;animation:2s infinite beat-wave}[data-state=active]>.tab-label{--loop:choose .32s var(--pop)}:is([data-state=active],[aria-checked=true])>.lean-bar{--pump-x:.35;--pump-y:.6;transform-origin:0;animation:beat-pump 1s infinite, bar-in .38s var(--slam);transition:none}[aria-checked=true]>.lean-bar{--pump-x:.06}.sort-marker{--rock:6deg;animation:2s infinite beat-rock}.toast-icon{--pump:.24;--loop:beat-pump 1s infinite}.hero>span{--wave:4;animation:2s infinite beat-wave;display:inline-block}.hero>span:last-child{animation-delay:.5s}.hero-bar{--pump-x:0;--pump-y:.7;--loop:beat-bar-pump 4s infinite;transform-origin:0}.meter[data-dance] i[data-on]{--nod:-3;animation:cell .3s cubic-bezier(.2, .8, .2, 1) var(--d,0s) both, beat-bar-nod 4s calc(var(--k) * 50ms) infinite}.playing-art .jacket-under{--wave:6;--wave-x:6;animation:2s .5s infinite beat-wave}.playing-art .thumb-wide{--wave:-4;animation:2s infinite beat-wave}.sticker-pigeon{--sway:10deg;animation:2s infinite beat-sway}.progress-head{pointer-events:none;transition:translate 1s linear;position:absolute;inset:0}.progress-head i{--pump-x:.2;--pump-y:.9;background:var(--accent);width:.5rem;height:.5625rem;transform:skewX(var(--skew));animation:1s infinite beat-pump;position:absolute;top:-.1875rem;left:-.25rem}.invite-qr-under{--wave:4;--wave-x:4;animation:2s infinite beat-wave}.plate>.thumb{--wave:-3;animation:beat-wave 2s calc(var(--r,0) * .25s) infinite}.lib-row>.thumb{--wave:-3;animation:beat-wave 2s calc(var(--r,0) * .125s) infinite}.queue-row>.thumb{--wave:-3;animation:beat-wave 2s calc(var(--i,0) * .5s) infinite}.mine-outline:after{--wave:3;--wave-x:3;animation:2s infinite beat-wave}.queue-row{transform-origin:50% 100%}[data-dragging] .queue-row{rotate:-1deg;scale:1.03}.end-slot:before{--blink:.6;animation:1s infinite beat-blink}.stage-riser:before{--wave:4;--wave-x:4;animation:2s infinite beat-wave}.seek-key .key-top>svg{transition:rotate .24s var(--spring)}.tap>*{transition:translate .2s var(--spring)}.tap:active>*{transition-duration:50ms;transition-timing-function:ease-out;translate:0 .1875rem}.tap:active>svg{animation:none}.card-tag:active>svg{--loop:none;scale:.82}.card-tag:active .card-name{translate:0 .125rem}.key[data-tone=quiet] .key-top>svg{transition:rotate .22s var(--pop)}.key:is(:disabled,:active,[data-down]) .key-top>svg{--loop:none}.seek-key[data-turn=back]:is(:active,[data-down]) .key-top>svg{rotate:-60deg}.seek-key[data-turn=ahead]:is(:active,[data-down]) .key-top>svg{rotate:60deg}@media (hover:hover){.card-tag:hover>svg{--loop:none;rotate:-14deg}.key[data-tone=quiet]:hover .key-top>svg{rotate:90deg}}:root:not([data-beat=song]) .card-under{--drift:3;--drift-y:2;--push:1.02;animation:9s ease-in-out infinite alternate drift-sway,11.6s ease-in-out infinite alternate drift-push}:root:not([data-beat=song]) .playing-art .jacket-under{--drift:3;--drift-y:3;--turn:.6deg;animation:10.2s ease-in-out infinite alternate drift-sway,12s ease-in-out infinite alternate drift-turn}:root:not([data-beat=song]) .invite-qr-under{--drift:-3;--drift-y:-3;--turn:.4deg;animation:8.4s ease-in-out infinite alternate drift-sway,11.2s ease-in-out infinite alternate drift-turn}:root:not([data-beat=song]) .stage-riser:before{--drift:4;--drift-y:1;animation:7.6s ease-in-out infinite alternate drift-sway}:root:not([data-beat=song]) .hero-bar{--drift:6;--loop:drift-sway 7.2s ease-in-out infinite alternate}.dock{inset-inline:0;bottom:calc(4.125rem + .875rem + env(safe-area-inset-bottom));z-index:15;pointer-events:none;max-width:36rem;margin-inline:auto;padding-inline:1.375rem;position:fixed}.dock-key{pointer-events:auto;animation:slam-left .52s var(--slam) var(--delay,0s) both}.dock[data-leaving] .dock-key{pointer-events:none;animation:dock-out .24s var(--ease-in-quick) both}@keyframes dock-out{to{transform:translate(-140%)}}.tray{z-index:40;transform-origin:0 100%;width:min(31rem,100vw - 4.5rem);margin-left:.875rem;padding:.875rem .875rem 1.125rem;position:relative}.tray:before{content:"";z-index:-1;background:var(--raised);transform:skewX(var(--skew));position:absolute;inset:0;box-shadow:0 .75rem 1.75rem #0000008c}.tray[data-state=open]{animation:tray-in .28s var(--slam) both}.tray[data-state=open] .tray-key{animation:pop-key .34s var(--pop) calc(80ms + var(--n) * 16ms) both}.tray[data-state=closed]{animation:tray-out .16s var(--ease-in-quick) both}@keyframes tray-in{0%{opacity:0;transform:translateY(1rem)scale(.9)}65%{opacity:1;transform:translateY(-.125rem)scale(1.02)}}@keyframes tray-out{to{opacity:0;transform:translateY(.75rem)scale(.96)}}@keyframes pop-key{0%{opacity:0;transform:translateY(.75rem)scale(.5)}60%{opacity:1;transform:translateY(-.1875rem)scale(1.08)}}@media (prefers-reduced-motion:no-preference){.key[data-tone=hot]:not(:disabled,:active,[data-down]) .key-top{animation:.28s linear jolt}.field:focus-within:before{animation:field-punch .26s var(--pop)}[data-landed=odd] .queue-row{animation:row-land-odd .38s var(--pop)}[data-landed=even] .queue-row{animation:row-land-even .38s var(--pop)}.bone:after{animation:bone-sweep 1.3s linear calc(var(--i,0) * -.12s) infinite}:root:not([data-beat=song]) .idle-push{--push:1.03;--loop:drift-push 7.2s ease-in-out infinite alternate}:root:not([data-beat=song]) .idle-turn{--turn:1deg;--loop:drift-turn 9.6s ease-in-out infinite alternate}:root:not([data-beat=song]) .wordmark{--push:1.03;--turn:.8deg;--loop:drift-push 7.4s ease-in-out infinite alternate, drift-turn 10.6s ease-in-out infinite alternate}:root:not([data-beat=song]) .card-name{--push:1.03;animation:6.8s ease-in-out infinite alternate drift-push}:root:not([data-beat=song]) .empty-stage .stage-title{--push:1.03;--turn:1deg;--loop:drift-push 6.2s ease-in-out infinite alternate, drift-turn 8.8s ease-in-out infinite alternate}:root:not([data-beat=song]) .stage-riser{--turn:1deg;--loop:drift-turn 9.4s ease-in-out infinite alternate}:root:not([data-beat=song]) .playing-art .thumb-wide{--push:1.025;animation:8.8s ease-in-out infinite alternate drift-push}:root:not([data-beat=song]) .playing-strap>span:first-child{--turn:.6deg;--loop:drift-turn 9.8s ease-in-out infinite alternate}:root:not([data-beat=song]) .playing-strap>span:last-child{--push:1.03;--loop:drift-push 6.6s ease-in-out infinite alternate}:root:not([data-beat=song]) [data-state=active]>.lean-bar{--drift:3;animation:drift-sway 6.4s ease-in-out infinite alternate, bar-in .38s var(--slam)}@keyframes choose{0%{transform:translateY(-.5rem)scale(1.25)}55%{transform:translateY(.125rem)scale(.95)}to{transform:none}}@keyframes bar-in{0%{scale:0 1}62%{scale:1.2 1}to{scale:1}}@keyframes field-punch{0%{scale:1.04 1.18}55%{scale:.99 .96}}@keyframes row-land-odd{0%{rotate:-1deg;scale:1.03}35%{rotate:0deg;scale:1.02 .88}65%{scale:.99 1.04}to{scale:1}}@keyframes row-land-even{0%{rotate:-1deg;scale:1.03}35%{rotate:0deg;scale:1.02 .88}65%{scale:.99 1.04}to{scale:1}}@keyframes bone-sweep{0%{translate:-110%}55%,to{translate:110%}}}@media (prefers-reduced-motion:reduce){.tray[data-state],.tray[data-state=open] .tray-key{animation:.2s linear both fade-in}.tray[data-state=closed]{animation:none}.key,.key-top,.key-top>svg,.lean-bar,.card-tag,.card-tag>svg,.card-name,.tap>*,.toast-plate{transition:none}.slam-in,.slam-left,.invite[data-state=open],.pop-in,.drop-in,.hop-in,.wipe,.roll,.toast-alarm,.tabbar,.dock-key,.key-top>svg{animation:.2s linear both fade-in}.wipe-out,.row-leave,.dock[data-leaving] .dock-key,[data-sonner-toast][data-removed=true] .toast{animation:.2s linear both fade-out}:is([data-state=active],[aria-checked=true])>.lean-bar{animation:.2s linear both fade-in}.meter i[data-on],.meter[data-dance] i[data-on]{animation:none}.panel[data-state=active][data-from]{animation:.2s linear both fade-in}.fly{animation:.6s linear both rm-fade}.invite[data-state=closed]{animation:none}.sticker{scale:var(--size,1);animation:6.5s linear both rm-fade}}@keyframes fade-out{to{opacity:0}}@keyframes rm-fade{0%,to{opacity:0}10%,80%{opacity:1}}.notice{--on:.12s;min-height:100dvh;padding:2rem max(1rem, (100% - 34rem) / 2) calc(1.75rem + env(safe-area-inset-bottom));flex-direction:column;display:flex;overflow:clip}.nt-head,.nt-copy{padding-inline:.375rem}.nt-mark{letter-spacing:.02em;text-transform:uppercase;transform:skewX(var(--skew));font-size:min(2.75rem,12.8vw);font-weight:900;font-stretch:125%;line-height:1;display:inline-block}.nt-tag{color:var(--ink-quiet);margin-top:.75rem;font-size:.9375rem}.nt-stage{--h:min(100cqh - 2rem, 21rem, 82cqw);--y:calc((100cqh - min(100cqh, 1.3 * var(--h))) / 2);flex:1 1 0;min-height:9rem;margin:1.5rem -1rem 1.75rem;position:relative;container-type:size}.nt-slab{top:var(--y);bottom:var(--y);transform:skewX(var(--skew));position:absolute}.nt-slab-hot{--delay:calc(var(--on) + var(--beat-s) * .25 - .11s);--drift:12;--drift-s:9s;left:calc(50% - .3 * var(--h));width:calc(.3 * var(--h));background:var(--hot)}.nt-slab-cyan{--delay:calc(var(--on) + var(--beat-s) * .375 - .11s);--drift:-8;--drift-s:11s;--kick-at:60ms;left:calc(50% - .08 * var(--h));width:calc(.24 * var(--h));background:var(--cyan)}.nt-slab-dark{--delay:calc(var(--on) + var(--beat-s) * .5 - .11s);--drift:-14;--drift-s:7s;--kick-at:.12s;left:calc(50% + .16 * var(--h));background:var(--slat);border-left:2px solid var(--slab-edge);display:none;right:-100vw}@keyframes nt-slab-in{0%{transform:translateX(28rem) skewX(var(--skew))}72%{transform:translateX(-.5rem) skewX(var(--skew))}to{transform:skewX(var(--skew))}}.nt-pigeon{--delay:calc(var(--on) + var(--beat-s) - .34s);--pg-land:calc(var(--on) + var(--beat-s));bottom:var(--y);height:var(--h);position:absolute;left:50%;translate:-50%}.nt-call{--delay:calc(var(--on) + var(--beat-s) * 1.5 - .15s)}.nt-title{text-transform:uppercase;text-wrap:balance;background:var(--glint-text) 130% 0 / 300% 100% no-repeat, var(--chrome) 0 0 / 100% .96em repeat-y;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.25rem,12.5vw,3.25rem);font-weight:900;font-stretch:125%;line-height:.96}.nt-body{--delay:calc(var(--on) + var(--beat-s) * 2 - 60ms);max-width:30ch;color:var(--ink-quiet);margin-top:1rem;font-size:1.0625rem;line-height:1.45}.nt-download{flex-direction:column;align-items:flex-start;gap:1rem;margin-top:2rem;display:flex}.nt-download-key{width:17rem;max-width:100%;height:3.25rem;text-decoration:none}.nt-fine{max-width:38ch;color:var(--ink-quiet);font-size:.875rem;line-height:1.45}.nt-link{letter-spacing:.04em;text-transform:uppercase;color:var(--ink);text-underline-offset:.25em;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule);font-size:.875rem;font-weight:800}.nt-link:hover{-webkit-text-decoration-color:var(--spotlight);text-decoration-color:var(--spotlight)}.nt-read .nt-mark{color:inherit;text-decoration:none}@media (hover:hover){.nt-read .nt-mark:hover{transform:skewX(calc(var(--skew) * 1.75))}.nt-link:hover{text-decoration-thickness:.15em;transform:translate(.25rem)}}.nt-read .nt-mark:focus-visible{transform:skewX(calc(var(--skew) * 1.75))}.nt-link:focus-visible{text-decoration-thickness:.15em;transform:translate(.25rem)}.nt-read .nt-mark:active,.nt-link:active{scale:.94}.nt-read .nt-copy{margin-top:3rem}.nt-read .nt-call{--delay:calc(var(--on) + var(--beat-s) * .5 - .15s)}.nt-prose{max-width:60ch;color:var(--ink-soft);gap:1rem;margin-top:1.5rem;font-size:1.0625rem;line-height:1.55;display:grid}.nt-prose>p:nth-child(2){--i:1}.nt-prose>p:nth-child(3){--i:2}@media (width>=64rem){.notice.nt-read{display:flex}.notice{grid-template:".stage"1fr"head stage""copy stage"".stage"1fr/minmax(0,1fr) minmax(0,.85fr);column-gap:3rem;padding:3rem max(4rem,50% - 40rem);display:grid}.nt-head{grid-area:head;margin-bottom:3.5rem}.nt-copy{grid-area:copy}.nt-stage{--h:min(100cqh, 100cqw);grid-area:stage;align-self:center;height:min(34rem,100dvh - 6rem);margin:0}.nt-slab{top:-100dvh;bottom:-100dvh}.nt-slab-cyan{--drift:8}.nt-slab-dark{display:block}.nt-mark{font-size:3.25rem}.nt-tag{font-size:1.0625rem}.nt-title{font-size:clamp(3.75rem,6vw,5.25rem)}.nt-body{max-width:34ch;margin-top:1.5rem;font-size:1.25rem}}@media (prefers-reduced-motion:no-preference){.nt-tag{animation:drop-in .28s var(--slam) calc(var(--on) + var(--beat-s) * .5 - 60ms) both}.nt-stage{animation:nt-thud .3s calc(var(--on) + var(--beat-s))}.nt-stage[data-knock="0"]{animation:.44s step-end nt-knock}.nt-stage[data-knock="1"]{animation:.44s step-end nt-knock-again}[data-beat=song] .nt-slab{--kick:10;animation:nt-slab-in .44s var(--slam) var(--delay) both, beat-kick 1s var(--kick-at,0s) infinite}:root:not([data-beat=song]) .nt-slab{animation:nt-slab-in .44s var(--slam) var(--delay) both, drift-sway var(--drift-s) ease-in-out var(--delay) infinite alternate}.nt-call{--pump:.03;animation:pop-in .36s var(--pop) var(--delay) both, beat-bar-pump 4s infinite}[data-beat=song] .nt-title{animation:8s linear -4s infinite beat-glint-text}:root:not([data-beat=song]) .nt-title{animation:6.4s linear -3.2s infinite glint-text}.nt-body{animation:drop-in .28s var(--slam) var(--delay) both}.nt-download-key{animation:slam-left .52s var(--slam) calc(var(--on) + var(--beat-s) * 2.5 - .12s) both}.nt-fine{animation:drop-in .28s var(--slam) calc(var(--on) + var(--beat-s) * 2.75 - 60ms) both}.nt-link{animation:drop-in .28s var(--slam) calc(var(--on) + var(--beat-s) * 3 - 60ms) backwards}.nt-prose>p{animation:drop-in .28s var(--slam) calc(var(--on) + var(--beat-s) * (1 + var(--i,0) * .25) - 60ms) both}}@keyframes nt-thud{0%,8%{animation-timing-function:cubic-bezier(.2,.7,.3,1);translate:0 .375rem}45%{translate:0 -.0625rem}to{translate:0}}@keyframes nt-knock{0%,45%{translate:-.5rem}10%,55%{translate:.1875rem}20%,65%,to{translate:0}}@keyframes nt-knock-again{0%,45%{translate:-.5rem}10%,55%{translate:.1875rem}20%,65%,to{translate:0}}@media (prefers-reduced-motion:reduce){.nt-slab,.nt-download>*,.nt-prose{animation:.2s linear both fade-in}}}