:root{--ink:#1d1030;--cream:#fffaf2;--pink:#ff3ea5;--hot:#ff2d87;--yellow:#fff200;--lime:#c8ff1a;--cyan:#2ee6ff;--teal:#5fd9cf;--orange:#ff8a3d;--purple:#7b3dff;--lilac:#b8a2ff;--blue:#1f4bff;--muted:#6b5a78;--good:#22c55e;--warn:#ff2d55;--shadow:6px 6px 0 var(--ink);--shadow-sm:4px 4px 0 var(--ink);--border:3px solid var(--ink);--display:"Abril Fatface", "Fraunces", Georgia, serif;--serif:"Fraunces", Georgia, serif;--body:"DM Sans", system-ui, sans-serif;--mono:"Space Mono", ui-monospace, monospace;--script:"Caveat", cursive}*{box-sizing:border-box}html,body{margin:0}body{background:var(--cream);min-height:100dvh;color:var(--ink);font-family:var(--body)}a{color:inherit;text-decoration:none}button{color:inherit;font-family:inherit}h1,h2,h3{margin:0}code{border:2px solid var(--ink);font-family:var(--mono);background:#fff;border-radius:4px;padding:0 5px;font-size:.85em}.muted{color:var(--muted)}.small{font-size:.82rem}.center{text-align:center;justify-content:center}.warn{color:var(--warn);font-weight:700}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.script{font-family:var(--script);color:var(--hot);font-size:1.5rem;display:block}.script.big{color:#fff;font-size:2rem}.script.pink{color:var(--hot)}main.immersive{padding:0}.dots{background:radial-gradient(circle, #ffffff59 1.6px, transparent 1.8px) 0 0 / 26px 26px, linear-gradient(110deg, var(--orange) 0%, var(--pink) 38%, #c03cff 70%, var(--purple) 100%)}.grid-bg{--grid:#fff5;background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px), var(--bg,linear-gradient(120deg, var(--cyan), var(--lilac) 50%, var(--pink)));background-size:34px 34px,34px 34px,100% 100%}.grid-bg.cool{--bg:linear-gradient(120deg, var(--cyan) 0%, #9fb4ff 40%, var(--lilac) 60%, var(--pink) 100%)}.grid-bg.sunny{--bg:linear-gradient(110deg, #ffb300 0%, var(--yellow) 28%, #b7f36b 55%, var(--cyan) 85%, #8fd9ff 100%)}.rainbow{background:linear-gradient(135deg, var(--yellow) 0%, #8af07a 25%, var(--cyan) 50%, #6a7dff 75%, var(--pink) 100%)}.topbar{z-index:30;border-bottom:var(--border);background:repeating-linear-gradient(90deg,#f3eeff 0 2px,#e9e1ff 2px 4px);align-items:center;gap:18px;padding:10px 24px;display:flex;position:sticky;top:0}.logo{font-family:var(--serif);letter-spacing:-.02em;align-items:center;gap:8px;font-size:1.6rem;font-weight:900;display:inline-flex}.logo em{color:var(--hot);font-style:normal}.logo-star{color:var(--yellow);-webkit-text-stroke:1.5px var(--ink);font-size:1.9rem;transform:rotate(-12deg)}.topnav{flex:1;justify-content:center;gap:28px;font-weight:700;display:flex}.topnav a{border-bottom:3px solid #0000;padding:4px 2px}.topnav a.active,.topnav a:hover{border-bottom-color:var(--hot)}.user{border:2px solid var(--ink);font-family:var(--mono);background:#fff;border-radius:99px;align-items:center;gap:2px;padding:6px 12px;font-size:.85rem;display:flex}.user input{font:inherit;width:96px;color:var(--ink);background:0 0;border:none;outline:none}.cta{background:var(--yellow);border:var(--border);box-shadow:var(--shadow-sm);white-space:nowrap;border-radius:99px;padding:10px 22px;font-weight:900;transition:transform .1s,box-shadow .1s}.cta:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.footer-band{background:var(--hot);color:#fff;border-top:var(--border);text-align:center;font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;padding:22px 16px;font-size:.78rem;font-weight:700}.headline{font-family:var(--display);letter-spacing:-.01em;flex-direction:column;font-weight:400;line-height:.88;display:flex}.headline-xl{font-size:clamp(3.2rem,8.2vw,7.4rem)}.headline-lg{font-size:clamp(2.4rem,6vw,5.2rem)}.hl{color:#fff;-webkit-text-stroke:.09em var(--ink);paint-order:stroke fill;text-shadow:.05em .05em 0 var(--hot), .09em .09em 0 var(--ink)}.hl-yellow{color:var(--yellow)}.hl-pink{color:var(--pink);text-shadow:.05em .05em 0 #fff, .09em .09em 0 var(--ink)}.hl-italic{transform-origin:0;font-style:italic;transform:skew(-8deg)}.sticker{border:var(--border);box-shadow:var(--shadow-sm);font-family:var(--mono);transform:rotate(var(--tilt));background:var(--yellow);align-self:flex-start;padding:8px 16px;font-size:.85rem;font-weight:700;display:inline-block}.sticker-lime{background:var(--lime)}.sticker-pink{background:var(--pink);color:#fff}.tag{border:2px solid var(--ink);font-family:var(--mono);letter-spacing:.04em;padding:4px 10px;font-size:.72rem;font-weight:700;display:inline-block}.tag-pink{background:var(--hot);color:#fff}.tag-blue{background:var(--blue);color:#fff}.tag-lime{background:var(--lime)}.tag-white{background:#fff}.tag-lilac{background:var(--lilac);border-radius:99px}.tag-ghost{background:#fffa;border-style:dashed}.note-card{border:var(--border);box-shadow:var(--shadow-sm);background:#fff;margin:12px 0;padding:12px 16px;font-weight:500;display:block}.note-card b{color:var(--hot)}.btn-pink,.btn-teal,.btn-orange,.btn-bracket{cursor:pointer;border:var(--border);box-shadow:var(--shadow);justify-content:center;align-items:center;gap:8px;font-weight:900;transition:transform .1s,box-shadow .1s;display:inline-flex}.btn-pink:hover,.btn-teal:hover,.btn-orange:hover,.btn-bracket:hover{box-shadow:8px 8px 0 var(--ink);transform:translate(-2px,-2px)}.btn-pink:active,.btn-teal:active,.btn-orange:active{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.btn-pink:disabled,.btn-teal:disabled,.btn-orange:disabled{opacity:.55;cursor:default;transform:none}.btn-pink{color:#fff;letter-spacing:.04em;font-family:var(--body);background:linear-gradient(180deg, #ff6cc0 0%, var(--hot) 55%, #e0157a 100%);border-radius:14px;padding:16px 28px}.btn-teal{background:var(--teal);border-radius:99px;padding:14px 26px;font-size:1.05rem}.btn-orange{background:var(--orange);border-radius:99px;padding:14px 30px;font-size:1.05rem}.btn-bracket{background:var(--cyan);font-family:var(--mono);box-shadow:var(--shadow-sm);padding:14px 20px}.wide{width:100%}.win{border:var(--border);box-shadow:var(--shadow);background:#fff;flex-direction:column;min-width:0;display:flex}.win-bar{color:#fff;font-family:var(--mono);letter-spacing:.04em;border-bottom:var(--border);align-items:center;gap:10px;padding:8px 12px;font-size:.75rem;font-weight:700;display:flex}.win-blue .win-bar{background:var(--blue)}.win-pink .win-bar{background:var(--hot)}.win-purple .win-bar{background:var(--purple)}.win-title{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.win-ctrl{letter-spacing:.2em}.win-res{color:var(--yellow)}.win-heart{font-size:1.1rem}.win-close{color:#fff;cursor:pointer;background:0 0;border:none;font-size:1.3rem;line-height:1}.win-dots{gap:6px;display:flex}.win-dots i{border:1.5px solid var(--ink);background:var(--hot);border-radius:50%;width:12px;height:12px}.win-dots i:nth-child(2){background:var(--yellow)}.win-dots i:nth-child(3){background:var(--teal)}.win-title:only-of-type{text-align:center}.win-body{min-width:0;padding:16px}.polaroid{border:2px solid var(--ink);box-shadow:var(--shadow-sm);transform:rotate(var(--tilt));background:#fff;padding:10px 10px 0;transition:transform .15s;position:relative}.polaroid.active{outline:4px solid var(--hot);outline-offset:3px}.polaroid-photo{aspect-ratio:1;border:1px solid var(--ink);background:radial-gradient(circle at 50% 35%,#3a2a5e,#120a22);position:relative;overflow:hidden}.polaroid-caption{text-align:center;font-family:var(--script);white-space:nowrap;text-overflow:ellipsis;padding:6px 4px 8px;font-size:1.35rem;display:block;overflow:hidden}.polaroid-badge{z-index:2;background:var(--yellow);border:2px solid var(--ink);width:30px;height:30px;font-family:var(--serif);border-radius:50%;place-items:center;font-size:.9rem;font-weight:900;display:grid;position:absolute;top:16px;left:16px}.fill{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.fill.cover,video.fill{object-fit:cover}.preview-empty{color:#fff;place-items:center;font-size:2rem;display:grid;position:absolute;inset:0}.marquee-band{border-block:var(--border);font-family:var(--mono);letter-spacing:.06em;white-space:nowrap;padding:14px 0;font-size:1.35rem;font-weight:700;overflow:hidden}.band-yellow{background:var(--yellow)}.marquee-track{width:max-content;animation:30s linear infinite ticker;display:flex}.marquee-track span{padding-right:.6em}@keyframes ticker{to{transform:translate(-50%)}}.spinner{border:4px solid #fff8;border-top-color:var(--hot);border-right-color:var(--blue);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}.center-block{margin:48px auto}.page-loading{place-items:center;min-height:60vh;display:grid}@keyframes spin{to{transform:rotate(360deg)}}.hero{grid-template-columns:240px minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:36px;padding:32px 32px 48px;display:grid}.myspace{background:var(--cyan);border:var(--border);box-shadow:var(--shadow);font-family:var(--mono);flex-direction:column;gap:8px;padding:12px;font-size:.78rem;display:flex}.myspace-title{background:var(--hot);color:#fff;border:var(--border);text-align:center;font-family:var(--serif);padding:14px 8px;font-size:1.3rem;font-weight:900}.myspace-photo{aspect-ratio:1;border:var(--border);background:radial-gradient(circle at 50% 35%,#3a2a5e,#120a22);position:relative;overflow:hidden}.myspace-row{border:2px solid var(--ink);padding:7px 10px}.myspace-row.dark{background:var(--ink);color:var(--yellow);text-align:center}.myspace-row.yellow{background:var(--yellow)}.myspace-row.white{border-left:5px solid var(--hot);background:#fff}.myspace-label{margin-top:4px;font-weight:700}.top8{grid-template-columns:1fr 1fr;gap:6px;display:grid}.top8 a{aspect-ratio:1;border:2px solid var(--ink);background:#120a22;display:block;position:relative;overflow:hidden}.checker{border:2px solid var(--ink);background:repeating-conic-gradient(var(--ink) 0 25%, #fff 0 50%) 0 0 / 18px 18px;height:26px}.myspace-foot{text-align:center;color:#0a7a2a;font-weight:700}.hero-copy{flex-direction:column;gap:22px;padding-top:8px;display:flex}.hero-blurb{color:#fff;border-left:6px solid var(--cyan);box-shadow:6px 6px 0 var(--hot);background:#2a1150;margin:0;padding:20px 22px;font-size:1.2rem;font-weight:500;line-height:1.55}.hero-actions{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.hero-actions .btn-pink{font-size:1.1rem}.hero-art{min-height:640px;position:relative}.hero-win{width:82%;position:relative;transform:rotate(-3deg)}.hero-win .win-body{padding:0}.hero-win .win-bar{padding-left:52px}.hero-video{aspect-ratio:3/4;background:linear-gradient(#2a2440,#0d0a18);display:block;position:relative}.star-burst{z-index:3;color:var(--yellow);-webkit-text-stroke:3px var(--ink);font-size:5rem;position:absolute;top:-34px;left:-30px;transform:rotate(-12deg)}.fake-scrub{border-top:var(--border);align-items:center;gap:10px;padding:8px 12px;font-size:.8rem;display:flex}.fake-scrub i{border:1.5px solid var(--ink);background:linear-gradient(90deg, var(--hot) 45%, #fff 45%);flex:1;height:6px}.now-playing{background:var(--lime);border:var(--border);width:210px;box-shadow:var(--shadow-sm);font-family:var(--mono);flex-direction:column;gap:4px;padding:12px 14px;display:flex;position:absolute;top:20px;right:0;transform:rotate(2deg)}.now-playing small{font-size:.7rem;font-weight:700}.now-playing b{font-family:var(--body);font-size:1.05rem}.speech{border:var(--border);width:200px;box-shadow:var(--shadow-sm);font-family:var(--script);background:#fff;border-radius:22px 22px 22px 4px;padding:14px 16px;font-size:1.7rem;line-height:1.15;position:absolute;top:150px;right:6px}.match-pill{background:var(--teal);border:var(--border);box-shadow:var(--shadow-sm);font-family:var(--body);border-radius:28px 28px 28px 0;padding:12px 20px;font-size:1.35rem;font-weight:900;position:absolute;bottom:120px;left:8px;transform:rotate(-6deg)}.msg-box{background:var(--blue);color:#fff;border:var(--border);font-family:var(--mono);flex-direction:column;gap:2px;padding:10px 14px;font-size:.78rem;display:flex;position:absolute;bottom:40px;left:8px}.msg-box span{color:var(--cyan)}.hero-polaroid{z-index:2;width:46%;position:absolute;bottom:0;right:-6px}.hero-polaroid .polaroid-photo{aspect-ratio:3/4}.dances{padding:48px 32px 56px}.section-title{font-family:var(--serif);text-align:center;letter-spacing:-.03em;margin-bottom:24px;font-size:clamp(2.2rem,5vw,3.8rem);font-weight:900}.section-title.small{text-align:left;margin-bottom:4px;font-size:2rem}.add-video{text-align:center;max-width:640px;margin:0 auto 28px}.polaroid-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:36px 28px;max-width:1150px;margin:0 auto;display:grid}.dance-card{flex-direction:column;gap:12px;display:flex}.dance-card a:hover .polaroid{transform:rotate(0)scale(1.03)}.dance-card .polaroid-photo{aspect-ratio:3/4}.dance-meta{flex-wrap:wrap;gap:6px;display:flex}.how{padding:56px 32px 72px}.how-cards{grid-template-columns:repeat(3,1fr);gap:28px;max-width:1150px;margin:0 auto;display:grid}.how-card{border:var(--border);min-height:300px;box-shadow:8px 8px 0 var(--ink);border-radius:26px;flex-direction:column;justify-content:flex-end;padding:28px;display:flex;position:relative}.how-card.orange{background:var(--orange)}.how-card.lilac{background:var(--lilac)}.how-card.teal{background:var(--teal)}.how-num{font-family:var(--script);font-size:2rem;position:absolute;top:24px;left:28px}.how-icon{background:var(--cream);border:var(--border);width:64px;height:64px;box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;font-size:1.6rem;display:grid;position:absolute;top:22px;right:22px}.how-card h3{font-family:var(--serif);letter-spacing:-.03em;font-size:2.4rem;font-weight:900}.how-card p{margin:8px 0 0;font-size:1.1rem;line-height:1.5}.upload-page{flex-direction:column;align-items:center;gap:28px;padding:32px 24px 64px;display:flex}.upload-head{text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:1100px;display:flex;position:relative}.upload-head .sticker{align-self:center}.upload-head .headline{align-items:center}.tilted{font-size:1.6rem;position:absolute;bottom:-6px;left:-150px;transform:rotate(-10deg)}.status-card{background:var(--hot);color:#fff;border:var(--border);box-shadow:var(--shadow-sm);font-family:var(--mono);text-align:left;padding:12px 16px;font-size:.75rem;font-weight:700;line-height:1.6;position:absolute;top:0;right:-190px;transform:rotate(3deg)}.upload-win{width:min(960px,100%)}.upload-win .win-bar{justify-content:center}.dropzone{text-align:center;border:3px dashed var(--hot);background:repeating-conic-gradient(#e8f8ff 0 25%, #ffe6f3 0 50%) 0 0 / 36px 36px;flex-direction:column;align-items:center;gap:14px;padding:44px 20px;transition:background-color .15s,transform .15s;display:flex}.dropzone.over{border-color:var(--blue);transform:scale(1.01)}.drop-icon{background:var(--teal);border:var(--border);width:96px;height:96px;box-shadow:var(--shadow);border-radius:28px;place-items:center;font-size:2.4rem;font-weight:900;display:grid;position:relative}.drop-icon i{color:var(--yellow);-webkit-text-stroke:2px var(--ink);font-size:2rem;font-style:normal;position:absolute;top:-18px;right:-18px}.drop-title{font-family:var(--display);color:#fff;-webkit-text-stroke:.08em var(--ink);paint-order:stroke fill;text-shadow:.05em .05em 0 var(--hot);word-break:break-word;font-size:clamp(1.8rem,4.5vw,3.2rem);font-weight:400;line-height:1}.drop-sub{background:var(--yellow);font-family:var(--mono);padding:3px 10px;font-size:.85rem;font-weight:700}.video-tips{text-align:left;border:2px solid var(--ink);max-width:620px;box-shadow:var(--shadow-sm);background:#fff;padding:10px 16px}.video-tips summary{cursor:pointer;font-weight:900}.video-tips ul{margin:10px 0;padding-left:20px;line-height:1.6}.video-tips p{color:var(--muted);margin:0;font-size:.82rem}.drop-types{font-family:var(--mono);color:var(--muted);letter-spacing:.1em;font-size:.75rem}.upload-form{grid-template-columns:repeat(2,1fr);gap:14px 18px;padding-top:20px;display:grid}.upload-form label{flex-direction:column;gap:6px;font-size:.85rem;font-weight:700;display:flex}.upload-form label.check{flex-direction:row;align-items:center}.upload-form .hint-text,.upload-form .btn-pink,.upload-form .warn{grid-column:1/-1}.upload-form input:not([type=checkbox]),.upload-form select,.grow{border:var(--border);color:var(--ink);font:inherit;background:#fff;border-radius:10px;padding:12px;font-weight:500}.hint-text{color:var(--muted);margin:0;font-size:.85rem}.lesson-preview{grid-template-columns:240px 1fr;align-items:start;gap:24px;display:grid}.lesson-preview .polaroid-photo{aspect-ratio:3/4}.steps{columns:2;color:var(--muted);padding-left:20px;font-size:.9rem}.practice-page{padding:24px 28px 48px}.ticker-strip{background:var(--lime);border:var(--border);box-shadow:var(--shadow-sm);font-family:var(--mono);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:10px 14px;font-size:.75rem;font-weight:700;display:flex}.practice-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin:20px 0 14px;display:flex}.practice-head>div:first-child{flex:320px;min-width:0;max-width:100%}.practice-head .headline{max-width:100%;margin:4px 0 12px;font-size:clamp(1.55rem,3.6vw,3.3rem);line-height:1.05}.practice-head .headline .hl{overflow-wrap:anywhere;word-break:break-word;-webkit-text-stroke:.045em var(--ink);text-shadow:.035em .035em 0 var(--hot), .06em .06em 0 var(--ink)}.now-watching{font-family:var(--mono);color:var(--blue);font-size:.8rem;font-weight:700}.badge-pill{background:var(--teal);border:var(--border);box-shadow:var(--shadow-sm);font-family:var(--script);border-radius:99px;padding:10px 22px;font-size:1.5rem;transform:rotate(-4deg)}.pattern-chips{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.practice-grid{grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);align-items:start;gap:28px;display:grid}.player-win .win-body{padding:0}.duet{background:#000;grid-template-columns:1fr 1fr;display:grid}.duet-half{aspect-ratio:3/4;position:relative;overflow:hidden}.duet-half.tutorial{border-right:var(--border);background:radial-gradient(100% 70% at 50% 30%,#3a2a5e 0%,#0d0a18 75%)}.duet-half.tutorial video.fill{object-fit:contain}.step-flag{background:var(--hot);color:#fff;border:2px solid var(--ink);font-family:var(--serif);padding:4px 10px;font-weight:900;position:absolute;top:12px;left:12px}.half-note{font-family:var(--script);color:#fff;text-shadow:0 2px 6px #000;font-size:1.5rem;position:absolute;bottom:10px;right:12px}.half-tag{background:var(--blue);color:#fff;border:2px solid var(--ink);font-family:var(--mono);padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;top:12px;left:12px}.hidden-video{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.skeleton-toggle{z-index:2;cursor:pointer;font-family:var(--mono);color:#ffffffb3;background:#1d1030cc;border:2px solid #fff5;border-radius:99px;padding:6px 12px;font-size:.72rem;font-weight:700;position:absolute;top:46px;left:12px}.skeleton-toggle.on{color:#fff;text-shadow:0 0 6px #ff2fd1;border-color:#ff2fd1;box-shadow:0 0 10px #ff2fd1aa,0 0 22px #b026ff66}.score-ring{place-items:center;width:60px;height:60px;display:grid;position:absolute;top:10px;right:10px}.score-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.score-ring circle{fill:#fff;stroke-width:6px}.score-ring .track{stroke:#1d103022}.score-ring .fill{fill:none;stroke:var(--ring);stroke-linecap:round;transition:stroke-dasharray .2s;position:static}.score-ring span{font-size:1.05rem;font-weight:900;position:relative}.beat-count{font-family:var(--display);color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;font-size:3.2rem;line-height:1;position:absolute;bottom:50px;left:14px}.beat-count.loud{font-size:5rem}.timing-tag{border:2px solid var(--ink);font-family:var(--mono);background:#fff;padding:3px 10px;font-size:.7rem;font-weight:700;position:absolute;top:76px;right:10px}.timing-tag.early,.timing-tag.late{background:var(--hot);color:#fff}.part-pills{flex-wrap:wrap;justify-content:center;gap:6px;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.part-pill{text-transform:capitalize;border:3px solid var(--c);background:#fff;border-radius:99px;padding:4px 10px;font-size:.72rem;font-weight:900}.countin{font-family:var(--display);color:var(--yellow);-webkit-text-stroke:6px var(--ink);paint-order:stroke fill;background:#1d103055;place-items:center;font-size:9rem;animation:.35s ease-out pop;display:grid;position:absolute;inset:0}@keyframes pop{0%{opacity:0;transform:scale(1.6)}}.frame-warn{background:var(--warn);color:#fff;border:2px solid var(--ink);text-align:center;padding:8px 12px;font-size:.8rem;font-weight:900;position:absolute;bottom:50px;left:10px;right:10px}.crowd-note{z-index:2;background:var(--yellow);border:2px solid var(--ink);font-family:var(--mono);text-align:center;padding:6px 10px;font-size:.72rem;font-weight:700;position:absolute;top:120px;left:10px;right:10px}.people-snapshot{border:var(--border);width:100%;max-width:640px;box-shadow:var(--shadow-sm);margin:14px auto;display:block}.people-picks{justify-content:center}.people-picks .person-1{background:var(--blue)}.people-picks .person-2{background:var(--orange)}.people-picks .person-3{background:#00b3a4}.people-picks .person-4{background:#7b3dff}.people-picks .person-5{background:#e0b400}.people-picks .person-6{background:#00a3e0}.people-picks .person-7{background:#d6336c}.dancer-check{flex-direction:column;align-items:center;gap:10px;margin:14px 0;display:flex}.dancer-check-view{border:var(--border);box-shadow:var(--shadow-sm);background:#120a22;position:relative}.dancer-check-view video,.dancer-check-view canvas{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.dancer-check-view canvas{pointer-events:none}.dancer-lost{background:var(--warn);color:#fff;border:2px solid var(--ink);font-family:var(--mono);padding:4px 10px;font-size:.75rem;font-weight:700;position:absolute;top:10px;left:50%;transform:translate(-50%)}.dancer-suspects{text-align:center;font-weight:700}.dancer-suspects .chip{border:2px solid var(--ink);background:var(--yellow);cursor:pointer;margin:0 4px;padding:2px 8px;font-weight:900}.dancer-coverage{text-align:center;font-family:var(--mono);font-size:.85rem}.link-btn{color:var(--blue);font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:900;text-decoration:underline}.cam-status{text-align:center;color:#fff;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:16px;font-weight:700;display:flex;position:absolute;inset:0}.player-controls{border-top:var(--border);font-family:var(--mono);background:#ffd23f;align-items:center;gap:14px;padding:12px 16px;font-weight:700;display:flex}.round-btn{border:var(--border);width:52px;height:52px;box-shadow:3px 3px 0 var(--ink);cursor:pointer;background:#fff;border-radius:50%;flex:none;font-size:1.2rem}.round-btn.play{background:var(--hot);color:#fff}.round-btn.live{animation:1.2s infinite pulse}@keyframes pulse{50%{box-shadow:3px 3px 0 var(--ink), 0 0 0 8px #ff2d8744}}.scrub{border:2px solid var(--ink);background:#fff;border-radius:99px;flex:1;height:16px;overflow:hidden}.scrub-fill{background:linear-gradient(90deg, var(--orange), var(--hot));width:0;height:100%;display:block}.scrub-time{white-space:nowrap;font-size:.8rem}.control-rail{border-top:var(--border);background:#fff3b0;flex-wrap:wrap;justify-content:center;gap:14px;padding:12px 10px;display:flex}.rail-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.rail-btn:disabled{opacity:.45;cursor:default}.rail-icon{border:var(--border);width:46px;height:46px;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:50%;place-items:center;font-size:1.2rem;transition:transform .1s;display:grid}.rail-btn:active .rail-icon{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.rail-btn.on .rail-icon{background:var(--lime)}.rail-label{font-family:var(--mono);text-align:center;max-width:72px;font-size:.65rem;font-weight:700}.speed-icon{font-family:var(--mono);font-size:.78rem;font-weight:700}.rec-dot{background:var(--hot);border-radius:50%;width:16px;height:16px;animation:1s infinite blink}@keyframes blink{50%{opacity:.3}}.speed-picker{position:relative}.speed-menu{z-index:10;border:var(--border);width:240px;box-shadow:var(--shadow);background:#fff;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px;display:grid;position:absolute;bottom:calc(100% + 10px);left:50%;translate:-50%}.speed-menu button{border:2px solid var(--ink);font-family:var(--mono);cursor:pointer;background:#fff;padding:8px 4px;font-size:.82rem;font-weight:700}.speed-menu button:hover{background:var(--yellow)}.speed-menu button.on{background:var(--hot);color:#fff}.segments{border-top:var(--border);display:flex}.segment{border:none;border-right:2px solid var(--ink);font-family:var(--mono);cursor:pointer;flex:1;padding:10px 4px;font-size:.68rem;font-weight:700}.segment:last-child{border-right:none}.seg-pink{background:var(--hot);color:#fff}.seg-cyan{background:var(--cyan)}.seg-yellow{background:var(--yellow)}.segment.on{box-shadow:inset 0 -5px 0 var(--ink)}.segment:disabled{filter:grayscale(.7);opacity:.6;cursor:default}.step-polaroids{gap:18px;padding:24px 6px 10px;display:flex;overflow-x:auto}.polaroid-btn{cursor:pointer;text-align:left;background:0 0;border:none;flex:0 0 170px;padding:0;position:relative}.polaroid-btn:disabled{cursor:default}.done-mark{background:var(--lime);border:2px solid var(--ink);border-radius:50%;place-items:center;width:28px;height:28px;font-weight:900;display:grid;position:absolute;top:6px;right:6px}.here-sticker{z-index:3;background:var(--hot);color:#fff;border:2px solid var(--ink);font-family:var(--script);padding:2px 10px;font-size:1.15rem;position:absolute;top:-12px;right:-6px;transform:rotate(8deg)}.notepad .win-body{background:var(--cream);flex-direction:column;gap:12px;padding:22px;display:flex}.notepad hr{border:none;border-top:2px dashed #1d103033;width:100%;margin:2px 0}.notepad .tag-lilac{align-self:flex-start}.notepad-title{font-family:var(--serif);letter-spacing:-.03em;font-size:2.2rem;font-weight:900;line-height:1}.notepad-step{font-family:var(--serif);font-size:1.6rem;font-weight:900}.notepad-text{color:#3d2f4d;margin:0;line-height:1.6}.pointers{flex-direction:column;gap:12px;margin:0;padding:0;font-weight:500;list-style:none;display:flex}.pointers li{gap:12px;display:flex}.pointers span{font-family:var(--mono);color:var(--hot);font-weight:700}.last-try{border:2px solid var(--ink);cursor:pointer;background:#fff;align-items:center;gap:12px;padding:10px;display:flex}.last-try .score-ring{position:relative;top:0;right:0}.last-try div{flex-direction:column;display:flex}.last-try span{color:var(--muted);font-size:.8rem}.sheet-backdrop{z-index:40;background:#1d103099;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.sheet{width:min(560px,100%);max-height:86dvh;animation:.2s ease-out pop;overflow-y:auto}.sheet-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.sheet-head .score-ring{width:72px;height:72px;position:relative;top:0;right:0}.sheet-head h2{font-family:var(--serif);font-size:1.7rem;font-weight:900}.sheet-head p{margin:2px 0 0;font-size:.85rem}.move-on-question{text-align:center;font-family:var(--serif);margin:4px 0 12px;font-size:1.25rem;font-weight:900}.coach-bubble{background:var(--yellow);border:2px solid var(--ink);border-radius:18px 18px 18px 4px;gap:10px;margin:0 0 14px;padding:12px 14px;font-weight:700;display:flex}.joint-grid{grid-template-columns:1fr 1fr;gap:8px 18px;margin-bottom:18px;display:grid}.joint-row{grid-template-columns:84px 1fr 28px;align-items:center;gap:8px;font-size:.8rem;font-weight:500;display:grid}.joint-row b{text-align:right}.bar{border:2px solid var(--ink);background:#fff;border-radius:99px;height:10px;overflow:hidden}.bar>div{height:100%;transition:width .3s}.bar.chunky{height:20px}.celebrate{z-index:50;text-align:center;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex;position:fixed;inset:0}.celebrate .headline{align-items:center}.burst{gap:8px;font-size:2.8rem;display:flex}.burst span{animation:hop .7s calc(var(--i) * 80ms) infinite alternate ease-in-out}@keyframes hop{to{transform:translateY(-18px)rotate(10deg)}}.modal{z-index:50;background:#1d1030cc;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.vine-result{flex-direction:column;align-items:center;gap:14px;display:flex}.vine-result video{max-width:100%;max-height:70dvh;box-shadow:var(--shadow);border:4px solid #00bf8f}.vine-result .btn,.vine-result .btn.ghost{border:var(--border);box-shadow:var(--shadow-sm);background:var(--yellow);cursor:pointer;padding:12px 22px;font-weight:900}.preview-banner{z-index:3;text-align:center;color:#fff;background:#1d1030d9;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.preview-banner b{font-family:var(--display);color:var(--yellow);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill;font-size:clamp(1.8rem,4vw,3rem);font-weight:400}.preview-eyes{font-size:3rem;animation:.8s ease-in-out infinite alternate hop}.small-btn{padding:10px 16px;font-size:.85rem}.edit-steps-link{font-family:var(--mono);color:var(--blue);align-self:center;font-size:.8rem;font-weight:700;text-decoration:underline}.step-editor{flex-direction:column;gap:14px;margin:16px 0;display:flex}.step-editor-view{border:var(--border);background:#120a22;justify-content:center;display:flex}.step-video{background:#000;width:100%;max-height:420px}.step-figure{aspect-ratio:3/4;width:100%;max-width:320px;position:relative}.step-timeline{border:var(--border);cursor:pointer;background:#fff;height:46px;position:relative;overflow:hidden}.step-block{border-right:3px solid var(--ink);font-family:var(--serif);place-items:center;font-size:1.1rem;font-weight:900;display:grid;position:absolute;top:0;bottom:0}.playhead{background:var(--ink);pointer-events:none;width:4px;margin-left:-2px;position:absolute;top:-4px;bottom:-4px;box-shadow:0 0 0 2px #fff}.step-scrub{width:100%;accent-color:var(--hot)}.step-actions{gap:12px}.step-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.step-list li{border:2px solid var(--ink);background:#fff;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;display:flex}.step-list li.current{box-shadow:inset 6px 0 0 var(--hot)}.step-dot{border:2px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-weight:900;display:grid}.step-name{border:2px solid var(--ink);min-width:140px;font:inherit;border-radius:8px;flex:1;padding:8px 10px;font-weight:700}.step-time{font-family:var(--mono);align-items:center;gap:6px;font-size:.75rem;display:flex}.step-time input{border:2px solid var(--ink);width:84px;font:inherit;border-radius:8px;padding:6px 8px}.step-len{font-family:var(--mono);color:var(--muted);min-width:52px;font-size:.75rem}.dancer-chip{border:2px solid var(--ink);color:#fff;font-family:var(--mono);padding:2px 8px;font-size:.8rem;font-weight:900;display:inline-block}.dancer-marker{pointer-events:none}.dancer-flag{z-index:3;color:#fff;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-family:var(--mono);background:#1d1030;padding:4px 10px;font-size:.72rem;font-weight:900;text-decoration:none;position:absolute;top:12px;right:12px}.marker-toggle{z-index:3;color:#fff;font-family:var(--mono);cursor:pointer;background:#1d1030cc;border:2px solid #fff;border-radius:999px;padding:4px 10px;font-size:.7rem;font-weight:700;position:absolute;top:46px;right:12px}.dance-meta .link-btn{font-size:.8rem}.link-btn{cursor:pointer;font-family:var(--mono);color:var(--blue);background:0 0;border:none;padding:4px;font-size:.78rem;font-weight:700}.link-btn:hover{text-decoration:underline}.link-btn:disabled{opacity:.5;cursor:default}.remove-btn{color:var(--warn);margin-left:auto}.empty-library{text-align:center;border:var(--border);max-width:520px;box-shadow:var(--shadow);background:#fff;flex-direction:column;align-items:center;gap:12px;margin:0 auto;padding:28px 24px;display:flex}.empty-library p{margin:0;font-weight:500}.voice-coach{z-index:45;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:18px;right:18px}.coach-fab{cursor:pointer;background:var(--yellow);border:var(--border);box-shadow:var(--shadow-sm);border-radius:99px;align-items:center;gap:8px;padding:12px 18px;font-size:1.3rem;font-weight:900;display:flex}.coach-fab span{font-family:var(--script);font-size:1.3rem}.coach-fab:hover{box-shadow:var(--shadow);transform:translate(-2px,-2px)}.coach-win{width:min(380px,100vw - 36px)}.coach-loading{border:var(--border);box-shadow:var(--shadow-sm);background:#fff;padding:14px}.coach-win .win-body{background:var(--cream);flex-direction:column;gap:12px;display:flex}.coach-status{font-family:var(--mono);align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:flex}.coach-dot{border:2px solid var(--ink);background:#bbb;border-radius:50%;width:12px;height:12px}.coach-status.listening .coach-dot{background:var(--lime);animation:1.2s infinite blink}.coach-status.speaking .coach-dot{background:var(--hot);animation:.5s infinite blink}.coach-intro{margin:0;line-height:1.5}.coach-lines{flex-direction:column;gap:6px;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.coach-lines li{border:2px solid var(--ink);border-radius:14px;padding:8px 12px;font-size:.9rem;line-height:1.4}.coach-lines li.agent{background:var(--yellow);border-bottom-left-radius:4px;align-self:flex-start}.coach-lines li.user{background:#fff;border-bottom-right-radius:4px;align-self:flex-end}.coach-error{border:2px solid var(--warn);background:#ffe3ea;margin:0;padding:10px 12px;font-size:.85rem;font-weight:700;line-height:1.4}.calibrate{background:#000;height:100dvh;position:relative}.calib-cam{position:absolute;inset:0;overflow:hidden}.calib-cam video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.frame-guide{--c:#fffc;position:absolute;inset:6% 12%}.stage-tpose .frame-guide,.stage-done .frame-guide{--c:var(--lime)}.frame-guide i{border:6px solid var(--c);width:54px;height:54px;position:absolute}.frame-guide i:first-child{border-bottom:none;border-right:none;top:0;left:0}.frame-guide i:nth-child(2){border-bottom:none;border-left:none;top:0;right:0}.frame-guide i:nth-child(3){border-top:none;border-right:none;bottom:0;left:0}.frame-guide i:nth-child(4){border-top:none;border-left:none;bottom:0;right:0}.calib-card{background:var(--cream);border:var(--border);width:min(440px,100% - 32px);box-shadow:6px 6px 0 var(--hot);grid-template-columns:auto 1fr;align-items:center;gap:4px 14px;padding:16px 18px;display:grid;position:absolute;bottom:28px;left:50%;translate:-50%}.calib-card b{font-family:var(--serif);font-size:1.4rem;font-weight:900}.calib-card div:not(.hold-bar){flex-direction:column;gap:2px;display:flex}.calib-card span:not(.calib-emoji){color:var(--muted);font-size:.9rem}.calib-emoji{font-size:2.2rem}.hold-bar{border:2px solid var(--ink);background:#fff;border-radius:99px;grid-column:1/-1;height:14px;margin-top:8px;overflow:hidden}.hold-bar div{height:100%;width:calc(var(--hold) * 100%);background:linear-gradient(90deg, var(--orange), var(--hot))}.skip{border:var(--border);background:var(--yellow);box-shadow:var(--shadow-sm);cursor:pointer;padding:8px 16px;font-weight:900;position:absolute;top:16px;right:16px}.profile-page{padding:32px 32px 56px}.profile-head{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.profile-grid{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:32px;display:grid}.profile-main{flex-direction:column;gap:28px;display:flex}.avatar-box{font-family:var(--display);color:var(--yellow);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill;place-items:center;font-size:5rem;display:grid}.profile-stats{border:2px solid var(--ink);text-align:center;background:#fff;grid-template-columns:repeat(3,1fr);padding:8px 0;display:grid}.profile-stats div{flex-direction:column;display:flex}.profile-stats b{font-family:var(--serif);font-size:1.4rem;font-weight:900}.skill-row{text-transform:capitalize;grid-template-columns:30px 70px 1fr 50px;align-items:center;gap:12px;margin:12px 0;font-weight:700;display:grid}.skill-row b{text-align:right}.skill-icon{font-size:1.4rem}.chart{width:100%}.chart text{fill:var(--muted);font-size:10px;font-family:var(--mono)}.pass-line{stroke:var(--good);stroke-dasharray:5 5;stroke-width:2px}.report h3{font-family:var(--serif);margin:10px 0 4px;font-size:1.2rem;font-weight:900}.report ul,.report ol{margin:0;padding-left:20px;line-height:1.6}.remix-page{flex-direction:column;gap:18px;padding:32px;display:flex}.remix-page .chip{border:var(--border);box-shadow:3px 3px 0 var(--ink);cursor:pointer;background:#fff;padding:8px 14px;font-weight:900}.remix-page .chip.on{background:var(--yellow)}.remix-page .row.wrap{flex-wrap:wrap}.remix-page .grow{flex:1;min-width:220px}.remix-page .tip{border:var(--border);background:#fff;margin:0;padding:12px 16px;font-weight:700}.remix-page .stage{grid-template-columns:repeat(2,minmax(0,280px));gap:28px;display:grid}.remix-page .polaroid-photo{aspect-ratio:3/4}.remix-page .btn-teal{max-width:588px}@media (width<=1400px){.status-card,.tilted{display:none}}@media (width<=1100px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.myspace{display:none}.profile-grid .myspace{display:flex}.practice-grid{grid-template-columns:1fr}}@media (width<=760px){.topbar{flex-wrap:wrap;gap:10px;padding:10px 14px}.topnav{flex:100%;order:3;justify-content:space-between;gap:10px;font-size:.85rem;overflow-x:auto}.user{display:none}.cta{margin-left:auto;padding:8px 14px;font-size:.85rem}.hero{grid-template-columns:1fr;padding:20px 16px 32px}.hero-art{min-height:520px}.hero-win{width:76%}.now-playing{width:170px}.speech{width:170px;font-size:1.4rem;top:120px}.dances,.how,.profile-page,.remix-page{padding-inline:16px}.how-cards{grid-template-columns:1fr}.how-card{min-height:220px}.upload-page{padding-inline:14px}.status-card,.tilted{display:none}.upload-form,.lesson-preview{grid-template-columns:1fr}.practice-page{padding:14px 12px 32px}.ticker-strip span:last-child{display:none}.skeleton-toggle{padding:4px 8px;font-size:.6rem;top:42px;left:8px}.half-note{display:none}.score-ring{width:46px;height:46px}.timing-tag{top:60px}.beat-count{font-size:2.2rem}.part-pill{padding:2px 6px;font-size:.6rem}.countin{font-size:6rem}.joint-grid,.profile-grid{grid-template-columns:1fr}.steps{columns:1}}.take-meta{font-family:var(--mono);margin:6px 0 12px;font-size:.85rem}.take-duet{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px;display:grid}.take-duet.solo{grid-template-columns:minmax(0,420px);justify-content:center}.take-duet figure{border:var(--border);aspect-ratio:3/4;background:#120a22;margin:0;position:relative;overflow:hidden}.take-duet video{object-fit:contain;width:100%;height:100%;display:block}.take-duet figcaption{background:var(--hot);color:#fff;border:2px solid var(--ink);font-family:var(--mono);padding:2px 8px;font-size:.72rem;font-weight:900;position:absolute;top:8px;left:8px}.take-duet figure+figure figcaption{background:var(--blue)}@media (width<=560px){.take-duet{gap:6px}}.score-split{border:2px dashed var(--ink);background:#fffbe6;margin:10px 0 14px;padding:10px 12px}.score-split .joint-row{grid-template-columns:130px 1fr 32px}.score-split .joint-row span{font-weight:900}.score-split p{margin:6px 0 0}