/* /Components/Pages/Music.razor.rz.scp.css */
.listening-loader[b-hqcb30p12o] { text-align:center; padding:64px 24px; border:1px solid #dbe8ed; border-radius:28px; background:white; }
.listening-loader h2[b-hqcb30p12o] { font-size:2rem; margin:24px 0 12px; }
.listening-loader p[b-hqcb30p12o] { color:#627787; }
.listening-bars[b-hqcb30p12o] { display:flex; justify-content:center; align-items:center; gap:5px; height:36px; }
.listening-bars i[b-hqcb30p12o] { width:4px; height:26px; border-radius:5px; background:#12c9e8; animation:equalize-b-hqcb30p12o 1s ease-in-out infinite alternate; }
.listening-bars i:nth-child(2)[b-hqcb30p12o] { animation-delay:-.6s; height:16px; }
.listening-bars i:nth-child(3)[b-hqcb30p12o] { animation-delay:-.3s; height:34px; }
.listening-bars i:nth-child(4)[b-hqcb30p12o] { animation-delay:-.8s; height:20px; }
.listening-bars i:nth-child(5)[b-hqcb30p12o] { animation-delay:-.4s; }
.listening-skeleton[b-hqcb30p12o] { max-width:600px; margin:32px auto 0; display:grid; gap:12px; }
.listening-skeleton span[b-hqcb30p12o] { height:48px; border-radius:12px; background:linear-gradient(100deg,#edf4f7 25%,#faffff 50%,#edf4f7 75%); background-size:200% 100%; animation:shimmer-b-hqcb30p12o 1.8s linear infinite; }
.collection-tabs[b-hqcb30p12o] { display:flex; flex-wrap:wrap; justify-content:center; gap:7px; padding:14px 14px 0; background:#dae7ed; border-radius:24px 24px 0 0; }
.collection-tabs button[b-hqcb30p12o] { display:inline-flex; align-items:center; justify-content:center; gap:12px; white-space:nowrap; border:1px solid #bdcfd8; border-bottom:0; border-radius:16px 16px 0 0; padding:17px 22px; background:#eaf2f5; color:#456171; font-size:.85rem; font-weight:800; transition:background .2s,color .2s; }
.collection-tabs button:hover[b-hqcb30p12o] { background:#f8fcfd; color:#063349; }
.collection-tabs button[b-hqcb30p12o] { position:relative; overflow:hidden; transition:background .2s,color .2s,box-shadow .25s; }
.collection-tabs button[b-hqcb30p12o]::after { content:""; position:absolute; bottom:0; left:18%; right:18%; height:5px; border-radius:8px 8px 0 0; background:#063349; transform:scaleX(0); transition:transform .3s ease; }
.collection-tabs button[aria-selected="true"][b-hqcb30p12o] { background:radial-gradient(ellipse at 0 0,#12677966,transparent 65%),radial-gradient(ellipse at 100% 0,#6254d044,transparent 60%),linear-gradient(135deg,#10263f,#040f20); color:#f3fcff; border-color:#51daed; box-shadow:inset 0 2px 0 #a0f3ff99,inset 0 -2px 0 #1677ff55,0 0 0 2px #12c9e829,0 0 0 4px #6275ff1c,0 5px 20px #071d3440; animation:tab-arrive-b-hqcb30p12o .35s ease-out; }
.collection-tabs button[aria-selected="true"][b-hqcb30p12o]::after { transform:scaleX(1); background:linear-gradient(90deg,#1677ff,#8ceaf5 50%,#9b8cff); box-shadow:0 -2px 12px #12c9e866; }
.collection-tabs button[aria-selected="true"][b-hqcb30p12o]::before { content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 35%,#8ceaf51c 50%,transparent 65%); transform:translateX(-120%); animation:tab-sheen-b-hqcb30p12o 4s ease-in-out infinite; pointer-events:none; }
.collection-tabs button[aria-selected="true"] span[b-hqcb30p12o] { color:#8ceaf5; animation:tab-note-b-hqcb30p12o 2.4s ease-in-out infinite; }
.collection-tabs button[aria-selected="true"] small[b-hqcb30p12o] { color:#c8f9ff; background:#12c9e81c; box-shadow:inset 0 0 0 1px #8ceaf544; }
.collection-panel:not([hidden])[b-hqcb30p12o] { animation:panel-arrive-b-hqcb30p12o .3s ease-out; }
@keyframes tab-arrive-b-hqcb30p12o { from { filter:brightness(.85); } to { filter:brightness(1); } }
@keyframes tab-sheen-b-hqcb30p12o { 0%,60% { transform:translateX(-120%); } 100% { transform:translateX(120%); } }
@keyframes tab-note-b-hqcb30p12o { 0%,100% { transform:rotate(-8deg); } 50% { transform:rotate(8deg) translateY(-2px); } }
@keyframes panel-arrive-b-hqcb30p12o { from { opacity:.6; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
.collection-tabs button span[b-hqcb30p12o] { color:#079eb8; font-size:1.2rem; }
.collection-tabs small[b-hqcb30p12o] { border-radius:20px; padding:2px 8px; background:#7aabb425; font-size:.7rem; }
.collection-tabs button:focus-visible[b-hqcb30p12o] { outline:3px solid #079eb8; outline-offset:2px; }
.listening-workspace[b-hqcb30p12o] { border-radius:24px; box-shadow:0 25px 65px #163b5115; }
.collection-panel[b-hqcb30p12o] { border:1px solid #dbe8ed; border-top:0; border-radius:0 0 24px 24px; overflow:hidden; background:#f0f6f8; }
.collection-panel[hidden][b-hqcb30p12o] { display:none; }
.collection-heading[b-hqcb30p12o] { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:36px 40px; color:white; background:radial-gradient(ellipse at right,#135169,transparent 65%),#071d34; }
.collection-heading h3[b-hqcb30p12o] { font-size:clamp(1.3rem,2vw,1.7rem); margin:0 0 5px; }
.collection-heading p:last-child[b-hqcb30p12o] { color:#a7c3cf; margin:0; font-size:.9rem; }
.collection-heading .eyebrow[b-hqcb30p12o] { margin-bottom:6px; font-size:.6rem; }
.collection-seal[b-hqcb30p12o] { display:grid; place-items:center; flex-shrink:0; width:84px; height:84px; border:1px solid #83d7e544; border-radius:50%; box-shadow:0 0 0 12px #83d7e509; color:#8ceaf5; font-size:2.2rem; }
@keyframes equalize-b-hqcb30p12o { from { transform:scaleY(.3); } to { transform:scaleY(1); } }
@keyframes shimmer-b-hqcb30p12o { to { background-position:-200% 0; } }
@media(max-width:760px) { .collection-heading[b-hqcb30p12o] { padding:28px 22px; } .collection-seal[b-hqcb30p12o] { width:56px; height:56px; } .collection-tabs[b-hqcb30p12o] { padding:10px 6px 0; gap:5px; } .collection-tabs button[b-hqcb30p12o] { padding:12px 10px; gap:6px; font-size:.73rem; max-width:100%; } }
.collection-tabs[b-hqcb30p12o] { padding-top:9px; }
.collection-actions[b-hqcb30p12o] { display:flex; flex-direction:column; align-items:center; gap:6px; flex-shrink:0; }
.collection-play-all[b-hqcb30p12o] { display:inline-flex; align-items:center; gap:10px; padding:10px 18px; border:1px solid #8ceaf577; border-radius:999px; background:linear-gradient(120deg,#a4f4fa,#12c9e8); color:#031221; font-size:.8rem; font-weight:800; box-shadow:0 4px 20px #12c9e825; transition:box-shadow .2s,background .2s; white-space:nowrap; }
.collection-play-all:hover[b-hqcb30p12o] { box-shadow:0 4px 24px #12c9e860; }
.collection-play-all[aria-pressed="true"][b-hqcb30p12o] { background:#123f56; color:#a4f4fa; }
.collection-play-all:focus-visible[b-hqcb30p12o] { outline:3px solid white; outline-offset:3px; }
.collection-actions small[b-hqcb30p12o] { max-width:180px; color:#b9e4ed; font-size:.65rem; text-align:center; }
.collection-actions small:empty[b-hqcb30p12o] { display:none; }
@media(max-width:480px) { .collection-heading[b-hqcb30p12o] { flex-wrap:wrap; } .collection-actions[b-hqcb30p12o] { align-items:flex-start; } }
.collection-tabs button[b-hqcb30p12o] { padding:8px 18px; gap:9px; font-size:.78rem; border-radius:12px 12px 0 0; }
.collection-heading[b-hqcb30p12o] { padding:16px 28px; gap:18px; }
.collection-heading p:last-child[b-hqcb30p12o] { font-size:.8rem; }
.collection-seal[b-hqcb30p12o] { width:48px; height:48px; font-size:1.5rem; box-shadow:0 0 0 7px #83d7e509; }
@media(max-width:760px) { .collection-tabs button[b-hqcb30p12o] { padding:7px 10px; gap:6px; font-size:.73rem; } .collection-heading[b-hqcb30p12o] { padding:14px 20px; } .collection-seal[b-hqcb30p12o] { width:40px; height:40px; } }
@media(prefers-reduced-motion:reduce) { .listening-bars i[b-hqcb30p12o],.listening-skeleton span[b-hqcb30p12o],.collection-tabs button[aria-selected="true"][b-hqcb30p12o],.collection-tabs button[aria-selected="true"][b-hqcb30p12o]::before,.collection-tabs button[aria-selected="true"] span[b-hqcb30p12o],.collection-panel:not([hidden])[b-hqcb30p12o] { animation:none; } .collection-tabs button[b-hqcb30p12o],.collection-tabs button[b-hqcb30p12o]::after { transition:none; } }

.collection-deck[b-hqcb30p12o] { display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,1fr); gap:22px; padding:24px; align-items:start; }
.room-player[b-hqcb30p12o] { min-width:0; overflow:hidden; border:1px solid #264759; border-radius:20px; background:#0b2034; box-shadow:0 16px 35px #071d3426; }
.player-screen[b-hqcb30p12o] { position:relative; display:flex; flex-direction:column; min-height:350px; padding:24px; color:#c6edf5; background:radial-gradient(ellipse at 15% 20%,#14576c55,transparent 60%),radial-gradient(ellipse at 90% 90%,#40569730,transparent 65%),#061321; overflow:hidden; }
.player-screen[b-hqcb30p12o]::before { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(#6dd8e905 1px,transparent 1px),linear-gradient(90deg,#6dd8e905 1px,transparent 1px); background-size:24px 24px; }
.player-screen__top[b-hqcb30p12o],.player-screen__bottom[b-hqcb30p12o] { position:relative; display:flex; justify-content:space-between; gap:12px; font-size:.58rem; letter-spacing:.15em; color:#84a8ba; }
.player-screen__top [data-player-state][b-hqcb30p12o] { color:#83e9f4; }
.player-title[b-hqcb30p12o] { position:relative; margin:42px 0 20px; }
.player-title p[b-hqcb30p12o] { font-size:.6rem; letter-spacing:.23em; color:#5bcdda; margin:0 0 10px; }
.player-title h4[b-hqcb30p12o] { font:600 clamp(1.4rem,2.4vw,2.15rem)/1.25 var(--font-display); color:#f1fbff; margin:0 0 12px; overflow-wrap:anywhere; }
.player-title>span[b-hqcb30p12o] { font-size:.72rem; color:#8aafbe; }
.player-screen canvas[b-hqcb30p12o] { display:block; position:relative; width:100%; height:220px; margin-top:auto; border-radius:12px; background:#010408; box-shadow:inset 0 0 35px #0009; }
.player-screen__bottom[b-hqcb30p12o] { margin-top:16px; font-size:.55rem; }
.player-controls[b-hqcb30p12o] { padding:20px 22px 14px; border-top:1px solid #a4d4e345; background:linear-gradient(180deg,#38546a 0,#223b50 7%,#142a3f 52%,#0b1d2f 100%); box-shadow:inset 0 1px 0 #e0f5ff18; }
.player-controls audio[b-hqcb30p12o] { display:none; }
.player-time-readouts[b-hqcb30p12o] { display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom:8px; }
.player-time-readouts>span[b-hqcb30p12o] { display:flex; flex-direction:column; gap:4px; min-width:60px; }
.player-time-readouts>span:last-child[b-hqcb30p12o] { text-align:right; }
.player-time-readouts strong[b-hqcb30p12o] { font:500 1.05rem/1.2 var(--font-body); color:#edfaff; font-variant-numeric:tabular-nums; letter-spacing:.04em; }
.player-time-readouts small[b-hqcb30p12o] { color:#94b5c6; font-size:.5rem; letter-spacing:.14em; }
.player-time-total[b-hqcb30p12o] { text-align:center; }
.player-time-total strong[b-hqcb30p12o] { color:#aecddd; font-size:.83rem; }
.player-range[b-hqcb30p12o] { --played:100%; --buffered:0%; appearance:none; -webkit-appearance:none; display:block; width:100%; min-width:0; height:28px; padding:0; margin:0; border:0; background:transparent; cursor:pointer; accent-color:#83edfa; }
.player-range[b-hqcb30p12o]::-webkit-slider-runnable-track { height:5px; border-radius:8px; background:linear-gradient(90deg,#66dbea 0,var(--played),#526e85 var(--played),var(--buffered),#061521 var(--buffered),100%); box-shadow:inset 0 1px 2px #0009,0 1px 0 #a4d4e329; }
.player-range[b-hqcb30p12o]::-moz-range-track { height:5px; border-radius:8px; background:linear-gradient(90deg,#66dbea 0,var(--played),#526e85 var(--played),var(--buffered),#061521 var(--buffered),100%); box-shadow:inset 0 1px 2px #0009,0 1px 0 #a4d4e329; }
.player-range[b-hqcb30p12o]::-webkit-slider-thumb { appearance:none; -webkit-appearance:none; width:14px; height:14px; margin-top:-4.5px; border:1px solid #e2fcff; border-radius:50%; background:linear-gradient(#f0fdff,#76d0e1); box-shadow:0 1px 5px #0007,0 0 10px #4bdeef33; }
.player-range[b-hqcb30p12o]::-moz-range-thumb { width:12px; height:12px; border:1px solid #e2fcff; border-radius:50%; background:linear-gradient(#f0fdff,#76d0e1); box-shadow:0 1px 5px #0007,0 0 10px #4bdeef33; }
.player-seek[b-hqcb30p12o] { --played:0%; }
.player-range:disabled[b-hqcb30p12o] { opacity:.4; cursor:default; }
.player-control-bar[b-hqcb30p12o] { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 0 14px; }
.player-transport[b-hqcb30p12o] { display:flex; align-items:center; gap:5px; }
.player-transport button[b-hqcb30p12o],.player-volume button[b-hqcb30p12o] { display:grid; place-items:center; position:relative; flex-shrink:0; width:34px; height:38px; padding:0; border:1px solid #7eacc02e; border-radius:50%; color:#cbe7f2; background:linear-gradient(180deg,#58788c44,#0a1b2c55); box-shadow:inset 0 1px 0 #e3f8ff18,0 2px 4px #0002; cursor:pointer; transition:filter .15s,box-shadow .15s; }
.player-transport button svg[b-hqcb30p12o],.player-volume button svg[b-hqcb30p12o] { display:block; width:19px; height:19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; pointer-events:none; }
.player-transport [data-previous] svg[b-hqcb30p12o],.player-transport [data-next] svg[b-hqcb30p12o] { fill:currentColor; stroke-width:1.2; width:17px; }
.player-transport .player-main-play[b-hqcb30p12o] { width:62px; height:62px; margin:0 4px; color:#f2fdff; border:2px solid #9bddeb; background:radial-gradient(ellipse at 50% 8%,#d9f7ff88,transparent 58%),linear-gradient(180deg,#4eaac9 0,#237bb1 48%,#0b5287 52%,#2499c5 100%); box-shadow:inset 0 0 0 3px #0c3c6d44,inset 0 2px 2px #efffff88,0 0 0 4px #08182b,0 0 0 5px #7299ad55,0 5px 14px #0005; }
.player-main-play svg[b-hqcb30p12o] { width:28px!important; height:28px!important; }
.player-main-play .player-icon-play[b-hqcb30p12o] { fill:currentColor; stroke-width:0; transform:translateX(-1px); }
.player-main-play .player-icon-pause[b-hqcb30p12o] { display:none; stroke-width:4; }
.player-main-play.is-playing .player-icon-play[b-hqcb30p12o] { display:none; }
.player-main-play.is-playing .player-icon-pause[b-hqcb30p12o] { display:block; }
.player-transport .player-skip[b-hqcb30p12o] { width:36px; height:38px; border-color:transparent; background:transparent; box-shadow:none; }
.player-skip>span[b-hqcb30p12o] { position:absolute; top:-2px; font:400 2rem/1.1 var(--font-body); pointer-events:none; }
.player-skip small[b-hqcb30p12o] { position:absolute; top:15px; font:700 .5rem var(--font-body); pointer-events:none; }
.player-transport .player-stop[b-hqcb30p12o] { width:28px; height:32px; margin-left:3px; border-color:transparent; background:transparent; box-shadow:none; }
.player-stop svg[b-hqcb30p12o] { fill:currentColor; stroke:none!important; width:18px!important; }
.player-transport button:hover:not(:disabled)[b-hqcb30p12o],.player-volume button:hover[b-hqcb30p12o] { filter:brightness(1.25); }
.player-transport button:active:not(:disabled)[b-hqcb30p12o],.player-volume button:active[b-hqcb30p12o] { filter:brightness(.95); }
.player-transport button:disabled[b-hqcb30p12o] { opacity:.3; cursor:default; }
.player-volume[b-hqcb30p12o] { display:flex; align-items:center; gap:6px; min-width:0; width:102px; }
.player-volume button[b-hqcb30p12o] { width:30px; height:32px; border:0; background:transparent; box-shadow:none; }
.player-volume .player-range[b-hqcb30p12o] { width:66px; }
.player-volume .volume-cross[b-hqcb30p12o] { display:none; }
.player-volume .is-muted .volume-cross[b-hqcb30p12o] { display:block; }
.player-volume .is-muted .volume-waves[b-hqcb30p12o] { display:none; }
.player-status-line[b-hqcb30p12o] { display:flex; align-items:center; gap:8px; border-top:1px solid #8bb5cc1c; padding-top:12px; }
.player-status-line p[b-hqcb30p12o] { margin:0; flex:1; min-width:0; font-size:.65rem; line-height:1.5; color:#a6c4d4; overflow-wrap:anywhere; }
.player-status-dot[b-hqcb30p12o] { width:5px; height:5px; flex-shrink:0; border-radius:50%; background:#7293a5; }
.room-player:has(.player-main-play.is-playing) .player-status-dot[b-hqcb30p12o] { background:#78e4ee; box-shadow:0 0 8px #78e4ee77; }
.player-quality[b-hqcb30p12o] { color:#68899b; font-size:.5rem; letter-spacing:.14em; }
.player-range:focus-visible[b-hqcb30p12o],.player-volume button:focus-visible[b-hqcb30p12o] { outline:2px solid #82e8f4; outline-offset:3px; border-radius:8px; }
@media(max-width:600px) { .player-control-bar[b-hqcb30p12o] { flex-wrap:wrap; justify-content:center; gap:12px; } .player-volume[b-hqcb30p12o] { width:100%; justify-content:center; } .player-volume .player-range[b-hqcb30p12o] { width:90px; } .player-controls[b-hqcb30p12o] { padding:18px 16px 12px; } }
@media(prefers-reduced-motion:reduce) { .player-transport button[b-hqcb30p12o],.player-volume button[b-hqcb30p12o] { transition:none; } }
.song-library[b-hqcb30p12o] { min-width:0; overflow:hidden; border-radius:18px; border:1px solid #d0e0e7; background:#fff; box-shadow:0 8px 25px #163b5109; }
.song-library header[b-hqcb30p12o] { display:flex; align-items:center; justify-content:space-between; padding:22px 22px 12px; }
.song-library header>span[b-hqcb30p12o] { font-size:2rem; color:#11a9bc; }
.song-library__eyebrow[b-hqcb30p12o] { font-size:.58rem; letter-spacing:.17em; color:#77909f; font-weight:700; }
.song-library h4[b-hqcb30p12o] { font:700 1.2rem var(--font-display); color:#15394e; margin:8px 0 0; }
.song-library h4 small[b-hqcb30p12o] { display:inline-block; vertical-align:middle; margin-left:8px; padding:3px 8px; border-radius:20px; background:#edf5f8; color:#587b8c; font:.65rem var(--font-body); }
.song-library__hint[b-hqcb30p12o] { margin:0; padding:0 22px 18px; color:#78909d; font-size:.67rem; }
.song-list[b-hqcb30p12o] { list-style:none; padding:0 10px 10px; margin:0; max-height:390px; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#b2ccd7 transparent; }
.song-list li+li[b-hqcb30p12o] { margin-top:4px; }
.song-row[b-hqcb30p12o] { display:flex; align-items:center; gap:14px; width:100%; text-align:left; padding:15px 12px; border:1px solid transparent; border-radius:12px; background:transparent; color:#214459; transition:background .18s,border-color .18s; }
.song-row:hover[b-hqcb30p12o] { background:#f0f7fa; }
.song-row.is-selected[b-hqcb30p12o] { background:#eaf7fa; border-color:#b4e1e8; }
.song-row.is-playing[b-hqcb30p12o] { background:linear-gradient(100deg,#0d334d,#155d70); color:#f2fbff; border-color:#277c90; box-shadow:0 4px 12px #12364a18; }
.song-number[b-hqcb30p12o] { display:grid; place-items:center; flex-shrink:0; width:32px; height:32px; border-radius:9px; background:#edf4f7; color:#6b8899; font-size:.7rem; }
.song-copy[b-hqcb30p12o] { display:flex; flex-direction:column; gap:6px; flex:1; min-width:0; }
.song-copy strong[b-hqcb30p12o] { font-size:.8rem; line-height:1.45; overflow-wrap:anywhere; }
.song-copy small[b-hqcb30p12o] { color:#7893a2; font-size:.6rem; letter-spacing:.08em; }
.song-indicator[b-hqcb30p12o] { flex-shrink:0; font-size:.7rem; color:#1aaabd; opacity:0; }
.song-row:hover .song-indicator[b-hqcb30p12o],.song-row.is-selected .song-indicator[b-hqcb30p12o] { opacity:1; }
.song-row.is-playing .song-number[b-hqcb30p12o] { background:#8ceaf518; color:#a7f3fa; }
.song-row.is-playing .song-copy small[b-hqcb30p12o] { color:#abd2de; }
.song-row.is-playing .song-indicator[b-hqcb30p12o] { color:#a7f3fa; opacity:1; }
.song-library footer[b-hqcb30p12o] { padding:14px 22px; border-top:1px solid #e6eef2; color:#78909d; font-size:.64rem; background:#f8fbfc; }
.song-row:focus-visible[b-hqcb30p12o],.player-transport button:focus-visible[b-hqcb30p12o] { outline:3px solid #12b6ce; outline-offset:2px; }
@media(max-width:900px) { .collection-deck[b-hqcb30p12o] { grid-template-columns:1fr; } .song-list[b-hqcb30p12o] { max-height:340px; } .player-screen[b-hqcb30p12o] { min-height:310px; } }
@media(max-width:480px) { .collection-deck[b-hqcb30p12o] { padding:12px; gap:14px; } .player-screen[b-hqcb30p12o] { padding:18px; min-height:290px; } .player-title[b-hqcb30p12o] { margin-top:30px; } .player-screen canvas[b-hqcb30p12o] { height:160px; } .player-controls[b-hqcb30p12o] { padding:14px; } .player-screen__top[b-hqcb30p12o],.player-screen__bottom[b-hqcb30p12o] { letter-spacing:.07em; font-size:.5rem; } .collection-tabs[b-hqcb30p12o] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } .collection-tabs button[b-hqcb30p12o] { white-space:normal; } }
@media(prefers-reduced-motion:reduce) { .song-row[b-hqcb30p12o] { transition:none; } }
@media(max-width:480px) {
    .player-transport[b-hqcb30p12o] { gap:4px; }
    .player-transport button[b-hqcb30p12o] { width:28px; height:40px; }
    .player-transport .player-main-play[b-hqcb30p12o] { width:54px; height:54px; margin:0 3px; }
    .player-transport .player-skip[b-hqcb30p12o] { width:28px; height:40px; }
    .player-transport .player-stop[b-hqcb30p12o] { width:24px; margin-left:0; }
}
/* /Components/Shared/ToggleSwitch.razor.rz.scp.css */
.toggle-switch[b-3eobg70g0h] { position: relative; display: inline-block; flex: 0 0 46px; width: 46px; height: 26px; vertical-align: middle; }
.toggle-switch > input[b-3eobg70g0h] { position: absolute; inset: 0; z-index: 1; box-sizing: border-box; width: 100% !important; min-width: 0 !important; max-width: none !important; height: 100% !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; opacity: 0; cursor: pointer; }
.toggle-switch__track[b-3eobg70g0h] { position: absolute; inset: 0; box-sizing: border-box; padding: 3px; border: 1px solid #bfd4da; border-radius: 999px; background: #dfeaec; box-shadow: inset 0 1px 3px rgba(8,47,59,.1); transition: border-color .25s ease, background .25s ease, box-shadow .25s ease; }
.toggle-switch__thumb[b-3eobg70g0h] { display: block; width: 18px; height: 18px; border-radius: 50%; background: #fff; box-shadow: 0 2px 7px rgba(8,47,59,.27); transition: transform .28s cubic-bezier(.2,.8,.2,1), box-shadow .25s ease; }
input:checked + .toggle-switch__track[b-3eobg70g0h] { border-color: #049ab6; background: linear-gradient(90deg, #08a9c7, #4cd9ea); box-shadow: 0 0 0 3px rgba(18,201,232,.1), inset 0 1px 2px rgba(0,83,101,.15); }
input:checked + .toggle-switch__track .toggle-switch__thumb[b-3eobg70g0h] { box-shadow: 0 2px 9px rgba(1,66,81,.34); transform: translateX(20px); }
input:focus-visible + .toggle-switch__track[b-3eobg70g0h] { outline: 3px solid rgba(0,127,153,.5); outline-offset: 3px; }
.toggle-switch:hover .toggle-switch__thumb[b-3eobg70g0h] { box-shadow: 0 3px 10px rgba(8,47,59,.34); }
input:disabled[b-3eobg70g0h] { cursor: not-allowed; }
input:disabled + .toggle-switch__track[b-3eobg70g0h] { opacity: .5; }
input.invalid + .toggle-switch__track[b-3eobg70g0h] { border-color: #b12c24; }
@media (prefers-reduced-motion: reduce) { .toggle-switch__track[b-3eobg70g0h], .toggle-switch__thumb[b-3eobg70g0h] { transition: none; } }