:root{--syco-color-bg-base:#0a0b0c;--syco-color-surface-card:#121314;--syco-color-border-frame:#1e2022;--syco-color-stencil:#e5e2d9;--syco-color-stencil-muted:#a3a5a5;--syco-color-brand:#ffb000;--syco-color-accent-hover:#ffc34d;--syco-color-on-accent:#151009;--syco-color-accent-soft:#211b0d;--syco-color-accent-line:#866226;--syco-color-accent-muted:#d9b479;--syco-color-accent-dim:#3c2908;--syco-color-accent-glow:rgba(255,140,0,0.35);--void:var(--syco-color-bg-base);--steel:var(--syco-color-surface-card);--bone:var(--syco-color-stencil);--muted:var(--syco-color-stencil-muted);--line:var(--syco-color-border-frame);--amber:var(--syco-color-brand);--accent:var(--amber);--accent-hover:var(--syco-color-accent-hover);--on-accent:var(--syco-color-on-accent);--accent-soft:var(--syco-color-accent-soft);--accent-line:var(--syco-color-accent-line);--accent-muted:var(--syco-color-accent-muted);--accent-dim:var(--syco-color-accent-dim);--accent-glow:var(--syco-color-accent-glow);--display:"Barlow Condensed",Impact,sans-serif;--body:Inter,Arial,sans-serif;--mono:"IBM Plex Mono",monospace;--scroll-thumb:color-mix(in srgb,var(--muted) 65%,var(--void));--scroll-track:var(--steel);--scroll-hover:var(--muted);--scroll-active:var(--accent);--z-popover:300;--z-loading:600;color-scheme:dark}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/font-0.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/font-1.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/font-2.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/font-3.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/font-4.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/font-5.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/font-6.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/font-7.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/font-8.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/font-9.woff2) format("woff2")}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid var(--scroll-track);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scroll-hover)}::-webkit-scrollbar-thumb:active{background:var(--scroll-active)}body,html{height:100%;overflow:hidden;margin:0;background:var(--void);color:var(--bone)}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{font:400 1rem/1.6 var(--body)}a,button,input,summary{-webkit-tap-highlight-color:transparent;outline-offset:4px}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none}a,button{touch-action:manipulation}a,button,summary{transition:color .18s,background-color .18s,border-color .18s,opacity .18s}button:disabled{cursor:not-allowed;opacity:.45}button:active:not(:disabled){filter:brightness(.88)}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}svg{width:20px;height:20px;stroke-width:1.65;flex-shrink:0}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}input,select{font:inherit}fieldset{min-width:0;margin:0;border:0}fieldset,legend{padding:0}summary{cursor:pointer;min-height:44px;padding-block:10px}small{font-size:.8rem}.loading-surface{position:fixed;inset:0;z-index:var(--z-loading);display:flex;flex-direction:column;align-items:center;gap:12px;overflow:auto;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left));background:var(--void);color:var(--bone);text-align:center}.loading-surface>*{flex-shrink:0}.loading-brand{max-width:100%;margin-top:auto}.loading-brand .brand-wordmark{width:clamp(160px,50vw,280px);max-width:100%}.loading-brand p{margin-top:10px;color:var(--muted);font:400 10px/1.4 var(--mono);letter-spacing:.23em}.loading-manifest{margin-top:8px;color:var(--muted);font-size:13px;line-height:1.5}.loading-progress{position:relative;width:min(180px,100%);height:2px;margin-top:8px;overflow:hidden;background:var(--line)}.loading-progress:before{content:"";position:absolute;inset-block:0;left:0;width:40%;background:var(--accent);animation:loading-scan 1.4s ease-in-out infinite}.loading-status{color:var(--muted);font:400 11px/1.4 var(--mono)}.loading-direct{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:4px;margin-bottom:auto;padding:8px 12px;color:var(--muted);font-size:12px;text-decoration:underline;text-underline-offset:4px}@keyframes loading-scan{0%{transform:translateX(-110%)}to{transform:translateX(270%)}}.app-shell{position:relative;isolation:isolate;display:grid;grid-template-rows:minmax(64px,max-content) minmax(0,1fr) minmax(44px,max-content);gap:16px;height:100vh;height:100dvh;max-width:1440px;margin:auto;padding:max(18px,env(safe-area-inset-top)) max(40px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(40px,env(safe-area-inset-left));overflow:hidden}.cover-backdrop{position:fixed;z-index:-3;inset:-6%;pointer-events:none;background:var(--void)}.cover-backdrop img{width:100%;height:100%;object-fit:cover;filter:blur(25px) saturate(.25);opacity:.3;animation:cover-enter .9s ease both}.cover-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb,var(--void) 21%,transparent),color-mix(in srgb,var(--void) 60%,transparent)),linear-gradient(0deg,color-mix(in srgb,var(--void) 93%,transparent),transparent 50%,color-mix(in srgb,var(--void) 33%,transparent));background-color:rgb(0 0 0/42%);background-color:color-mix(in srgb,var(--void) 42%,transparent)}.atmosphere{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;mix-blend-mode:screen}.app-header{display:flex;align-items:center;gap:30px;min-width:0}.brand{display:grid;align-content:center;gap:6px;min-height:44px;padding:0;flex-shrink:0;text-align:left}.brand-wordmark{display:block;width:132px;height:auto;aspect-ratio:2880/724}.brand small{display:block;color:var(--muted);font:400 10px/1.3 var(--mono);letter-spacing:.23em}.brand:hover{color:var(--accent)}.desktop-navigation{display:flex;margin-left:auto;gap:24px;min-width:0;height:auto;flex-wrap:wrap;align-items:center}.desktop-navigation button{padding:12px 10px;min-height:48px;font:600 19px/1.2 var(--display);color:var(--muted);border-bottom:2px solid transparent}.desktop-navigation button:hover,.desktop-navigation button[aria-current]{color:var(--accent)}.desktop-navigation button[aria-current]{border-bottom-color:var(--accent)}.icon-button{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;color:var(--bone);flex-shrink:0}.icon-button:hover{background:color-mix(in srgb,var(--bone) 4%,transparent);border-color:var(--line)}.icon-button:hover,.icon-button[aria-pressed=true]{color:var(--accent)}.settings-button{margin-left:4px}.app-content{min-width:0;min-height:0;outline:none}.listening-stage{grid-template-columns:minmax(0,420px) minmax(0,480px);gap:clamp(32px,4vw,64px);max-width:1060px;margin-inline:auto;justify-content:center;align-items:center}.cover-area,.listening-stage{display:grid;width:100%;height:100%}.cover-area{container-type:size;place-items:center;position:relative;min-width:0;min-height:0}.cover-surface{position:relative;width:100%;aspect-ratio:1;box-shadow:0 25px 70px #0006,0 0 calc(var(--audio-bass, 0) * 65px) color-mix(in srgb,var(--accent) 19%,transparent);border:1px solid var(--line);overflow:hidden;touch-action:none;user-select:none;-webkit-user-select:none;transform:scale(calc(1 + var(--audio-bass, 0) * .009));transition:box-shadow .15s,transform .1s}.artwork{display:block;width:100%;height:100%;object-fit:cover}.cover-surface>.artwork{animation:cover-enter .8s ease}.cover-label{position:absolute;left:12px;bottom:12px;pointer-events:none;background:color-mix(in srgb,var(--void) 75%,transparent);padding:4px 8px;font:400 11px/1.3 var(--mono);color:var(--muted);letter-spacing:.04em}.artwork-mark{background:var(--steel);display:grid;place-content:center;text-align:center;gap:8px;font:900 clamp(28px,6vw,75px) /1 var(--display)}.artwork-mark small{font:400 12px var(--mono);letter-spacing:.24em}.mobile-immersion{display:none}@supports (width:1cqw){.cover-surface{width:min(100cqw,100cqh);height:min(100cqw,100cqh)}}.player-body{display:flex;flex-direction:column;gap:16px;min-width:0;max-width:480px;min-height:0;max-height:100%;overflow:auto;padding:8px 5px 8px 0;scrollbar-gutter:stable}.player-copy{min-width:0;position:relative}.playback-status{display:flex;align-items:center;gap:10px;font-size:13px;line-height:22px;color:var(--muted);margin-bottom:12px;min-height:22px}.playback-status>span{margin-left:auto;font-size:12px}.signal-dot{height:8px;width:8px;border-radius:50%;background:var(--muted);flex-shrink:0}.signal-dot.active{background:var(--accent);box-shadow:0 0 12px var(--accent-glow)}.player-copy h1{font:800 clamp(32px,3vw,42px) /1.02 var(--display);letter-spacing:.01em}.player-copy h1,.set-title{text-transform:uppercase;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.set-title{font:600 clamp(20px,1.7vw,24px) /1.15 var(--display);color:var(--accent);letter-spacing:.045em;margin-top:8px}.details-button{min-height:44px;display:inline-flex;align-items:center;gap:6px;padding:10px 0;color:var(--muted);font-size:12px}.details-button svg{width:14px;height:14px}.details-button:hover{color:var(--accent)}.live-format{font:400 12px/1.5 var(--mono);color:var(--muted)}.set-progress{min-height:30px}.set-progress>div:first-child{display:flex;justify-content:space-between;color:var(--muted);font:400 12px/1.4 var(--mono);margin-bottom:9px}.progress-track{height:3px;background:color-mix(in srgb,var(--bone) 11%,transparent);overflow:hidden}.progress-track>span{display:block;height:100%;background:var(--accent)}.track-actions{display:flex;gap:16px;align-items:flex-start}.action-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:10px 18px;border:1px solid var(--line);color:var(--bone);background:color-mix(in srgb,var(--void) 21%,transparent);font-size:13px;line-height:1.3}.action-button:hover:not(:disabled){color:var(--accent);border-color:var(--accent);background:var(--accent-soft)}.action-button[aria-pressed=true]{color:var(--accent)}.share-control{position:relative}.share-message{position:absolute;z-index:3;top:calc(100% + 8px);left:0;width:270px;padding:12px;border:1px solid var(--line);background:var(--steel);font-size:12px;box-shadow:0 10px 30px #000a;overflow-wrap:anywhere}.player-transport{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:12px}.player-transport.has-actions{grid-template-columns:minmax(0,1fr) 48px 48px}.mix-actions{position:relative;display:flex;align-items:stretch;justify-content:center;min-height:44px}.mix-actions-trigger{width:48px;height:100%;border-color:var(--line);color:var(--muted)}.mix-actions-trigger[aria-expanded=true]{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.mix-actions-popover{position:fixed;inset:auto;margin:0;width:280px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;padding:12px;z-index:var(--z-popover);background:var(--steel);color:var(--bone);border:1px solid var(--accent-line);box-shadow:0 12px 32px #0008}.mix-actions-popover[hidden]{display:none}.mix-actions-heading{padding:0 10px 8px;color:var(--muted);font:400 11px/1.4 var(--mono)}.mix-actions-popover .action-button{width:100%;min-width:0;min-height:44px;justify-content:flex-start}.mix-actions-popover>.save-button{margin-top:6px}.mix-actions-popover .share-message{position:static;width:auto;margin-block:8px;padding:10px;box-shadow:none;pointer-events:auto;user-select:text}.play-button{width:100%;min-height:52px;display:flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);border:1px solid color-mix(in srgb,var(--bone) 25%,transparent);color:var(--on-accent);font:800 20px/1 var(--display);letter-spacing:.12em;text-transform:uppercase}.play-button:hover{background:var(--accent-hover)}.play-button svg{width:24px;height:24px}.play-button[aria-pressed=true]{background:var(--accent-hover)}.volume-control{position:relative;display:flex;align-items:stretch;justify-content:center;min-height:44px}.volume-trigger{width:48px;height:100%;border-color:var(--line);color:var(--muted)}.volume-trigger[aria-expanded=true]{color:var(--accent);border-color:var(--accent-line);background:var(--accent-soft)}.volume-popover{position:fixed;inset:auto;margin:0;width:280px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;padding:14px 16px;z-index:var(--z-popover);background:var(--steel);color:var(--bone);border:1px solid var(--accent-line);box-shadow:0 12px 32px #0008}.volume-popover[hidden]{display:none}.volume-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.volume-heading output{color:var(--muted);font:400 11px/1 var(--mono)}.volume-row{display:flex;align-items:center;gap:8px;margin-top:4px}.volume-row input{flex:1}input[type=range]{appearance:none;-webkit-appearance:none;display:block;min-width:0;width:100%;height:44px;background:transparent;cursor:pointer;padding:0;margin:0;touch-action:pan-y}input[type=range]::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,var(--accent) var(--range-fill,100%),color-mix(in srgb,var(--bone) 19%,transparent) var(--range-fill,100%));border-radius:2px}input[type=range]::-moz-range-track{height:4px;background:color-mix(in srgb,var(--bone) 19%,transparent)}input[type=range]::-moz-range-progress{background:var(--accent);height:4px}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;background:var(--accent);height:16px;width:16px;margin-top:-6px;border-radius:50%;border:0}input[type=range]::-moz-range-thumb{background:var(--accent);height:16px;width:16px;border-radius:50%;border:0}.stage-tools{display:flex;justify-content:flex-end;gap:16px;padding-top:6px}.inline-error{font-size:12px;line-height:1.5;color:var(--bone);background:var(--steel);padding:9px 12px;border-left:2px solid var(--accent)}.inline-error a{color:var(--accent);text-decoration:underline}.inline-error svg{width:12px;height:12px}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);min-width:0;color:var(--muted);font:400 10px/1.4 var(--mono);letter-spacing:.2em}.app-footer>span{letter-spacing:0;white-space:nowrap}.mobile-navigation{display:none}.gesture-message{position:fixed;left:50%;bottom:max(78px,calc(env(safe-area-inset-bottom) + 78px));transform:translateX(-50%);background:var(--steel);border:1px solid var(--line);padding:10px 18px;max-width:calc(100% - 32px);font-size:13px;pointer-events:none;z-index:10;box-shadow:0 8px 40px #0008}.gesture-message:empty{display:none}.receiver-dialog{width:min(560px,calc(100vw - max(32px, env(safe-area-inset-left) + env(safe-area-inset-right))));max-height:calc(100dvh - max(32px, env(safe-area-inset-top) + env(safe-area-inset-bottom)));padding:0;margin:auto;border:1px solid var(--line);color:var(--bone);background:var(--steel);box-shadow:0 30px 100px #0009;overflow:hidden}.receiver-dialog[open]{display:flex;flex-direction:column}.receiver-dialog::backdrop{background:color-mix(in srgb,var(--void) 72%,transparent);backdrop-filter:blur(8px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--line);flex-shrink:0}.dialog-heading h2{min-width:0;overflow-wrap:anywhere;font:700 30px/1 var(--display)}.dialog-body{padding:24px;overflow:auto;min-height:0;overscroll-behavior:contain}.visual-settings{display:grid;gap:22px}.visual-settings legend{font-weight:600;margin-bottom:10px;font-size:14px}.visual-settings fieldset>p{font-size:12px;color:var(--muted);margin-top:10px}.segmented-control{display:flex;border:1px solid var(--line);width:fit-content}.segmented-control button{min-height:44px;min-width:72px;padding:10px 16px;color:var(--muted);font-size:13px}.segmented-control button:hover{background:color-mix(in srgb,var(--bone) 4%,transparent)}.segmented-control button[aria-pressed=true]{background:var(--accent);color:var(--on-accent)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;min-height:48px}.switch-row strong{font-size:14px;font-weight:500;display:block}.switch-row small{color:var(--muted);font-size:12px}.switch-row input{appearance:none;-webkit-appearance:none;width:46px;height:44px;flex-shrink:0;cursor:pointer;background:linear-gradient(var(--line),var(--line)) 50%/42px 22px no-repeat;position:relative;border:0}.switch-row input:after{content:"";position:absolute;width:16px;height:16px;top:14px;left:5px;border-radius:50%;background:var(--bone);transition:transform .2s}.switch-row input:checked{background:linear-gradient(var(--accent),var(--accent)) 50%/42px 22px no-repeat}.switch-row input:checked:after{transform:translateX(20px);background:var(--void)}.intensity-control>span{display:flex;justify-content:space-between;font-size:14px}.intensity-control output{color:var(--muted)}.settings-status{padding:12px;border-left:2px solid var(--accent);background:color-mix(in srgb,var(--void) 30%,transparent);font-size:12px;line-height:1.8}.gesture-help{font-size:13px;color:var(--muted);border-top:1px solid var(--line)}.gesture-help summary{color:var(--bone)}.gesture-help dl{margin:10px 0}.gesture-help dl>div{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:10px}.gesture-help dd{margin:0}.more-navigation{display:grid;gap:8px}.more-navigation>button{min-height:52px;display:flex;justify-content:space-between;align-items:center;text-align:left;font:600 23px var(--display);padding:8px 12px;border-bottom:1px solid var(--line)}.more-navigation>button:hover{color:var(--accent);background:color-mix(in srgb,var(--bone) 2%,transparent)}.set-details{display:grid;gap:16px;overflow-wrap:anywhere}.set-details .artwork{width:150px;aspect-ratio:1}.set-details h3{font:700 32px/1.1 var(--display);text-transform:uppercase}.set-details>p{color:var(--muted)}.immersive-tools{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:flex;align-items:center;gap:8px;z-index:12;background:color-mix(in srgb,var(--void) 75%,transparent)}.is-immersive{grid-template-rows:minmax(0,1fr);padding-top:max(65px,calc(env(safe-area-inset-top) + 55px));padding-bottom:max(22px,env(safe-area-inset-bottom))}.is-immersive>.app-footer,.is-immersive>.app-header{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes cover-enter{0%{opacity:0}to{opacity:1}}@media (max-width:900px){.app-shell{padding-inline:max(24px,env(safe-area-inset-left)) max(24px,env(safe-area-inset-right))}.listening-stage{gap:28px}.desktop-navigation,.player-body{gap:16px}.play-button{min-height:60px}.stage-tools{gap:8px}.stage-tools .action-button{padding-inline:12px;font-size:12px}}@media (max-width:680px){.app-shell{grid-template-rows:minmax(60px,max-content) minmax(0,1fr) minmax(54px,max-content);gap:10px;padding:max(10px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.app-header{justify-content:space-between;gap:16px}.brand-wordmark{width:124px}.brand small{font-size:8px;letter-spacing:.19em}.desktop-navigation{display:none}.settings-button{margin-left:auto}.listening-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(104px,1fr) auto;gap:12px}.player-body{gap:8px;max-height:100%;overflow:auto;scrollbar-gutter:auto;padding:0;display:flex}.cover-surface{width:min(100%,calc(100dvh - 380px))}.mobile-immersion{position:absolute;display:inline-flex;right:6px;top:6px;background:color-mix(in srgb,var(--void) 61%,transparent);border-color:var(--line)}.cover-label{left:8px;bottom:8px;font-size:9px}.player-copy h1{font-size:clamp(28px,7.8vw,40px);line-height:1;-webkit-line-clamp:2;letter-spacing:.005em}.set-title{font-size:clamp(19px,5.8vw,26px);margin-top:5px;letter-spacing:.045em;-webkit-line-clamp:1}.playback-status{font-size:11px;margin-bottom:6px;padding-right:100px;gap:7px}.playback-status>span{display:none}.signal-dot{height:6px;width:6px}.details-button{position:absolute;right:0;top:-11px;font-size:11px;padding:10px 0;gap:4px}.details-button svg{width:13px;height:13px}.live-format{font-size:10px;line-height:1.4}.set-progress{min-height:23px}.set-progress>div:first-child{font-size:10px;margin-bottom:5px}.progress-track{height:2px}.player-transport{order:3;gap:8px}.play-button{min-height:54px;font-size:24px}.volume-control{min-height:44px}.track-actions{order:4;gap:12px}.track-actions>.save-button,.track-actions>.share-control{flex:1;min-width:0}.track-actions .action-button{width:100%;min-height:44px;font-size:12px;padding:8px 10px;gap:8px}.stage-tools{display:none}.app-footer{border:0;font-family:var(--body);letter-spacing:0}.app-footer>p,.app-footer>span{display:none}.mobile-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;height:auto;align-self:stretch;border-top:1px solid var(--line);align-items:stretch}.mobile-navigation button{min-height:44px;padding:8px 2px;font:600 20px/1.2 var(--display);border-bottom:2px solid transparent;color:var(--muted);text-align:center;overflow-wrap:anywhere}.mobile-navigation button:hover,.mobile-navigation button[aria-current]{color:var(--accent)}.mobile-navigation button[aria-current]{border-color:var(--accent)}.receiver-dialog{width:calc(100vw - 24px)}.dialog-body{padding:20px}.dialog-heading{padding:12px 16px}.dialog-heading h2{font-size:27px}.visual-settings{gap:16px}@supports (width:1cqw){.cover-surface{width:min(100cqw,100cqh);height:min(100cqw,100cqh)}}}@media (max-height:650px) and (max-width:680px) and (orientation:portrait){.app-shell{grid-template-rows:minmax(48px,max-content) minmax(0,1fr) minmax(44px,max-content);gap:6px;padding-top:max(6px,env(safe-area-inset-top))}.brand{gap:4px}.brand-wordmark{width:104px}.brand small{font-size:7px}.listening-stage{gap:8px}.player-body{gap:5px}.player-copy h1{font-size:27px;-webkit-line-clamp:1}.set-title{font-size:21px}.play-button{min-height:48px;font-size:22px}.cover-label{display:none}.player-transport{gap:0}}@media (max-height:600px) and (min-aspect-ratio:1/1){.app-shell{grid-template-rows:minmax(44px,max-content) minmax(0,1fr) minmax(34px,max-content);gap:7px;padding:max(6px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.app-header{gap:18px}.brand{gap:4px}.brand-wordmark{width:104px}.brand small{font-size:7px}.desktop-navigation{display:flex;gap:14px;height:auto;min-height:44px}.desktop-navigation button{font-size:19px;min-height:44px;padding:8px 10px}.listening-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-rows:minmax(0,1fr);gap:24px}.cover-surface{height:auto;max-height:100%;max-width:100%;width:auto}.player-body{gap:5px;max-height:100%;padding:0;overflow:auto;scrollbar-gutter:stable}.player-copy h1{font-size:32px;-webkit-line-clamp:1}.set-title{font-size:22px;-webkit-line-clamp:1;margin-top:3px}.playback-status{margin-bottom:4px;font-size:11px;padding-right:98px}.playback-status>span{display:none}.details-button{position:absolute;right:0;top:-10px;font-size:11px}.live-format{font-size:10px}.set-progress{min-height:20px}.set-progress>div:first-child{font-size:10px;margin-bottom:4px}.player-transport{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:12px;order:3}.play-button{min-height:48px;font-size:22px;gap:10px}.volume-control{gap:0}.track-actions{order:4;gap:10px}.track-actions .action-button{min-height:44px;padding:8px 12px;font-size:12px}.stage-tools{display:none}.mobile-immersion{display:inline-flex;position:absolute;right:6px;top:6px;background:color-mix(in srgb,var(--void) 61%,transparent)}.app-footer{font-size:8px;letter-spacing:.1em}.app-footer>p,.app-footer>span{display:block}.app-footer .mobile-navigation{display:none}.is-immersive{grid-template-rows:minmax(0,1fr);padding-top:max(58px,env(safe-area-inset-top))}@supports (width:1cqw){.cover-surface{width:min(100cqw,100cqh);height:min(100cqw,100cqh)}}}@media (max-width:540px) and (max-height:600px) and (min-aspect-ratio:1/1){.desktop-navigation{gap:0}.desktop-navigation button{padding-inline:6px;font-size:16px}.listening-stage{gap:12px}.player-copy h1{font-size:26px}.app-footer>p{letter-spacing:0}.player-transport{grid-template-columns:minmax(0,1fr) 48px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cover-surface{transform:none!important;box-shadow:none!important}.atmosphere{display:none}}@media (forced-colors:active){*{scrollbar-color:auto}.atmosphere,.cover-backdrop{display:none}.action-button,.play-button,.segmented-control button{border:1px solid ButtonText}.progress-track{border:1px solid CanvasText}.progress-track>span{background:Highlight}.switch-row input{appearance:auto}.switch-row input:after{display:none}}@media (max-height:350px) and (min-aspect-ratio:1/1){.player-body{gap:3px}.player-copy h1{font-size:28px}.set-title{font-size:19px}.playback-status{line-height:18px;min-height:18px;margin-bottom:2px}.set-progress{min-height:17px}.play-button{min-height:44px}}.share-message{pointer-events:none}.details-button{position:absolute;right:0;top:-11px}.playback-status{padding-right:105px}@media (min-width:901px) and (min-height:601px){.player-body.long-metadata{gap:18px}.long-metadata .player-copy h1{font-size:clamp(30px,2.6vw,38px)}.long-metadata .set-title{font-size:clamp(20px,1.6vw,23px)}}.app-shell.is-immersive{grid-template-rows:minmax(0,1fr);padding-top:max(65px,calc(env(safe-area-inset-top) + 55px));padding-bottom:max(16px,env(safe-area-inset-bottom))}@media (max-width:540px) and (max-height:600px) and (min-aspect-ratio:1/1){.listening-stage{grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr)}.player-transport{grid-template-columns:minmax(0,1fr) 48px}.volume-control{display:flex}}@media (min-width:681px){.share-control .action-button{min-width:140px}.save-button{min-width:120px}}.playback-status{padding-right:0}.cover-area .details-button{top:auto;bottom:6px;right:6px;min-height:44px;padding:8px 12px;background:color-mix(in srgb,var(--void) 75%,transparent);border:1px solid var(--line);color:var(--bone)}.cover-area .details-button:hover{color:var(--accent);border-color:var(--accent)}@supports (width:1cqw){.cover-area .details-button{bottom:calc((100cqh - min(100cqw, 100cqh)) / 2 + 6px)}.cover-area .details-button,.mobile-immersion{right:calc((100cqw - min(100cqw, 100cqh)) / 2 + 6px)}.mobile-immersion{top:calc((100cqh - min(100cqw, 100cqh)) / 2 + 6px)}}@media (max-height:400px) and (min-aspect-ratio:1/1){.app-shell:not(.is-immersive){grid-template-rows:minmax(44px,max-content) minmax(0,1fr)}.app-shell:not(.is-immersive)>.app-footer{display:none}}.secondary-wrap{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,1fr) minmax(76px,max-content);gap:16px;max-width:1100px;margin:auto}.secondary-panel{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;display:flex;flex-direction:column;border:1px solid var(--line);background:color-mix(in srgb,var(--void) 62%,transparent);backdrop-filter:blur(14px)}.secondary-heading{padding:22px 28px;border-bottom:1px solid var(--line);flex-shrink:0}.secondary-heading h1{font:800 34px/1 var(--display);text-transform:uppercase;letter-spacing:.03em}.panel-scroll{min-height:0;flex-shrink:0;overflow:visible;overscroll-behavior:contain;padding:24px 28px;scrollbar-gutter:stable}.secondary-intro{font-size:14px;color:var(--muted)}.view-content{display:grid;gap:20px;max-width:850px}.view-content h3{font:600 23px/1.1 var(--display);margin-top:6px}.view-content p{font-size:14px}.data-note{font:400 12px/1.7 var(--body);color:var(--muted)}.empty-state,.notice{padding:16px;background:color-mix(in srgb,var(--bone) 2%,transparent);border-left:2px solid var(--line);color:var(--muted);font-size:13px;line-height:1.7}.notice p{margin-bottom:10px}.about-manifesto,.support-lead{font:700 clamp(28px,2.8vw,38px) /1.05 var(--display)!important;color:var(--bone)}.support-actions{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.support-actions>a{min-height:46px;display:inline-flex;gap:10px;align-items:center;border:1px solid var(--line);padding:10px 18px;font-size:13px}.support-actions>a:hover{border-color:var(--accent)}.support-actions svg{width:18px}.legal-content a{text-decoration:underline}.mini-player{display:flex;gap:16px;align-items:center;padding:10px 14px;border:1px solid var(--line);background:color-mix(in srgb,var(--void) 70%,transparent);min-width:0}.mini-player>.artwork{width:52px;height:52px;flex-shrink:0}.mini-track{min-width:0;flex:1;text-align:left;display:grid;padding:0;min-height:44px;align-content:center}.mini-track span{font-size:12px;color:var(--muted)}.mini-track span,.mini-track strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-track strong{font:600 21px/1.2 var(--display)}.transport-compact{width:52px;flex-shrink:0}.transport-compact .play-button{min-height:48px;gap:0}.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:16px}.full-history{display:grid}.history-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);min-width:0}.history-row>.artwork{width:72px;height:72px;flex-shrink:0}.history-copy{min-width:0;flex:1;overflow-wrap:anywhere}.history-copy>span{font-size:12px;color:var(--muted)}.history-copy h2{font:600 22px/1.15 var(--display);margin-top:4px}.history-row time{font:400 11px/1.4 var(--mono);color:var(--muted)}.schedule-list{display:grid;gap:0}.schedule-list>li{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:22px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.schedule-list time{display:grid;align-content:start;gap:5px;font-size:12px;color:var(--muted)}.schedule-list time strong{font-weight:500;color:var(--bone)}.schedule-list h3{margin:0}.schedule-list p{color:var(--muted);margin-top:8px}.provider-stats{display:flex;gap:40px;flex-wrap:wrap;margin:0}.provider-stats dd{font:700 32px/1 var(--display);margin:0}.provider-stats dt{font-size:12px;color:var(--muted);margin-top:8px}.provider-list>li{border-top:1px solid var(--line);padding:22px 0;display:grid;gap:14px}.provider-title{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.provider-title h3{margin:0;flex:1}.provider-title svg{width:24px;height:24px}.provider-state{font-size:12px;color:var(--muted)}.provider-state.state-live{color:var(--accent)}.provider-list>li>p{color:var(--muted)}.provider-meta{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.provider-meta a{display:flex;gap:8px;align-items:center;min-height:44px;padding:8px 12px;border:1px solid var(--line);color:var(--bone)}.provider-meta a:hover{border-color:var(--accent)}@media (max-width:680px){.secondary-wrap{grid-template-rows:minmax(0,1fr) minmax(66px,max-content);gap:8px}.secondary-heading{padding:16px 18px}.secondary-heading h1{font-size:34px}.panel-scroll{padding:18px}.mini-player{padding:6px 10px;gap:12px}.mini-player>.artwork{width:48px;height:48px}.mini-track strong{font-size:21px}.history-row{gap:10px}.history-row>.artwork{width:48px;height:48px}.history-row time{display:none}.history-copy h2{font-size:21px}.provider-stats{gap:24px}.schedule-list>li{grid-template-columns:1fr;gap:12px}.history-toolbar .segmented-control button{padding:8px 12px}.support-actions{display:grid;grid-template-columns:1fr}.support-actions .action-button{width:100%}}@media (max-height:600px) and (min-aspect-ratio:1/1){.secondary-wrap{grid-template-rows:minmax(0,1fr) minmax(58px,max-content);gap:6px}.secondary-heading{padding:12px 20px}.secondary-heading h1{font-size:30px}.panel-scroll{padding:16px 20px}.mini-player{padding:4px 12px;gap:12px}.mini-player>.artwork{width:44px;height:44px}.transport-compact .play-button{min-height:44px}.mini-track strong{font-size:20px}}