:root{--u:1vmin;--ctl:max(76px, 9.5vmin);--hero:max(150px, 22vmin);--pink:#ff3fa4;--cyan:#19e6ff;--gold:#ffc933;--purple:#8b5cff;--ink:#0b0820;--glass:linear-gradient(160deg, #46268cd1, #120932e6);--s1:max(8px, 1vmin);--s2:max(14px, 1.8vmin);--s3:max(22px, 2.8vmin);--s4:max(32px, 4.2vmin);--gap:var(--s2);--pad:max(16px, 2.4vmin);--r:4vmin;--t:.26s cubic-bezier(.3,.8,.3,1);--font:ui-rounded, "SF Pro Rounded", "Nunito", "Varela Round", "Hiragino Maru Gothic ProN", "Arial Rounded MT Bold", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none;height:100%;margin:0;overflow:hidden}body{font-family:var(--font);color:#fff}#app{background:var(--ink);position:fixed;inset:0;overflow:hidden}#stage{width:100%;height:100%;display:block;position:absolute;inset:0}#nova{aspect-ratio:400/604;pointer-events:none;height:86vh;transition:height .5s cubic-bezier(.2,.9,.2,1.2),bottom .5s,left .5s;position:absolute;bottom:1.5vh;left:50%;transform:translate(-50%)}#nova.raster{aspect-ratio:1}#nova canvas{transform-origin:50% 90%;width:116%;height:116%;display:block;position:relative;top:-16%;left:-8%}#nova svg{width:100%;height:100%;display:block;overflow:visible}#app[data-screen=home] #nova{height:80vh;left:36%}#app[data-screen=songs] #nova{opacity:0;height:40vh}#app[data-screen=listen] #nova{height:54vh;bottom:19vh}#app[data-screen=finale] #nova{height:70vh;bottom:24vh}.screen,.overlay{padding:var(--pad);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--t), transform var(--t), visibility 0s linear var(--t);position:absolute;inset:0;transform:translateY(1.6vmin)}#app[data-screen=home] #screen-home,#app[data-screen=songs] #screen-songs,#app[data-screen=listen] #screen-listen,#app[data-screen=dance] #screen-dance,#app[data-screen=finale] #screen-finale,#app[data-paused="1"] #overlay-pause{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:none}#screen-dance{pointer-events:none}.corner{z-index:5;position:absolute}.corner.tl{left:var(--pad);top:var(--pad)}.corner.tr{right:var(--pad);top:var(--pad)}.row{gap:var(--gap);justify-content:center;align-items:center;display:flex}.bottom-center{z-index:5;gap:var(--s3);position:absolute;bottom:3.5vh;left:0;right:0}.btn{appearance:none;border:max(3px, .4vmin) solid var(--cyan);cursor:pointer;color:#fff;width:var(--ctl);height:var(--ctl);font:inherit;background:var(--glass);border-radius:50%;flex:none;place-items:center;padding:0;transition:transform .14s cubic-bezier(.2,.9,.2,1.3),box-shadow .14s,background .14s,border-color .14s,color .14s;display:grid;position:relative;box-shadow:0 .7vmin #00000059,0 0 2.6vmin #19e6ff73,inset 0 .3vmin .5vmin #ffffff47}.btn svg{filter:drop-shadow(0 .3vmin #00000059);width:54%;height:54%}.btn.hero{width:var(--hero);height:var(--hero);border-width:max(4px,.6vmin)}.btn.hero svg{width:50%;height:50%}.btn.primary{background:radial-gradient(circle at 30% 25%, #b6fdff 0%, var(--cyan) 42%, #0a8fa8 100%);color:#052f38;border-color:#d9feff;box-shadow:0 .8vmin #00000059,0 0 4vmin #19e6ffb3,inset 0 .4vmin .7vmin #ffffff8c}.btn.primary svg{filter:none}.btn.hero.primary{animation:1.1s ease-in-out infinite beatpulse;box-shadow:0 1vmin #00000059,0 0 6vmin #19e6ffbf,inset 0 .5vmin .8vmin #ffffff8c}.btn[aria-pressed=true],.btn[aria-expanded=true]{border-color:var(--gold);color:var(--gold);box-shadow:0 .7vmin #00000059,0 0 3vmin #ffc933a6,inset 0 .3vmin .5vmin #ffffff47}.btn[aria-pressed=false]{color:#ffffff8c;border-color:#fff6;box-shadow:0 .7vmin #00000059}.btn:hover{transform:translateY(-.4vmin)scale(1.05)}.btn:active{transform:scale(.92)translateY(.4vmin)}@keyframes beatpulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.btn:focus,.tile:focus,.swatch:focus{outline:none}.btn:focus-visible,.tile:focus-visible,.swatch:focus-visible{outline-offset:max(3px, .4vmin);z-index:10;box-shadow:0 0 0 max(8px, 1.3vmin) var(--gold), 0 0 6vmin 2.4vmin #ffc933bf;outline:max(4px,.7vmin) solid #fff;transform:scale(1.1)}.home-ui{align-items:center;gap:var(--s3);z-index:5;flex-direction:column;display:flex;position:absolute;top:50%;right:7vw;transform:translateY(-50%)}.wordmark{letter-spacing:.02em;color:#fff;text-shadow:0 0 2.4vmin var(--cyan), 0 .6vmin 0 #0006;font-size:max(30px,6.4vmin);font-weight:900}.wordmark span{color:var(--gold);text-shadow:0 0 2.4vmin #ffc93399,0 .6vmin #00000073}.dock{justify-content:center;gap:var(--s2);padding:var(--s2);background:#0c06249e;border:2px solid #ffffff24;border-radius:999px;flex-wrap:wrap;max-width:92vw;display:flex}.swatch{appearance:none;width:var(--ctl);height:var(--ctl);border:max(3px,.5vmin) solid var(--sw,#fff);cursor:pointer;box-shadow:0 .5vmin 0 #00000059, 0 0 2vmin var(--sw,#fff);background:#1a0f45;border-radius:50%;flex:none;padding:0;transition:transform .14s cubic-bezier(.2,.9,.2,1.3),box-shadow .14s;position:relative;overflow:hidden}.swatch img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.swatch.soon{cursor:default;border-style:dashed}.swatch.soon img{filter:saturate(.7)brightness(.8)}.swatch .badge{border:max(1px,.2vmin) solid var(--sw,#fff);white-space:nowrap;pointer-events:none;background:#0c0624d1;border-radius:999px;padding:.22em .4em;font-size:max(9px,1.4vmin);line-height:1;position:absolute;bottom:6%;right:6%}.swatch.soon.peek{animation:.6s soonwobble}@keyframes soonwobble{0%,to{transform:rotate(0)}25%{transform:rotate(-9deg)scale(1.06)}60%{transform:rotate(7deg)scale(1.06)}}.look-card{align-items:center;gap:var(--s2);padding:var(--s1) var(--s3) var(--s1) var(--s1);border:max(2px,.3vmin) solid var(--sw,#fff);color:#fff;min-height:calc(var(--ctl) * .8);background:#0c06249e;border-radius:999px;display:flex}.look-card .portrait{width:calc(var(--ctl) * .8);height:calc(var(--ctl) * .8);object-fit:cover;background:#1a0f45;border-radius:50%}.look-card .nm{font-size:max(18px,3.2vmin);font-weight:900;line-height:1.1}.look-card .likes{letter-spacing:.15em;font-size:max(16px,2.8vmin)}.look-card .soon-tag{opacity:.9;white-space:nowrap;font-size:max(13px,2.2vmin);font-weight:800;line-height:1.2}.look-card[data-soon=true] .portrait{filter:saturate(.8)brightness(.9)}.swatch:hover{transform:scale(1.07)}.swatch[aria-checked=true]{box-shadow:0 0 0 max(4px,.7vmin) var(--sw,#fff), 0 0 3.6vmin var(--sw,#fff);border-color:#fff;transform:scale(1.1)}.swatch:active{transform:scale(.94)}#screen-songs{--hdr:max(84px, 13vmin)}.picker-head{top:var(--pad);height:var(--hdr);z-index:2;max-width:calc(100vw - (var(--ctl) + var(--pad)) * 2 - 8px);align-items:center;gap:1.6vmin;animation:.5s cubic-bezier(.2,.9,.2,1.2) both headin;display:flex;position:absolute;left:50%;transform:translate(-50%)}@keyframes headin{0%{opacity:0;transform:translate(-50%)translateY(-2vmin)scale(.92)}to{opacity:1;transform:translate(-50%)}}.ph-portrait{aspect-ratio:1;object-fit:cover;object-position:top;height:100%;box-shadow:0 0 3vmin var(--ac,var(--pink)), 0 .8vmin 0 #0000004d;background:#2a1650;border:max(3px,.5vmin) solid #fff;border-radius:50%;flex:none}.ph-bubble{color:#5a1670;white-space:nowrap;background:linear-gradient(#fff,#ffe9f6);border-radius:4vmin;align-items:center;gap:1.2vmin;padding:1.4vmin 3vmin;font-size:max(24px,5vmin);font-weight:900;line-height:1;animation:2.6s ease-in-out infinite bob;display:flex;position:relative;box-shadow:0 .8vmin #00000047,0 0 4vmin #ff3fa499}.ph-bubble:before{content:"";background:#fff4fb;border-radius:.6vmin;width:3.4vmin;height:3.4vmin;position:absolute;top:50%;left:-1.6vmin;transform:translateY(-50%)rotate(45deg)}.ph-bubble span{text-shadow:0 .3vmin #ff3fa440;position:relative}.ph-note{width:1em;height:1em;color:var(--pink);position:relative}@keyframes bob{50%{transform:translateY(-.8vmin)}}.tiles{left:var(--pad);right:var(--pad);bottom:var(--pad);top:calc(var(--hdr) + var(--pad) * 2);place-content:center;gap:var(--s3);--tile:min(calc((100vw - var(--pad) * 2 - (var(--cols,3) - 1) * var(--s3)) / var(--cols,3)), calc((100vh - var(--hdr) - var(--pad) * 3 - (var(--rows,2) - 1) * var(--s3)) / var(--rows,2)), 46vmin);grid-template-columns:repeat(var(--cols,3), var(--tile));grid-auto-rows:var(--tile);display:grid;position:absolute}.tile-wrap{width:100%;height:100%;animation:.55s cubic-bezier(.2,.9,.2,1.25) both tilein;animation-delay:calc(.12s + var(--i,0) * .11s);position:relative}@keyframes tilein{0%{opacity:0;transform:translateY(4vmin)scale(.85)rotate(-3deg)}to{opacity:1;transform:none}}.tile{appearance:none;cursor:pointer;border-radius:var(--r);color:#fff;width:100%;height:100%;font:inherit;background:linear-gradient(160deg, var(--c1,#ff3fa4) 0%, var(--c2,#5a1690) 100%);box-shadow:0 1vmin 0 #0006, 0 0 3.4vmin color-mix(in srgb, var(--c1,#ff3fa4) 70%, transparent), inset 0 0 0 max(3px,.5vmin) #ffffffd9, inset 0 .5vmin .8vmin #fff6;will-change:transform;border:0;padding:0;transition:transform .18s cubic-bezier(.2,.9,.2,1.3),box-shadow .18s;display:block;position:relative;overflow:hidden;container-type:inline-size}.tile .art,.tile .art svg{width:100%;height:100%;display:block;position:absolute;inset:0}.tile .shine{pointer-events:none;border-radius:inherit;mix-blend-mode:soft-light;background:linear-gradient(115deg,#ffffff80 0%,#ffffff1f 22%,#0000 38%),linear-gradient(#ffffff1f,#0000 45%);position:absolute;inset:0}.tile .cap{letter-spacing:.01em;text-shadow:0 .5cqw #0000008c,0 0 3cqw #0009;background:linear-gradient(#0000,#1406328c 28%,#140632e6);align-items:center;gap:4cqw;padding:7cqw 6cqw 5cqw;font-size:max(17px,8.6cqw);font-weight:900;line-height:1.04;display:flex;position:absolute;bottom:0;left:0;right:0}.tile .cap b{text-align:left;text-wrap:balance;overflow-wrap:anywhere;flex:1;min-width:0}.tile .cap i{color:#d1186f;background:radial-gradient(circle at 35% 28%,#fff,#ffe6a8 60%,#ffc933);border-radius:50%;flex:none;place-items:center;width:17cqw;min-width:44px;height:17cqw;min-height:44px;animation:1.8s ease-in-out infinite pulse;display:grid;box-shadow:0 .8cqw #00000059,0 0 4cqw #ffc933cc}.tile .cap i svg{width:52%;height:52%;margin-left:8%}@keyframes pulse{50%{transform:scale(1.1)}}.tile:hover{box-shadow:0 2.2vmin 0 #0000004d, 0 0 7vmin var(--c1,#ff3fa4), inset 0 0 0 max(3px,.5vmin) #fff, inset 0 .5vmin .8vmin #fff6;z-index:6;transform:translateY(-1.4vmin)scale(1.06)rotate(-1.6deg)}.tile:active{transform:scale(.93,.9)translateY(.6vmin)}.tile:focus-visible{outline-offset:max(4px,.6vmin);box-shadow:0 0 0 max(8px,1.4vmin) var(--c1,#ff3fa4), 0 0 9vmin var(--c1,#ff3fa4);outline:max(5px,.9vmin) solid #fff;transform:translateY(-1.4vmin)scale(1.08)rotate(1.4deg)}.tile.add{color:#fff;background:radial-gradient(circle at 50% 40%,#8b5cff80,#1e0c508c 70%);border:max(4px,.7vmin) dashed #ffffffb3;place-items:center;display:grid;box-shadow:0 0 4vmin #8b5cffb3,inset 0 0 6vmin #ff3fa440}.tile.add .add-glow{aspect-ratio:1;background:radial-gradient(circle,#19e6ff8c,#0000 70%);border-radius:50%;width:60%;animation:2.4s ease-in-out infinite pulse;position:absolute}.tile.add .add-plus{aspect-ratio:1;background:linear-gradient(160deg,#19e6ff,#8b5cff);border-radius:50%;place-items:center;width:44%;display:grid;position:relative;box-shadow:0 1vmin #00000059,0 0 4vmin #19e6ffcc,inset 0 .4vmin .6vmin #fff9}.tile.add .add-plus svg{width:60%;height:60%}.tile.add .add-notes{pointer-events:none;position:absolute;inset:0}.tile.add .add-notes svg{width:16%;height:16%;color:var(--gold);filter:drop-shadow(0 0 1vmin var(--gold));animation:2.4s ease-in-out infinite bob;position:absolute}.tile.add .add-notes svg:first-child{top:14%;left:14%;transform:rotate(-14deg)}.tile.add .add-notes svg:last-child{color:var(--pink);filter:drop-shadow(0 0 1vmin var(--pink));animation-delay:-1.2s;bottom:16%;right:14%}.tile.add:hover,.tile.add:focus-visible{border-color:#fff}.tile-wrap .del{color:#fff;cursor:pointer;z-index:7;background:#2a1650;border:max(3px,.4vmin) solid #fff;border-radius:50%;place-items:center;width:max(72px,8vmin);height:max(72px,8vmin);padding:0;display:none;position:absolute;top:-1.2vmin;right:-1.2vmin}.tile-wrap .del svg{width:52%;height:52%}.tile-wrap:hover .del,.tile-wrap:focus-within .del{display:grid}.cover [class^=cv-]{transform-box:fill-box;transform-origin:50%}.cv-bob{transform-origin:50% 100%;animation:1.1s ease-in-out infinite cvbob}.cv-fl{animation:3.2s ease-in-out infinite cvfl}.cv-tw{animation:2s ease-in-out infinite cvtw}.cv-spin{animation:5s linear infinite cvspin}.cv-spin.slow{animation-duration:40s}.cv-eq{transform-origin:50% 100%;animation:1s ease-in-out infinite cveq}@keyframes cvbob{0%,to{transform:translateY(0)rotate(-1.2deg)}50%{transform:translateY(-3px)rotate(1.2deg)}}@keyframes cvfl{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-5px)rotate(10deg)}}@keyframes cvtw{0%,to{opacity:.35;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}}@keyframes cvspin{to{transform:rotate(360deg)}}@keyframes cveq{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1.05)}}.ring-wrap{width:72vmin;height:72vmin;position:absolute;top:41%;left:50%;transform:translate(-50%,-50%)}.ring{width:100%;height:100%;overflow:visible;transform:rotate(-90deg)}.ring circle{fill:none;stroke-linecap:round;stroke-width:9px}.ring-bg{stroke:#ffffff24}.ring-fg{stroke:var(--cyan);filter:drop-shadow(0 0 1.4vmin var(--cyan));transition:stroke-dashoffset .2s linear}.orbit{animation:7s linear infinite spin;position:absolute;inset:0}.orbit i{width:9vmin;height:9vmin;color:var(--c);filter:drop-shadow(0 0 1.2vmin var(--c));margin:-4.5vmin;position:absolute;top:50%;left:50%}.orbit i svg{width:100%;height:100%;animation:7s linear infinite reverse spin}.eq{align-items:flex-end;gap:1.2vmin;height:11vmin;display:flex;position:absolute;bottom:-17vmin;left:50%;transform:translate(-50%)}.eq i{background:linear-gradient(var(--gold), var(--pink));border-radius:1vmin;width:2.2vmin;animation:.7s ease-in-out infinite alternate eq}@keyframes eq{0%{height:12%}to{height:100%}}@keyframes spin{to{transform:rotate(360deg)}}#guides{pointer-events:none;z-index:3;width:100%;height:100%;display:block;position:absolute;inset:0}#beatbar{left:var(--pad);right:var(--pad);bottom:calc(var(--pad) * .6);pointer-events:none;height:max(40px,6.5vmin);position:absolute}#flash{pointer-events:none;opacity:0;width:100%;height:100%;display:block;position:absolute;inset:0}#app[data-screen=dance] #flash{opacity:1}.card{z-index:4;border-radius:var(--r);border:max(4px,.8vmin) solid var(--mc,#fff);box-shadow:0 0 3.6vmin var(--mc,#fff), inset 0 0 3vmin #ffffff14;background:#08051ac2;flex-direction:column;align-items:center;transition:border-color .25s,box-shadow .25s,transform .35s cubic-bezier(.2,.9,.2,1.15),opacity .3s;display:flex;position:absolute;top:calc(50% - 4vmin);transform:translateY(-50%)}.card .pic{flex:1;width:100%;min-height:0;display:block}.card .badge{background:var(--mc,#fff);color:#0b0820;z-index:2;width:max(34px,5.4vmin);height:max(34px,5.4vmin);box-shadow:0 0 2vmin var(--mc,#fff);border-radius:50%;place-items:center;display:grid;position:absolute;top:0;left:50%;transform:translate(-50%,-55%)}.card .badge svg{width:62%;height:62%}.card.next{right:var(--pad);opacity:0;visibility:hidden;width:30vmin;height:62vmin;transform:translateY(-50%) translateX(calc(100% + var(--pad) * 2)) scale(.9);transition:border-color .25s,box-shadow .25s,transform .4s cubic-bezier(.2,.9,.2,1.25),opacity .25s,visibility 0s linear .4s}.card.next.show{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(-50%)}.card.next.go{animation:.5s ease-in-out infinite alternate nextgo}@keyframes nextgo{0%{box-shadow:0 0 3vmin var(--mc,#fff)}to{box-shadow:0 0 7vmin var(--mc,#fff), 0 0 0 1vmin var(--mc,#fff)}}.card.next.fly{visibility:visible;transition:none;animation:.5s cubic-bezier(.5,0,.8,.4) forwards nextfly}@keyframes nextfly{0%{opacity:1;transform:translateY(-50%)scale(1)}to{opacity:0;transform:translateY(-50%) translate(var(--fx,0px), var(--fy,0px)) scale(.15)}}.repdots{z-index:4;pointer-events:none;opacity:0;gap:1.1vmin;transition:opacity .3s;display:flex;position:absolute;top:0;left:0;transform:translate(-50%)}.repdots.on{opacity:1}.repdots i{background:#ffffff38;border-radius:50%;width:1.7vmin;min-width:9px;height:1.7vmin;min-height:9px;transition:transform .12s,background .2s}.repdots i.done{background:var(--gold);box-shadow:0 0 1vmin var(--gold)}.repdots i.cur{background:var(--mc,#fff);box-shadow:0 0 1.4vmin var(--mc,#fff);transform:scale(1.35)}.repdots i.cur.beat{animation:.22s ease-out repbeat}@keyframes repbeat{0%{transform:scale(1.7)}to{transform:scale(1.35)}}.cd{flex:none;align-items:center;gap:1.6vmin;padding:0 0 1.8vmin;display:flex}.cd b{color:#fff;text-shadow:0 0 2vmin var(--mc,#fff);text-align:center;min-width:5vmin;font-size:15vmin;font-weight:900;line-height:1}.cd b.tick{animation:.3s ease-out cdtick}@keyframes cdtick{0%{transform:scale(1.6)}to{transform:scale(1)}}.cd span{flex-direction:column;gap:1vmin;display:flex}.cd span i{background:var(--mc,#fff);width:2.4vmin;height:2.4vmin;box-shadow:0 0 1.4vmin var(--mc,#fff);border-radius:50%;transition:transform .12s,opacity .12s}.cd span i.off{opacity:.15;box-shadow:none;transform:scale(.6)}.ctlbar{right:var(--pad);top:var(--pad);z-index:30;align-items:flex-end;gap:var(--s2);opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--t), transform var(--t), visibility 0s linear var(--t);flex-direction:column;display:flex;position:absolute;transform:translateY(-1.6vmin)}#app[data-screen=dance] .ctlbar{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s;transform:none}#app[data-screen=dance][data-idle="1"] .ctlbar{opacity:.22;transition:opacity 1s}.ctlbar-row{gap:var(--s2);padding:var(--s1);background:#0c06249e;border:2px solid #ffffff24;border-radius:999px;display:flex}.dock.pop{display:none}.ctlbar.open .dock.pop{animation:.22s cubic-bezier(.2,.9,.2,1.2) popin;display:flex}@keyframes popin{0%{opacity:0;transform:translateY(-1.4vmin)scale(.92)}to{opacity:1;transform:none}}.overlay{z-index:20;background:#05030fd1;justify-content:center;align-items:center;display:flex}.overlay .panel{gap:var(--s4);flex-direction:column;align-items:center;display:flex}#dropzone{z-index:50;background:#08051ad9;place-items:center;display:grid;position:absolute;inset:0}#dropzone[hidden]{display:none}#dropzone .dz-inner{border:1.2vmin dashed var(--cyan);width:60vmin;height:60vmin;color:var(--cyan);border-radius:8vmin;place-items:center;animation:.9s infinite beatpulse;display:grid}#dropzone svg{width:50%;height:50%}#debug{z-index:40;color:#9dffb0;pointer-events:none;white-space:pre;background:#000000b8;border-top-right-radius:1.4vmin;width:min(70vw,900px);padding:1.2vmin 1.6vmin;font:600 max(12px,1.6vmin)/1.35 ui-monospace,Menlo,Consolas,monospace;position:absolute;bottom:0;left:0}#debug[hidden]{display:none}#debug .bar{background:#ffffff26;border-radius:.7vmin;height:1.4vmin;margin:.4vmin 0;overflow:hidden}#debug .bar>b{background:linear-gradient(90deg,#19e6ff,#ff3fa4);height:100%;display:block}#debug .ticks{gap:.8vmin;margin:.4vmin 0;display:flex}#debug .ticks i{background:#ffffff2e;border-radius:.4vmin;width:3vmin;height:1.6vmin}#debug .ticks i.on{background:#ffc933}#debug .ticks i.down{outline:.25vmin solid #fff}#debug canvas{background:#ffffff0f;border-radius:.6vmin;width:100%;height:6vmin;margin-top:.6vmin;display:block}@media (orientation:portrait){#app[data-screen=home] #nova{height:46vh;top:9vh;bottom:auto;left:50%}.home-ui{top:auto;left:0;right:0;bottom:var(--s3);gap:var(--s2);transform:none}.wordmark{display:none}#app[data-screen=dance] #nova{height:62vh;bottom:24vh}#app[data-screen=listen] #nova{height:42vh;bottom:26vh}#app[data-screen=finale] #nova{height:56vh;bottom:26vh}#beatbar{height:max(40px,7vmin)}.card{top:auto;bottom:calc(var(--pad) * 2 + max(40px, 7vmin));transform:none}.card.next{width:34vmin;height:40vmin;transform:translateY(calc(100% + 30vmin))}.card.next.show{transform:none}.card.next.fly{animation-name:nextflyP}@keyframes nextflyP{0%{opacity:1;transform:none}to{opacity:0;transform:translate(var(--fx,0px), var(--fy,0px)) scale(.15)}}.ctlbar{left:var(--pad);align-items:center}.ctlbar-row{margin:0 auto}}@media (max-width:520px){:root{--ctl:60px}.ctlbar-row{gap:var(--s1)}}@media (prefers-reduced-motion:reduce){.btn.hero.primary,.orbit,.orbit i svg,.eq i,.tile-wrap,.picker-head,.ph-bubble,.tile .cap i,.tile.add .add-glow,.tile.add .add-notes svg,.cover [class^=cv-]{animation:none!important}.tile,.tile-wrap{transition:none}.screen,.overlay,.ctlbar{transition-duration:10ms}}.suno-credit{color:#ffffff73;letter-spacing:.04em;pointer-events:none;white-space:nowrap;font-size:max(10px,1.5vmin);font-weight:700;position:absolute;bottom:max(6px,.8vmin);left:50%;transform:translate(-50%)}