.radio-scene{--scene-art-x:50%;--scene-art-y:44%;isolation:isolate;color:#faf5ff;letter-spacing:-.02em;background:#141329;width:100%;height:100dvh;min-height:100svh;position:relative;overflow:hidden}.radio-scene-art{z-index:-3;object-fit:cover;object-position:var(--scene-art-x) var(--scene-art-y);-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:none;height:100%;position:absolute;inset:0}.radio-scene-shade{z-index:-2;pointer-events:none;background:linear-gradient(#0b092644 0%,#0000 18% 58%,#0b092617 72%,#0b0926aa 100%);position:absolute;inset:0}.radio-scene-top{inset:max(14px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) auto max(20px,env(safe-area-inset-left));align-items:center;gap:10px;display:flex;position:absolute}.radio-scene-top h1{letter-spacing:.08em;text-shadow:0 1px 8px #080621;opacity:.75;margin:0;font-size:12px;font-weight:450;transition:opacity .6s}.radio-scene .radio-scene-icon{width:44px;min-width:44px;height:44px;min-height:44px;color:inherit;box-shadow:none;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.radio-scene .radio-scene-icon:hover{background:#f3e9ff17}.radio-scene .radio-scene-icon:disabled{opacity:.28}.radio-scene-home{opacity:.68;filter:drop-shadow(0 1px 4px #0b0829)}.radio-scene-home:hover{opacity:1}.radio-scene-controls{left:50%;bottom:max(26px,env(safe-area-inset-bottom));text-align:center;text-shadow:0 1px 8px #08051bdd;opacity:1;width:min(430px,100% - 40px);transition:opacity .7s,transform .7s;position:absolute;transform:translate(-50%)}.radio-scene-controls>:not(.simple-listener-position){transition:opacity .7s}.radio-scene[data-controls-visible=false] .radio-scene-controls{pointer-events:none}.radio-scene[data-controls-visible=false] .radio-scene-controls>:not(.simple-listener-position){opacity:0;pointer-events:none}.radio-scene .simple-listener-position{pointer-events:auto}.radio-scene[data-controls-visible=false] .radio-scene-top h1{opacity:0}.radio-scene-track h2{text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin:0 auto 3px;font-size:clamp(14px,1.6vw,18px);font-weight:500;line-height:1.5;overflow:hidden}.radio-scene-track p{color:#ebe2f7b8;min-height:15px;font-size:10px;line-height:1.5}.radio-scene-transport{justify-content:center;align-items:center;gap:14px;margin:10px 0 2px;display:flex}.radio-scene-transport .primary-button{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#eee5ff20;border:1px solid #f7edff70;border-radius:50%;justify-content:center;align-items:center;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;display:inline-flex;box-shadow:0 2px 16px #0b062914}.radio-scene-transport .primary-button:hover{background:#eee5ff40;border-color:#f7edffb0}.radio-scene :is(button,a,input,select):focus-visible{outline-offset:4px;box-shadow:none;outline:2px solid #f0dbff}.radio-scene-progress{color:#eee6fac2;font-variant-numeric:tabular-nums;align-items:center;gap:12px;min-height:32px;font-size:10px;line-height:1;display:flex}.radio-scene-progress span{min-width:32px}.radio-scene-progress span:last-child{text-align:right}.radio-scene input[type=range]{-webkit-appearance:none;appearance:none;min-width:0;height:32px;min-height:32px;box-shadow:none;accent-color:#dfcff4;cursor:pointer;background:0 0;border:0;border-radius:0;flex:1;margin:0;padding:0}.radio-scene input[type=range]::-webkit-slider-runnable-track{background:#e6d9fc66;border-radius:2px;height:2px}.radio-scene input[type=range]::-moz-range-track{background:#e6d9fc66;border-radius:2px;height:2px}.radio-scene input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#f1e6ff;border:0;border-radius:50%;width:9px;height:9px;margin-top:-3.5px}.radio-scene input[type=range]::-moz-range-thumb{background:#f1e6ff;border:0;border-radius:50%;width:9px;height:9px}.radio-scene input[type=range]:disabled{opacity:.35;cursor:not-allowed}.radio-scene-error{color:#ffe1e8;margin:7px 0 0;font-size:12px}.radio-scene-library{color:#f5eeff;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);overscroll-behavior:contain;width:min(390px,100vw - 24px);max-width:none;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);text-shadow:none;background:#171529ed;border:1px solid #ddd0f124;border-radius:20px;margin:0;padding:22px;position:fixed;inset:12px 12px 12px auto;overflow-y:auto;box-shadow:0 12px 60px #08061855}.radio-scene-library::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#09051c30}.radio-library-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.radio-library-heading h2{margin:0;font-size:18px;font-weight:550}.radio-library-settings{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.radio-scene-library .small-button{color:#e8def4;min-height:44px;box-shadow:none;background:#ddd0f009;border:1px solid #d5c7ee22;border-radius:10px;padding:9px 12px;font-size:12px}.radio-scene-library .small-button:hover{background:#ddd0f018}.radio-scene-volume{color:#d9cde8;align-items:center;gap:12px;padding:2px 0 12px;font-size:11px;display:flex}.radio-scene-volume>span:last-child{text-align:right;min-width:32px}.radio-scene-library .radio-genre-buttons{flex-wrap:wrap;gap:6px;margin:0 0 20px;display:flex}.radio-scene-library .radio-genre-buttons button{padding:7px 10px;font-size:11px}.radio-scene-library .radio-genre-buttons button[aria-pressed=true]{background:#b59dc329;border-color:#c2a3df66}.radio-scene-library .music-style-filter select{color:#f5eeff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#242036;border-color:#a897c2;min-height:44px}.radio-scene-library .music-style-filter :is(option,optgroup){color:#f5eeff;background:#242036}.radio-library-search{color:#c6b9d9;gap:7px;margin:0;font-size:11px;display:grid}.radio-library-search input{color:#f6efff;background:#0e102144;border:1px solid #d4c3e12b;border-radius:10px;padding:12px;font-size:14px}.radio-scene-library .simple-radio-list{gap:5px;margin:16px 0}.radio-scene-library .simple-radio-list button{background:0 0;border-color:#0000;font-size:12px;font-weight:400;line-height:1.6}.radio-scene-library .simple-radio-list button[aria-pressed=true]{color:#f6e5ff;background:#c3a0e322;border-color:#c3a0e33d}.radio-library-empty{color:#bfb1d0;padding:24px 0;font-size:13px}.radio-scene-source{color:#c3b2d7;align-items:center;min-height:44px;font-size:11px;display:inline-flex}.radio-scene-sr{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:600px){.radio-scene{--scene-art-x:52%;--scene-art-y:43%}.radio-scene-top{gap:4px;left:12px;right:12px}.radio-scene-top h1{font-size:10px}.radio-scene-controls{bottom:max(24px,env(safe-area-inset-bottom));width:calc(100% - 44px)}.radio-scene-transport{gap:13px}.radio-scene-track h2{font-size:14px}.radio-scene-library{padding:18px}.radio-scene-shade{background:linear-gradient(#0b092638,#0000 20% 55%,#0b0926b5 100%)}}@media (max-height:520px) and (orientation:landscape){.radio-scene-controls{width:360px;bottom:10px}.radio-scene-transport{gap:10px;margin:3px 0 0}.radio-scene-track p{display:none}.radio-scene{--scene-art-x:50%;--scene-art-y:42%}}@media (prefers-reduced-motion:reduce){.radio-scene-controls,.radio-scene-controls>*,.radio-scene-top h1{transition:none}}.radio-scene-sound{opacity:.82;filter:drop-shadow(0 1px 4px #0b0829);margin-left:auto}.radio-scene-sound:hover{opacity:1}.radio-scene-sound-panel{inset:max(66px,calc(env(safe-area-inset-top) + 52px)) max(20px,env(safe-area-inset-right)) auto auto;color:#f5eeff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#171529ed;border:1px solid #e7d8fa30;border-radius:16px;width:min(300px,100vw - 32px);max-width:none;margin:0;padding:10px 12px 14px;position:fixed;box-shadow:0 8px 36px #09051c55}.radio-scene-sound-panel::backdrop{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0}.radio-sound-heading{justify-content:space-between;align-items:center;gap:10px;display:flex}.radio-sound-heading h2{margin:0 0 0 8px;font-size:13px;font-weight:500;line-height:1.4}.radio-sound-adjust{align-items:center;gap:8px;display:flex}.radio-sound-adjust output{text-align:right;font-variant-numeric:tabular-nums;color:#ddd0ee;min-width:35px;font-size:11px}.radio-sound-adjust input[type=range]{min-height:44px}@media (max-width:600px){.radio-scene-sound-panel{right:12px}.radio-scene-top{gap:2px}}.radio-headset-notes{z-index:-1;left:var(--scene-art-x);top:var(--scene-art-y);width:max(100%,200dvh);height:max(100%,50vw);transform:translate(calc(-1 * var(--scene-art-x)),calc(-1 * var(--scene-art-y)));pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;overflow:visible}.radio-note-source{pointer-events:none;width:0;height:0;position:absolute}.radio-note-source-yami{--note-drift:-18px;--note-tilt:-12deg;color:#eedcff;top:23%;left:42%}.radio-note-source-wavy{--note-drift:18px;--note-tilt:11deg;color:#d6f6ff;top:60%;left:61%}.radio-floating-note{fill:currentColor;opacity:0;pointer-events:none;width:clamp(20px,1.7vw,28px);height:auto;animation:4.8s ease-in-out -.2s infinite radio-note-drift;position:absolute;top:0;left:0}.radio-floating-note:nth-child(2){animation-duration:5.1s;animation-delay:-1.8s;left:7px}.radio-floating-note:nth-child(3){width:clamp(17px,1.3vw,23px);animation-delay:-3.4s;left:-5px}.radio-note-source-wavy .radio-floating-note{animation-delay:-1s}.radio-note-source-wavy .radio-floating-note:nth-child(2){animation-delay:-2.6s}.radio-note-source-wavy .radio-floating-note:nth-child(3){animation-delay:-4.2s}@keyframes radio-note-drift{0%{opacity:0;transform:translate(0)rotate(0)scale(.8)}18%{opacity:.86}65%{opacity:.62}to{opacity:0;transform:translate(var(--note-drift),-94px) rotate(var(--note-tilt)) scale(1.06)}}@media (max-width:600px){.radio-headset-notes{transform:translateY(calc(-1 * var(--scene-art-y)));width:100%;left:0}.radio-note-source-yami{left:clamp(36px,52vw - 20dvh,100% - 56px)}.radio-note-source-wavy{left:clamp(36px,52vw + 18dvh,100% - 56px)}}@media (prefers-reduced-motion:reduce){.radio-floating-note{opacity:.8;animation:none;transform:translateY(-18px)}.radio-floating-note:nth-child(2){transform:translate(8px,-48px)}.radio-floating-note:nth-child(3){display:none}}