:root{--bg:#0d0b1a;--bg2:#161033;--fg:#f4f1ff;--muted:#9fb0c8;--accent:#ff5da2;--accent2:#5de2ff;--card:#1d1640;--lcd:#6cff9e;--metal:linear-gradient(180deg, #4a4f5e 0%, #30333f 8%, #1b1d25 60%, #101117 100%);--panel:linear-gradient(180deg, #23252e, #131419);--bevel:inset 1px 1px 0 #ffffff14, inset -1px -1px 0 #000000b3;--bevel-up:inset 0 1px 0 #ffffff38, 0 2px 6px #00000080;--mono:"Consolas", "Lucida Console", "SFMono-Regular", monospace;font-family:system-ui,-apple-system,Segoe UI,Tahoma,Roboto,sans-serif}html,body{color:var(--fg);margin:0}body{background:radial-gradient(900px 600px at 50% -10%,#1b1d25,#06070a)}.phone{flex-direction:column;gap:14px;max-width:520px;min-height:100vh;margin:0 auto;padding:16px;display:flex}.phone h1{margin:10px 0 4px;font-size:2.6rem}.phone h2{font-family:var(--mono);color:var(--lcd);text-shadow:0 0 8px #6cff9e59;margin:0;font-size:1.6rem}.phone.center,.center{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;display:flex}.small{font-size:.85rem}.error{color:#ffb3d1;box-shadow:var(--bevel);background:#3a1030;border:1px solid #000;border-radius:6px;padding:12px}.phone__head{background:var(--metal);box-shadow:var(--bevel-up);font-family:var(--mono);color:var(--lcd);text-shadow:0 0 6px #6cff9e4d;border:1px solid #000;border-radius:6px;align-items:center;gap:10px;padding:8px 12px;font-weight:700;display:flex}.me{object-fit:cover;border:1px solid #000;border-radius:4px;width:34px;height:34px}.field{flex-direction:column;gap:6px;display:flex}.field span{color:var(--muted);font-size:.9rem}.field input{color:var(--lcd);font-size:1.2rem;font-family:var(--mono);letter-spacing:.06em;box-shadow:var(--bevel);background:#0c0d11;border:1px solid #000;border-radius:6px;padding:14px}.field input::placeholder{color:#47506a}.field input:focus{box-shadow:var(--bevel), 0 0 0 2px var(--accent2);outline:none}.selfie{flex-direction:column;align-items:center;gap:10px;display:flex}.selfie__stage{cursor:pointer;width:220px;height:220px;box-shadow:var(--bevel);background:#000;border:1px solid #000;border-radius:6px;padding:0;position:relative;overflow:hidden}.selfie__stage:disabled{cursor:default;background:0 0}.selfie__video,.selfie__preview{object-fit:cover;width:220px;height:220px;display:block;transform:scaleX(-1)}.selfie__matte{pointer-events:none;width:220px;height:220px;position:absolute;inset:0;transform:scaleX(-1)}.selfie__hint{text-align:center;color:#fff;text-shadow:0 1px 3px #000;pointer-events:none;font-size:.8rem;position:absolute;bottom:8px;left:0;right:0}.selfie__color{color:var(--muted);align-items:center;gap:8px;font-size:.9rem;display:flex}.selfie__color input{cursor:pointer;background:0 0;border:none;width:40px;height:30px;padding:0}.vote{flex-direction:column;flex:1;gap:12px;display:flex}.vote__btn{text-align:left;background:var(--panel);color:var(--fg);cursor:pointer;box-shadow:var(--bevel);border:1px solid #000;border-radius:6px;flex-direction:column;gap:4px;padding:18px;transition:box-shadow .15s;display:flex;position:relative}.vote__btn:active{box-shadow:inset 2px 2px 5px #000c}.vote__btn:disabled{opacity:.55}.vote__btn--mine{box-shadow:var(--bevel), 0 0 0 2px var(--accent2), 0 0 18px #5de2ff4d}.vote__year{font-family:var(--mono);color:var(--accent2);font-size:2rem;font-weight:800}.vote__title{font-family:var(--mono);color:var(--lcd);text-shadow:0 0 6px #6cff9e4d;font-size:1.3rem;font-weight:700}.vote__artist{color:var(--muted)}.vote__tag{background:var(--accent2);color:#06222b;border-radius:4px;padding:4px 8px;font-size:.75rem;font-weight:700;position:absolute;top:12px;right:12px}.leader-ctl{background:var(--metal);box-shadow:var(--bevel-up);border:1px solid #000;border-radius:8px;flex-direction:column;gap:12px;padding:14px;display:flex}.leader-ctl__title{font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--lcd);text-shadow:0 0 8px #6cff9e66;font-size:.95rem;font-weight:700}.leader-ctl__audio{gap:8px;display:flex}.leader-ctl__audio .btn{flex:1}.timeline{flex-direction:column;gap:6px;display:flex}.timeline--idle{text-align:center;padding:10px 0}.timeline__labels{height:1rem;position:relative}.timeline__marker-label{font-family:var(--mono);color:var(--lcd);text-shadow:0 0 6px #6cff9e66;white-space:nowrap;pointer-events:none;font-size:.75rem;font-weight:700;position:absolute;bottom:0;transform:translate(-50%)}.timeline__track{height:36px;box-shadow:var(--bevel);background:#0c0d11;border:1px solid #000;border-radius:6px;position:relative}.timeline__track--touch{cursor:pointer;touch-action:none}.timeline__clip{border-left:1px solid var(--lcd);border-right:1px solid var(--lcd);background:#6cff9e1a;position:absolute;top:0;bottom:0}.timeline__fill{pointer-events:none;background:linear-gradient(#6cff9e59,#6cff9e1f);border-radius:6px 0 0 6px;position:absolute;top:0;bottom:0;left:0}.timeline__head{background:var(--lcd);width:4px;box-shadow:0 0 8px var(--lcd);pointer-events:none;border-radius:2px;margin-left:-2px;position:absolute;top:-3px;bottom:-3px}.timeline__marker{background:var(--accent2);border:none;width:2px;margin-left:-1px;padding:0;position:absolute;top:0;bottom:0}.timeline__marker--tap{cursor:pointer;background:0 0;width:16px;margin-left:-8px}.timeline__marker--tap:before{content:"";background:var(--accent2);width:2px;position:absolute;top:0;bottom:0;left:7px}.timeline__time{font-family:var(--mono);justify-content:space-between;display:flex}.confirm{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:12px;display:flex}.btn:disabled{opacity:.45;box-shadow:var(--bevel)}.btn--primary{color:#2a0714;background:linear-gradient(#ff7db6,#ff3d92);font-weight:800}.btn--lock{color:#04222b;background:linear-gradient(#7df0ff,#2fd0ef);font-weight:800}.btn.ghost{color:var(--muted);box-shadow:none;background:0 0;border-color:#0000;margin-top:12px;font-weight:500}.btn.ghost:active{box-shadow:none;transform:none}.big{padding:18px;font-size:1.2rem}:root{--bg:#0d0b1a;--bg2:#161033;--fg:#f4f1ff;--muted:#9a93c4;--accent:#ff5da2;--accent2:#5de2ff;--ok:#57e389;--wait:#ffd166;--card:#1d1640;--lcd:#6cff9e;--metal:linear-gradient(180deg, #4a4f5e 0%, #30333f 8%, #1b1d25 60%, #101117 100%);--panel:linear-gradient(180deg, #23252e, #131419);--bevel:inset 1px 1px 0 #ffffff14, inset -1px -1px 0 #000000b3;--bevel-up:inset 0 1px 0 #ffffff38, 0 2px 6px #00000080;--mono:"Consolas", "Lucida Console", "SFMono-Regular", monospace;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--fg);background:radial-gradient(1400px 900px at 50% -10%,#1b1d25,#06070a)}.center{place-items:center;height:100%;font-size:1.5rem;display:grid}.muted{color:var(--muted)}.code{letter-spacing:.3em;color:var(--lcd);font-size:1.4em;font-family:var(--mono);box-shadow:var(--bevel);text-shadow:0 0 8px #6cff9e66;background:#0c0d11;border:1px solid #000;border-radius:6px;padding:2px 12px}.screen{flex-direction:column;gap:2vh;height:100%;padding:3vh 4vw;display:flex}.screen h1{margin:0;font-size:4rem}.screen h2{margin:0;font-size:2.4rem}.big-score{font-size:2rem}.btn{color:var(--fg);cursor:pointer;box-shadow:var(--bevel-up);background:linear-gradient(#3a3e4a,#23252e);border:1px solid #000;border-radius:8px;padding:12px 22px;font-size:1.1rem;font-weight:600}.btn:hover{filter:brightness(1.12)}.btn:active{transform:translateY(1px);box-shadow:inset 2px 2px 5px #000c}.btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:var(--bevel)}.lobby.xp-login{color:#fff;background:linear-gradient(#0a3d91 0%,#1655a8 6%,#3f7fc4 14%,#5b96d1 42%,#6ba3d6 50%,#5b96d1 58%,#3f7fc4 86%,#1655a8 94%,#0a3d91 100%);justify-content:space-between;gap:0;padding:0}.xp-login__rule{background:linear-gradient(90deg,#fff0 0%,#d6eafff2 50%,#fff0 100%);flex:none;height:4px;position:relative;box-shadow:0 0 12px #b4dcffd9}.xp-login__rule:before{content:"";background:linear-gradient(90deg,#ffb54700 2%,#ffb547d9 22%,#ffb54700 46%);position:absolute;inset:0}.xp-login__rule--top{margin-top:7vh}.xp-login__rule--bottom{margin-bottom:2vh}.xp-login__main{flex:1;justify-content:center;align-items:center;gap:5vw;padding:4vh 6vw;display:flex}.xp-login__brand{text-align:center;flex-direction:row;align-items:center;gap:2.5vw;display:flex}.xp-login__join{flex-direction:column;align-items:center;gap:14px;display:flex}.xp-login__logo{text-align:left;font-size:4.6rem}.wordart__line{width:fit-content;display:block}.wordart{text-transform:uppercase;letter-spacing:.01em;background:linear-gradient(#ffe14d 0%,#ff7a1a 24%,#ff2f6d 46%,#a92fff 66%,#2f7bff 86%,#22d3d3 100%);color:#0000;-webkit-text-stroke:2.5px #12005e;paint-order:stroke fill;filter:drop-shadow(2px 2px #12005e)drop-shadow(4px 4px #00000080)drop-shadow(7px 7px 7px #00000059);-webkit-background-clip:text;background-clip:text;font-family:Impact,Franklin Gothic Bold,Haettenschweiler,Arial Black,sans-serif;font-style:normal;font-weight:900;line-height:.85;transform:skewY(-3deg)rotate(-2deg)}.xp-login__welcome{color:#eaf3ff;text-shadow:0 1px 3px #0000004d;margin:0;font-size:1.4rem}.xp-login__code{color:#eaf3ff;margin:0;font-size:1.2rem}.qr{text-align:center;background:#fff;border:1px solid #16418a;border-radius:8px;padding:14px;box-shadow:0 6px 18px #00000059}.qr__url{color:#222;word-break:break-all;max-width:260px;margin-top:8px;font-size:.9rem}.xp-login__vrule{background:linear-gradient(#fff0,#d6eaffb3 50%,#fff0);align-self:stretch;width:2px;margin:5vh 0}.xp-login__users{flex-flow:column wrap;gap:6px 24px;max-height:60vh;display:flex}.xp-login__users .muted{color:#dbe9ff}.xp-user{border-radius:6px;align-items:center;gap:14px;padding:8px 16px;transition:background .15s;display:flex}.xp-user:hover{background:#ffffff1f}.xp-user__name{text-shadow:0 1px 3px #0000004d;font-size:1.5rem;font-weight:600}.xp-login__foot{justify-content:space-between;align-items:center;padding:0 6vw 4vh;display:flex}.xp-login__foot .btn{color:#fff;text-shadow:0 1px 2px #0000004d;background:linear-gradient(#8fd35a 0%,#5ca82f 50%,#4a8f26 100%);border:1px solid #2f6415;border-radius:10px;padding:14px 28px;font-size:1.2rem;font-weight:800;box-shadow:inset 0 1px #ffffff80,0 2px 6px #00000059}.xp-login__foot .btn:hover{filter:brightness(1.08)}.xp-login__foot .btn:active{transform:translateY(1px)}.xp-login__foot .btn:disabled{opacity:.5;filter:grayscale(.4)}.avatar{background:var(--card);border:3px solid #0000;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar--cut{background:0 0;border:none;border-radius:0;overflow:visible}.avatar--cut.avatar--leader{box-shadow:none;border:none}.avatar--leader{border-color:var(--accent);box-shadow:0 0 0 4px #ff5da24d}.avatar--off{opacity:.4;filter:grayscale()}.avatar__initials{font-weight:700}.avatar__name{text-align:center;color:#fff;text-shadow:0 1px 3px #000,0 0 2px #000;white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;font-weight:700;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.leader-badge{align-items:center;gap:16px;display:flex}.leader-badge__label{color:var(--fg);font-size:1.1rem;font-weight:700}.leader-badge__spinner{border:3px solid #ffffff40;border-top-color:var(--wait);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;display:inline-block}.leader-badge__light{background:var(--ok);width:14px;height:14px;box-shadow:0 0 8px var(--ok);border-radius:50%;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.timeline--screen{pointer-events:none;width:100%}.timeline--screen .timeline__track{background:#ffffff1f;border-radius:3px;height:6px;position:relative}.timeline--screen .timeline__clip{background:#ffffff1a;position:absolute;top:0;bottom:0}.timeline--screen .timeline__fill{background:var(--accent);border-radius:3px 0 0 3px;position:absolute;top:0;bottom:0;left:0}.timeline--screen .timeline__head{background:var(--accent);border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:-4px;bottom:-4px}.timeline--screen .timeline__marker{background:#ffffff4d;width:1px;margin-left:-.5px;position:absolute;top:0;bottom:0}.match__title-round{color:var(--accent2);font-size:.4em;font-weight:700}.reveal__round{justify-items:center;gap:.2em;display:grid}.reveal__round .match__title-round{color:var(--accent2)}@keyframes title-sweep{0%{opacity:0;transform:scale(.7)}15%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.15)}}.countdown{z-index:2;pointer-events:none;text-align:center;position:fixed;top:2vh;left:50%;transform:translate(-50%)}.countdown__num{color:var(--accent);text-shadow:0 6px 40px #0009;font-size:16rem;font-weight:900;line-height:1;animation:1s ease-out forwards countdown-pop;display:inline-block}@keyframes countdown-pop{0%{opacity:0;transform:scale(1.8)}20%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(1)}}.match__bg{z-index:0;display:flex;position:fixed;inset:0}.match__bg-half{flex:1;position:relative;overflow:hidden}.match__bg-img{filter:blur(60px)saturate(1.3)brightness(.45);background-position:50%;background-size:cover;transition:filter .4s;position:absolute;inset:-10%}.match__bg-half--playing .match__bg-img{filter:blur(55px)saturate(1.8)brightness(.8)}.match__bg-half--dimmed .match__bg-img{filter:blur(60px)saturate(.7)brightness(.2)}.match__body{z-index:1;flex:1;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:2vw;padding-bottom:150px;display:grid;position:relative}.matchup-col{flex-direction:column;justify-self:center;gap:2vh;display:flex}.matchup-col--right{text-align:right}.matchup{aspect-ratio:1;background:var(--card);border-radius:24px;width:min(42vw,70vh);transition:box-shadow .4s,transform .4s;position:relative;overflow:hidden}.matchup-col--win .matchup{box-shadow:0 0 0 6px var(--ok), 0 0 60px var(--ok)}.matchup__bg{z-index:0;background-position:50%;background-size:cover;transition:filter .4s;position:absolute;inset:0}.matchup-col:not(.matchup-col--right) .matchup__bg{view-transition-name:hero-a}.matchup-col--right .matchup__bg{view-transition-name:hero-b}html[data-vt=to-matchup] .match--intro .matchup__bg{view-transition-name:none}.matchup:after{content:"";z-index:1;background:linear-gradient(#0000001a,#000000a6);position:absolute;inset:0}.matchup-col--dimmed .matchup__bg{filter:brightness(.4)saturate(.8)}.matchup-col--dimmed{opacity:.85}.matchup-col--playing .matchup{transform:translateY(-6px)}.matchup__year{color:var(--accent2);font-size:6rem;font-weight:900;line-height:1}.matchup__title{font-size:2rem;font-weight:700}.matchup__artist{color:var(--muted);font-size:1.3rem}.matchup>.voters{pointer-events:none;z-index:4;margin:0;position:absolute;inset:0}.stamp{position:absolute}.vs{color:var(--muted);align-self:center;font-size:2rem;font-weight:800}.match__footer{z-index:3;background:linear-gradient(#4a4f5e 0%,#30333f 6%,#1b1d25 55%,#101117 100%);border-top:2px solid #6a6f82;grid-template-columns:1fr auto 1fr;align-items:stretch;gap:6px;padding:8px;font-family:Segoe UI,Tahoma,system-ui,sans-serif;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:inset 0 1px #ffffff40,0 -8px 28px #0000008c}.wa-deck{background:linear-gradient(#23252e,#131419);border:1px solid #000;border-radius:4px;flex-direction:column;justify-content:center;gap:8px;min-width:0;padding:10px 16px;transition:opacity .4s,filter .4s,box-shadow .4s;display:flex;box-shadow:inset 1px 1px #ffffff14,inset -1px -1px #000000b3}.wa-deck--b{text-align:right}.wa-deck--dimmed{opacity:.5;filter:saturate(.6)brightness(.7)}.wa-deck--playing{box-shadow:inset 0 0 0 1px var(--accent2), inset 1px 1px 0 #ffffff14, 0 0 18px #5de2ff40}.wa-deck__title{letter-spacing:.02em;color:#6cff9e;text-shadow:0 0 8px #6cff9e73;white-space:nowrap;text-overflow:ellipsis;font-family:Consolas,Lucida Console,monospace;font-size:1.5rem;font-weight:700;overflow:hidden}.wa-deck__artist{color:#9fb0c8;white-space:nowrap;text-overflow:ellipsis;font-size:1rem;overflow:hidden}.wa-dj{background:linear-gradient(#2a2d36,#131419);border:1px solid #000;border-radius:4px;justify-content:center;align-items:center;padding:6px 22px;display:flex;box-shadow:inset 1px 1px #ffffff14,inset -1px -1px #000000b3}.matchup__lock{z-index:2;background:linear-gradient(#262932,#14151b);border-radius:24px;place-items:center;display:grid;position:absolute;inset:0}.matchup__lock-year{font-family:var(--mono);color:var(--accent2);opacity:.55;text-shadow:0 0 16px #5de2ff80;grid-area:1/1;font-size:7rem;font-weight:800}.matchup__lock-icon{filter:drop-shadow(0 4px 8px #000000b3);grid-area:1/1;font-size:9rem;line-height:1}.match--intro .matchup__lock-icon{animation:.5s 1s both lock-pop}.match--intro .matchup-col--right .matchup__lock-icon{animation-delay:2.7s}.match--intro .matchup__lock{animation:.7s cubic-bezier(.5,0,.2,1) 1.5s both lock-lift}.match--intro .matchup-col--right .matchup__lock{animation-delay:3.2s}.match--intro .matchup__year{animation:.6s 2.1s both year-in}.match--intro .matchup-col--right .matchup__year{animation-delay:3.8s}.match--intro .match__footer{animation:.6s cubic-bezier(.22,1,.36,1) 4.2s both footer-slide}@keyframes lock-pop{0%{transform:scale(1)rotate(0)}50%{transform:scale(1.25)rotate(-8deg)}70%{transform:scale(1.15)rotate(6deg)}to{transform:scale(1.1)rotate(0)}}@keyframes lock-lift{0%{transform:translateY(0)}to{transform:translateY(-102%)}}@keyframes year-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes footer-slide{0%{transform:translateY(110%)}to{transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.match--intro .matchup__lock{display:none}.match--intro .matchup__year,.match--intro .match__footer{animation:none}}.reveal,.champion{text-align:center;justify-content:center;align-items:center}.reveal__bg{z-index:0;filter:blur(60px)saturate(1.5)brightness(.45);background-position:50%;background-size:cover;position:fixed;inset:0}.reveal>h2,.reveal__winner,.reveal .big-score{z-index:1;position:relative}.reveal__winner,.champion__card{background:var(--card);border-radius:24px;margin:2vh 0;padding:4vh 6vw}.champion__crown{letter-spacing:.4em;color:var(--accent);font-size:2rem}.champion h1{font-size:5rem}.btn--primary{color:#2a0714;background:linear-gradient(#ff7db6,#ff3d92);border-color:#000;font-weight:800}footer{justify-content:center;display:flex}.reveal__art,.champion__art{object-fit:cover;border-radius:18px;width:260px;height:260px;margin-bottom:12px}.bracket-stage{z-index:0;background:radial-gradient(1400px 900px,#1b1d25,#06070a);position:fixed;inset:0;overflow:hidden}.bracket-canvas{transform-origin:0 0;transition:transform 1.2s cubic-bezier(.5,0,.2,1);position:absolute;inset:0}.bracket-lines{width:100%;height:100%;position:absolute;inset:0}.bracket-lines line{stroke:#78a0be2e;stroke-width:2px}.bnode{aspect-ratio:1;background:var(--panel);box-shadow:var(--bevel), 0 2px 8px #00000080;border:1px solid #000;border-radius:4px;position:absolute;overflow:hidden;transform:translate(-50%,-50%);container-type:inline-size}.bnode__art{background-position:50%;background-size:cover;position:absolute;inset:0}.bnode__locked{background:linear-gradient(#262932,#14151b);place-items:center;display:grid;position:absolute;inset:0}.bnode__year{font-family:var(--mono);color:var(--accent2);opacity:.55;text-shadow:0 0 6px #5de2ff66;grid-area:1/1;font-size:38cqw;font-weight:800}.bnode__lock{filter:drop-shadow(0 2px 4px #000000b3);grid-area:1/1;font-size:44cqw;line-height:1}.bnode__empty{background:repeating-linear-gradient(45deg,#0000,#0000 4px,#ffffff0a 4px 8px);position:absolute;inset:0}.bnode--hero{z-index:5;box-shadow:0 0 0 3px var(--accent2), 0 6px 24px #0009}.bnode--win{z-index:6;box-shadow:0 0 0 4px var(--ok), 0 0 44px var(--ok)}.bnode--lose{filter:grayscale()brightness(.5);opacity:.5}.bnode--appear{z-index:6;box-shadow:0 0 0 4px var(--accent2), 0 0 44px var(--accent2);animation:.6s cubic-bezier(.22,1,.36,1) bnode-pop}@keyframes bnode-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.2)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.round-banner{z-index:4;pointer-events:none;font-family:var(--mono);text-align:center;color:var(--lcd);text-shadow:0 0 30px #6cff9e80,0 4px 24px #000000b3;place-content:center;justify-items:center;gap:.2em;font-size:5rem;font-weight:800;animation:4.5s forwards title-sweep;display:grid;position:fixed;inset:0}.xp-dialog__backdrop{z-index:5;background:#0006;place-items:center;animation:.2s fade-in;display:grid;position:fixed;inset:0}.xp-dialog{color:#1a1a1a;background:#ece9d8;border:1px solid #0831d9;border-radius:8px 8px 3px 3px;width:min(560px,82vw);font-family:Tahoma,Segoe UI,sans-serif;animation:.25s cubic-bezier(.22,1,.36,1) dialog-pop;overflow:hidden;box-shadow:0 14px 50px #0000008c}.xp-dialog__titlebar{color:#fff;text-shadow:0 1px 2px #00000073;background:linear-gradient(#0997ff 0%,#0053ee 9%,#0050e8 50%,#0246d6 100%);padding:6px 12px;font-size:1.15rem;font-weight:700}.xp-dialog__body{align-items:center;gap:18px;padding:22px 24px;display:flex}.xp-dialog__q{margin:0 0 6px;font-size:1.5rem;font-weight:700}.xp-dialog__hint{color:#444;margin:0;font-size:1.05rem}.xp-dialog__count{color:#b12704;margin:12px 0 0;font-size:1.05rem}.xp-dialog__count b{font-size:1.3rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}::view-transition-group(hero-a){animation-duration:.9s;animation-timing-function:cubic-bezier(.22,1,.36,1)}::view-transition-group(hero-b){animation-duration:.9s;animation-timing-function:cubic-bezier(.22,1,.36,1)}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:system-ui,sans-serif}body{color:#e6ebf5;background:#11151f;margin:0}.loading{padding:2rem}.app{grid-template-columns:320px 1fr;height:100vh;display:grid}aside{border-right:1px solid #2a3550;overflow-y:auto}main{flex-direction:column;display:flex;overflow-y:auto}.progress{color:#9fb0d0;background:#161c2b;border-bottom:1px solid #2a3550;padding:.6rem .8rem;font-size:.85rem;position:sticky;top:0}.songrow{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-bottom:1px solid #1c2333;align-items:center;gap:.6rem;padding:.5rem .8rem;display:flex}.songrow:hover{background:#1a2132}.songrow.active{background:#233057}.songrow img,.songrow .noart{object-fit:cover;background:#2a3550;border-radius:4px;flex:none;width:40px;height:40px}.songrow .title{font-size:.9rem}.songrow .sub{color:#8a9bbd;font-size:.78rem}.dot{background:#ff5d73;border-radius:50%;width:7px;height:7px;margin-left:6px;display:inline-block}.statusbar{background:#161c2b;border-bottom:1px solid #2a3550;align-items:center;gap:1rem;padding:.5rem 1rem;display:flex}.statusbar .msg{color:#9fb0d0;margin-left:auto;font-size:.85rem}.editor{padding:1rem}.editor h2{margin:0 0 .8rem;font-size:1.1rem}.editor h2 .artist{color:#8a9bbd;font-weight:400}.waveform{background:#0c1018;border:1px solid #2a3550;border-radius:6px}.err{color:#ffb3bd;margin-top:.5rem}.transport,.picker{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.8rem;display:flex}.clock{font-variant-numeric:tabular-nums;color:#9fb0d0}button{color:#e6ebf5;cursor:pointer;background:#233057;border:1px solid #34467a;border-radius:5px;padding:.35rem .7rem;font-size:.85rem}button:hover:not(:disabled){background:#2c3c6e}button:disabled{opacity:.4;cursor:default}button.active{color:#1a0c10;background:#ff5d73;border-color:#ff5d73}.picker input{color:inherit;background:#0c1018;border:1px solid #34467a;border-radius:5px;padding:.35rem .6rem}.markers{max-width:480px;margin:1rem 0 0;padding:0;list-style:none}.markers li{cursor:pointer;border:1px solid #1c2333;border-radius:5px;margin-bottom:4px;padding:.4rem .6rem}.markers li:hover{background:#1a2132}.markers li.active{background:#233057;border-color:#34467a}.markers li.empty{color:#8a9bbd;cursor:default}.markers .t{font-variant-numeric:tabular-nums;color:#9fb0d0;margin-right:.5rem}