:root{--bg:#0e0f0f;--surface:#161818;--surface-2:#1e2020;--ink:#f5f4f0;--ink-dim:#a9aba8;--ink-faint:#70736f;--line:#ffffff17;--line-strong:#fff3;--accent:#5fb8a8;--accent-ink:#06130d;--brand-gold:#d9a441;--rec:#f3727f;--scrim-top:#0b0c0cf0;--scrim-mid:#0b0c0c66;--page-scrim:#090c0b;--on-media:#fff;--on-media-dim:#ffffffb8;--media-shade:#080909d1;--serif:Georgia, "Songti SC", "Noto Serif SC", serif;--sans:"DM Sans", system-ui, -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--pill:9999px;--circ:9999px;--radius:10px;--shadow-sm:#0003 0 4px 12px;--shadow-md:#00000052 0 10px 28px;--shadow-lg:var(--shadow-md)}[data-theme=light]{--bg:#f7f6f2;--surface:#fff;--surface-2:#edeae3;--ink:#191b1a;--ink-dim:#585c59;--ink-faint:#8c908c;--line:#1618171a;--line-strong:#16181738;--accent:#3d8d7e;--accent-ink:#fff;--scrim-top:#f7f6f2f0;--scrim-mid:#f7f6f266;--page-scrim:#f1f0ea;--shadow-sm:#2024221a 0 4px 12px;--shadow-md:#20242229 0 10px 28px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}button{font-family:var(--sans)}a{color:inherit}::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ink-faint)}::-webkit-scrollbar-track{background:0 0}.btn-pill{border:1px solid var(--line-strong);color:var(--ink);border-radius:var(--pill);letter-spacing:.04em;cursor:pointer;background:0 0;padding:11px 22px;font-size:13px;font-weight:700;transition:border-color .15s,transform .15s}.btn-pill:hover{border-color:var(--ink);transform:scale(1.03)}.btn-pill.added{color:var(--song-accent,var(--accent));border-color:var(--song-accent,var(--accent))}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.intro{z-index:50;--bg:#0e0f0f;--surface:#161818;--surface-2:#1e2020;--ink:#f5f4f0;--ink-dim:#a9aba8;--ink-faint:#70736f;--line:#ffffff17;--line-strong:#fff3;background:radial-gradient(90% 70% at 50% 110%,#3ddfae24,#0000 60%),linear-gradient(#0a0c0b 0%,#0e0e0e 60%,#101312 100%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.intro.leaving{animation:.6s forwards intro-out}@keyframes intro-in{0%{opacity:0}to{opacity:1}}@keyframes intro-out{to{opacity:0;visibility:hidden}}.intro-beam{filter:blur(6px);pointer-events:none;background:radial-gradient(50% 100% at 50% 100%,#3ddfae38,#0000 70%);width:140vw;height:46vh;animation:5s ease-in-out infinite beam-breathe;position:absolute;bottom:-12%;left:50%;transform:translate(-50%)}@keyframes beam-breathe{0%,to{opacity:.7}50%{opacity:1}}.intro-center{flex:1;place-content:center;justify-items:center;gap:18px;padding:0 24px;display:grid}.intro-emblem{aspect-ratio:1;border-radius:50%;width:min(400px,64vw);animation:1.2s both emblem-in}@keyframes emblem-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.intro-brand{font-family:var(--serif);letter-spacing:.01em;color:var(--ink);font-size:clamp(34px,5.4vw,58px);font-weight:700;animation:.9s cubic-bezier(.2,.7,.3,1) .15s both brand-rise}.intro-brand .dot{color:var(--accent);font-style:normal}@keyframes brand-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.intro-actions{justify-content:center;align-items:center;gap:26px;padding:0 24px 34px;display:flex}.intro-enter{border-radius:var(--pill);letter-spacing:.08em;color:#06130d;background:var(--accent);cursor:pointer;border:none;padding:13px 38px;font-size:14px;font-weight:700;transition:transform .15s,filter .15s}.intro-enter:hover{filter:brightness(1.1);transform:scale(1.05)}.about{z-index:60;-webkit-backdrop-filter:blur(6px);background:#08090999;place-items:center;animation:.2s about-in;display:grid;position:fixed;inset:0}@keyframes about-in{0%{opacity:0}to{opacity:1}}.about-card{text-align:center;border:1px solid var(--line);border-radius:var(--radius,10px);width:min(460px,100vw - 48px);box-shadow:var(--shadow-md);background:#0a0b0b;padding:44px 44px 26px}.about-emblem{aspect-ratio:1;border-radius:50%;width:150px;margin-bottom:22px}.about-brand{font-family:var(--serif);letter-spacing:.14em;text-indent:.14em;font-size:30px;font-weight:700}.about-line{color:var(--ink);letter-spacing:.08em;margin-top:14px;font-size:12.5px}.about-line:after{content:"";background:var(--line-strong);width:36px;height:1px;margin:18px auto 0;display:block}.about-sub{color:var(--ink);text-align:justify;text-justify:inter-ideograph;margin-top:18px;font-size:12.5px;line-height:2}.about-sub+.about-sub{margin-top:10px}.about-foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:28px;padding-top:16px;display:flex}.about-ver{letter-spacing:.1em;color:var(--ink-faint);font-size:11px}.about-close{border:1px solid var(--line-strong);border-radius:var(--pill);color:var(--ink);cursor:pointer;background:0 0;padding:7px 20px;font-size:12px;font-weight:700;transition:border-color .15s}.about-close:hover{border-color:var(--ink)}@media (width<=480px){.about-card{padding:36px 26px 22px}.about-emblem{width:120px}.about-sub{text-align:left}}.home-hero .hero-slide{opacity:0;pointer-events:none;align-items:flex-end;display:flex;position:absolute;inset:0}.home-hero .hero-slide.is-active{opacity:1;pointer-events:auto;z-index:1;animation:hero-in var(--hero-fade,.6s) ease both}.home-hero .hero-slide.is-leaving{pointer-events:none;animation:hero-out var(--hero-fade,.6s) ease both}.home-hero .hero-slide .hero-body{padding:40px 40px 40px 68px}@keyframes hero-in{0%{opacity:0}to{opacity:1}}@keyframes hero-out{0%{opacity:1}to{opacity:0}}.home-hero .hero-arrow{z-index:3;border-radius:var(--circ);border:1px solid var(--line-strong);width:44px;height:44px;color:var(--on-media);font-size:26px;line-height:1;font-family:var(--sans);cursor:pointer;background:#0809099e;justify-content:center;align-items:center;transition:background .15s,transform .15s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.home-hero .hero-arrow:hover{background:#080909d1;transform:translateY(-50%)scale(1.06)}.home-hero .hero-arrow.prev{left:14px}.home-hero .hero-arrow.next{right:14px}.home-hero .hero-dots{z-index:3;gap:6px;display:flex;position:absolute;bottom:26px;right:28px}.home-hero .hero-dot{border-radius:var(--circ);cursor:pointer;background:0 0;border:none;width:24px;height:24px;padding:0;position:relative}.home-hero .hero-dot:after{content:"";border-radius:var(--circ);background:#ffffff59;transition:background .15s,transform .15s;position:absolute;inset:8px}.home-hero .hero-dot:hover:after{transform:scale(1.3)}.home-hero .hero-dot.on:after{background:var(--dot,var(--accent));transform:scale(1.3)}@media (width<=720px){.home-hero .hero-arrow{width:36px;height:36px;font-size:22px}.home-hero .hero-arrow.prev{left:8px}.home-hero .hero-arrow.next{right:8px}.home-hero .hero-slide .hero-body{padding:24px 56px}.home-hero .hero-dots{bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.home-hero .hero-slide,.home-hero .hero-slide.is-active{animation:none}.home-hero .hero-slide.is-leaving{opacity:0}}.home{min-height:100%;overflow-y:auto}.debug-link{color:#5c6c73;border-bottom:1px dashed #2a3942;width:max-content;margin:24px auto 40px;font-size:12px;text-decoration:none;display:block}.debug-link:hover{color:#8fb8ae}.home-topbar{z-index:20;background:linear-gradient(var(--scrim-top), var(--scrim-mid) 70%, transparent);align-items:center;gap:28px;padding:16px 32px;display:flex;position:sticky;top:0}.home-logo{letter-spacing:.02em;align-items:center;gap:10px;font-size:19px;font-weight:700;display:inline-flex}.home-logo img{border-radius:var(--circ);border:1px solid var(--line-strong);object-fit:cover;width:30px;height:30px;display:block}.home-nav{gap:8px;margin-left:auto;display:flex}.nav-pill{color:var(--ink-dim);border-radius:var(--pill);cursor:pointer;background:0 0;border:1px solid #0000;padding:8px 16px;font-size:13px;font-weight:700;transition:all .15s}.nav-pill.on,.nav-pill:hover{color:var(--ink);background:var(--surface-2)}.nav-pill.ghost{font-size:12px}.home-hero{cursor:pointer;border:1px solid var(--line);border-radius:12px;align-items:flex-end;min-height:340px;margin:8px 32px 40px;transition:transform .2s;display:flex;position:relative;overflow:hidden}.home-hero:hover{transform:scale(1.006)}.home-hero .hero-bg{transition:transform 8s;position:absolute;inset:0}.home-hero:hover .hero-bg{transform:scale(1.04)}.home-hero .hero-bg-img{object-fit:cover;width:100%;height:100%;transition:transform 8s;position:absolute;inset:0}.home-hero:hover .hero-bg-img{transform:scale(1.04)}.home-hero .hero-shade{background:linear-gradient(90deg, var(--media-shade) 0%, #08090940 55%, transparent), linear-gradient(transparent 55%, var(--media-shade));position:absolute;inset:0}.home-hero .hero-body{z-index:2;max-width:620px;color:var(--on-media);padding:40px;position:relative}.home-hero .kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--on-media-dim);font-size:12px;font-weight:700}.home-hero h1{font-family:var(--serif);letter-spacing:-.01em;margin:10px 0 8px;font-size:clamp(34px,4.6vw,58px);font-weight:700;line-height:1.05}.home-hero .meta{color:var(--on-media-dim);font-size:14px}.home-hero .meta b{color:var(--on-media)}.home-hero .desc{color:var(--on-media-dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:10px;font-size:14px;line-height:1.7;display:-webkit-box;overflow:hidden}.home-hero .hero-play{align-items:center;gap:12px;margin-top:20px;display:inline-flex}.home-hero .btn-play-big{border-radius:var(--circ);cursor:pointer;background:var(--song-accent,var(--accent));width:60px;height:60px;color:var(--accent-ink);box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;font-size:22px;transition:all .15s;display:flex}.home-hero .btn-play-big:hover{transform:scale(1.06)}.home-section{padding:0 32px 44px}.home-section h3{font-family:var(--serif);margin-bottom:18px;font-size:22px;font-weight:700}.song-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:22px;display:grid}.song-card{cursor:pointer;text-align:left;color:inherit;background:0 0;border:none;border-radius:10px;padding:0;transition:transform .25s;position:relative}.song-card:hover,.song-card:focus-visible{z-index:2;transform:scale(1.05)}.song-card:hover .art,.song-card:focus-visible .art{box-shadow:var(--shadow-md)}.song-card .art{aspect-ratio:1;box-shadow:var(--shadow-md);background:var(--surface-2);border-radius:8px;margin-bottom:12px;position:relative;overflow:hidden}.song-card .art .art-img{object-fit:cover;width:100%;height:100%;transition:filter .25s,transform .25s;position:absolute;inset:0}.song-card:hover .art-img,.song-card:focus-visible .art-img{filter:brightness(1.12)}.song-card .art .art-preview{object-fit:cover;width:100%;height:100%;animation:.25s both preview-in;position:absolute;inset:0}@keyframes preview-in{0%{opacity:0}to{opacity:1}}.song-card .art .art-veil{opacity:0;pointer-events:none;background:linear-gradient(#0000 62%,#0808088c);transition:opacity .25s;position:absolute;inset:0}.song-card:hover .art-veil,.song-card:focus-visible .art-veil{opacity:1}.song-card .art .mini-play{border-radius:var(--circ);cursor:pointer;width:42px;height:42px;color:var(--accent-ink);opacity:0;box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;font-size:15px;transition:all .2s;display:flex;position:absolute;bottom:10px;right:10px;transform:translateY(6px)}.song-card:hover .mini-play,.song-card:focus-visible .mini-play{opacity:1;transform:translateY(0)}.song-card .card-info{padding:0 2px}.song-card .t{white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;overflow:hidden}.song-card .a{color:var(--ink-dim);margin-top:3px;font-size:13px}.song-card .diff{color:var(--ink-faint);letter-spacing:.04em;justify-content:space-between;align-items:center;margin-top:6px;font-size:11px;display:flex}@media (width<=720px){.home-topbar,.home-hero,.home-section{margin-left:16px;margin-right:16px;padding-left:0;padding-right:0}.home-topbar{padding:14px 16px}.home-hero{margin:8px 16px 32px}.home-section{padding:0 16px 36px}.home-nav{display:none}.home-hero .hero-body{padding:24px}}.control-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-lg);background:#101012b8;border:1px solid #ffffff14;border-radius:999px;align-items:center;gap:10px;padding:10px 16px;display:flex}.ctl{color:var(--ink-dim);cursor:pointer;background:0 0;border:none;border-radius:50%;flex-shrink:0;width:40px;height:40px;font-size:15px;transition:all .15s}.ctl:hover{color:var(--ink);background:#ffffff14}.ctl:disabled{opacity:.35;cursor:default}.ctl.main{background:var(--song-accent,var(--accent));color:#06130d;font-size:16px}.ctl.main:hover{background:var(--song-accent,var(--accent));filter:brightness(1.12)}.ctl.stop{font-size:13px}.ctl.stop:not(:disabled):hover{color:var(--rec);background:#f3727f1f}.ctl.rec{justify-content:center;align-items:center;gap:6px;width:auto;min-width:40px;padding:0 12px;display:inline-flex}.ctl.rec .rec-badge{letter-spacing:.12em;font-size:10px;font-weight:700}.ctl.rec.on{color:var(--rec)}.ctl.rec.on svg{animation:1.6s ease-in-out infinite rec-pulse}@keyframes rec-pulse{0%,to{opacity:1}50%{opacity:.4}}.ctl.rec.on:hover{background:#f3727f24}.ctl.exit:hover{color:var(--rec)}.ctl.cursor-mode{white-space:nowrap;width:auto;min-width:40px;padding:0 12px;font-size:12px}.ctl.cursor-mode:focus:not(:focus-visible){outline:none}.ctl.cursor-mode.on{color:var(--song-accent,var(--accent))}.ctl-sep{background:#ffffff1f;flex-shrink:0;width:1px;height:22px;margin:0 2px}.ctl-volume{align-items:center;gap:8px;padding:0 4px;display:flex}.vol-icon{color:var(--ink-faint);font-size:13px}.ctl-volume input[type=range]{width:90px;accent-color:var(--song-accent,var(--accent));cursor:pointer}@media (width<=640px){.ctl-volume input[type=range]{width:56px}}.pitch-meter{z-index:30;border-radius:var(--pill);border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#0e0f0fb8;align-items:center;gap:12px;padding:8px 14px;transition:opacity .25s,transform .25s,border-color .15s;display:flex;position:absolute;top:76px;right:24px;transform:translateY(-6px)}.pitch-meter.active{opacity:1;transform:translateY(0)}.pm-note{font-family:var(--sans);letter-spacing:.02em;color:var(--ink);text-align:center;min-width:2.4em;font-size:15px;font-weight:700}.pm-gauge{background:#ffffff1f;border-radius:9999px;width:132px;height:6px;display:block;position:relative}.pm-zone{border-radius:inherit;background:color-mix(in srgb, var(--accent) 30%, transparent);width:90%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.pm-needle{background:var(--ink);border-radius:2px;width:3px;height:14px;transition:transform 80ms linear;position:absolute;top:-4px;left:50%;transform:translate(-50%)}.pm-cents{font-family:var(--sans);font-variant-numeric:tabular-nums;color:var(--ink-dim);text-align:right;min-width:3.2em;font-size:13px}.pitch-meter.good .pm-note,.pitch-meter.good .pm-cents{color:var(--accent)}.pitch-meter.good .pm-needle{background:var(--accent)}.pitch-meter.off .pm-note,.pitch-meter.off .pm-cents{color:var(--rec)}.pitch-meter.off .pm-needle{background:var(--rec)}.pitch-meter.off{border-color:color-mix(in srgb, var(--rec) 45%, transparent)}.score-sheet{width:100%;position:relative}.sheet-container{scrollbar-width:none;overscroll-behavior:contain;width:100%;max-height:100%;overflow:auto;-webkit-mask-image:linear-gradient(#0000,#000 6% 94%,#0000);mask-image:linear-gradient(#0000,#000 6% 94%,#0000)}.sheet-container::-webkit-scrollbar{display:none}.sheet-scale{transform-origin:0 0}.sheet-virtual{width:1280px}.sheet-error{color:var(--rec);text-align:center;padding:12px;font-size:13px}.perform{--bg:#0e0f0f;--surface:#161818;--surface-2:#1e2020;--ink:#f5f4f0;--ink-dim:#a9aba8;--ink-faint:#70736f;--line:#ffffff17;--line-strong:#fff3;--scrim-top:#0b0c0cf0;--scrim-mid:#0b0c0c66;background:radial-gradient(120% 90% at 50% -10%, #141a17 0%, var(--bg) 55%);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.perform-bg{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}video.perform-bg{object-fit:contain}video.perform-bg-blur{object-fit:cover;filter:blur(46px)saturate(1.05)brightness(.72);transform:scale(1.12)}video.perform-bg-cover{object-fit:cover}.perform-hud{z-index:3;transition:opacity .5s}.perform.idle .perform-hud,.perform.idle .progress-rail{opacity:0;pointer-events:none}.hud-top{-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#0b0c0cd1;justify-content:space-between;align-items:center;gap:16px;padding:14px 28px;display:flex;position:relative}.hud-song{align-items:center;gap:14px;min-width:0;display:flex}.hud-song-text{flex-direction:column;gap:2px;min-width:0;display:flex}.hud-song-text b{font-family:var(--serif);letter-spacing:.02em;white-space:nowrap;text-overflow:ellipsis;color:var(--ink);text-shadow:0 1px 3px #0000008c;font-size:21px;font-weight:500;line-height:1.2;overflow:hidden}.hud-song-text span{color:var(--ink-dim);letter-spacing:.06em;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #0000008c;font-size:11px;overflow:hidden}.back-ghost:hover{border-color:var(--ink-dim);color:var(--ink);background:#0b0c0c80}.hud-stats{gap:26px;display:flex}.hud-stat{color:var(--ink);letter-spacing:.08em;text-shadow:0 1px 3px #000000b3;align-items:baseline;gap:8px;font-size:11px;display:flex}.hud-stat .num{color:var(--ink);font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #0000008c;font-size:15px}.hud-bottom{justify-content:center;padding:12px 0 24px;display:flex}.perform-stage{z-index:1;flex:1;min-height:0;padding:4px 28px 0;display:flex;position:relative}.perform-stage .score-sheet{flex:1;min-height:0}.perform-stage .sheet-container{-webkit-backdrop-filter:blur(3px);background:#0c0d0e73;border-radius:14px;width:min(1280px,100%);height:100%;margin-inline:auto;overflow:hidden auto;box-shadow:0 0 40px #00000059}.progress-rail{cursor:pointer;touch-action:none;z-index:3;height:16px;transition:opacity .5s;position:relative}.progress-rail:before{content:"";background:#ffffff14;height:3px;position:absolute;inset:50% 0 auto;transform:translateY(-50%)}.progress-rail .played{background:var(--song-accent,var(--accent));width:0;height:3px;box-shadow:0 0 12px var(--song-accent,var(--accent));border-radius:0 2px 2px 0;display:block;position:absolute;top:50%;left:0;transform:translateY(-50%)}.perform-overlay{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090a0c94;place-items:center;animation:.25s ov-in;display:grid;position:absolute;inset:0}@keyframes ov-in{0%{opacity:0}to{opacity:1}}.ov-card{text-align:center;box-shadow:var(--shadow-lg);background:#1415179e;border:1px solid #ffffff14;border-radius:22px;justify-items:center;gap:12px;padding:42px 60px;display:grid}.ov-glyph{color:var(--song-accent,var(--accent));font-size:34px;animation:2.4s ease-in-out infinite glyph-float}@keyframes glyph-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.ov-kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--song-accent,var(--accent));font-size:11px}.ov-title{color:var(--ink-dim);letter-spacing:.06em;font-size:17px}.ov-title.big{font-family:var(--serif);color:var(--ink);font-size:clamp(28px,4.4vw,44px);font-weight:500}.ov-sub{color:var(--ink-faint);font-size:13px}.ov-sub.err{color:var(--rec);max-width:46ch}.ov-start{border-radius:var(--pill);letter-spacing:.06em;color:#06130d;background:var(--song-accent,var(--accent));cursor:pointer;border:none;margin-top:14px;padding:15px 44px;font-size:15px;font-weight:700;transition:transform .15s,filter .15s}.ov-start:hover{filter:brightness(1.1);transform:scale(1.04)}.ov-btn{border:1px solid var(--border);color:var(--ink);border-radius:var(--pill);cursor:pointer;background:0 0;padding:10px 26px;font-size:13px}.ov-btn:hover{border-color:var(--ink)}.ov-tips{color:var(--ink-faint);letter-spacing:.05em;margin-top:6px;font-size:11px}.ov-bar{background:#ffffff1f;border-radius:2px;width:190px;height:2px;overflow:hidden}.ov-bar i{background:var(--song-accent,var(--accent));border-radius:2px;width:42%;height:100%;animation:1.1s ease-in-out infinite bar-sweep;display:block}@keyframes bar-sweep{0%{transform:translate(-110%)}to{transform:translate(360%)}}.perform-overlay.countdown{-webkit-backdrop-filter:none;backdrop-filter:none;background:#080a0c4d;grid-template-rows:1fr auto 1fr}.count-num{font-family:var(--serif);color:var(--ink);text-shadow:0 0 70px var(--song-accent,var(--accent));grid-row:2;font-size:clamp(120px,22vw,230px);line-height:1;animation:.75s infinite count-pop}@keyframes count-pop{0%{opacity:.5;transform:scale(.9)}35%{opacity:1;transform:scale(1)}to{opacity:.85;transform:scale(1.02)}}.count-label{letter-spacing:.4em;color:var(--ink-dim);grid-row:3;align-self:start;margin-top:18px;font-size:13px}.perform-toast{pointer-events:none;z-index:7;border-radius:var(--pill);color:var(--rec);letter-spacing:.03em;box-shadow:var(--shadow-lg);white-space:nowrap;background:#181616e6;border:1px solid #f3727f66;padding:10px 20px;font-size:13px;animation:.2s ov-in;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}@media (width<=640px){.hud-top{padding:12px 16px 8px}.hud-song-text span{display:none}.hud-stats{gap:14px}.perform-stage{padding:4px 10px 0}.ov-card{padding:30px 26px}}@media (width<=399.98px){.hud-top{gap:10px;padding:10px 12px 8px}.hud-song{flex:auto;gap:10px;min-width:0}.hud-song-text{flex:auto;min-width:0}.hud-song-text b{font-size:16px}.hud-stats{flex:none;gap:10px}.hud-stat{letter-spacing:.04em;gap:4px;font-size:9px}.hud-stat>span:first-child{writing-mode:vertical-rl;line-height:1}.hud-stat .num{font-size:12px}}@media (width<=768px){video.perform-bg{object-fit:contain}video.perform-bg-cover{object-fit:cover}}.preview{min-height:100%;position:relative;overflow-y:auto}.preview-bg{z-index:0;background:#0a0d0c;position:fixed;inset:0;overflow:hidden}.preview-bg-pad{filter:blur(46px)saturate(1.05);position:absolute;inset:-6%}.preview-bg-media{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.preview-bg-scrim{background:linear-gradient(180deg, color-mix(in srgb, var(--page-scrim) 66%, transparent) 0%, color-mix(in srgb, var(--page-scrim) 42%, transparent) 38%, color-mix(in srgb, var(--page-scrim) 58%, transparent) 68%, color-mix(in srgb, var(--page-scrim) 88%, transparent) 100%);position:absolute;inset:0}.preview-topbar,.album-hero,.info-list,.score-section,.more-songs,.preview-footer{z-index:1;position:relative}.preview-topbar{justify-content:space-between;align-items:center;gap:16px;padding:18px 28px 10px;display:flex;position:relative}.preview-topbar:before{content:"";pointer-events:none;background:linear-gradient(#0b0c0cb8 0%,#0b0c0c6b 55%,#0b0c0c00 100%);height:112px;position:absolute;top:0;left:0;right:0}.topbar-left{align-items:center;gap:14px;display:inline-flex;position:relative}.back-ghost{border:1px solid var(--line-strong);border-radius:var(--pill);width:32px;height:32px;color:var(--ink);cursor:pointer;background:#0b0c0c52;flex:none;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.back-ghost:hover{border-color:var(--ink-dim);background:#0b0c0c80}.preview-topbar .logo{font-family:var(--serif);letter-spacing:.02em;color:var(--ink);align-items:center;gap:10px;font-size:19px;font-weight:700;display:inline-flex;position:relative}.preview-topbar .logo img{border-radius:var(--circ,50%);border:1px solid var(--line-strong);width:30px;height:30px}.album-hero{padding:8px 32px 30px;position:relative;overflow:hidden}.album-hero .glow{pointer-events:none;filter:blur(10px);height:120%;position:absolute;inset:-40% -20% auto}.hero-flute{pointer-events:none;z-index:1;width:min(380px,34vw);height:clamp(130px,22vh,210px);position:absolute;top:34%;right:24px}@media (width<=1020px){.hero-flute{display:none}}.album-row{flex-wrap:wrap;align-items:flex-end;gap:34px;padding-top:44px;display:flex;position:relative}.cover{aspect-ratio:1;border:1px solid var(--line);border-radius:10px;flex-shrink:0;width:min(300px,60vw);position:relative;overflow:hidden}.cover .cover-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@keyframes spin{to{transform:rotate(360deg)}}.album-info{flex:1;min-width:280px;padding-bottom:6px}.kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);font-size:12px;font-weight:700}.album-info h1{font-family:var(--serif);letter-spacing:-.02em;text-wrap:balance;margin:8px 0 10px;font-size:clamp(38px,6vw,76px);font-weight:700;line-height:1.02}.album-meta{color:var(--ink-dim);font-size:14px}.album-meta b{color:var(--ink)}.album-meta .dot-sep{color:var(--ink-faint);margin:0 8px}.album-desc{max-width:560px;color:var(--ink-dim);margin-top:10px;font-size:14px;line-height:1.7}.action-row{flex-wrap:wrap;align-items:center;gap:20px;margin-top:26px;display:flex}.btn-play-big{border-radius:var(--circ);cursor:pointer;width:74px;height:74px;color:var(--accent-ink);background:var(--song-accent,var(--accent));box-shadow:var(--shadow-sm);border:none;justify-content:center;align-items:center;font-size:28px;transition:all .15s;display:flex}.btn-play-big:hover{transform:scale(1.05)}.listen-state{color:var(--ink-faint);letter-spacing:.06em;font-size:12px}.info-list{border-top:1px solid var(--line);margin:30px 32px 0;padding:24px 4px 4px}.spec-grid{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.spec{flex-direction:column;align-items:flex-start;min-width:0;padding:2px 18px 6px;display:flex;position:relative}.spec+.spec{border-left:1px solid var(--line)}.spec:before{content:"";background:var(--song-accent,var(--accent));border-radius:1px;width:26px;height:2px;margin-bottom:12px;display:block}.spec-eyebrow{align-items:baseline;gap:8px;min-width:0;display:flex}.spec-cn{letter-spacing:.12em;color:var(--ink);font-size:11px;font-weight:700}.spec-en{letter-spacing:.14em;color:var(--ink-faint);white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;overflow:hidden}.spec-value{font-family:var(--serif);letter-spacing:.01em;color:var(--ink);text-wrap:balance;margin-top:7px;font-size:19px;font-weight:600;line-height:1.35}.spec-value.spec-value-tempo{font-variant-numeric:tabular-nums;letter-spacing:0;font-size:26px}.spec-value-tempo .bpm-unit{letter-spacing:.1em;color:var(--ink-dim);margin-left:5px;font-size:12px;font-weight:600}.spec-badge{white-space:nowrap;border:1px solid;border-radius:2px;margin-top:9px;padding:2px 10px;font-size:11px}@media (width<=1020px){.spec-grid{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}.spec:nth-child(3){border-left:none}}@media (width<=720px){.info-list{margin:22px 16px 0;padding:18px 0 0}.spec-grid{grid-template-columns:1fr;row-gap:16px}.spec+.spec{border-left:none;border-top:1px solid var(--line);padding-top:14px}.spec-value{font-size:17px}.spec-value.spec-value-tempo{font-size:23px}}.preview-footer{color:var(--ink-faint);border-top:1px solid var(--line);margin-top:28px;padding:26px 32px 56px;font-size:12px}.score-section{background:color-mix(in srgb, var(--page-scrim) 55%, transparent);-webkit-backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:10px;margin:34px 32px 0;padding:22px 26px}.score-section-title{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:16px;font-weight:700;display:flex}.score-section .sheet-container{width:min(1280px,100%);margin-inline:auto}.score-switch{border-radius:var(--pill);-webkit-backdrop-filter:blur(14px);background:#101012b8;border:1px solid #ffffff14;flex-shrink:0;align-items:stretch;display:inline-flex;overflow:hidden}.score-switch .seg{color:var(--ink-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:6px 14px;font-size:12px;transition:color .15s,background .15s}.score-switch .seg:hover{color:var(--ink);background:#ffffff14}.score-switch .seg.on{color:var(--song-accent,var(--accent))}.score-switch .seg:focus:not(:focus-visible){outline:none}@media (width<=720px){.score-section-title{flex-wrap:wrap;gap:10px}}.score-load-error{color:var(--ink-dim);padding:16px 0;font-size:13px}.more-songs{margin:34px 32px 0}.more-strip{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;display:grid}.more-card{color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;padding:0}.more-art{aspect-ratio:16/9;border:1px solid var(--line);border-radius:8px;margin-bottom:8px;transition:transform .2s,border-color .2s;position:relative;overflow:hidden}.more-card:hover .more-art,.more-card:focus-visible .more-art{border-color:var(--line-strong);transform:translateY(-3px)}.more-art img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.more-veil{pointer-events:none;background:linear-gradient(#0000 55%,#08080873);position:absolute;inset:0}.more-name{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:700;overflow:hidden}.more-meta{color:var(--ink-dim);margin-top:2px;font-size:12px}@media (width<=720px){.album-row{flex-direction:column;align-items:flex-start}.cover{width:min(220px,70vw)}.album-hero,.preview-topbar{padding-left:16px;padding-right:16px}.more-songs{margin:24px 16px 0}}.pitch-chart{background:#0c0d0eb3;border:1px solid #ffffff12;border-radius:10px;width:100%;height:clamp(240px,34vh,380px);position:relative;overflow:hidden}.pitch-chart canvas{width:100%;height:100%;display:block}.result{--bg:#0e0f0f;--surface:#161818;--surface-2:#1e2020;--ink:#f5f4f0;--ink-dim:#a9aba8;--ink-faint:#70736f;--line:#ffffff17;--line-strong:#fff3;min-height:100%;padding:0 32px 64px;overflow-y:auto}.result-topbar{z-index:20;background:linear-gradient(#0e0e0eeb,#0e0e0e66 70%,#0000);align-items:center;gap:14px;margin:0 -32px;padding:14px 0 14px 32px;display:flex;position:sticky;top:0}.result-topbar .logo{font-family:var(--serif);letter-spacing:.02em;color:var(--ink);align-items:center;gap:10px;font-size:19px;font-weight:700;display:inline-flex}.result-topbar .logo img{border-radius:var(--circ);border:1px solid var(--line-strong);width:30px;height:30px}.result-topbar .back-ghost{border:1px solid var(--line-strong);border-radius:var(--pill);width:32px;height:32px;color:var(--ink);cursor:pointer;background:#0b0c0c52;flex:none;justify-content:center;align-items:center;transition:border-color .15s,color .15s,background .15s;display:inline-flex}.result-topbar .back-ghost:hover{border-color:var(--ink-dim);background:#0b0c0c80}.result-hero{padding:12px 0 8px}.result-hero .kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--song-accent,var(--accent));font-size:11px;font-weight:700}.result-hero h1{font-family:var(--serif);letter-spacing:-.02em;margin:6px 0 8px;font-size:clamp(30px,4.6vw,52px);font-weight:700}.result-meta{color:var(--ink-faint);font-size:13px}.result-grid{grid-template-columns:minmax(300px,5fr) minmax(300px,4fr);gap:18px;margin-top:22px;display:grid}@media (width<=860px){.result-grid{grid-template-columns:1fr}}.playback-card,.stats-card{background:#12121499;border:1px solid #ffffff12;border-radius:12px;padding:18px 20px}.playback-card h3,.stats-card h3{letter-spacing:.06em;color:var(--ink-dim);margin-bottom:14px;font-size:14px;font-weight:700}.playback-card{flex-direction:column;display:flex}.playback-card h3{margin-bottom:0}.pdeck-area{flex:1;align-items:center;padding:14px 0;display:flex}.pdeck{flex:1;min-width:0}.pdeck-row{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.pdeck-btn{border:1px solid var(--line-strong);width:40px;height:40px;color:var(--ink);cursor:pointer;background:#ffffff0d;border-radius:50%;flex:none;font-size:13px;transition:all .15s}.pdeck-btn:hover{border-color:var(--ink-dim)}.pdeck-track{cursor:pointer;touch-action:none;background:#ffffff24;border-radius:5px;flex:1;height:10px;position:relative;overflow:visible}.pdeck-track:hover{background:#ffffff38}.pdeck-fill{border-radius:5px;position:absolute;inset:0 auto 0 0}.pdeck-fill:after{content:"";background:inherit;border-radius:50%;width:14px;height:14px;position:absolute;top:50%;right:-7px;transform:translateY(-50%);box-shadow:0 0 0 2px #00000059}.pdeck-time{color:var(--ink-faint);font-variant-numeric:tabular-nums;text-align:right;flex:none;min-width:84px;font-size:12px}.pdeck-vols{flex-wrap:wrap;align-items:center;gap:6px 22px;margin-top:12px;display:flex}.pdeck-vol{flex:none;align-items:center;gap:8px;display:inline-flex}.pdeck-vol-label{letter-spacing:.05em;color:var(--ink-dim);align-items:center;gap:5px;font-size:11px;display:inline-flex}.pdeck-vol-label svg{color:var(--ink-faint);display:block}.pdeck-vol input[type=range]{width:88px;accent-color:var(--song-accent,var(--accent));cursor:pointer}.playback-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:14px;display:flex}.btn-pill.sync:not(:disabled):hover{border-color:var(--song-accent,var(--accent));color:var(--song-accent,var(--accent))}.btn-pill.sync:disabled{opacity:.4;cursor:default}.stats-state{color:var(--ink-dim);padding:18px 0;font-size:13px}.stats-state.warn{color:#d9b96a}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.stat{background:#ffffff08;border-radius:10px;gap:4px;padding:14px 14px 12px;display:grid}.stat b{font-variant-numeric:tabular-nums;font-size:26px;font-weight:700}.stat b .miss{color:var(--ink-faint);margin-left:6px;font-size:12px;font-style:normal;font-weight:400}.stat span{color:var(--ink-faint);letter-spacing:.04em;font-size:11px}.chart-section{margin-top:18px}.chart-placeholder{height:clamp(240px,34vh,380px);color:var(--ink-faint);background:#0c0d0eb3;border:1px solid #ffffff12;border-radius:10px;place-items:center;font-size:13px;display:grid}.chart-legend{color:var(--ink-faint);flex-wrap:wrap;gap:20px;margin-top:10px;font-size:11px;display:flex}.chart-legend span{align-items:center;gap:6px;display:inline-flex}.chart-legend .sw{border-radius:2px;width:16px;height:9px;display:inline-block}.chart-legend .sw.hit{background:var(--song-accent,var(--accent))}.chart-legend .sw.off{background:#f3727f}.chart-legend .sw.miss{background:repeating-linear-gradient(45deg,#f3727f8c 0 2px,#f3727f14 2px 5px);border:1px solid #f3727f73}.result-actions{gap:14px;margin-top:26px;display:flex}.result-actions .primary{font-weight:700}.result.empty{place-items:center;display:grid}.empty-card{text-align:center;justify-items:center;gap:10px;padding:48px 64px;display:grid}.empty-glyph{color:var(--ink-faint);font-size:40px}.empty-card h2{font-family:var(--serif);font-size:26px}.empty-card p{color:var(--ink-dim);font-size:13px}.empty-actions{margin-top:10px}.st-page{color:#d7d7cf;background:#0b0f12;grid-template-rows:auto 1fr auto;height:100vh;font:13px/1.5 Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;display:grid;overflow:hidden}.st-topwrap{background:#0e1317;border-bottom:1px solid #1d262c}.st-topbar{align-items:center;gap:12px;padding:8px 14px;display:flex}.st-back{color:#8fb8ae;text-decoration:none}.st-meta{color:#7a8a90}.st-audio{font:inherit;color:#ffb26b;cursor:pointer;background:#18222a;border:1px solid #6b4a26;border-radius:8px;padding:1px 8px;font-size:12px}.st-audio:hover{border-color:#ff9f43}.st-audio.ok{color:#5fb8a8;cursor:default;background:0 0;border:none;padding:0}.st-audio-flash{animation:1.2s st-audio-blink}@keyframes st-audio-blink{0%,to{opacity:1}25%,75%{opacity:.2}}.st-transport{align-items:center;gap:10px;padding:6px 14px 8px;display:flex}.st-tbtn{color:#cfd8d4;cursor:pointer;background:#18222a;border:1px solid #2a3942;border-radius:6px;width:30px;height:26px;padding:0;font:14px/1 Segoe UI Symbol,Segoe UI,sans-serif}.st-tbtn:hover{border-color:var(--song-accent,#5fb8a8)}.st-pos{color:#7a8a90;font-variant-numeric:tabular-nums;min-width:72px}.st-time{color:#9aa8ad;font-variant-numeric:tabular-nums;text-align:right;min-width:56px}.st-progress{cursor:pointer;touch-action:none;background:#18222a;border:1px solid #2a3942;border-radius:5px;flex:1;min-width:120px;height:8px;position:relative}.st-progress-fill{background:var(--song-accent,#5fb8a8);opacity:.85;pointer-events:none;border-radius:4px;width:0%;position:absolute;top:0;bottom:0;left:0}.st-meta em{color:#7a8a90;font-style:normal}.st-meta em.on{color:#ff9f43}.st-dirty{color:#ffb26b;border:1px solid #6b4a26;border-radius:8px;margin-left:8px;padding:0 6px;font-size:11px;font-style:normal}.st-flex{flex:1}.st-btn{color:#cfd8d4;cursor:pointer;font:inherit;background:#18222a;border:1px solid #2a3942;border-radius:6px;padding:4px 10px}.st-btn:hover:not(:disabled){border-color:var(--song-accent,#5fb8a8)}.st-btn:disabled{opacity:.4;cursor:default}.st-btn.primary{border-color:var(--song-accent,#5fb8a8);color:var(--song-accent,#5fb8a8)}.st-status{color:#7a8a90;padding:24px}.st-status.err{color:#ff8d7a}.st-main{grid-template-columns:300px 1fr 300px;min-height:0;display:grid}.st-list{border-right:1px solid #1d262c;flex-direction:column;min-height:0;display:flex}.st-list-head{color:#7a8a90;border-bottom:1px solid #1d262c;align-items:center;gap:6px;padding:8px 10px;display:flex}.st-list-head span{margin-right:auto}.st-chip{color:#7a8a90;font:inherit;cursor:pointer;background:0 0;border:1px solid #2a3942;border-radius:10px;padding:1px 8px;font-size:11px}.st-chip.on{color:var(--song-accent,#5fb8a8);border-color:var(--song-accent,#5fb8a8)}.st-list-body{min-height:0;overflow:auto}.st-row{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #141b20;align-items:baseline;gap:8px;padding:5px 10px;display:flex}.st-row:hover{background:#131b21}.st-row.sel{box-shadow:inset 2px 0 0 var(--song-accent,#5fb8a8);background:#17242a}.st-row .m{color:#7a8a90;flex:none;width:34px}.st-row .p{color:#e8e8e2;flex:none;width:38px}.st-row .q{color:#5c6c73;font-variant-numeric:tabular-nums;flex:1}.st-row .t{color:#9aa8ad;font-variant-numeric:tabular-nums}.st-row .delta{font-variant-numeric:tabular-nums;font-size:11px}.delta.pos{color:#ff9f43}.delta.neg{color:#6ec3ff}.st-score{background:#0b0f12;min-height:0;overflow:auto}.st-score-container{min-width:max-content;padding:8px 12px;position:relative}.st-score-container .sync-marker-layer{pointer-events:none;z-index:5;position:absolute;inset:0}.st-score-container .sync-marker{opacity:.9;border-left:2px solid;width:0;position:absolute}.st-props{border-left:1px solid #1d262c;flex-direction:column;min-height:0;padding:12px 14px;display:flex;overflow:auto}.st-props h3{color:#e8e8e2;margin:0 0 10px}.st-props dl{grid-template-columns:auto 1fr;gap:3px 10px;margin:0 0 12px;display:grid}.st-props dt{color:#7a8a90}.st-props dd{font-variant-numeric:tabular-nums;margin:0}.st-props dd.pos{color:#ff9f43}.st-props dd.neg{color:#6ec3ff}.st-tag{color:#ffb26b;font-size:11px;font-style:normal}.st-near-hint{color:#ffb26b;margin:0 0 10px;font-size:12px}.st-btn-grid{grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:8px;display:grid}.st-btn-row{gap:6px;margin-bottom:10px;display:flex}.st-empty{color:#5c6c73;padding:16px 4px}.st-help{background:#0e1317;border:1px solid #2a3942;border-radius:6px;flex:none;margin-top:auto}.st-help summary{cursor:pointer;color:#9aa8ad;-webkit-user-select:none;user-select:none;padding:6px 10px;list-style:none}.st-help summary::-webkit-details-marker{display:none}.st-help summary:before{content:"?";color:var(--song-accent,#5fb8a8);margin-right:6px;font-weight:700}.st-help[open] summary{border-bottom:1px solid #1d262c}.st-help-body{color:#8a99a0;padding:4px 10px 10px;font-size:12px}.st-help-sec{color:#7a8a90;margin:6px 0 2px;font-weight:600}.st-help-body ul{margin:0;padding-left:18px}.st-help-body li{margin:2px 0}.st-help kbd{color:#cfd8d4;background:#18222a;border:1px solid #2a3942;border-bottom-width:2px;border-radius:4px;padding:0 4px;font-family:Consolas,monospace;font-size:11px}.st-wave{border-top:1px solid #1d262c;flex-direction:column;height:160px;display:flex}.st-wave.collapsed{height:32px;position:relative}.st-wave{position:relative}.st-wave.collapsed canvas{display:none}.st-wave-head{cursor:pointer;color:#7a8a90;-webkit-user-select:none;user-select:none;flex:none;align-items:center;gap:10px;height:32px;padding:0 10px;display:flex}.st-wave-head:hover{color:#9aa8ad}.st-wave-caret{color:#5c6c73;flex:none;transition:transform .15s}.st-wave-caret.closed{transform:rotate(-90deg)}.st-wave-title{color:#9aa8ad;flex:none;font-weight:600}.st-legend{white-space:nowrap;align-items:center;gap:12px;min-width:0;font-size:11px;display:flex;overflow:hidden}.st-legend>span{align-items:center;gap:4px;display:inline-flex}.st-legend .sw{border-radius:1px;flex:none;display:inline-block}.st-legend .sw.h{width:12px;height:2px}.st-legend .sw.v{width:3px;height:10px}.st-zoom{gap:4px;display:inline-flex}.st-zbtn{color:#cfd8d4;cursor:pointer;background:#18222a;border:1px solid #2a3942;border-radius:5px;width:22px;height:20px;padding:0;font:12px/1 Segoe UI,sans-serif}.st-zbtn:hover{border-color:var(--song-accent,#5fb8a8)}.st-play-sel{color:#ffb861;border-color:#6b5335;width:26px;font-size:11px}.st-play-sel:hover{border-color:#ff9f43}.st-play-sel.on{color:#10151a;background:#ff9f43;border-color:#ff9f43}.st-wave-toast{color:#e8e8e2;pointer-events:none;white-space:nowrap;z-index:5;background:#18222af2;border:1px solid #3a4a54;border-radius:6px;padding:6px 12px;font-size:12px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.st-wave canvas{cursor:crosshair;touch-action:none;flex:1;width:100%;min-height:0;display:block}.st-wave-hint{color:#5c6c73;font-variant-numeric:tabular-nums;pointer-events:none;flex:none;font-size:11px}.st-sw{position:relative}.st-sw-btn{color:#e8e8e2;cursor:pointer;font:inherit;background:#18222a;border:1px solid #2a3942;border-radius:6px;align-items:center;gap:8px;padding:4px 10px;font-weight:600;display:inline-flex}.st-sw-btn:hover,.st-sw-btn:focus-visible,.st-sw-item:focus-visible{border-color:var(--song-accent,#5fb8a8);outline:none}.st-sw-dot{border-radius:50%;flex:none;width:8px;height:8px}.st-sw-caret{color:#7a8a90;font-size:10px}.st-sw-panel{z-index:30;background:#18222a;border:1px solid #2a3942;border-radius:8px;min-width:240px;max-height:70vh;padding:4px;position:absolute;top:calc(100% + 6px);left:0;overflow:auto;box-shadow:0 12px 32px #00000073}.st-sw-item{width:100%;color:inherit;font:inherit;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:5px;align-items:center;gap:8px;padding:6px 8px;display:flex}.st-sw-item:hover{background:#131b21}.st-sw-item.cur{box-shadow:inset 2px 0 0 var(--song-accent,#5fb8a8);background:#17242a}.st-sw-item-title{color:#e8e8e2;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.st-sw-diff{color:#ffb26b;letter-spacing:1px;font-size:11px}.st-sw-item.off{opacity:.4;cursor:default}.st-sw-item.off .st-sw-item-title{color:#7a8a90}.st-sw-nobeats{color:#5c6c73;white-space:nowrap;border:1px solid #2a3942;border-radius:8px;padding:0 6px;font-size:11px}.st-confirm{color:#ffb26b;background:#141b21;border-bottom:1px solid #1d262c;align-items:center;gap:10px;padding:6px 14px;font-size:12px;display:flex}