.browser{z-index:10;display:flex;position:absolute;inset:0}.browser__main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}.browser__header{padding:calc(14px + var(--safe-top)) calc(16px + var(--safe-right)) 0 calc(16px + var(--safe-left))}.topbar{align-items:center;gap:10px;margin:0 -6px 14px 0;display:flex}.topbar__home{text-align:left;border-radius:10px;flex:1;align-items:center;gap:10px;min-width:0;margin:-4px 0 -4px -6px;padding:4px 6px;display:flex}.topbar__home:active{background:#ffffff14}.topbar__logo{border-radius:8px;flex:none;width:34px;height:34px}.topbar__text{flex:1;gap:3px;min-width:0;line-height:1.2;display:grid}.topbar__name{letter-spacing:-.01em;font-size:15px;font-weight:700}.topbar__mode{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.brand{align-items:center;gap:8px;padding-bottom:12px;display:flex}.brand>.icon-btn:first-child{margin-left:-10px}.brand__text{flex:1;gap:2px;min-width:0;display:grid}.brand__name{letter-spacing:-.02em;margin:0;font-size:30px;font-weight:800;line-height:1.1}.brand__count{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.search-row{align-items:center;gap:6px;display:flex}.search-row .icon-btn{margin-right:-8px}.search{background:var(--bg-2);min-width:0;height:40px;color:var(--faint);border-radius:10px;flex:1;align-items:center;gap:8px;padding:0 4px 0 12px;font-size:17px;display:flex}.search:focus-within{background:var(--bg-3)}.search input{background:0 0;border:0;outline:0;flex:1;min-width:0;height:100%;font-size:16px}.search input::placeholder{color:var(--faint)}.search input::-webkit-search-cancel-button{display:none}.search .icon-btn--small{width:32px;height:32px}.crumb{align-items:center;gap:4px;padding:10px 16px 0 8px;display:flex}.crumb__name{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:20px;font-weight:700;overflow:hidden}.crumb__count{color:var(--muted);font-size:13px}.browser__body{flex:1;min-height:0;margin-top:8px;position:relative}.vlist{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow-y:auto}.vlist--rail .vlist__row{padding-right:20px}.vlist__row{position:absolute;top:0;left:0;right:0}.art{color:#fffffff2;-webkit-user-select:none;user-select:none;border-radius:4px;flex:none;place-items:center;width:48px;height:48px;font-size:14px;font-weight:800;display:grid}.art:not(.art--big){container-type:inline-size}.art__number{font-variant-numeric:tabular-nums;letter-spacing:-.04em;text-shadow:0 1px 2px #00000040}.art:not(.art--big) .art__number{font-size:26cqw}.art--long:not(.art--big) .art__number{font-size:21.5cqw}.art__zeros{opacity:.5}.art--big{letter-spacing:-.02em;text-align:left;border-radius:8px;grid-template-rows:auto 1fr;place-items:start;width:200px;height:200px;padding:16px;font-size:24px;line-height:1.05;box-shadow:0 16px 40px #00000080}.art--big .art__number,.art--long.art--big .art__number{letter-spacing:-.03em;font-size:34px}.art--big .art__title{align-self:end}.art__title{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.song-row,.queue__item{height:100%;padding:0 4px 0 calc(16px + var(--safe-left));cursor:pointer;align-items:center;gap:12px;display:flex}.song-row:active{background:#ffffff0f}@media (hover:hover){.song-row:hover{background:#ffffff0a}}.song-row__meta{flex:1;gap:2px;min-width:0;line-height:1.25;display:grid}.song-row__title,.song-row__artist{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.song-row__title{font-size:16px;font-weight:500}.song-row__artist{color:var(--muted);font-size:13px}.song-row__code{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.song-row .song-row__add{color:var(--muted)}.song-row__offline{vertical-align:-1px;width:12px;height:12px;color:var(--accent);margin-right:5px}.song-row.is-unavailable{opacity:.35}.song-row.is-reserved .song-row__title,.song-row.is-reserved .song-row__add{color:var(--accent)}.artist-row{text-align:left;align-items:center;gap:12px;width:100%;height:100%;padding:0 16px;display:flex}.artist-row:active{background:#ffffff0f}.artist-row__initial{background:var(--bg-3);width:48px;height:48px;color:var(--muted);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:700;display:grid}.artist-row__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:16px;font-weight:500;overflow:hidden}.artist-row__count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:13px}.alpha-rail{top:4px;bottom:80px;right:calc(2px + var(--safe-right));z-index:2;touch-action:none;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;width:20px;padding:4px 0;display:flex;position:absolute}.alpha-rail__l{min-height:0;color:var(--accent);flex:1;place-items:center;font-size:clamp(9px,1.5dvh,11px);font-weight:600;line-height:1;display:grid}.alpha-rail__l.is-active{color:var(--text)}.alpha-bubble{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;background:#2e2e33f2;border-radius:16px;place-items:center;width:84px;height:84px;font-size:44px;font-weight:700;display:grid;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.dock{z-index:5;padding:12px calc(8px + var(--safe-right)) 8px calc(8px + var(--safe-left));pointer-events:none;flex-direction:column;gap:8px;margin-top:-76px;display:flex;position:relative}.dock:empty{display:none}.dock>*{pointer-events:auto}.mini-bar{text-align:left;background:#3a2320;border-radius:8px;align-items:center;gap:10px;width:100%;height:60px;padding:0 8px;display:flex;box-shadow:0 8px 24px #00000080}.mini-bar .art{width:44px;height:44px}.mini-bar__text{flex:1;gap:1px;min-width:0;padding-left:4px;display:grid}.mini-bar__title{font-size:14px;font-weight:600}.mini-bar__sub{color:#ffffffb3;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.mini-bar__play{background:var(--accent);border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:18px;display:grid}.mini-bar:active{filter:brightness(1.15)}.panel{z-index:5;padding:6px calc(8px + var(--safe-right)) 8px calc(8px + var(--safe-left));background:var(--bg);border-top:1px solid var(--line);position:relative}.browser--compact{top:var(--split-h)}.browser--compact .browser__header{padding-top:10px}.start-btn--block{width:100%;margin-top:16px}.tabbar{z-index:6;padding:6px calc(4px + var(--safe-right)) calc(6px + var(--safe-bottom)) calc(4px + var(--safe-left));border-top:1px solid var(--line);background:#0a0a0af5;display:flex;position:relative}.tabbar__tab{color:var(--faint);flex:1;justify-items:center;gap:3px;padding:4px 0;font-size:10px;font-weight:500;display:grid}.tabbar__tab[aria-selected=true]{color:var(--text)}.tabbar__icon{font-size:24px;line-height:0;position:relative}.tabbar__icon .badge{margin:0;line-height:1;position:absolute;top:-4px;left:16px}.song-sheet{text-align:center;justify-items:center;gap:4px;padding:8px 0 4px;display:grid}.song-sheet__art{margin-bottom:14px}.song-sheet__title{letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700;line-height:1.2}.song-sheet__artist{color:var(--muted);padding:2px 6px;font-size:16px;font-weight:500}.song-sheet__code{color:var(--faint);font-variant-numeric:tabular-nums;font-size:13px}.song-sheet__actions{grid-template-columns:1fr 1.4fr;gap:10px;width:100%;margin-top:20px;display:grid}.keypad{gap:16px;display:grid}.keypad__screen{padding:4px 0 0}.keypad__digits{justify-content:center;gap:4px;display:flex}.led{width:.62em;color:var(--text);text-align:center;font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:52px;font-weight:600;line-height:1}.led--off{color:var(--bg-3)}.keypad__song{text-align:center;align-content:center;min-height:44px;margin-top:8px;line-height:1.3;display:grid}.keypad__title{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;overflow:hidden}.keypad__artist{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.keypad__hint{color:var(--faint);font-size:14px}.keypad__grid{grid-template-columns:repeat(3,76px);justify-content:center;gap:14px 26px;display:grid}.key{background:var(--bg-3);border-radius:50%;place-items:center;width:76px;height:76px;font-size:32px;font-weight:400;transition:background .1s;display:grid}.key:active{background:#4a4a50}.key--muted{color:var(--muted);background:0 0;font-size:18px;font-weight:500}.key--muted svg{font-size:26px}.keypad__actions{grid-template-columns:1fr 1.3fr;gap:10px;display:grid}.queue{margin:0;padding:0 0 90px;list-style:none;position:absolute;inset:0;overflow-y:auto}.queue__item{cursor:default;height:64px}.queue__pos{width:18px;color:var(--faint);text-align:center;font-variant-numeric:tabular-nums;flex:none;font-size:14px;font-weight:500}.queue__clear{text-align:center;padding:16px}.queue--compact{padding:0;position:static;overflow:visible}.queue--compact .queue__item{height:60px;padding-left:0}.queue-empty--compact{color:var(--muted);padding:4px 0;font-size:14px}.queue-empty--compact p{margin:0}.browser__side{display:none}.side-title{letter-spacing:-.01em;margin:28px 0 8px;font-size:20px;font-weight:700}@media (width>=1000px){.browser__side{width:380px;padding:calc(28px + var(--safe-top)) 24px 24px;background:var(--bg-1);flex:none;display:block;overflow-y:auto}.tabbar__tab--keypad,.dock .start-btn{display:none}.browser__header{padding:28px 28px 0}.song-row,.artist-row{padding-left:28px}.browser.browser--compact{border-left:1px solid var(--line);background:var(--bg);width:420px;top:0;left:auto}.browser--compact .browser__side{display:none}.browser--compact .tabbar__tab--keypad{display:grid}.browser--compact .browser__header{padding:16px 16px 0}.browser--compact .song-row,.browser--compact .artist-row{padding-left:16px}}.cremote{background:#2a1d1b;border-radius:10px;gap:8px;padding:10px 12px;display:grid;position:relative;overflow:hidden}.cremote__line{background:#ffffff1f;height:2px;position:absolute;top:0;left:0;right:0}.cremote__line span{background:var(--accent);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.cremote__top{align-items:center;gap:4px;display:flex}.cremote__info{text-align:left;flex:1;align-items:center;gap:10px;min-width:0;display:flex}.cremote__info .art{width:42px;height:42px}.cremote__text{gap:1px;min-width:0;display:grid}.cremote__title,.cremote__sub{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cremote__title{font-size:15px;font-weight:600}.cremote__sub{color:#ffffffa6;font-variant-numeric:tabular-nums;font-size:13px}.cremote__btn{border-radius:50%;flex:none;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.cremote__btn:active{background:#ffffff1f}.cremote__btn--play{color:#000;background:#fff;width:44px;height:44px;font-size:20px}.cremote__btn--play:active{background:#ddd}.cremote__row{align-items:center;gap:6px;display:flex}.cremote__stepper{background:#ffffff14;border-radius:999px;flex:1;align-items:center;min-width:0;height:36px;display:flex}.cremote__stepper button{flex:none;place-items:center;width:34px;height:36px;font-size:17px;font-weight:600;display:grid}.cremote__stepper button:active{background:#ffffff1a;border-radius:999px}.cremote__value{text-align:center;font-variant-numeric:tabular-nums;flex:1;min-width:0;font-size:13px;font-weight:600;line-height:1.05;display:grid}.cremote__value small{color:#ffffff80;letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:600}.cremote__chip{background:#ffffff14;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.cremote__chip.is-on{color:#000;background:#fff}.cremote--idle{background:var(--bg-2);align-items:center;gap:12px;min-height:60px;display:flex}.cremote__idle-text{min-width:0;color:var(--muted);flex:1;font-size:14px}.cremote--idle .action{height:40px;padding:0 16px;font-size:14px}.stage{background:#000;position:absolute;inset:0;overflow:hidden;container-type:size}.stage__screen{background:radial-gradient(120% 80% at 50% 30%,#12306b,#050c22);position:absolute;inset:0;overflow:hidden;container-type:size}.stage__layer{width:100%;height:100%;display:block;position:absolute;inset:0}.stage__layer[data-fallback]{background:linear-gradient(#2a2f6e,#f08a5d 55%,#0c1d3c 56%,#04122a)}.stage--classic .stage__screen{aspect-ratio:4/3;border-radius:min(1.2cqw,1.6cqh);width:min(100cqw,133.333cqh);inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 6cqw #3c78ff1f}.stage--classic.stage--ar-16-9 .stage__screen{aspect-ratio:16/9;width:min(100cqw,177.778cqh)}.stage--classic.stage--ar-fill .stage__screen{aspect-ratio:auto;width:auto;box-shadow:none;border-radius:0;inset:0;transform:none}.stage--classic .stage__overlay{image-rendering:auto;filter:blur(.35px)contrast(1.08)}.stage__scanlines{pointer-events:none;mix-blend-mode:multiply;background:repeating-linear-gradient(#00000038 0 1px,#0000 1px 2px) 0 0/100% .416667%,radial-gradient(#0000 60%,#00000073);position:absolute;inset:0}.video-bg{pointer-events:none;opacity:0;transition:opacity 1.2s;position:absolute;inset:0;overflow:hidden;container-type:size}.video-bg.is-visible{opacity:1}.video-bg__frame{width:max(100cqw,248.9cqh);height:max(140cqh,56.25cqw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-bg__frame iframe{border:0;width:100%;height:100%}.video-bg:after{content:"";background:linear-gradient(#0000 35%,#0000008c);position:absolute;inset:0}.player{z-index:20;-webkit-user-select:none;user-select:none;background:#000;position:absolute;inset:0}.player--split{height:var(--split-h);bottom:auto}.player--hidden{visibility:hidden}.player--idle{cursor:none}.player__tap{z-index:1;cursor:inherit;position:absolute;inset:0}.controls{z-index:3;transition:opacity .25s,transform .25s;position:absolute;left:0;right:0}.player--idle .controls{opacity:0;pointer-events:none}.controls--top{padding:calc(8px + var(--safe-top)) calc(8px + var(--safe-right)) 28px calc(8px + var(--safe-left));background:linear-gradient(#000000b3,#0000);justify-content:space-between;align-items:center;gap:6px;display:flex;top:0}.player--idle .controls--top{transform:translateY(-12px)}.controls--bottom{padding:36px calc(12px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(12px + var(--safe-left));background:linear-gradient(#0000,#000000c7 45%);bottom:0}.player--idle .controls--bottom{transform:translateY(12px)}.progress{align-items:center;gap:10px;display:flex}.progress__bar{accent-color:#fff;flex:1;height:28px;margin:0}.progress__bar:disabled{opacity:.35}.progress__time{color:#fff9;text-align:right;font-variant-numeric:tabular-nums;flex:none;min-width:40px;font-size:12px}.progress__time--left{text-align:left}.controls__row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 10px;margin-top:4px;display:flex}.ctl{background:0 0;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:22px;font-weight:600;display:grid;position:relative}.ctl:active:not(:disabled){transform:scale(.94)}.ctl--big{color:#000;background:#fff;width:64px;height:64px;font-size:28px}.ctl--small{background:0 0;width:38px;height:38px;font-size:20px}.stepper--vocal .ctl--toggle{font-size:18px}.ctl--toggle.is-on{color:#000;background:#fff}.ctl .badge{margin:0;position:absolute;top:-2px;right:-4px}.stepper{background:#ffffff1a;border-radius:999px;align-items:center;height:48px;padding:0 4px;display:flex}.stepper__value{font-variant-numeric:tabular-nums;text-align:center;min-width:48px;font-size:15px;font-weight:600;line-height:1.1;display:grid}.stepper__value small{color:#ffffff8c;letter-spacing:.06em;font-size:9px;font-weight:600}@media (width<=520px){.controls__row .stepper{order:2}}.menu-backdrop{z-index:4;position:fixed;inset:0}.menu{top:calc(56px + var(--safe-top));right:calc(8px + var(--safe-right));z-index:5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-origin:100% 0;background:#2c2c30f5;border-radius:12px;min-width:200px;padding:6px;animation:.16s ease-out menu-in;position:absolute;box-shadow:0 12px 40px #00000080}.menu__item{text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;height:46px;padding:0 12px;font-size:16px;font-weight:500;display:flex}.menu__item svg{color:var(--muted);font-size:20px}.menu__item:active{background:#ffffff1a}@media (hover:hover){.menu__item:hover{background:#ffffff14}}.menu__switch{background:#ffffff2e;border-radius:999px;flex:none;width:38px;height:23px;margin-left:auto;transition:background .2s;position:relative}.menu__switch:after{content:"";background:#fff;border-radius:50%;width:19px;height:19px;transition:transform .2s;position:absolute;top:2px;left:2px}.menu__switch.is-on{background:var(--accent)}.menu__switch.is-on:after{transform:translate(15px)}.menu__item--danger,.menu__item--danger svg{color:var(--danger)}@keyframes menu-in{0%{opacity:0;transform:scale(.94)}}.player__hud{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font-variant-numeric:tabular-nums;white-space:nowrap;pointer-events:none;background:#1c1c1ed9;border-radius:10px;padding:10px 18px;font-size:17px;font-weight:600;animation:1.2s ease-out forwards hud;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}@keyframes hud{0%{opacity:0;transform:translate(-50%,-50%)scale(.94)}12%,75%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0}}.shortcuts{margin:8px 0 0}.shortcuts__row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:10px 0;display:flex}.shortcuts dt{order:2;gap:6px;display:flex}.shortcuts dd{color:var(--muted);margin:0;font-size:15px}kbd{background:var(--bg-3);border-radius:6px;place-items:center;min-width:28px;height:28px;padding:0 8px;font-family:inherit;font-size:13px;font-weight:600;display:inline-grid;box-shadow:inset 0 -2px #00000059}@media (width>=1000px){.player.player--split{height:auto;bottom:0;right:420px}}.app{background:var(--bg);--split-h:min(56.25vw, 42dvh);position:fixed;inset:0;overflow:hidden}.toast{left:50%;bottom:calc(140px + var(--safe-bottom));z-index:60;background:var(--bg-3);max-width:min(92vw,480px);color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:12px 16px;font-size:14px;font-weight:500;animation:.25s ease-out toast-in;position:fixed;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 30px #00000080}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}}.badge{background:var(--accent);color:#fff;font-variant-numeric:tabular-nums;border-radius:999px;place-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 5px;font-size:11px;font-weight:700;display:inline-grid}.icon-btn{width:44px;height:44px;color:var(--text);border-radius:50%;flex:none;place-items:center;font-size:22px;display:grid}.icon-btn:active{background:#ffffff1a}.icon-btn--small{width:36px;height:36px;color:var(--muted);font-size:18px}.empty{text-align:center;place-content:center;gap:6px;height:100%;padding:32px 32px 80px;display:grid}.empty p{margin:0}.muted{color:var(--muted)}.spinner{border:3px solid var(--bg-3);border-top-color:var(--text);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sheet-backdrop{z-index:50;background:#0009;justify-content:center;align-items:flex-end;animation:.2s ease-out fade-in;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:520px;max-height:92dvh;padding:8px 20px calc(20px + var(--safe-bottom));background:var(--bg-2);border-radius:14px 14px 0 0;animation:.3s cubic-bezier(.2,.9,.3,1) sheet-up;overflow-y:auto;box-shadow:0 -10px 40px #00000080}.sheet__grip{background:#fff3;border-radius:999px;width:36px;height:5px;margin:2px auto 14px}@media (width>=720px){.sheet-backdrop{align-items:center}.sheet{border-radius:14px;padding-bottom:24px}.sheet__grip{display:none}}@keyframes fade-in{0%{opacity:0}}@keyframes sheet-up{0%{opacity:0;transform:translateY(30%)}}.action{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;height:50px;padding:0 20px;font-size:16px;font-weight:600;display:inline-flex}.action svg{font-size:18px}.action--secondary{background:var(--bg-3)}.action--secondary:active:not(:disabled){background:#3a3a40}.action--primary{background:var(--accent);color:#fff}.action--primary:active:not(:disabled){background:var(--accent-press)}.action--danger{background:var(--bg-3);color:var(--danger)}.action:active:not(:disabled){transform:scale(.98)}.settings__title{letter-spacing:-.01em;margin:0 0 4px;font-size:22px;font-weight:700}.setting{border-bottom:1px solid var(--line);align-items:center;gap:16px;padding:14px 0;display:flex}.setting--stack{flex-direction:column;align-items:stretch;gap:10px}.setting__text{flex:1;gap:2px;display:grid}.setting__name{font-size:16px;font-weight:500}.setting__row{justify-content:space-between;align-items:baseline;display:flex}.setting__value{color:var(--muted);font-variant-numeric:tabular-nums;font-size:15px}.setting__desc{color:var(--muted);font-size:13px;line-height:1.4}.switch{appearance:none;background:var(--bg-3);cursor:pointer;border-radius:999px;flex:none;width:51px;height:31px;margin:0;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0000004d}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(20px)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:inherit;background:var(--bg-3);border-radius:999px;padding:8px 14px;font-size:13px;font-weight:500;text-decoration:none}.chip.is-on{background:var(--text);color:#000}input[type=range]{width:100%;accent-color:var(--text)}.settings__done{width:100%;margin-top:18px}.link-btn{color:var(--muted);padding:8px;font-size:14px;font-weight:500}.offline-progress{background:var(--bg-3);border-radius:999px;height:6px;overflow:hidden}.offline-progress span{background:var(--accent);transform-origin:0;height:100%;transition:transform .3s;display:block}.notice-sheet{text-align:center;justify-items:center;gap:8px;padding:8px 4px 0;display:grid}.notice-sheet__icon{background:var(--bg-3);width:56px;height:56px;color:var(--muted);--bg:var(--bg-3);border-radius:50%;place-items:center;margin-bottom:6px;font-size:28px;display:grid}.notice-sheet__title{margin:0;font-size:20px;font-weight:700}.notice-sheet__text{color:var(--muted);margin:0;font-size:15px;line-height:1.45}.notice-sheet__ok{width:100%;margin-top:14px}.library{border-bottom:1px solid var(--line);gap:4px;padding:12px 0;display:grid}.library__head{align-items:baseline;gap:8px;display:flex}.library__name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;font-weight:600;overflow:hidden}.library__kind{color:var(--faint);font-size:12px}.library__error{color:var(--danger)}.library__actions{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.library__remove{color:var(--danger)}.add-library__tabs{margin:14px 0 16px}.add-library{gap:12px;display:grid}.field{gap:6px;display:grid}.field>span{color:var(--muted);font-size:13px;font-weight:500}.field input{background:var(--bg-3);height:44px;color:var(--text);border:1px solid #0000;border-radius:10px;outline:none;padding:0 12px;font-size:16px}.field input:focus{border-color:var(--muted)}.add-library__message{color:var(--muted);margin:0;font-size:14px}.welcome__title{font-size:20px;font-weight:700}.welcome .muted{max-width:30ch;margin:0 auto}.welcome__button{justify-self:center;margin-top:14px}.account-form{margin-top:12px}.account-form>p{margin:0}.account__head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.avatar{flex:none}.avatar__bg{fill:var(--avatar,var(--accent))}.avatar--guest .avatar__bg{fill:var(--bg-3)}.avatar--guest .avatar__face{opacity:.6}.tour{z-index:80;position:fixed;inset:0}.tour__dim{background:#000000a6;animation:.2s ease-out fade-in;position:absolute;inset:0}.tour__spot{box-shadow:0 0 0 2px var(--accent), 0 0 0 9999px #000000a6;pointer-events:none;border-radius:12px;transition:left .25s,top .25s,width .25s,height .25s;position:absolute}.tour__card{background:var(--bg-2);color:var(--text);border-radius:12px;gap:10px;padding:16px;animation:.2s ease-out fade-in;display:grid;position:absolute;overflow:hidden;box-shadow:0 12px 40px #00000080}.tour__dots{gap:5px;margin:4px 0 2px;display:flex}.tour__dots i{background:var(--bg-3);border-radius:3px;width:6px;height:6px;transition:width .25s,background .25s}.tour__dots i.is-done{background:var(--muted)}.tour__dots i.is-on{background:var(--accent);width:18px}.tour-art{background:radial-gradient(120% 90% at 50% 0%, color-mix(in srgb, var(--accent) 22%, transparent), transparent 70%), var(--bg-1);height:128px;color:var(--text);justify-content:center;align-items:center;margin:-16px -16px 2px;display:flex;position:relative;overflow:hidden}.tour-art__glow{background:var(--accent);filter:blur(50px);opacity:.35;border-radius:50%;width:140px;height:140px;animation:3s ease-in-out infinite tour-pulse;position:absolute}.tour-art__logo{border-radius:18px;width:72px;height:72px;animation:3s ease-in-out infinite tour-bob;position:relative;box-shadow:0 10px 30px #00000073}.tour-art__note{color:var(--accent);opacity:0;font-size:22px;animation:2.2s ease-out infinite tour-note;position:absolute;bottom:-20px}.tour-art--tiles{gap:10px;padding:0 14px}.tour-art__tile{background:var(--bg-2);box-shadow:inset 0 0 0 1px var(--bg-3);border-radius:10px;flex:1;justify-items:center;gap:4px;padding:14px 6px 12px;animation:.45s cubic-bezier(.2,.9,.3,1.2) both tour-rise;display:grid}.tour-art__tile svg{color:var(--accent)}.tour-art__tile b{font-size:13px}.tour-art__tile small{color:var(--muted);white-space:nowrap;font-size:10.5px}.tour-art--settings{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;padding:12px 16px 0}.tour-art__bar{background:var(--bg);border-radius:10px;align-items:center;gap:10px;padding:8px 10px;display:flex}.tour-art__bar img{border-radius:6px;width:26px;height:26px}.tour-art__lines{flex:1;gap:5px;display:grid}.tour-art__lines i{background:var(--bg-3);border-radius:3px;width:70%;height:6px}.tour-art__lines i+i{width:40%}.tour-art__me{border-radius:50%;animation:1.6s ease-out infinite tour-ring;display:grid}.tour-art__menu{background:var(--bg-2);border-radius:10px 10px 0 0;align-self:flex-end;gap:3px;width:128px;padding:6px 10px;font-size:11.5px;font-weight:600;animation:.5s cubic-bezier(.2,.9,.3,1.2) .3s both tour-rise;display:grid}.tour-art__menu span:first-child{color:var(--accent)}.tour-art--account{gap:0;padding:0 16px}.tour-art__device{background:var(--bg);box-shadow:inset 0 0 0 2px var(--bg-3);border-radius:8px;flex:none;align-content:start;gap:5px;padding:10px 7px;display:grid}.tour-art__device--phone{border-radius:10px;width:44px;height:78px;margin-left:48px}.tour-art__device--laptop{width:92px;height:60px}.tour-art__device i{background:var(--accent);opacity:.8;border-radius:3px;height:6px}.tour-art__device i:nth-child(2){background:var(--bg-3);opacity:1;width:70%}.tour-art__device i:nth-child(3){background:var(--bg-3);opacity:1;width:85%}.tour-art__link{flex:1;height:20px;margin:0 -2px}.tour-art__link path{stroke:var(--accent);stroke-width:3px;stroke-dasharray:6 6;animation:.8s linear infinite tour-dash}.tour-art__lock{background:var(--accent);color:#fff;width:38px;height:38px;box-shadow:0 0 0 6px var(--bg-1);border-radius:50%;flex:none;place-items:center;display:grid}.tour-art--classic{gap:12px}.tour-art--classic figure{justify-items:center;gap:6px;margin:0;display:grid}.tour-art--classic figcaption{color:var(--muted);font-size:11px;font-weight:600}.tour-art__screen{border-radius:6px;justify-content:center;align-items:flex-end;padding-bottom:12px;display:flex;position:relative;overflow:hidden}.tour-art__screen--modern{background:linear-gradient(160deg,#23395d,#4a2357 60%,#8a3b2d);width:132px;height:74px}.tour-art__screen--classic{filter:saturate(1.3)blur(.35px);background:linear-gradient(160deg,#1d4f2f,#2c5d7a);width:98px;height:74px;box-shadow:inset 0 0 18px #000000b3}.tour-art__screen--classic:after{content:"";background:repeating-linear-gradient(#00000059 0 1px,#0000 1px 3px);position:absolute;inset:0}.tour-art__lyric{color:#fff;text-shadow:0 1px 3px #0009;font-size:12px;font-weight:800}.tour-art__lyric em{color:var(--accent);font-style:normal;animation:2s step-end infinite tour-wipe}.tour-art__screen--classic .tour-art__lyric{letter-spacing:.02em;-webkit-text-stroke:.6px #1a2a8a;font-family:Arial Black,Impact,sans-serif;font-size:11px}.tour-art__screen--classic .tour-art__lyric em{color:#6fd3ff}@keyframes tour-note{0%{opacity:0;transform:translateY(0)rotate(-8deg)}20%{opacity:1}to{opacity:0;transform:translateY(-140px)rotate(10deg)}}@keyframes tour-bob{50%{transform:translateY(-5px)}}@keyframes tour-pulse{50%{opacity:.55;transform:scale(1.1)}}@keyframes tour-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes tour-ring{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 70%, transparent)}to{box-shadow:0 0 0 12px #0000}}@keyframes tour-dash{to{stroke-dashoffset:-12px}}@keyframes tour-wipe{50%{color:#fff}}@media (height<=700px){.tour-art{height:90px}.tour-art>*{zoom:.7}.tour-art>.tour-art__note,.tour-art>.tour-art__glow{zoom:1}}@media (prefers-reduced-motion:reduce){.tour-art *,.tour-art{animation:none!important}.tour-art__note{display:none}}.tour__title{margin:0;font-size:18px;font-weight:700}.tour__body{color:var(--muted);margin:0 0 4px;font-size:14px;line-height:1.45}.tour__actions{align-items:center;gap:8px;display:flex}.tour__skip{margin-right:auto;padding:0}.sheet__done{text-align:center;width:100%;margin-top:8px;display:block}.toast--party{z-index:85;isolation:isolate;align-items:center;gap:10px;padding-left:12px;animation:.25s ease-out toast-in,.5s cubic-bezier(.3,1.6,.5,1) 50ms party-pop;display:flex;overflow:visible}.toast__icon{flex:none;display:grid;position:relative}.popper{transform-origin:15% 90%;animation:.75s cubic-bezier(.3,1.5,.5,1) both popper-pop}.popper__streamers path{stroke-dasharray:14;stroke-dashoffset:14px;animation:.45s ease-out .2s forwards streamer}.popper__dot{opacity:0;animation:.2s .35s forwards fade-in}.confetti{z-index:-1;pointer-events:none;position:absolute;top:25%;left:70%}.confetti i{opacity:0;border-radius:1px;width:6px;height:10px;margin:-5px 0 0 -3px;animation:1.8s forwards confetti;position:absolute}.confetti i.is-round{border-radius:50%;width:7px;height:7px}@keyframes popper-pop{0%{transform:scale(.4)rotate(25deg)}30%{transform:scale(.9)rotate(32deg)}65%{transform:scale(1.18)rotate(-12deg)}to{transform:scale(1)rotate(0)}}@keyframes streamer{to{stroke-dashoffset:0}}@keyframes confetti{0%{opacity:1;animation-timing-function:cubic-bezier(.1,.8,.3,1);transform:translate(0)rotate(0)scale(.5)}35%{opacity:1;transform:translate(var(--x), var(--y)) rotate(calc(var(--r) * .4)) scale(1);animation-timing-function:cubic-bezier(.4,0,.8,.6)}80%{opacity:1}to{opacity:0;transform:translate(var(--fx), var(--fy)) rotate(var(--r)) scale(.9)}}@keyframes party-pop{0%{scale:.85}to{scale:1}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.inapp{left:calc(12px + var(--safe-left));right:calc(12px + var(--safe-right));top:calc(10px + var(--safe-top));z-index:90;background:var(--bg-2,#232326);max-width:520px;color:var(--text,#fff);border-radius:14px;gap:10px;margin:0 auto;padding:14px 14px 12px 16px;font-size:14px;animation:.25s ease-out toast-in;display:grid;position:fixed;box-shadow:0 0 0 1px #ffffff14,0 16px 40px #0000008c}.inapp__text{gap:4px;padding-right:24px;display:grid}.inapp__text b{font-size:15px}.inapp__text span{color:var(--muted,#a7a7ad);line-height:1.4}.inapp__actions{align-items:center;gap:8px;display:flex}.inapp__actions a.chip{text-decoration:none}.inapp__close{width:32px;height:32px;color:var(--muted,#a7a7ad);border-radius:50%;font-size:15px;position:absolute;top:8px;right:8px}.song-menu{z-index:95;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#2c2c30f7;border-radius:12px;min-width:220px;max-width:300px;padding:6px;animation:.12s ease-out fade-in;position:fixed;box-shadow:0 12px 40px #00000080}.song-menu__title{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;padding:8px 12px 6px;font-size:13px;font-weight:600;overflow:hidden}.song-menu .menu__item,.song-menu-sheet .menu__item{width:100%;height:46px;color:var(--text);text-align:left;border-radius:8px;align-items:center;gap:12px;padding:0 12px;font-size:16px;font-weight:500;display:flex}.song-menu .menu__item svg,.song-menu-sheet .menu__item svg{color:var(--muted);flex:none}.song-menu .menu__item:active,.song-menu-sheet .menu__item:active{background:#ffffff1a}@media (hover:hover){.song-menu .menu__item:hover{background:#ffffff14}}.song-menu .menu__item--danger,.song-menu .menu__item--danger svg,.song-menu-sheet .menu__item--danger,.song-menu-sheet .menu__item--danger svg{color:var(--danger)}.song-menu-sheet__head{gap:2px;margin-bottom:8px;display:grid}.song-menu-sheet__head b{font-size:18px}.song-menu-sheet__head span,.song-menu-sheet__note{color:var(--muted);font-size:14px}.song-menu-sheet__note{margin:10px 0 0;line-height:1.4}.song-row{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.drop-zone{z-index:30;border:2px dashed var(--accent);text-align:center;pointer-events:none;background:#121212e0;border-radius:16px;place-content:center;gap:6px;animation:.12s ease-out fade-in;display:grid;position:absolute;inset:10px}.drop-zone b{font-size:22px}.drop-zone span{color:var(--muted);font-size:14px}.modes{padding:calc(24px + var(--safe-top)) calc(20px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(20px + var(--safe-left));background:var(--bg);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:fixed;inset:0;overflow-y:auto}.modes__logo{border-radius:20px;width:88px;height:88px}.modes__title{letter-spacing:-.02em;margin:6px 0 0;font-size:28px;font-weight:800}.modes__hint{color:var(--muted);margin:0 0 14px}.modes__list{gap:8px;width:min(100%,440px);display:grid}.mode-card{background:var(--bg-1);text-align:left;border-radius:10px;align-items:center;gap:16px;padding:16px;transition:transform .12s,background .12s;display:flex}.mode-card:active{transform:scale(.98)}@media (hover:hover){.mode-card:hover{background:var(--bg-2)}}.mode-card__icon{background:var(--bg-3);width:56px;height:56px;color:var(--text);border-radius:8px;flex:none;place-items:center;display:grid}.mode-card__text{gap:2px;display:grid}.mode-card__name{font-size:17px;font-weight:600}.mode-card__desc{color:var(--muted);font-size:13px;line-height:1.4}.modes__foot{color:var(--muted);margin:10px 0 0;font-size:13px}@media (width>=900px){.modes__list{grid-template-columns:repeat(3,1fr);width:min(100%,900px)}.mode-card{text-align:center;flex-direction:column;padding:26px 20px}}.modes__countdown{min-height:1.4em;color:var(--muted);font-variant-numeric:tabular-nums;margin:10px 0 0}.modes__countdown b{color:var(--text)}.mode-card.is-next{box-shadow:inset 0 0 0 2px var(--accent)}:root{--bg:#121212;--bg-1:#181818;--bg-2:#232326;--bg-3:#2e2e33;--line:#ffffff14;--text:#fff;--muted:#a7a7ad;--faint:#6e6e76;--accent:#ff5a36;--accent-press:#e84a28;--ok:#4ad37b;--danger:#ff8a7a;--font:Inter, -apple-system, "SF Pro Text", system-ui, "Segoe UI", sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--safe-right:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;font-weight:400}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.4}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input{font:inherit;color:inherit}code{color:var(--accent);font-family:ui-monospace,Menlo,monospace;font-size:.9em}:root[data-theme=bubbly]{--bg:#06122e;--bg-1:#0b1d45;--bg-2:#11255a;--bg-3:#1b3170;--line:#a0beff24;--text:#f4f7ff;--muted:#9fb0d8;--faint:#7d8fbd;--accent:#ff4f8b;--accent-press:#e63d78;--gold:#ffd23f;--pink:#ff4f8b;--cyan:#3fd3ff;--font:Nunito, ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", sans-serif;--font-num:Oswald, "DIN Condensed", "Arial Narrow", system-ui, sans-serif}:root[data-theme=bubbly] body{font-weight:700}:root[data-theme=bubbly] :focus-visible{outline-color:var(--cyan)}:root[data-theme=bubbly] .app,:root[data-theme=bubbly] .modes{background:radial-gradient(120% 60% at 50% 115%, #3fd3ff2e, transparent 60%), radial-gradient(90% 50% at 85% -10%, #ff4f8b38, transparent 60%), linear-gradient(180deg, #0a1a40 0%, var(--bg) 60%)}:root[data-theme=bubbly] .topbar__name,:root[data-theme=bubbly] .brand__name{font-weight:900}:root[data-theme=bubbly] .topbar__logo{border-radius:10px;box-shadow:0 4px 16px #ff5e8a59}:root[data-theme=bubbly] .brand__count,:root[data-theme=bubbly] .topbar__mode{font-weight:700}:root[data-theme=bubbly] .search{border:1px solid var(--line);height:52px;color:var(--muted);background:#ffffff17;border-radius:16px}:root[data-theme=bubbly] .search:focus-within{background:#ffffff1f;border-color:#3fd3ff99}:root[data-theme=bubbly] .search input{font-size:17px;font-weight:700}:root[data-theme=bubbly] .search input::placeholder{color:var(--muted)}:root[data-theme=bubbly] .art:not(.art--big){border-radius:8px;width:auto;min-width:62px;height:32px;font-size:0;container-type:normal;background:#ffd23f1f!important}:root[data-theme=bubbly] .art:not(.art--big):after{content:attr(data-code);color:var(--gold);font-family:var(--font-num);letter-spacing:.04em;font-variant-numeric:tabular-nums;font-size:19px;font-weight:600}:root[data-theme=bubbly] .art--big{border-radius:20px;font-weight:900}:root[data-theme=bubbly] .song-row__code{display:none}:root[data-theme=bubbly] .song-row,:root[data-theme=bubbly] .queue__item,:root[data-theme=bubbly] .artist-row{border-bottom:1px solid var(--line)}:root[data-theme=bubbly] .song-row__title,:root[data-theme=bubbly] .artist-row__name{font-size:17px;font-weight:800}:root[data-theme=bubbly] .song-row__artist{font-size:14px;font-weight:600}:root[data-theme=bubbly] .song-row .song-row__add{color:var(--cyan)}:root[data-theme=bubbly] .song-row.is-reserved .song-row__title,:root[data-theme=bubbly] .song-row.is-reserved .song-row__add{color:var(--gold)}:root[data-theme=bubbly] .artist-row__initial{color:var(--text);background:linear-gradient(135deg,#ff4f8b80,#3fd3ff66);font-weight:900}:root[data-theme=bubbly] .alpha-rail__l{color:var(--cyan);font-weight:900}:root[data-theme=bubbly] .alpha-rail__l.is-active{color:var(--gold)}:root[data-theme=bubbly] .alpha-bubble{color:#22113d;background:#ffd23ff2;border-radius:24px;font-weight:900}:root[data-theme=bubbly] .tabbar{background:#06122ef5}:root[data-theme=bubbly] .tabbar__tab{font-size:11px;font-weight:800}:root[data-theme=bubbly] .tabbar__tab[aria-selected=true]{color:var(--gold)}:root[data-theme=bubbly] .mini-bar,:root[data-theme=bubbly] .cremote{background:linear-gradient(135deg,#ff4f8bf2,#ff7a59f2);border-radius:18px;box-shadow:0 10px 30px #ff4f8b59}:root[data-theme=bubbly] .mini-bar .art,:root[data-theme=bubbly] .cremote .art{background:#0003!important}:root[data-theme=bubbly] .mini-bar .art:after,:root[data-theme=bubbly] .cremote .art:after{color:#fff}:root[data-theme=bubbly] .mini-bar__title,:root[data-theme=bubbly] .cremote__title{font-weight:900}:root[data-theme=bubbly] .mini-bar__sub,:root[data-theme=bubbly] .cremote__sub{color:#ffffffd9}:root[data-theme=bubbly] .mini-bar__play{background:#0003}:root[data-theme=bubbly] .cremote__line span{background:var(--gold)}:root[data-theme=bubbly] .cremote__stepper,:root[data-theme=bubbly] .cremote__chip{background:#0003}:root[data-theme=bubbly] .cremote__btn--play,:root[data-theme=bubbly] .cremote__chip.is-on{color:#22113d;background:#fff}:root[data-theme=bubbly] .cremote--idle{box-shadow:none;background:#ffffff12}:root[data-theme=bubbly] .panel{background:0 0;border-top:0}:root[data-theme=bubbly] .toast{color:#1d1240;background:#ffd23ff5;border-radius:999px;font-size:16px;font-weight:800}:root[data-theme=bubbly] .badge{background:var(--pink);font-weight:900}:root[data-theme=bubbly] .sheet-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02061499}:root[data-theme=bubbly] .sheet{background:linear-gradient(#172d68,#0d1d47);border-radius:24px 24px 0 0}@media (width>=720px){:root[data-theme=bubbly] .sheet{border-radius:24px}}:root[data-theme=bubbly] .action{border-radius:16px;height:56px;font-size:18px;font-weight:900}:root[data-theme=bubbly] .action--secondary{border:1px solid var(--line);background:#ffffff1a}:root[data-theme=bubbly] .action--primary{background:linear-gradient(135deg, var(--gold), #ffa53f);color:#22113d;box-shadow:0 8px 24px #ffb43f4d}:root[data-theme=bubbly] .settings__title,:root[data-theme=bubbly] .song-sheet__title{font-weight:900}:root[data-theme=bubbly] .setting__name{font-weight:800}:root[data-theme=bubbly] .setting__desc{font-weight:600}:root[data-theme=bubbly] .setting__value{color:var(--gold);font-family:var(--font-num)}:root[data-theme=bubbly] .switch{background:#ffffff2e}:root[data-theme=bubbly] .switch:checked{background:var(--pink)}:root[data-theme=bubbly] .chip{border:1px solid var(--line);background:#ffffff0f;font-size:14px;font-weight:800}:root[data-theme=bubbly] .chip.is-on{background:var(--cyan);border-color:var(--cyan);color:#062038}:root[data-theme=bubbly] input[type=range]{accent-color:var(--gold)}:root[data-theme=bubbly] .song-sheet__artist{color:var(--cyan);font-weight:800}:root[data-theme=bubbly] .song-sheet__code{color:var(--gold);font-family:var(--font-num);letter-spacing:.06em;background:#ffd23f24;border-radius:10px;padding:4px 14px;font-size:22px;font-weight:600}:root[data-theme=bubbly] .keypad__screen{background:#050b06;border:2px solid #1d2a1f;border-radius:18px;padding:14px 16px;box-shadow:inset 0 0 30px #000c}:root[data-theme=bubbly] .led{color:#ff3b2f;width:1.1ch;font-family:var(--font-num);text-shadow:0 0 12px #ff3b2fcc;font-size:56px}:root[data-theme=bubbly] .led--off{color:#ff3b2f1a;text-shadow:none}:root[data-theme=bubbly] .keypad__title{color:#7dff9b;font-weight:800}:root[data-theme=bubbly] .keypad__artist{color:#4fbf68}:root[data-theme=bubbly] .keypad__hint{color:#3c8a4f}:root[data-theme=bubbly] .keypad__grid{grid-template-columns:repeat(3,1fr);gap:10px}:root[data-theme=bubbly] .key{width:auto;height:64px;font-family:var(--font-num);background:linear-gradient(#2a3f7a,#1b2c5c);border-radius:18px;font-size:30px;font-weight:600;box-shadow:0 4px #0c1736,inset 0 1px #ffffff26}:root[data-theme=bubbly] .key:active{transform:translateY(3px);box-shadow:0 1px #0c1736,inset 0 1px #ffffff26}:root[data-theme=bubbly] .key--muted{color:var(--muted);background:linear-gradient(#24305a,#172246);font-size:24px}:root[data-theme=bubbly] .ctl{background:#ffffff1f;font-weight:900}:root[data-theme=bubbly] .ctl--small{background:0 0}:root[data-theme=bubbly] .ctl--big{color:#0b1438;background:#fff}:root[data-theme=bubbly] .ctl--toggle.is-on{background:var(--cyan);color:#062038}:root[data-theme=bubbly] .stepper{background:#ffffff1f}:root[data-theme=bubbly] .stepper__value{font-family:var(--font-num);font-size:17px}:root[data-theme=bubbly] .stepper__value small{font-family:var(--font);font-weight:900}:root[data-theme=bubbly] .progress__bar{accent-color:var(--gold)}:root[data-theme=bubbly] .progress__time{font-family:var(--font-num);font-size:14px}:root[data-theme=bubbly] .menu{background:#172d68f7;border-radius:18px}:root[data-theme=bubbly] .menu__item{font-weight:800}:root[data-theme=bubbly] .player__hud{color:#1d1240;background:#ffd23ff2;border-radius:999px;font-weight:900}:root[data-theme=bubbly] .mode-card{border:1px solid var(--line);background:#ffffff12;border-radius:20px}:root[data-theme=bubbly] .mode-card__icon{color:#22113d;border-radius:18px}:root[data-theme=bubbly] .mode-card--pocket .mode-card__icon{background:linear-gradient(135deg, var(--gold), #ffa53f)}:root[data-theme=bubbly] .mode-card--tv .mode-card__icon{background:linear-gradient(135deg, var(--pink), #ff7a59);color:#fff}:root[data-theme=bubbly] .mode-card--remote .mode-card__icon{background:linear-gradient(135deg, var(--cyan), #3f8cff);color:#062038}:root[data-theme=bubbly] .mode-card__name,:root[data-theme=bubbly] .modes__title,:root[data-theme=bubbly] .join__title,:root[data-theme=bubbly] .tv-start__name,:root[data-theme=bubbly] .room-qr__title{font-weight:900}:root[data-theme=bubbly] .join__input{color:var(--gold);font-family:var(--font-num);border-radius:16px}:root[data-theme=bubbly] .remote-controls__artist{color:var(--cyan);font-weight:800}:root[data-theme=bubbly] .room-qr,:root[data-theme=bubbly] .tv-status{background:#040a1eb8}:root[data-theme=bubbly] .room-qr__room{color:var(--gold);font-family:var(--font-num)}:root[data-theme=bubbly] .tv-start__mode{color:var(--pink);background:#ff4f8b33}:root[data-theme=bubbly] .led--off{color:#0000;position:relative}:root[data-theme=bubbly] .led--off:after{content:"8";color:#ff3b2f1a;position:absolute;inset:0}:root[data-theme=bubbly] .art:not(.art--big) .art__number{display:none}