*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0a0514;--card:#150b26;--card-hover:#1d1133;--border:#3a2566;--text:#f0ecfa;--muted:#8f7fb8;--na:#c86bff;--nb:#5ce1ff;--gold:#ffe14d;--right:#5cffb8;--wrong:#ff5c8a}html{background:var(--bg);color-scheme:dark}body{background:radial-gradient(1200px 600px at 50% -200px,#1a0d33 0,var(--bg) 60%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;min-height:100vh}.wrap{max-width:680px;margin:0 auto;padding:24px 16px 60px}h1{font-size:1.7rem;font-weight:800;text-align:center;margin:12px 0 4px;letter-spacing:.02em;display:flex;align-items:center;justify-content:center;gap:10px}h1 .logo-eq{height:1.5rem;width:40px}h1 .logo-text{color:var(--text)}.beta-badge{font-size:.58rem;font-weight:800;letter-spacing:.12em;color:var(--gold);border:1px solid rgba(255,225,77,.5);border-radius:6px;padding:2px 6px;align-self:flex-start;margin-top:2px;box-shadow:0 0 8px rgba(255,225,77,.2)}h1 .logo-text em{font-style:normal;background:linear-gradient(90deg,var(--na),var(--nb));-webkit-background-clip:text;background-clip:text;color:transparent}.sub{text-align:center;color:var(--muted);margin-bottom:24px;font-size:.95rem}.card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}input[type=email],input[type=password],input[type=text]{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#0e0719;color:var(--text);font-size:1rem;margin-bottom:12px}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{outline:2px solid var(--na);border-color:transparent}.btn{display:inline-block;width:100%;padding:13px;border:none;border-radius:10px;background:linear-gradient(90deg,#a44dff,var(--nb));color:#0a0514;font-size:1rem;font-weight:800;cursor:pointer;transition:filter .15s;box-shadow:0 0 18px rgba(164,77,255,.35)}.btn:hover{filter:brightness(1.12)}.btn:disabled{opacity:.65;cursor:default;box-shadow:none;filter:saturate(.7)}.btn.secondary{background:var(--card-hover);color:var(--text);border:1px solid var(--border);box-shadow:none;font-weight:600}.error{color:var(--wrong);margin-top:8px}.error,.hint{font-size:.9rem}.hint{color:var(--muted)}.av{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;font-weight:800;color:#0a0514;box-shadow:0 0 12px rgba(200,107,255,.45);flex-shrink:0}.av-s{width:28px;height:28px;font-size:.68rem}.av-m{width:40px;height:40px;font-size:.85rem}.av-l{width:64px;height:64px;font-size:1.3rem}.avc1{background:linear-gradient(135deg,#c86bff,#8f5cff)}.avc2{background:linear-gradient(135deg,#5ce1ff,#2dd4a0)}.avc3{background:linear-gradient(135deg,#ff5cb8,#ff8f5c)}.avc4{background:linear-gradient(135deg,#ffe14d,#ff9a3d)}.avc5{background:linear-gradient(135deg,#5c8aff,#5ce1ff)}.tiles{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.tile{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:13px 12px;min-height:96px;cursor:pointer;text-align:left;color:var(--text);transition:all .15s;font-family:inherit}.tile.hero{grid-column:1/-1;display:flex;align-items:center;gap:14px;min-height:0;padding:14px;border-color:var(--na);box-shadow:0 0 16px rgba(200,107,255,.2)}.tile.hero b{margin:0 0 2px}.tile.hero .pill{margin:0 0 0 auto;flex-shrink:0}.tile.hero .hint{display:block}.tile:hover:not(:disabled){border-color:var(--na);box-shadow:0 0 22px rgba(200,107,255,.35);transform:translateY(-2px)}.tile:disabled{opacity:.45;cursor:default}.tile .ic{font-size:1.5rem;display:block;line-height:1}.tile b{margin:6px 0 3px;font-size:.92rem}.tile .hint{font-size:.72rem;line-height:1.35}.sficon{filter:drop-shadow(0 0 6px rgba(164,77,255,.55));vertical-align:middle}.tile b{display:block;margin:6px 0 4px;font-size:.98rem}.tile .hint{font-size:.78rem;display:block}.pill{display:inline-block;background:rgba(92,225,255,.12);color:var(--nb);border:1px solid rgba(92,225,255,.4);border-radius:999px;font-size:.7rem;padding:2px 9px;font-weight:700;margin-top:8px}.pill.gold{background:rgba(255,225,77,.12);color:var(--gold);border-color:rgba(255,225,77,.4)}.pill.dim{background:rgba(143,127,184,.12);color:var(--muted);border-color:var(--border)}.topbar{justify-content:space-between;margin-bottom:14px;color:var(--muted);font-size:.9rem}.topbar,.topbar .who{display:flex;align-items:center}.topbar .who{gap:8px;color:var(--text)}.topbar a{color:var(--muted);cursor:pointer}.lang-toggle{font-size:.8rem;color:var(--muted);-webkit-user-select:none;-moz-user-select:none;user-select:none}.lang-toggle a{cursor:pointer;color:var(--muted)}.lang-toggle a.active{color:var(--nb);font-weight:700}.topbar a:hover{color:var(--text)}.players{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.player-chip{display:inline-flex;align-items:center;gap:8px;background:var(--card-hover);border:1px solid var(--border);padding:5px 14px 5px 6px;border-radius:999px;font-size:.92rem}.player-chip.me{border-color:var(--na)}.round-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.95rem;color:var(--muted)}.progress{height:8px;background:#0e0719;border-radius:999px;overflow:hidden;margin-bottom:20px}.progress>div{height:100%;background:linear-gradient(90deg,var(--na),var(--nb));box-shadow:0 0 10px var(--na);transition:width .2s linear}.pts-live{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:-10px 0 6px;font-size:.9rem;font-weight:700;color:var(--gold)}.pts-live-hint{font-size:.68rem;font-weight:400;color:var(--muted)}.breakdown{margin-top:12px;border:1px solid var(--border);border-radius:12px;padding:8px 12px;font-size:.82rem}.bd-row{display:grid;grid-template-columns:1fr auto auto;grid-gap:10px;gap:10px;align-items:baseline;padding:4px 0}.bd-row+.bd-row{border-top:1px solid hsla(0,0%,100%,.05)}.bd-label{color:var(--text)}.bd-calc{color:var(--muted);font-size:.74rem;text-align:right}.bd-ok{color:var(--right)}.bd-no{color:var(--wrong)}.bd-total{font-weight:800}.bd-total .bd-calc{color:var(--gold)}.nextbar{height:6px;background:#0e0719;border-radius:999px;overflow:hidden}.nextbar>div{height:100%;background:linear-gradient(90deg,var(--na),var(--nb));box-shadow:0 0 10px var(--na);transform-origin:left;animation:nextbar-run linear forwards}@keyframes nextbar-run{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.q-label{font-weight:700;margin:14px 0 8px}.options{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}@media (max-width:480px){.options{grid-template-columns:1fr}}.option{padding:12px;border-radius:10px;border:1px solid var(--border);background:var(--card-hover);color:var(--text);font-size:.95rem;cursor:pointer;text-align:left;transition:all .1s;font-family:inherit}@media (hover:hover){.option:hover:not(:disabled){border-color:var(--na)}}.option:focus{outline:none}.option:focus-visible{outline:2px solid var(--na)}.option.selected{border-color:var(--na);background:rgba(200,107,255,.16);box-shadow:0 0 12px rgba(200,107,255,.3)}.option.correct{border-color:var(--right);background:rgba(92,255,184,.14);box-shadow:0 0 12px rgba(92,255,184,.25)}.option.wrong{border-color:var(--wrong);background:rgba(255,92,138,.12)}.option:disabled{cursor:default}.eq{display:flex;gap:3px;align-items:flex-end;height:18px;width:44px}.eq i{flex:1 1;background:linear-gradient(180deg,var(--na),var(--nb));border-radius:2px;animation:eq 1s ease-in-out infinite}.eq i:nth-child(2){animation-delay:.15s}.eq i:nth-child(3){animation-delay:.3s}.eq i:nth-child(4){animation-delay:.45s}.eq i:nth-child(5){animation-delay:.6s}@keyframes eq{0%,to{height:30%}50%{height:100%}}.countdown{text-align:center;font-size:4rem;padding:40px 0}.reveal-song{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;margin-bottom:16px}.reveal-song img{width:170px;height:170px;border-radius:16px;border:1px solid var(--border);box-shadow:0 0 34px rgba(164,77,255,.35)}.reveal-song .t{font-size:1.25rem;font-weight:800}.reveal-song .a{color:var(--muted);margin-top:2px}.points-badge{background:linear-gradient(90deg,#a44dff,var(--nb));color:#0a0514;padding:8px 16px;border-radius:10px;font-weight:800;white-space:nowrap;box-shadow:0 0 14px rgba(164,77,255,.4)}table.board{width:100%;border-collapse:collapse}table.board td,table.board th{padding:9px 8px;text-align:left;border-bottom:1px solid var(--border)}table.board tr.me td{color:var(--nb);font-weight:700}table.board td.pos{width:36px;color:var(--muted)}table.board td.score{text-align:right;font-weight:700}table.board td.pname{display:flex;align-items:center;gap:8px}.btn.buzzer{background:linear-gradient(90deg,#ffe14d,#ff9a3d);color:#221a00;font-size:1.1rem;box-shadow:0 0 24px rgba(255,225,77,.45);animation:buzzpulse 1.2s ease-in-out infinite}.btn.buzzer:disabled{animation:none}@keyframes buzzpulse{0%,to{transform:scale(1)}50%{transform:scale(1.02);box-shadow:0 0 34px rgba(255,225,77,.6)}}.songrow{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 0;border-bottom:1px solid var(--border);font-size:.9rem}.songrow:last-of-type{border-bottom:none}.songrow a{color:var(--nb);text-decoration:none;font-size:1.1rem}.demo-card{border-color:var(--na);box-shadow:0 0 26px rgba(164,77,255,.22)}.livepulse{width:8px;height:8px;border-radius:50%;background:var(--wrong);animation:livepulse 1.4s infinite}@keyframes livepulse{0%,to{opacity:1}50%{opacity:.3}}.demo-avs{display:inline-flex}.demo-avs .av{margin-left:-6px;border:2px solid var(--card);font-size:.6rem}.demo-progress{animation:demoprog 3s linear forwards;box-shadow:0 0 10px var(--na);height:100%;background:linear-gradient(90deg,var(--na),var(--nb))}@keyframes demoprog{0%{width:100%}to{width:2%}}.demo-opt{pointer-events:none;font-size:.88rem;padding:10px}.demo-stage{height:192px;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start}.demo-stage .options{grid-template-columns:1fr 1fr!important;gap:8px}.demo-stage .demo-opt{padding:9px 8px;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.demo-stage .demo-reveal{flex:1 1}.demo-reveal{display:flex;align-items:center;justify-content:center;gap:14px;padding:22px 8px;animation:demoin .35s ease-out}@keyframes demoin{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.demo-check{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(92,255,184,.15);color:var(--right);font-size:1.4rem;font-weight:900;box-shadow:0 0 16px rgba(92,255,184,.35)}.demo-caption{text-align:center;margin-top:12px;line-height:1.6}.eq-hero{width:auto;height:26px;justify-content:center;gap:4px;margin:4px auto 16px;opacity:.75}.eq-hero i{flex:0 0 4px}.eq-hero i:nth-child(6){animation-delay:.75s}.eq-hero i:nth-child(7){animation-delay:.9s}.eq-hero i:nth-child(8){animation-delay:1.05s}.eq-hero i:nth-child(9){animation-delay:.2s}.eq-hero i:nth-child(10){animation-delay:.5s}.eq-hero i:nth-child(11){animation-delay:.8s}.eq-hero i:nth-child(12){animation-delay:.35s}.demo-cta{width:100%;font-size:1.05rem}.gbtn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;background:#fff;color:#1a1a1a;font-weight:700;font-size:.95rem;border:none;border-radius:12px;padding:12px;cursor:pointer;margin-bottom:4px}.gbtn:active{transform:scale(.99)}.orline{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:.75rem;margin:12px 0}.orline:after,.orline:before{content:"";flex:1 1;height:1px;background:var(--border)}.pwfield{position:relative}.pwfield input{padding-right:42px;width:100%}.pweye{position:absolute;right:12px;top:50%;transform:translateY(-58%);cursor:pointer;opacity:.6;font-size:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.legalhint{font-size:.72rem;color:var(--muted);text-align:center;margin-top:10px;line-height:1.5}.legalhint a{color:var(--nb);text-decoration:none}.ticker{display:flex;align-items:center;gap:10px;margin-top:14px;padding:8px 10px;background:var(--card);border:1px solid var(--border);border-radius:12px;overflow:hidden}.ticker-play{border-radius:50%;border:none;background:linear-gradient(135deg,#a44dff,var(--nb));color:#0a0514;font-size:.95rem;cursor:pointer;box-shadow:0 0 12px rgba(164,77,255,.4)}.ticker-art,.ticker-play{width:38px;height:38px;flex-shrink:0}.ticker-art{border-radius:8px}.ticker-track{overflow:hidden;flex:1 1;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.ticker-text{display:inline-block;white-space:nowrap;font-size:.85rem;color:var(--muted);animation:tickermove 18s linear infinite}@keyframes tickermove{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.applemusic{display:block;text-align:center;margin-top:12px;padding:10px;border-radius:10px;border:1px solid var(--border);background:var(--card-hover);color:var(--text);font-size:.9rem;font-weight:600;text-decoration:none}.applemusic:hover{border-color:var(--na);box-shadow:0 0 12px rgba(200,107,255,.25)}.attribution{text-align:center;opacity:.65;font-size:.72rem;margin-top:26px;line-height:1.7}.attribution,.attribution a{color:var(--muted)}.attribution a:hover{color:var(--text)}.terms{display:flex;gap:10px;align-items:flex-start;font-size:.82rem;color:var(--muted);margin:4px 0 12px;cursor:pointer;line-height:1.5}.terms input[type=checkbox]{margin-top:2px;width:16px;height:16px;accent-color:var(--na);cursor:pointer;flex-shrink:0}.terms a{color:var(--nb)}.legal h2{font-size:1.2rem;margin-bottom:4px}.legal h3{font-size:.98rem;margin:18px 0 6px;color:var(--nb)}.legal p{font-size:.9rem;line-height:1.65;color:var(--text)}.legal a{color:var(--nb)}.row{display:flex;gap:10px}.row>div{flex:1 1}.bgrid{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:8px;gap:8px;text-align:center}@media (max-width:480px){.bgrid{grid-template-columns:repeat(3,1fr)}}.bdg{background:var(--card-hover);border:1px solid var(--border);border-radius:12px;padding:10px 4px}.bdg.earned{border-color:rgba(255,225,77,.5);box-shadow:0 0 12px rgba(255,225,77,.15)}.bdg.locked{opacity:.4;filter:grayscale(1)}.bdg .e{font-size:1.4rem}.bdg .n{font-size:.62rem;color:var(--muted);margin-top:4px;display:block}.pbar{height:4px;background:#0e0719;border-radius:99px;margin-top:6px;overflow:hidden}.pbar div{height:100%;background:var(--gold)}.hpwrap{align-items:center;margin-bottom:6px}.duelhud,.hpwrap{display:flex;gap:10px}.duelhud{position:relative;flex-wrap:wrap;align-items:flex-start;background:linear-gradient(180deg,#120a22,rgba(21,11,38,.45));border:1px solid var(--border);border-radius:16px;padding:12px 12px 10px;margin-bottom:12px}.dside{flex:1 1;min-width:0}.dname{display:flex;align-items:center;gap:6px;font-size:.72rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase;margin-bottom:5px}.dname span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dside.right .dname{justify-content:flex-end}.dhpwrap{height:16px;background:#0e0719;border:1px solid var(--border);border-radius:4px;overflow:hidden;transform:skewX(-14deg)}.dside.right .dhpwrap{transform:skewX(14deg);display:flex;justify-content:flex-end}.dhpfill{height:100%;transition:width .6s ease}.dhpfill.mefill{background:linear-gradient(90deg,#2dd4a0,#5cffb8);box-shadow:0 0 12px rgba(45,212,160,.7)}.dhpfill.foefill{background:linear-gradient(270deg,#ff9ab3,#ff5c8a);box-shadow:0 0 12px rgba(255,92,138,.6)}.dhpnum{font-size:1.05rem;font-weight:900;margin-top:3px}.dside.right .dhpnum{text-align:right}.dvs{align-self:center;font-weight:900;font-style:italic;font-size:1.05rem;padding-top:6px;background:linear-gradient(180deg,var(--gold),#ff9d5c);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(255,225,77,.3)}.dside.hit .dhpwrap{animation:dhit .9s ease}@keyframes dhit{0%,to{box-shadow:none}30%{box-shadow:0 0 26px rgba(255,92,138,.95)}}.ddmg{position:absolute;top:28px;font-size:1.5rem;font-weight:900;color:var(--wrong);text-shadow:0 0 16px rgba(255,92,138,.9);pointer-events:none;animation:ddmg 1.8s ease forwards;z-index:2}.ddmg.l{left:12%}.ddmg.r{right:12%}@keyframes ddmg{0%{opacity:0;transform:translateY(8px) scale(.6)}22%{opacity:1;transform:translateY(-10px) scale(1.25)}70%{opacity:1;transform:translateY(-24px) scale(1)}to{opacity:0;transform:translateY(-36px) scale(.95)}}.dhud-sudden{width:100%;margin-top:4px}.hpbar{flex:1 1;height:14px;background:#0e0719;border-radius:999px;overflow:hidden;border:1px solid var(--border)}.hpbar div{height:100%;transition:width .6s ease}.hp-me div{background:linear-gradient(90deg,#2dd4a0,#5cffb8);box-shadow:0 0 10px #2dd4a0}.hp-foe{transform:scaleX(-1)}.hp-foe div{background:linear-gradient(90deg,#ff5c8a,#ff9ab3);box-shadow:0 0 10px #ff5c8a}.vs{font-weight:900;font-size:.8rem;margin:2px 0;background:linear-gradient(90deg,var(--na),var(--nb));-webkit-background-clip:text;background-clip:text;color:transparent}.dmg,.vs{text-align:center}.dmg{color:var(--wrong);font-weight:800;margin:6px 0 0;text-shadow:0 0 12px rgba(255,92,138,.6)}.winner{text-align:center;font-size:1.3rem;margin:18px 0}.winner b{background:linear-gradient(90deg,var(--gold),#ff9a3d);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-links{display:flex;gap:18px;margin-top:14px;font-size:.9rem}.auth-links a{color:var(--nb);cursor:pointer}.auth-links a:hover{text-decoration:underline}.sound-btn{background:var(--card-hover);border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:1rem;cursor:pointer;line-height:1.4}.sound-btn:hover{border-color:var(--na)}select.inp{width:100%;padding:11px 36px 11px 12px;border-radius:9px;border:1px solid var(--border);background-color:#0e0719;color:var(--text);font-size:.92rem;margin:6px 0;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:linear-gradient(45deg,transparent 49%,var(--nb) 51%),linear-gradient(135deg,var(--nb) 49%,transparent 51%);background-position:calc(100% - 19px) 55%,calc(100% - 13px) 55%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}select.inp:hover{border-color:var(--na);box-shadow:0 0 10px rgba(200,107,255,.25)}select.inp option{background:#150b26;color:var(--text)}.selrow{display:flex;gap:10px}.selrow>div{flex:1 1}.code-big{font-size:1.7rem;font-weight:900;letter-spacing:.35em;text-align:center;color:var(--nb);background:#0e0719;border:1px dashed var(--nb);border-radius:10px;padding:12px 0;margin:8px 0;text-shadow:0 0 16px rgba(92,225,255,.6);cursor:pointer}.code-big:hover{border-style:solid}.ok-msg{color:var(--right);font-size:.9rem;margin-top:8px}.btn.back{margin-top:22px}.btn.giveup{width:auto;display:block;margin:4px auto 0;padding:8px 18px;font-size:.85rem;color:var(--muted)}.btn.giveup:hover{color:var(--wrong);border-color:var(--wrong)}.code-toggle{display:block;width:100%;background:rgba(92,225,255,.07);border:1.5px dashed var(--nb);border-radius:12px;color:var(--text);font-size:.92rem;font-weight:600;padding:12px;cursor:pointer;margin-bottom:16px;box-shadow:0 0 14px rgba(92,225,255,.12)}.code-toggle:hover{background:rgba(92,225,255,.14);box-shadow:0 0 20px rgba(92,225,255,.25)}.joinrow{display:flex;gap:8px}.joinrow input{margin:0;flex:1 1}.joinrow .btn{width:auto;padding:12px 18px}.ql{--q-cream:#f7e6ca;--q-gold:#e8d59e;--q-rose:#d9bbb0;--q-taupe:#ad9c8e;--q-ink:#33291f;--q-mocca:#6e5f50;--q-card:#fbf4e6;--q-line:#e4d4bc;--q-white:#fffdf8;--font-display:"Fraunces",Georgia,serif;--font-ui:"Figtree",system-ui,sans-serif;background:var(--q-cream);color:var(--q-ink);min-height:100vh;font-family:var(--font-ui);color-scheme:light}.qlwrap{max-width:520px;margin:0 auto;padding:18px 18px 96px}.qltop{position:-webkit-sticky;position:sticky;top:0;z-index:45;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin:-18px -18px 0;padding:12px 18px 10px;background:hsla(37,74%,88%,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.qltop .qlbrand{grid-column:2}.qltop .qllang{grid-column:3;justify-self:end}.ql .lang-toggle a.active{color:var(--q-ink)}.ql .lang-toggle,.qltop .lang-toggle{color:var(--q-mocca)}.qlbrand{font-family:var(--font-display),serif;font-size:1.45rem;letter-spacing:2.5px;font-weight:500;text-align:center}.qlbrand small{display:block;font-family:var(--font-ui);font-size:.56rem;letter-spacing:2.5px;color:var(--q-mocca);text-transform:uppercase;margin-top:2px}.qlacts{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px 0 10px}.qlprev{font-size:.8rem;color:var(--q-taupe)}.qlcur,.qlprev{white-space:nowrap}.qlcur{font-family:var(--font-display),serif;font-size:1.35rem;font-weight:500}.qlarr{background:none;border:none;color:var(--q-mocca);cursor:pointer;padding:6px}.qldots{display:flex;gap:6px;justify-content:center;margin-bottom:14px}.qldots i{width:5px;height:5px;border-radius:50%;background:var(--q-taupe);opacity:.35}.qldots i.on{opacity:1;background:var(--q-ink)}.qlvideo{position:relative;height:min(68vh,640px);width:min(100%,calc(min(68vh, 640px) * .5625));margin:0 auto;border-radius:22px;overflow:hidden;display:flex;align-items:center;justify-content:center;box-shadow:0 16px 40px rgba(51,41,31,.18);transition:height .45s ease,width .45s ease}.qlvideo.min{height:110px;width:100%}.qlvideo.min video{object-position:top}.qlvideo.min .qlhintarr{display:none}.qlvideo.min .qlside{width:30px;height:30px}.qlvideo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.qlstart{position:relative;z-index:1;display:flex;align-items:center;background:var(--q-ink);color:var(--q-cream);border:none;border-radius:999px;padding:14px 30px;font-size:1rem;font-weight:600;font-family:var(--font-ui);cursor:pointer;box-shadow:0 10px 28px rgba(51,41,31,.35)}.qlbpm{margin:20px 2px 4px}.qlbpm .lab{display:flex;justify-content:space-between;align-items:baseline;font-size:.8rem;color:var(--q-mocca);margin-bottom:10px}.qlbpm .lab b{font-family:var(--font-display),serif;font-size:1.05rem;color:var(--q-ink)}.qlbpm .trackwrap{position:relative;height:28px}.qlbpm .track{top:11px;left:0;right:0;height:6px;background:var(--q-line)}.qlbpm .band,.qlbpm .track{position:absolute;border-radius:3px}.qlbpm .band{top:0;bottom:0;background:var(--q-gold)}.qlbpm .knob{position:absolute;top:50%;transform:translate(-50%,-50%);width:24px;height:24px;border-radius:50%;background:var(--q-ink);border:3px solid var(--q-white);box-shadow:0 2px 8px rgba(51,41,31,.3);pointer-events:none}.qlbpm input[type=range]{position:absolute;inset:0;width:100%;opacity:0;cursor:pointer;margin:0;height:28px}.qlbpm .ticks{display:flex;justify-content:space-between;font-size:.62rem;color:var(--q-taupe);margin-top:2px}.qlbpm .recnote{font-size:.68rem;letter-spacing:1px;text-transform:uppercase;color:var(--q-mocca);text-align:center;margin-top:6px}.qlchips{display:flex;flex-wrap:wrap;gap:7px;justify-content:center;margin:12px 0 4px}.qlchips .chip{background:var(--q-white);border:1px solid var(--q-line);color:var(--q-mocca);border-radius:999px;padding:7px 14px;font-size:.78rem;font-weight:600;font-family:var(--font-ui);cursor:pointer}.qlchips .chip.on{background:var(--q-gold);border-color:var(--q-gold);color:var(--q-ink)}.qlsong{display:flex;align-items:center;gap:12px;background:var(--q-card);border:1px solid var(--q-line);border-radius:16px;padding:10px 12px;margin-top:14px}.qlsong img{width:52px;height:52px;border-radius:10px}.qlsong .ti{flex:1 1;min-width:0}.qlsong .ti b{display:block;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.qlsong .ti span{font-size:.76rem;color:var(--q-mocca)}.qlsong .bpmtag{font-size:.7rem;color:var(--q-mocca);border:1px solid var(--q-line);border-radius:999px;padding:3px 8px;white-space:nowrap}.qlheart{background:none;border:none;color:var(--q-ink);cursor:pointer;padding:4px}.qlheart.on svg{fill:var(--q-rose);stroke:var(--q-rose)}.qlgo{color:var(--q-mocca);display:flex}.qlplay{display:flex;gap:10px;margin-top:14px}.qlbtn{flex:1 1;display:flex;align-items:center;justify-content:center;background:transparent;color:var(--q-ink);border:1.5px solid var(--q-taupe);border-radius:999px;padding:13px 10px;font-weight:600;font-size:.88rem;font-family:var(--font-ui);cursor:pointer}.qlbtn.primary{background:var(--q-ink);color:var(--q-cream);border-color:var(--q-ink)}.qlapple{display:block;text-align:center;margin-top:14px;font-size:.82rem;color:var(--q-mocca);text-decoration:none}.qlapple b{color:var(--q-ink)}.qllist{margin-top:20px}.qlh2{font-family:var(--font-display),serif;font-size:1.2rem;font-weight:500;margin-bottom:6px}.qlhint{font-size:.84rem;color:var(--q-mocca);line-height:1.6}.qlsheet-bg{position:fixed;inset:0;background:rgba(51,41,31,.35);display:flex;align-items:flex-end;justify-content:center;z-index:50}.qlsheet{background:var(--q-card);border-radius:26px 26px 0 0;padding:26px 22px 30px;max-width:520px;width:100%;text-align:center}.qlsheet .hearts{display:flex;align-items:center;justify-content:center;margin-bottom:8px;color:var(--q-ink)}.qlsheet .hearts .filled svg{fill:var(--q-rose);stroke:var(--q-rose)}.qlsheet .qlhint{margin:6px 0 16px}.qllater{background:none;border:none;color:var(--q-mocca);font-size:.76rem;margin-top:14px;cursor:pointer;text-decoration:underline;font-family:var(--font-ui)}.qlnav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:var(--q-card);border-top:1px solid var(--q-line);padding:10px 8px calc(12px + env(safe-area-inset-bottom));z-index:40}.qlnav a,.qlnav button{display:flex;flex-direction:column;align-items:center;gap:3px;background:none;border:none;color:var(--q-taupe);font-size:.64rem;font-weight:600;font-family:var(--font-ui);cursor:pointer;text-decoration:none}.qlnav .on{color:var(--q-ink)}.qlcourtesy{text-align:center;font-size:.62rem;color:var(--q-taupe);margin-top:22px}.qlhintarr{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);width:34px;height:34px;border-radius:50%;background:rgba(255,253,248,.78);color:var(--q-ink);display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:qlbounce 2s ease-in-out infinite;pointer-events:none}@keyframes qlbounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,6px)}}.qlside{position:absolute;top:50%;width:38px;height:38px;border-radius:50%;background:rgba(255,253,248,.78);color:var(--q-ink);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2}.qlside.l{left:10px;animation:qlnudgeL 2.4s ease-in-out infinite}.qlside.r{right:10px;animation:qlnudgeR 2.4s ease-in-out infinite}@keyframes qlnudgeL{0%,to{transform:translateY(-50%)}50%{transform:translate(-5px,-50%)}}@keyframes qlnudgeR{0%,to{transform:translateY(-50%)}50%{transform:translate(5px,-50%)}}.qlprev{cursor:pointer}.qlnav{align-items:flex-end}.qlnav .qlfab{width:58px;height:58px;border-radius:50%;background:var(--q-ink);color:var(--q-cream)!important;font-family:var(--font-display),serif;font-size:1.25rem;font-weight:500;letter-spacing:1px;border:3px solid var(--q-gold)!important;margin-top:-30px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 22px rgba(51,41,31,.35);cursor:pointer}.qlnav .qlfab.on{box-shadow:0 8px 22px rgba(51,41,31,.35),0 0 0 4px hsla(45,62%,76%,.45)}.qlquiz{gap:12px;margin-top:18px;background:linear-gradient(135deg,var(--q-card),var(--q-white));border:1px solid var(--q-line);border-radius:18px;padding:14px 16px;text-decoration:none;color:var(--q-ink)}.qlquiz,.qlquiz-ic{display:flex;align-items:center}.qlquiz-ic{flex-shrink:0;width:44px;height:44px;border-radius:50%;background:var(--q-gold);justify-content:center}.qlquiz-tx{flex:1 1;min-width:0}.qlquiz-tx b{font-family:var(--font-display),serif;font-weight:500;font-size:1rem;display:block;margin-bottom:2px}.qlquiz-tx span{font-size:.78rem;color:var(--q-mocca);line-height:1.45;display:block}.qlquiz-go{color:var(--q-mocca);flex-shrink:0}.ql.qz{--bg:#f7e6ca;--card:#fbf4e6;--card-hover:#fffdf8;--border:#e4d4bc;--text:#33291f;--muted:#6e5f50;--na:#33291f;--nb:#8a6a1f;--gold:#8a6a1f;--right:#3f7d4e;--wrong:#b3564d;--icon-a:#33291f;--icon-b:#ad9c8e;font-family:var(--font-ui)}.qz .wrap{max-width:560px}.qz h1 .logo-text{font-family:var(--font-display),serif;font-weight:500;letter-spacing:2px}.qz h1 .logo-text em{background:var(--q-ink);-webkit-background-clip:text;background-clip:text}.qz .eq i{background:linear-gradient(180deg,var(--q-ink),var(--q-taupe))}.qz .beta-badge{color:#8a6a1f;border-color:rgba(138,106,31,.45);box-shadow:none}.qz .sficon{filter:none}.qz .sub{font-weight:500}.qz .card{border-radius:18px}.qz .inp,.qz input[type=email],.qz input[type=password],.qz input[type=text],.qz select{background:var(--q-white);border-color:var(--q-line);color:var(--q-ink)}.qz input:focus{outline:2px solid var(--q-taupe)!important}.qz .btn{background:var(--q-ink);color:var(--q-cream);border-radius:999px;box-shadow:0 10px 24px rgba(51,41,31,.18);font-weight:700}.qz .btn:hover{filter:brightness(1.15)}.qz .btn.secondary{background:transparent;color:var(--q-ink);border:1.5px solid var(--q-taupe);box-shadow:none}.qz .option{background:var(--q-white);border-radius:14px;font-weight:600}.qz .option.selected{border-color:var(--q-ink);background:var(--q-card);box-shadow:none;font-weight:700}.qz .option.correct{border-color:#3f7d4e;background:#edf4ec;box-shadow:none;color:#2c5e3a}.qz .option.wrong{border-color:#c98377;background:#f8ece8;color:#8e4038}.qz .nextbar,.qz .progress{background:var(--q-line)}.qz .nextbar>div,.qz .progress>div{background:linear-gradient(90deg,#e8d59e,#d9bbb0);box-shadow:none}.qz .points-badge{background:var(--q-gold);color:var(--q-ink);font-weight:800}.qz .pill{background:var(--q-white);border-color:var(--q-line);color:var(--q-mocca)}.qz .pill.gold{background:var(--q-gold);border-color:var(--q-gold);color:var(--q-ink);box-shadow:none}.qz .pill.dim{background:transparent}.qz .av{box-shadow:none;color:var(--q-cream)}.qz .avc1{background:#ad9c8e}.qz .avc2{background:#c9a86a}.qz .avc3{background:#c98377}.qz .avc4{background:#8a6a1f}.qz .avc5{background:#6e5f50}.qz .tile{border-radius:18px}.qz .tile:hover:not(:disabled){border-color:var(--q-taupe);box-shadow:0 10px 22px rgba(51,41,31,.14)}.qz .tile.hero{border-color:var(--q-gold);box-shadow:0 10px 22px rgba(51,41,31,.1)}.qz .tile b{font-family:var(--font-display),serif;font-weight:500}.qz .duelhud{background:var(--q-card);border-color:var(--q-line)}.qz .dhpwrap{background:var(--q-white);border-color:var(--q-taupe)}.qz .dhpfill.mefill{background:linear-gradient(90deg,#c9a86a,#e8d59e);box-shadow:none}.qz .dhpfill.foefill{background:linear-gradient(270deg,#e3b6ac,#c98377);box-shadow:none}.qz .dvs{text-shadow:none;background:linear-gradient(180deg,#8a6a1f,#c9a86a);-webkit-background-clip:text;background-clip:text}.qz .ddmg,.qz .dmg{color:#b3564d;text-shadow:none}.qz .applemusic:hover{border-color:var(--q-taupe);box-shadow:none}.qz .ticker{background:var(--q-card)}.qz .demo-card{border-color:var(--q-gold);box-shadow:0 10px 24px rgba(51,41,31,.1)}.qz .auth-links a,.qz .legal h3,.qz .songrow a,.qz .terms a{color:#8a6a1f}.qz .lang-toggle a.active{color:var(--q-ink)}.qz .legalhint a{color:#8a6a1f}.qz .breakdown{background:var(--q-white)}.qz .q-label{font-family:var(--font-display),serif;font-weight:500;font-size:1.02rem}.qz .wrap{padding-bottom:110px}.qlregion{display:flex;justify-content:center;margin:-4px 0 10px}.qlregion select{color:var(--q-mocca);font-size:.78rem;font-weight:600;font-family:var(--font-ui);text-align:center;padding:2px 6px}.lang-toggle select,.qlregion select{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;cursor:pointer}.lang-toggle select{color:inherit;font:inherit;font-size:.8rem;padding:2px 4px}.ql .lang-toggle select{color:var(--q-mocca);font-weight:600}.ql .qlseo{max-width:680px;margin:0 auto;padding:28px 20px 130px;color:var(--q-mocca);font-family:var(--font-ui),sans-serif;font-size:14px;line-height:1.65}.ql .qlseo h1,.ql .qlseo h2{font-family:var(--font-display),serif;color:var(--q-ink);font-weight:500;line-height:1.25}.ql .qlseo h1{font-size:20px;margin:0 0 10px}.ql .qlseo h2{font-size:16px;margin:22px 0 8px}.ql .qlseo a{color:var(--q-ink);text-decoration:underline;-webkit-text-decoration-color:var(--q-gold);text-decoration-color:var(--q-gold);text-underline-offset:3px}.ql .qlseo ul{margin:8px 0;padding-left:18px}.ql .qlseo li{margin:4px 0}.ql .qlland{max-width:680px;margin:0 auto;padding:20px 20px 60px;color:var(--q-ink);font-family:var(--font-ui),sans-serif;font-size:16px;line-height:1.7}.ql .qlland header{display:flex;justify-content:space-between;align-items:center;padding:6px 0 22px}.ql .qlland .qllandbrand{font-family:var(--font-display),serif;font-size:20px;letter-spacing:.14em;color:var(--q-ink);text-decoration:none}.ql .qlland .qllandlang{font-size:13px;color:var(--q-mocca);text-decoration:underline;text-underline-offset:3px}.ql .qlland h1{font-size:28px;line-height:1.2;margin:0 0 16px}.ql .qlland h1,.ql .qlland h2{font-family:var(--font-display),serif;font-weight:500}.ql .qlland h2{font-size:19px;margin:28px 0 8px}.ql .qlland p{margin:0 0 14px;color:var(--q-mocca)}.ql .qlland a{color:var(--q-ink);text-decoration:underline;-webkit-text-decoration-color:var(--q-gold);text-decoration-color:var(--q-gold);text-underline-offset:3px}.ql .qlland .qllandbpm{background:var(--q-card);border:1px solid var(--q-line);border-radius:16px;padding:16px 18px;margin:20px 0}.ql .qlland .qllandbpm h2{margin-top:0}.ql .qlland .qllandsongs{list-style:none;margin:10px 0;padding:0;border:1px solid var(--q-line);border-radius:16px;background:var(--q-white);overflow:hidden}.ql .qlland .qllandsongs li{display:flex;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--q-line);font-size:14.5px}.ql .qlland .qllandsongs li:last-child{border-bottom:none}.ql .qlland .qllandsongs em{font-style:normal;color:var(--q-mocca);white-space:nowrap}.ql .qlland .qllandnote{font-size:13.5px}.ql .qlland .qllandcta{display:block;text-align:center;background:var(--q-ink);color:var(--q-cream);text-decoration:none;border-radius:999px;padding:15px 22px;margin:26px 0;font-weight:600}.ql .qlland .qllandmore ul{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 10px}.ql .qlland .qllandmore li a{display:inline-block;border:1px solid var(--q-line);background:var(--q-white);border-radius:999px;padding:7px 14px;font-size:13.5px;text-decoration:none;color:var(--q-ink)}.ql .qlland .qllandlangs{display:flex;gap:10px;flex-wrap:wrap}.ql .qlland .qllandlangs a{font-size:11.5px;letter-spacing:.08em;color:var(--q-mocca);text-decoration:none;border-bottom:1px solid var(--q-line);padding-bottom:1px}.ql .qlvideo .qlvidtitle{position:absolute;top:16px;left:0;right:0;text-align:center;font-family:var(--font-display),serif;font-weight:500;font-size:26px;letter-spacing:.06em;color:var(--q-cream);text-shadow:0 1px 14px rgba(0,0,0,.45),0 0 2px rgba(0,0,0,.35);pointer-events:none;z-index:2}.ql .qlvideo.min .qlvidtitle{top:50%;transform:translateY(-50%);font-size:19px}.ql .qllegal{text-align:center;font-size:12px;color:var(--q-mocca);margin:10px 0 2px}.ql .qllegal a{color:var(--q-mocca);text-decoration:underline;-webkit-text-decoration-color:var(--q-line);text-decoration-color:var(--q-line);text-underline-offset:3px}.ql .qlland .qllegal{margin-top:28px}