:root{--ink:#13110f;--ink2:#1b1815;--panel:#231f1b;--panel2:#2b2621;--line:#3a332c;--paper:#f5eee4;--muted:#a69a8b;--faint:#6f655a;--hanko:#e5482f;--hanko2:#ff6a4d;--gold:#e9b44c;--jade:#3dbb8c;--rose:#e0675d;--sky:#69aee8;--r:18px;--num:ui-rounded, "SF Pro Rounded", "SF Pro Display", system-ui, sans-serif;--txt:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Inter", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--ink);color:var(--paper);font-family:var(--txt);margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}.num{font-family:var(--num);font-variant-numeric:tabular-nums}.row{align-items:center;gap:10px;display:flex}.between{justify-content:space-between}.h-title{letter-spacing:-.5px;margin:6px 0 2px;font-size:30px;font-weight:750}.sub{color:var(--muted);font-size:14px}.label{text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin:22px 2px 10px;font-size:12px;font-weight:600}.center{text-align:center}.paper{color:var(--paper)}.jade{color:var(--jade)}.kata{letter-spacing:1.4px;text-transform:uppercase;color:var(--gold);font-size:12px;font-weight:700}.kbd{opacity:.75;border:1px solid;border-radius:5px;padding:0 5px;font-size:10px;line-height:15px;display:inline-block}.dot{vertical-align:1px;border-radius:50%;width:8px;height:8px;margin-right:5px;display:inline-block}.ok-dot{background:var(--jade);border-radius:50%;width:9px;height:9px;display:inline-block;box-shadow:0 0 0 4px #3dbb8c25}.card{background:var(--panel);border-radius:var(--r);border:1px solid #2f2924;padding:16px}.pill{background:var(--panel2);color:var(--paper);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:12.5px;display:inline-flex}.set-row{border-bottom:1px solid #2a2520;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;font-size:14.5px;display:flex}.set-row:last-child{border:0}.btn{border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;height:54px;font-size:16px;font-weight:650;display:flex}.btn svg{flex:none;width:18px;height:18px}.btn.primary{background:var(--hanko);color:#fff;box-shadow:0 8px 24px #e5482f59}.btn.primary:active{transform:scale(.98)}.btn.ghost{background:var(--panel2);border:1px solid var(--line)}.btn.sky{background:var(--sky);color:var(--ink)}.btn.small{border-radius:12px;width:auto;height:40px;padding:0 14px;font-size:14px}.btn:disabled{opacity:.4;cursor:default}.icon-btn{background:var(--panel);border:1px solid var(--line);border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.icon-btn svg{width:20px;height:20px}.seal{background:var(--hanko);color:#fff;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;display:grid;transform:rotate(-4deg);box-shadow:inset 0 0 0 2px #ffffff2e}.brand{letter-spacing:-.2px;font-size:18px;font-weight:750}.brand span{color:var(--hanko2)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{background:var(--panel);border:1px solid var(--line);color:var(--paper);border-radius:12px;padding:9px 13px;font-size:14px}.chip.on{background:var(--paper);color:var(--ink);border-color:var(--paper);font-weight:620}.chip small{color:var(--muted);margin-left:4px}.chip.on small{color:#00000080}.segbar{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:3px;display:flex}.segbar button{color:var(--muted);border-radius:10px;flex:1;padding:9px 4px;font-size:14px}.segbar button.on{background:var(--panel2);color:var(--paper);font-weight:620;box-shadow:inset 0 1px #ffffff10,0 2px 8px #0006}.avatar{vertical-align:middle;border-radius:50%;flex:none;display:inline-block}.avatar-pick{border-radius:50%;line-height:0;transition:transform .15s;display:inline-block}.avatar-pick.on{transform:scale(1.06)}.avatar-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:12px 8px;display:grid}.avatar-opt{flex-direction:column;align-items:center;gap:5px;padding:4px 0;display:flex}.avatar-opt .nm{color:var(--muted);white-space:nowrap;font-size:11px;font-weight:450}.avatar-opt.on .nm{color:var(--paper);font-weight:650}.belt{align-items:center;gap:8px;font-size:13px;font-weight:600;display:inline-flex}.belt svg{width:24px;height:24px}.vinyl-wrap{justify-content:center;margin:10px 0 4px;display:flex}.vinyl{background:repeating-radial-gradient(circle,#191614 0 2px,#221e1b 2px 3px),#191614;border-radius:50%;flex:none;width:178px;height:178px;position:relative;box-shadow:0 20px 50px #000a,inset 0 0 0 1px #ffffff12}.vinyl:before{content:"";background:conic-gradient(from 30deg, transparent 0 10%, #ffffff12 14%, transparent 20% 60%, #ffffff0d 64%, transparent 70%);border-radius:50%;position:absolute;inset:0}.vinyl .lbl{background:var(--hanko);color:#fff;font-size:30px;font-weight:800;font-family:var(--num);border-radius:50%;place-items:center;display:grid;position:absolute;inset:33%;box-shadow:inset 0 0 0 3px #0002}.vinyl .lbl:after{content:"";background:var(--ink);border-radius:50%;width:8px;height:8px;position:absolute}.vinyl .lbl span{opacity:.9;font-size:20px;transform:translateY(-14px)}.spin{animation:2.4s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.wave{align-items:center;gap:3px;height:34px;margin:14px 4px 4px;transition:opacity .1s linear;display:flex}.wave i{background:var(--line);border-radius:3px;flex:1;transition:background .2s}.wave i.on{background:var(--paper)}.time{color:var(--muted);justify-content:space-between;padding:0 4px;font-size:12px;display:flex}.volrow{color:var(--faint);align-items:center;gap:6px;font-size:11px;display:inline-flex}.vb{background:var(--panel2);border-radius:9px;width:46px;height:4px;display:inline-block;overflow:hidden}.vb i{background:var(--jade);height:100%;transition:width .1s linear;display:block}.player-ctl{justify-content:center;gap:14px;margin-top:8px;display:flex}.player-ctl button{background:var(--panel);border:1px solid var(--line);height:38px;color:var(--paper);border-radius:12px;align-items:center;gap:6px;padding:0 14px;font-size:13px;display:flex}.player-ctl svg{width:16px;height:16px}.yearcard{text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;color:var(--ink);background:linear-gradient(#f7f0e6,#ece2d4);border-radius:24px;margin:18px 0 0;padding:16px 16px 18px;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .2s;position:relative;box-shadow:0 16px 40px #000a}.yearcard.drag{transition:none}.yearcard.flying{opacity:0;transition:transform .22s ease-in,opacity .22s}.yearcard.static{touch-action:auto}.yearcard .q{letter-spacing:.4px;color:#7b6e60;font-size:13px;font-weight:650}.yearcard .y{letter-spacing:-3px;font-size:84px;font-weight:800;line-height:1;font-family:var(--num);z-index:3;margin:4px 0 2px;position:relative}.yearcard .hint{color:#8e8072;font-size:12px}.yearcard .tint{pointer-events:none;letter-spacing:2px;opacity:0;color:#fff;z-index:2;border-radius:24px;justify-content:center;align-items:flex-start;padding-top:12px;font-size:13px;font-weight:800;display:flex;position:absolute;inset:0}.yearcard .tint span{background:#00000059;border-radius:99px;padding:4px 10px}.tint.earlier{background:#69aee8d9}.tint.exact{background:#e5482fd9}.tint.later{background:#e9b44ce6}.choices{grid-template-columns:1fr 1.15fr 1fr;gap:10px;margin-top:16px;display:grid}.choice{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;height:74px;font-size:15px;font-weight:700;transition:transform .1s;display:flex}.choice:active{transform:scale(.96)}.choice svg{width:22px;height:22px}.choice small{color:var(--faint);letter-spacing:.5px;font-size:10.5px;font-weight:600}.choice.mid{background:var(--hanko);border-color:var(--hanko);color:#fff}.choice.mid small{color:#ffffffa0}.choice:disabled,.padbtn:disabled{opacity:.4;cursor:default}.padbtns{flex-direction:column;flex:1;justify-content:center;gap:12px;margin-top:16px;display:flex}.padbtn{min-height:86px;max-height:130px;color:var(--ink);border-radius:24px;flex:1;justify-content:center;align-items:center;gap:12px;font-size:26px;font-weight:800;transition:transform 80ms;display:flex;box-shadow:0 8px 24px #0008}.padbtn:active{transform:scale(.97)}.padbtn svg{width:30px;height:30px}.padbtn.earlier{background:var(--sky)}.padbtn.exact{background:var(--hanko);color:#fff}.padbtn.later{background:var(--gold)}@keyframes drain{0%{stroke-dashoffset:0}to{stroke-dashoffset:var(--c)}}@keyframes drainw{0%{width:100%}to{width:0}}.countdown{flex:none;position:relative}.countdown svg{display:block;transform:rotate(-90deg)}.countdown .bar{animation-name:drain;animation-timing-function:linear;animation-fill-mode:forwards}.countdown .sec{place-items:center;font-weight:800;display:grid;position:absolute;inset:0}.countdown .bar-live{transition:stroke-dashoffset .25s linear}.paused,.paused *{animation-play-state:paused!important}.tbar{background:var(--panel2);border-radius:9px;height:8px;margin:10px 6px 0;overflow:hidden}.tbar i{background:var(--gold);border-radius:9px;height:100%;animation-name:drainw;animation-timing-function:linear;animation-fill-mode:forwards;display:block}.tbar.live i{transition:width .25s linear;animation:none}.reveal-top{perspective:600px;align-items:flex-end;gap:16px;margin-top:8px;display:flex}.cover{color:#fff;border-radius:10px;flex-direction:column;flex:none;justify-content:space-between;width:132px;height:132px;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 34px #000c,0 0 0 1px #ffffff14}.cover.flip{animation:.55s cubic-bezier(.2,.9,.3,1.2) both flipin}.cover:after{content:"";background:linear-gradient(160deg,#ffffff38,#0000 45%,#00000059);position:absolute;inset:0}.cover.img{background:var(--panel2);padding:0}.cover.img:after{background:linear-gradient(160deg,#ffffff1f,#0000 40%)}.cover img{object-fit:cover;width:100%;height:100%;display:block}.cover .ca{letter-spacing:1.2px;text-transform:uppercase;opacity:.9;z-index:1;font-size:10.5px;font-weight:700;position:relative}.cover .cb{letter-spacing:-.2px;z-index:1;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;font-weight:800;line-height:1.05;display:-webkit-box;position:relative;overflow:hidden}.cover .disc{opacity:.6;background:repeating-radial-gradient(circle,#0000 0 3px,#0000002e 3px 4px);border-radius:50%;width:84px;height:84px;margin-top:-42px;position:absolute;top:50%;right:-26px}.cover.mini{border-radius:8px;padding:6px}.cover.mini .ca,.cover.mini .disc{display:none}.cover.mini .cb{overflow-wrap:anywhere;font-size:9px}@keyframes flipin{0%{opacity:0;transform:rotateY(-90deg)scale(.9)}to{opacity:1;transform:none}}.song-t{letter-spacing:-.3px;font-size:21px;font-weight:750;line-height:1.15}.song-a{color:var(--muted);margin-top:3px;font-size:15px}.verdict{border-radius:22px;margin-top:18px;padding:18px;position:relative;overflow:hidden}.verdict.ok{background:linear-gradient(160deg,#173a2d,#132a22);border:1px solid #23573f}.verdict.bad{background:linear-gradient(160deg,#3d1e1a,#2a1714);border:1px solid #5a2a23}.verdict.center{text-align:center}.verdict .big{font-size:76px;font-weight:800;font-family:var(--num);letter-spacing:-3px;line-height:1}.verdict .what{margin-top:6px;font-size:15px;font-weight:650}.verdict .why{color:#ffffffb0;margin-top:3px;font-size:13.5px}.verdict .tier{margin-top:6px}.verdict .tier .pill{padding:3px 8px;font-size:11px}.stamp{letter-spacing:1px;text-align:center;opacity:.9;border:3px solid;border-radius:14px;place-items:center;width:78px;height:78px;font-size:13px;font-weight:900;line-height:1.05;display:grid;position:absolute;top:16px;right:16px;transform:rotate(-12deg)}.verdict.ok .stamp{color:var(--jade)}.verdict.bad .stamp{color:var(--rose)}.stamp.anim{animation:.45s cubic-bezier(.2,1.6,.4,1) both stamp}@keyframes stamp{0%{opacity:0;transform:rotate(-30deg)scale(2.2)}to{opacity:.9;transform:rotate(-12deg)scale(1)}}@keyframes pop{0%{opacity:0;transform:scale(2.2)}to{opacity:1;transform:none}}.pop{animation:.5s cubic-bezier(.2,1.6,.4,1) both pop}.ruler{text-align:left;height:58px;margin-top:16px;position:relative}.ruler .line{background:#ffffff25;height:2px;position:absolute;top:30px;left:0;right:0}.ruler .tick{background:#ffffff40;width:1px;height:10px;position:absolute;top:26px}.ruler .tick.big{background:#ffffff70;height:14px;top:24px}.ruler .tl{color:#ffffff80;font-size:10.5px;font-family:var(--num);position:absolute;top:42px;transform:translate(-50%)}.ruler .mk{white-space:nowrap;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;transform:translate(-50%)}.ruler .mk.grow-left{align-items:flex-end;transform:translate(calc(6px - 100%))}.ruler .mk.grow-right{align-items:flex-start;transform:translate(-6px)}.ruler .mk.shown{color:#ffffffb0}.ruler .mk.actual{color:var(--paper)}.ruler .mk i{border-radius:50%;width:12px;height:12px;margin-top:9px;box-shadow:0 0 0 3px #0005}.ruler .mk.shown i{background:#bbb}.ruler .mk.actual i{background:var(--paper)}.ruler .gap{background:var(--rose);height:2px;position:absolute;top:30px}.strip{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.strip .p{text-align:center;width:78px;position:relative}.strip .p.out{opacity:.45;filter:grayscale(.8)}.strip .x{background:var(--rose);color:#fff;width:24px;height:24px;box-shadow:0 0 0 3px var(--ink);border-radius:50%;place-items:center;margin-left:12px;font-size:13px;font-weight:900;display:grid;position:absolute;top:40px;left:50%}.strip .n{margin-top:4px;font-size:13px;font-weight:650}.strip .s{font-size:12px}.podium{text-align:center;justify-content:center;align-items:flex-end;gap:16px;margin-top:22px;display:flex}.podium .place{width:150px}.podium .who{margin:6px 0 8px;font-weight:700}.podium .block{color:var(--ink);border-radius:14px 14px 0 0;place-items:start center;padding-top:10px;font-size:34px;font-weight:900;display:grid}.podium-rest{margin-top:16px}.confetti{pointer-events:none;z-index:5;position:absolute;inset:0;overflow:hidden}.confetti i{opacity:.9;border-radius:2px;width:9px;height:14px;animation:linear infinite fall;position:absolute;top:-12px}@keyframes fall{to{transform:translateY(900px)rotate(540deg)}}.toast{background:var(--paper);color:var(--ink);white-space:nowrap;z-index:30;border-radius:12px;padding:9px 14px;font-size:13px;font-weight:600;position:absolute;bottom:110px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #000a}.fade-in{animation:.28s both fi}@keyframes fi{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.spin,.confetti i{animation:none}}.screen-head{grid-template-columns:40px 1fr 40px;align-items:center;gap:10px;display:grid}.screen-head .t{text-align:center;font-weight:650}.link{color:var(--hanko2);font-size:13px;font-weight:600}.err{color:var(--rose);margin-top:10px;font-size:13.5px}.empty{text-align:center;padding:40px 0}.hero{--ring:#231b16;background:linear-gradient(150deg, #2e211a 0%, var(--ring) 55%, #1d1714 100%);border:1px solid #3d2c22;position:relative;overflow:hidden}.hero:after{content:"";opacity:.9;background:repeating-radial-gradient(circle,#0000 0 5px,#ffffff09 5px 6px),radial-gradient(circle,#e5482f 0 18%,#14110f 19% 100%);border-radius:50%;width:220px;height:220px;position:absolute;top:-60px;right:-60px}.hero>*{z-index:1;position:relative}.me-btn{border-radius:50%;padding:0;line-height:0}.stack{display:flex}.stack>*+*{margin-left:-10px}.stack .avatar{box-shadow:0 0 0 2px var(--ring,var(--panel))}.buckets{background:var(--panel2);border-radius:99px;gap:2px;height:10px;display:flex;overflow:hidden}.buckets i{height:100%;display:block}.legend{color:var(--muted);gap:14px;margin-top:9px;font-size:12.5px;display:flex}.legend b{color:var(--paper);font-weight:650}.decades{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.dec{text-align:left;border:1px solid #ffffff10;border-radius:14px;padding:10px 10px 9px}.dec .d{font-size:17px;font-weight:750;font-family:var(--num);color:var(--paper)}.dec .p{opacity:.8;margin-top:1px;font-size:12px}.dec .bar{background:#00000040;border-radius:9px;height:4px;margin-top:7px;overflow:hidden}.dec .bar i{opacity:.85;background:currentColor;height:100%;display:block}.deck{text-align:left;border-radius:16px;align-items:center;gap:12px;width:100%;padding:10px;display:flex}.deck+.deck{margin-top:4px}.deck:hover{background:var(--panel)}.art{color:#fff;border-radius:12px;flex:none;place-items:center;width:52px;height:52px;display:grid;position:relative;overflow:hidden}.art .art-bg{opacity:.18;position:absolute;bottom:-18px;right:-18px;transform:rotate(-14deg)}.art .art-fg{z-index:1;filter:drop-shadow(0 2px 3px #00000059);position:relative}.art:after{content:"";background:radial-gradient(circle at 30% 20%,#ffffff40,#0000 60%);position:absolute;inset:0}.deck .meta{flex:1;min-width:0}.deck .t{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:620;overflow:hidden}.deck .s{color:var(--muted);margin-top:2px;font-size:12.5px}.opt{background:var(--panel);text-align:left;border:1.5px solid #0000;border-radius:16px;align-items:flex-start;gap:12px;width:100%;padding:14px;display:flex}.opt+.opt{margin-top:8px}.opt.on{border-color:var(--hanko);background:#2b1f1a}.opt:disabled{opacity:.55;cursor:default}.opt .ic{background:var(--panel2);border-radius:11px;flex:none;place-items:center;width:38px;height:38px;font-size:18px;display:grid}.opt .ic svg{width:22px;height:22px}.opt .t{font-size:15px;font-weight:640}.opt .s{color:var(--muted);margin-top:2px;font-size:13px;line-height:1.35}.opt .tag{letter-spacing:.8px;text-transform:uppercase;color:var(--gold);margin-left:6px;font-size:10.5px;font-weight:700}.sets{grid-template-columns:1fr 1fr;gap:8px;display:grid}.sets .opt{margin:0;padding:11px 12px;display:block}.sets .opt .t{font-size:14px}.sets .opt .s{white-space:nowrap;font-size:12px}.distrib{border-radius:9px;height:26px;margin-top:10px;font-size:11.5px;font-weight:650;display:flex;overflow:hidden}.distrib i{color:#14110f;justify-content:center;align-items:center;font-style:normal;display:flex}.years{height:44px;margin-top:4px;position:relative}.years .track{background:var(--panel2);border-radius:9px;height:4px;position:absolute;top:20px;left:0;right:0}.years .fill{background:var(--hanko);border-radius:9px;height:4px;position:absolute;top:20px}.years input{pointer-events:none;appearance:none;background:0 0;width:calc(100% + 22px);height:22px;margin:0;position:absolute;top:11px;left:-11px;right:-11px}.years input::-webkit-slider-thumb{pointer-events:auto;appearance:none;background:var(--paper);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #000a}.years input::-moz-range-thumb{pointer-events:auto;background:var(--paper);cursor:pointer;border:0;border-radius:50%;width:22px;height:22px;box-shadow:0 2px 8px #000a}.years .ticks{color:var(--faint);font-size:11px;position:absolute;top:34px;left:0;right:0}.years .ticks span{position:absolute;transform:translate(-50%)}.years .ticks span:first-child{transform:none}.playhead{align-items:center;gap:12px;padding:2px 0 8px;display:flex}.prog{flex:1;gap:3px;display:flex}.prog i{background:var(--panel2);border-radius:9px;flex:1;height:5px}.prog i.ok{background:var(--jade)}.prog i.bad{background:var(--rose)}.prog i.cur{background:var(--paper)}.counts{color:var(--muted);justify-content:space-between;align-items:center;margin-bottom:6px;font-size:12px;display:flex}.counts b{color:var(--paper)}.counts svg{vertical-align:-2px;width:14px;height:14px}.dial{background:var(--panel);border:1px solid var(--line);text-align:center;border-radius:24px;margin-top:18px;padding:18px 16px}.dial .y{font-size:64px;font-weight:800;font-family:var(--num);letter-spacing:-2px;line-height:1}.dial input{width:100%;accent-color:var(--hanko);margin:14px 0 4px}.src{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:flex-start;gap:10px;margin-top:12px;padding:12px 14px;font-size:13px;line-height:1.4;display:flex}.src .ic{background:var(--panel2);border-radius:8px;flex:none;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.src .m{color:var(--muted)}.ring{width:150px;height:150px;margin:4px auto 0;position:relative}.ring svg{transform:rotate(-90deg)}.ring .c{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ring .c b{font-size:40px;font-family:var(--num);letter-spacing:-1px;font-weight:800}.ring .c span{color:var(--muted);font-size:12px}.stats3{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px;display:grid}.stats3 .card{text-align:center;padding:12px}.stats3 b{font-size:22px;font-family:var(--num);display:block}.stats3 span{color:var(--muted);font-size:11.5px}.dbar{align-items:center;gap:10px;margin-top:8px;font-size:13px;display:flex}.dbar:first-child{margin-top:0}.dbar .n{width:38px;font-family:var(--num);font-weight:700}.dbar .b{background:var(--panel2);border-radius:9px;flex:1;height:10px;overflow:hidden}.dbar .b i{border-radius:9px;height:100%;display:block}.dbar .v{text-align:right;width:42px;color:var(--muted);font-family:var(--num)}.miss{border-bottom:1px solid #2a2520;align-items:center;gap:12px;padding:9px 0;display:flex}.miss:last-child{border:0}.miss .nm{white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:14px;font-weight:620;overflow:hidden}.miss .y{text-align:right;font-family:var(--num);flex:none;margin-left:auto}.miss .y b{font-size:17px}.miss .y div{color:var(--muted);white-space:nowrap;font-size:11.5px}.beltprog{align-items:center;gap:12px;display:flex}.beltprog .b{background:var(--panel2);border-radius:9px;flex:1;height:8px;overflow:hidden}.beltprog .b i{background:linear-gradient(90deg, var(--gold), #f3d27a);height:100%;display:block}.cta2{grid-template-columns:1fr 1.4fr;gap:10px;width:100%;display:grid}.set-row .m{color:var(--muted);margin-top:2px;font-size:12.5px}.toggle{background:var(--panel2);border:1px solid var(--line);border-radius:99px;flex:none;width:46px;height:28px;position:relative}.toggle:after{content:"";background:var(--muted);border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:3px;left:3px}.toggle.on{background:var(--jade);border-color:var(--jade)}.toggle.on:after{background:#fff;left:21px}.input{background:var(--ink2);border:1px solid var(--line);width:100%;height:48px;color:var(--paper);font:inherit;border-radius:12px;padding:0 12px;font-size:17px}.input:focus{outline:2px solid var(--sky);outline-offset:1px}.qr{background:var(--paper);border-radius:12px;padding:10px;line-height:0;display:inline-block}.room-code{letter-spacing:10px;margin:2px 0 0;font-size:56px;font-weight:800}.codebox{justify-content:center;gap:10px;display:flex;position:relative}.codebox .b{background:var(--panel);border:1.5px solid var(--line);border-radius:16px;place-items:center;width:62px;height:76px;font-size:36px;font-weight:800;display:grid}.codebox .b.cur{border-color:var(--sky)}.codebox.six .b{width:46px;height:62px;font-size:28px}.codebox input{opacity:0;text-transform:uppercase;width:100%;font-size:16px;position:absolute;inset:0}.av-strip{scrollbar-width:none;gap:12px;padding:8px 8px 10px;display:flex;overflow-x:auto}.av-strip button{opacity:.75;border-radius:50%;flex:none;line-height:0}.av-strip button[aria-checked=true]{opacity:1}.pair-panel{border-color:var(--sky);text-align:center;margin-top:12px;padding:18px}.who-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:22px 10px;margin-top:30px;display:grid}.who-grid button{flex-direction:column;align-items:center;gap:8px;display:flex}.who-add{border:2px dashed var(--line);width:88px;height:88px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.remove{color:var(--rose);font-size:13px}.stage-big{letter-spacing:-.5px;font-size:40px;font-weight:800;line-height:1.1}.go{margin:auto;padding:24px 0}.go-num{color:var(--gold);font-size:clamp(120px,34vmin,260px);font-weight:800;line-height:1}.photo{margin-top:10px;font-size:13.5px}.photo b{color:var(--gold)}.votes{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:12px;display:flex}.vote{background:var(--panel2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 4px;font-size:13px;display:inline-flex}.vote.in{border-color:var(--jade)}.overlay{z-index:20;text-align:center;background:#13110fcc;place-items:center;display:grid;position:absolute;inset:0}.conn{z-index:25;position:absolute;top:8px;left:50%;transform:translate(-50%)}.buzz{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, var(--hanko2), var(--hanko));color:#fff;letter-spacing:2px;border-radius:50%;flex:none;width:min(82%,300px);margin:auto;font-size:48px;font-weight:900;transition:transform 80ms;box-shadow:0 14px 40px #e5482f55,inset 0 -8px #0003}.buzz:active{transform:scale(.96)}.buzz:disabled{opacity:.4}.judge{flex-direction:column;gap:10px;margin-top:16px;display:flex}.judge button{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:20px;align-items:center;gap:14px;min-height:70px;padding:0 18px;font-size:17px;font-weight:700;display:flex}.judge button b{font-size:30px;font-family:var(--num);text-align:center;width:30px}.judge button.p2 b{color:var(--jade)}.judge button.p1 b{color:var(--gold)}.judge button.p0 b{color:var(--rose)}.app{background:var(--ink);flex-direction:column;width:100%;height:100dvh;display:flex;position:relative;overflow:hidden;container:app/inline-size}.status-safe{height:max(14px, env(safe-area-inset-top));flex:none}.scroll{scrollbar-width:none;flex:1;padding:4px 18px 18px;overflow:hidden auto}.scroll::-webkit-scrollbar{display:none}.scroll.column{flex-direction:column;display:flex}.tabs{padding:8px 10px max(14px, env(safe-area-inset-bottom));background:var(--ink);border-top:1px solid #241f1b;flex:none;justify-content:space-around;display:flex}.tabs button{color:var(--faint);flex-direction:column;align-items:center;gap:3px;padding:4px 16px;font-size:11px;display:flex}.tabs button.on{color:var(--paper)}.tabs svg{width:24px;height:24px}.sticky-cta{padding:12px 18px max(18px, env(safe-area-inset-bottom));background:linear-gradient(transparent, var(--ink) 30%);flex:none}.cols{display:block}.stage-fit{background:#0b0a09;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.stage-box{width:1180px;height:820px}.stage-box.portrait{width:100%;height:100%}.stage-box>.app{height:100%}.stage-top .sub{white-space:nowrap}.stage-wave{max-width:420px;margin:14px auto 0}.yearcard.stage-card{margin-top:0}.yearcard.stage-card .hint{font-size:14px}.over{flex-direction:column;flex:1;justify-content:center;display:flex}.pad-song{text-align:left;align-items:center;gap:12px;margin-top:22px;padding:12px 16px;display:flex}.pad-year{text-align:center;letter-spacing:-2px;margin-top:6px;font-size:76px;font-weight:800}.pad-center{text-align:center;flex:1;place-items:center;display:grid}.pad-out{background:color-mix(in srgb, var(--rose) 22%, var(--panel));width:120px;height:120px;color:var(--rose);border-radius:50%;place-items:center;margin:0 auto;font-size:56px;font-weight:900;display:grid}.pad-big{margin-top:16px;font-size:26px;font-weight:800}@container app (width>=560px){.scroll{padding-left:max(18px,50% - 280px);padding-right:max(18px,50% - 280px)}}@container app (width>=760px){.scroll{padding:10px 40px 24px}.cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:0 36px;display:grid}.cols.mid{align-items:center}.cols>.col>.label:first-child{margin-top:8px}.vinyl{width:280px;height:280px}.yearcard .y{letter-spacing:-4px;font-size:118px}.choice{height:92px;font-size:17px}.wave{height:44px}.reveal-top .cover{width:180px;height:180px}.song-t{font-size:26px}.verdict .big{font-size:96px}.sticky-cta{justify-content:flex-end;padding:12px 40px 20px;display:flex}.sticky-cta>.btn{max-width:420px}.tabs{justify-content:center;gap:40px}.scroll.playscr{flex-direction:column;display:flex}.scroll.playscr>.cols.mid{flex:1;align-content:center;min-height:0}}@container app (width>=760px) and (width<=999px){.cols.wide{flex-direction:column;justify-content:center;display:flex}.cols.wide>.col{width:100%;max-width:580px;margin:0 auto}.cols.wide .yearcard{margin-top:28px}}