:root{--font-main: "DM Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--color-page: #f7f4ee;--color-broadcast-control: #ede4d6;--color-broadcast-top: #d3d2d0;--color-surface: #fffdf8;--color-surface-strong: #ffffff;--color-black: #000000;--color-ink: #1d1b16;--color-muted: #6f6a5f;--color-line: #d8d0c2;--color-line-strong: #9f9585;--color-panel-bg: #000000;--color-panel-tile: #181818;--color-panel-tile-strong: #202020;--color-panel-hover: #2c2c2c;--color-panel-line: #2a2a2a;--color-panel-ink: #f7f4ee;--color-panel-muted: #9a9a9a;--color-live: #16784a;--color-live-soft: #a2e3bd;--color-broadcast-live: #58aa70;--color-broadcast-live-strong: #438a5f;--color-broadcast-live-soft: #b9d9c4;--color-saved: #b9912d;--color-move-cancel: #9d2828;--color-move-target: #2b6fd6;--color-warn: #a76500;--color-warn-soft: #fff2d7;--color-start: #f05a2a;--color-start-strong: #c74323;--color-start-soft: #f5b69f;--color-error: #9d2828;--color-error-soft: #fae4e2;--color-focus: #2b6fd6;--color-primary-accent: #0a84ff;--color-primary-accent-soft: #d7e8ff;--color-chat-outgoing: #0a84ff;--color-chat-incoming: #e9e9eb;--color-chat-glass: rgba(255, 253, 248, .18);--color-chat-glass-line: rgba(255, 253, 248, .14);--color-glass: var(--color-chat-glass);--color-glass-line: var(--color-chat-glass-line);--color-glass-panel-line: color-mix(in srgb, var(--color-ink) 24%, rgba(255, 253, 248, .18));--glass-filter: blur(42px) saturate(1.35) contrast(1.12) brightness(.76);--color-glass-light: rgba(255, 253, 248, .46);--color-glass-light-line: rgba(255, 253, 248, .24);--glass-light-filter: blur(42px) saturate(1.2) contrast(1.06) brightness(.92);--color-display-bg: #100e0a;--color-display-bg-soft: #1b140c;--color-display-crt-bg: #080807;--color-display-crt-bg-soft: #141311;--color-display-ink: #fff1d2;--color-display-crt-ink: #fffdf8;--color-display-line: rgba(255, 189, 88, .34);--color-display-dot: rgba(255, 151, 38, .22);--color-display-glow: rgba(255, 184, 82, .2);--color-display-crt-glow: rgba(255, 253, 248, .32);--color-display-additive-dot: #ffac38;--color-display-channel-red: #d76756;--color-display-channel-green: #86d99a;--color-display-channel-blue: #6fa9f5;--color-display-crt-channel-red: #ff3b30;--color-display-crt-channel-green: #34c759;--color-display-crt-channel-blue: #0a84ff;--shadow-card: 0 1px 0 rgba(29, 27, 22, .05);--shadow-display: inset 0 1px 0 rgba(255, 255, 255, .09), inset 0 -10px 18px rgba(0, 0, 0, .32), 0 1px 0 rgba(29, 27, 22, .08);--radius-card: 8px;--radius-control: 6px;--artwork-size: 52px;--artwork-size-large: 64px;--queue-artwork-size: calc(var(--artwork-size-large) + 4px);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--page-max: 1180px;--listen-card-max: 440px;--listen-chat-max: 520px;--listen-backdrop-image: url(/space.jpg);--listen-backdrop-saturation: 1.5;--listen-backdrop-blur: 0;--listen-backdrop-curve: url(#space-brightness-curve);--listen-backdrop-opacity: .67;--listen-backdrop-fade: color-mix(in srgb, var(--color-ink) 12%, transparent);--listen-backdrop-select-fade: transparent;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px)}*{box-sizing:border-box}html,body,#root{min-height:100%}#root{display:flex;justify-content:center;min-height:100dvh;background:var(--color-page)}body:has(.broadcast-shell.is-on-air),#root:has(.broadcast-shell.is-on-air){background:color-mix(in srgb,color-mix(in srgb,var(--color-broadcast-live) 88.8889%,var(--color-ink)) 90%,var(--color-page));background-image:radial-gradient(circle,rgba(255,242,189,.11) 1px,transparent 1px);background-size:7px 7px}body{margin:0;background:var(--color-ink);color:var(--color-ink);font-family:var(--font-main);font-size:14px;line-height:1.4}.svg-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}button,input,textarea{font:inherit}button{color:inherit}button:disabled{cursor:not-allowed;opacity:.48}input{min-width:0}textarea{resize:vertical}.auth-shell,.app-shell{min-height:100dvh}.auth-shell{width:100%;display:flex;align-items:center;justify-content:center;padding:calc(var(--space-4) + var(--safe-top)) calc(var(--space-4) + var(--safe-right)) calc(var(--space-4) + var(--safe-bottom)) calc(var(--space-4) + var(--safe-left))}.app-shell{width:min(100%,var(--page-max));display:flex;flex-direction:column;gap:var(--space-4);padding:calc(var(--space-4) + var(--safe-top)) calc(var(--space-4) + var(--safe-right)) calc(var(--space-4) + var(--safe-bottom)) calc(var(--space-4) + var(--safe-left))}.listen-shell{width:100%;max-width:none;padding:0;gap:0;position:relative}.listen-shell .topbar{position:absolute;z-index:3;top:calc(var(--space-4) + var(--safe-top));left:max(calc(var(--space-4) + var(--safe-left)),calc(((100% - var(--page-max)) / 2) + var(--space-4)));right:max(calc(var(--space-4) + var(--safe-right)),calc(((100% - var(--page-max)) / 2) + var(--space-4)))}.topbar,.section-head,.brand-lockup,.toolbar,.cluster,.caller-row,.track-row,.track-actions,.track-meta-row,.now-playing,.join-row{display:flex;gap:var(--space-3)}.topbar,.section-head,.caller-row,.track-row{align-items:center;justify-content:space-between}.brand-lockup,.toolbar,.cluster,.track-actions,.now-playing{align-items:center}.brand-lockup{min-width:0;flex:1 1 auto}.brand-title-slot{min-width:0;display:flex;align-items:center;position:relative}.brand-title-button{min-height:0;border:0;background:transparent;color:inherit;padding:0;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none}.listen-shell .brand-title-button.text-title{color:var(--color-surface-strong)}.listen-shell>.topbar>.cluster>.nav-segmented{border-color:var(--color-ink);background:var(--color-ink);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.listen-shell>.topbar>.cluster>.nav-segmented button{color:var(--color-surface-strong)}.listen-shell>.topbar>.cluster>.nav-segmented button.is-active{border-color:var(--color-surface-strong);background:var(--color-surface-strong);color:var(--color-ink)}.topbar{min-height:48px}.saved-station-menu{--saved-station-trigger-height: 38px;position:relative;min-width:0;display:flex;align-items:center}.saved-station-menu.is-open{z-index:12}.nav-segmented.saved-station-trigger-track{max-width:100%;display:inline-flex;align-items:center;grid-auto-flow:unset;grid-auto-columns:unset}.saved-station-menu.has-live-saves .saved-station-trigger-track{border-color:var(--color-saved);background:var(--color-saved)}.saved-station-menu.has-live-saves .saved-station-trigger-track button.is-active{color:var(--color-ink)}.saved-station-menu.has-live-saves.is-open .saved-station-trigger-track{border-color:transparent;background:transparent}.saved-station-menu.is-open .saved-station-trigger-track{position:relative;z-index:13;border-color:transparent;background:transparent}.saved-station-menu.is-open .saved-station-trigger-track button.is-active{border-color:var(--color-saved);background:var(--color-saved);color:var(--color-ink)}.saved-station-menu.is-open:not(.has-live-saves) .saved-station-trigger-track{border-color:transparent;background:transparent}.saved-station-menu.is-open:not(.has-live-saves) .saved-station-trigger-track button.is-active{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface-strong)}.saved-station-trigger-track button{max-width:100%;min-height:calc(var(--saved-station-trigger-height) - 4px);overflow:hidden}.saved-station-trigger-track button>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.saved-station-dropdown{position:absolute;z-index:12;top:0;left:0;--saved-station-panel-radius: calc(var(--radius-control) + (var(--space-2) / 2));width:min(380px,calc(100vw - var(--space-4) - var(--space-4) - var(--safe-left) - var(--safe-right)));max-height:min(480px,calc(100dvh - 96px - var(--safe-top) - var(--safe-bottom)));display:flex;flex-direction:column;gap:var(--space-2);overflow:auto;border:0;border-radius:0;background:transparent;padding:0;box-shadow:none}.saved-station-section{display:flex;flex-direction:column;gap:var(--space-2);overflow:hidden;border:1px solid var(--color-glass-panel-line);border-radius:var(--saved-station-panel-radius);background:var(--color-glass);padding:var(--space-2);box-shadow:0 18px 40px #0000002e;backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}.saved-station-section:first-child{border-radius:calc(var(--saved-station-trigger-height) / 2) var(--saved-station-panel-radius) var(--saved-station-panel-radius) var(--saved-station-panel-radius);padding-top:calc(var(--saved-station-trigger-height) + var(--space-2))}.saved-station-section.is-live,.saved-station-section.is-offline{color:var(--color-ink)}.saved-station-option{width:100%;display:block;border:0;background:transparent;color:inherit;cursor:pointer;padding:0;text-align:left}.saved-station-display{--station-display-row-gap: var(--space-2)}.app-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:var(--space-4);align-items:start}.left-panel-stack,.right-panel-stack,.right-panel-content{display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.explore-page{width:100%;flex:1 1 auto;min-height:0}.explore-grid{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,var(--listen-card-max)));gap:var(--space-5);align-items:stretch;justify-content:start;overflow:visible}.explore-section{width:min(100%,var(--listen-card-max));min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);overflow:visible}.explore-section-title{width:100%;color:var(--color-ink);font-size:12px;font-weight:700;text-transform:uppercase}.explore-station-list{--explore-crt-overscan-x: 12px;--explore-crt-overscan-y: 5px;min-height:0;width:100%;display:flex;flex-direction:column;gap:var(--space-2);overflow:auto}.explore-station-row{width:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2)}.explore-station-main{min-width:0}.explore-station-display{--station-display-row-gap: var(--space-2);--station-display-crt-overscan-x: var(--explore-crt-overscan-x);--station-display-crt-overscan-y: var(--explore-crt-overscan-y);--station-display-crt-bow-ratio: .07;max-width:none}.explore-station-display .listen-info{width:100%}.explore-station-display .listen-info-copy{min-width:0}.explore-station-display .text-strong,.explore-station-display .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.explore-station-row .button{width:auto}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--space-4)}.broadcast-shell{--broadcast-ink: #000000;--broadcast-border: var(--broadcast-ink);--broadcast-border-width: 1px;--broadcast-tile-border-width: 1px;--color-live: var(--color-broadcast-live);--color-live-soft: var(--color-broadcast-live-soft);--broadcast-button-bg: var(--color-broadcast-control);--broadcast-control-border: rgba(0, 0, 0, .5);--broadcast-button-border: var(--broadcast-control-border);--broadcast-button-highlight: rgba(255, 255, 255, .95);--broadcast-button-inner-shadow: rgba(0, 0, 0, .14);--broadcast-button-shadow: rgba(0, 0, 0, .24);--broadcast-top-bg: var(--color-broadcast-top)}.broadcast-shell.is-on-air{color:var(--color-panel-ink)}.broadcast-shell.is-on-air>.topbar,.broadcast-shell.is-on-air>.topbar .text-title,.broadcast-shell.is-on-air>.topbar .pill{color:var(--color-panel-ink)}.broadcast-shell .app-grid{align-items:stretch;gap:0;border:var(--broadcast-border-width) solid var(--broadcast-border);border-radius:var(--radius-card);background:var(--broadcast-top-bg);padding:0;overflow:hidden}.broadcast-shell .left-panel-stack,.broadcast-shell .right-panel-stack,.broadcast-shell .right-panel-content{gap:0}.broadcast-shell .left-panel-stack>.card,.broadcast-shell .right-panel-content>.card,.broadcast-shell .right-panel-stack.is-remote-control-side>.card{border:0;border-radius:0;background:var(--broadcast-top-bg);color:var(--broadcast-ink);box-shadow:none;padding:var(--space-3)}.broadcast-shell .left-panel-stack{border-right:var(--broadcast-tile-border-width) solid var(--broadcast-border)}.broadcast-shell .right-panel-content>.card+.card,.broadcast-shell .right-panel-stack.is-remote-control-side>.card+.card{border-top:var(--broadcast-tile-border-width) solid var(--broadcast-border)}.broadcast-shell .icon-fill-panel{appearance:none;font:inherit;border:0;margin:0;padding:0;display:flex;align-items:center;justify-content:center;min-height:0;height:0;flex:1 1 0;overflow:hidden;border-top:var(--broadcast-tile-border-width) solid var(--broadcast-border);background-color:var(--broadcast-top-bg);background-image:linear-gradient(color-mix(in srgb,var(--broadcast-top-bg) 20%,transparent),color-mix(in srgb,var(--broadcast-top-bg) 20%,transparent)),url(/icon.png);background-position:center;background-repeat:no-repeat;background-size:cover;color:var(--color-panel-ink);font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.45);cursor:pointer;-webkit-user-select:none;user-select:none}.state-transfer-panel,.transfer-back-panel,.local-tracks-panel,.broadcast-elsewhere-panel,.state-transfer-panel .muted,.transfer-back-panel .muted,.local-tracks-panel .muted,.broadcast-elsewhere-panel .muted{color:var(--broadcast-ink)}.state-transfer-panel .button,.transfer-back-panel .button,.local-tracks-panel .button,.broadcast-elsewhere-panel .button{width:100%}.broadcast-elsewhere-display{--station-display-row-gap: var(--space-2)}.state-transfer-progress{width:100%;height:8px;overflow:hidden;border:var(--broadcast-tile-border-width) solid var(--broadcast-border);border-radius:999px;background:var(--broadcast-button-bg)}.state-transfer-progress span{display:block;height:100%;background:var(--color-live)}.state-transfer-note{color:var(--broadcast-ink)}.state-transfer-warning{display:flex;flex-direction:column;gap:var(--space-1);border:var(--broadcast-tile-border-width) solid var(--broadcast-border);border-radius:var(--radius-control);padding:var(--space-2);background:color-mix(in srgb,var(--color-warn-soft) 72%,var(--broadcast-button-bg));color:var(--broadcast-ink)}.broadcast-shell .app-grid .button,.broadcast-shell .app-grid .icon-button,.broadcast-shell .app-grid .segmented button,.broadcast-shell .app-grid .player-pill,.broadcast-shell .app-grid .booth-meter{border-radius:999px;box-shadow:inset 1px 1px 0 var(--broadcast-button-highlight),inset -1px -1px 0 var(--broadcast-button-inner-shadow),2px 2px 0 var(--broadcast-button-shadow)}.broadcast-shell .app-grid .button:not(.button-primary):not(.is-active),.broadcast-shell .app-grid .icon-button:not(.is-active),.broadcast-shell .app-grid .segmented button:not(.is-active){border-color:var(--broadcast-button-border);background:var(--broadcast-button-bg)}.broadcast-shell .app-grid .button.is-danger{border-color:var(--color-error);background:var(--color-error-soft);color:var(--color-error)}.broadcast-shell .app-grid .button-primary{border-color:var(--broadcast-ink);background:var(--broadcast-ink)}.broadcast-shell .app-grid .button.is-active,.broadcast-shell .app-grid .icon-button.is-active,.broadcast-shell .app-grid .segmented .is-active{border-color:var(--color-broadcast-live-strong);background:linear-gradient(180deg,var(--color-broadcast-live),var(--color-broadcast-live-strong));color:var(--color-black);box-shadow:inset 1px 1px color-mix(in srgb,var(--color-broadcast-live-soft) 58%,white),inset -1px -1px color-mix(in srgb,var(--color-broadcast-live-strong) 70%,var(--color-black)),2px 2px color-mix(in srgb,var(--color-broadcast-live-strong) 38%,var(--broadcast-button-shadow))}.broadcast-shell .app-grid .status.is-live{border-color:var(--broadcast-button-border);background:var(--broadcast-button-bg);color:var(--broadcast-ink)}.broadcast-shell .app-grid .button.booth-start-button,.broadcast-shell .app-grid .button.music-play-button:not(:disabled),.broadcast-shell .app-grid .icon-button.music-play-button:not(:disabled),.broadcast-shell .app-grid .recast-panel .button.recast-action-button:not(:disabled),.broadcast-shell .app-grid .recast-panel .button.is-active.recast-active-button{border-color:var(--color-start-strong);background:linear-gradient(180deg,var(--color-start),var(--color-start-strong));color:var(--color-black);font-weight:700;box-shadow:inset 1px 1px color-mix(in srgb,var(--color-start-soft) 64%,white),inset -1px -1px color-mix(in srgb,var(--color-start-strong) 70%,var(--color-black)),2px 2px color-mix(in srgb,var(--color-start-strong) 42%,var(--broadcast-button-shadow))}.broadcast-shell .app-grid .music-return-button{flex:0 0 auto}.broadcast-shell .app-grid .toolbar{gap:var(--space-2)}.broadcast-shell .app-grid .toolbar>.button{min-width:0}.broadcast-shell .app-grid .input,.broadcast-shell .app-grid .textarea,.broadcast-shell .app-grid .status,.broadcast-shell .app-grid .pill,.broadcast-shell .app-grid .duration,.broadcast-shell .app-grid .notice:not(.error),.broadcast-shell .app-grid .caller-row,.broadcast-shell .app-grid .now-playing,.broadcast-shell .app-grid .next-up-list,.broadcast-shell .app-grid .next-up-detail,.broadcast-shell .app-grid .booth-meter,.broadcast-shell .app-grid .player-pill,.broadcast-shell .app-grid .now-playing .track-artwork,.broadcast-shell .app-grid .next-up-detail .track-artwork{border-color:#000;background:var(--color-broadcast-control)}.broadcast-shell .app-grid .next-up-list{--next-up-line: var(--broadcast-ink)}.broadcast-shell .app-grid .field span,.broadcast-shell .app-grid .text-label,.broadcast-shell .app-grid .eyebrow,.broadcast-shell .app-grid .muted,.broadcast-shell .app-grid .status,.broadcast-shell .app-grid .duration,.broadcast-shell .app-grid .player-pill,.broadcast-shell .app-grid .player-time-text,.broadcast-shell .app-grid .player-label,.broadcast-shell .app-grid .notice:not(.error),.broadcast-shell .app-grid .caller-row,.broadcast-shell .app-grid .next-up-detail,.broadcast-shell .app-grid .booth-meter,.broadcast-shell .app-grid .track-artwork{color:var(--broadcast-ink)}.auth-card{width:min(100%,420px)}.modal-panel.auth-modal{width:min(100%,420px);padding:var(--space-4)}.modal-backdrop.auth-modal-backdrop{z-index:50}.stack{display:flex;flex-direction:column;gap:var(--space-4)}.compact-stack{gap:var(--space-2)}.field{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.field span,.text-label,.eyebrow{color:var(--color-muted);font-size:12px;font-weight:500;text-transform:uppercase}.mobile-section-title{display:none}.text-title{font-size:18px;font-weight:500}.booth-url-summary{min-width:0}.booth-url-text{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-strong{font-weight:500}.muted{color:var(--color-muted);overflow-wrap:anywhere}.input{width:100%;min-height:40px;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface-strong);color:var(--color-ink);font-size:16px;padding:8px 10px;outline:none}.textarea{line-height:1.35}.input:focus{border-color:var(--color-focus);box-shadow:0 0 0 2px #2b6fd624}.button,.icon-button,.segmented button{min-height:38px;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface-strong);color:var(--color-ink);cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:8px 12px;white-space:nowrap}.button>svg,.icon-button>svg,.segmented button>svg{flex:0 0 auto}.toolbar>.button{min-width:112px;flex:0 0 auto}.button-primary{border-color:var(--color-ink);background:var(--color-ink);color:var(--color-surface-strong)}.button.is-active,.icon-button.is-active,.segmented .is-active{border-color:var(--color-live);background:var(--color-live-soft);color:var(--color-live)}.icon-button{width:38px;display:inline-flex;align-items:center;justify-content:center;padding:0;flex:0 0 auto}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.segmented button{padding:8px 10px}.pill,.status,.duration{display:inline-flex;align-items:center;min-height:28px;border:1px solid var(--color-line);border-radius:999px;padding:4px 9px;background:var(--color-surface-strong);color:var(--color-muted);white-space:nowrap}.status.is-live{border-color:var(--color-live);background:var(--color-live-soft);color:var(--color-live)}.notice{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface-strong);color:var(--color-muted);padding:var(--space-3);overflow-wrap:anywhere}.notice.error{border-color:var(--color-error);background:var(--color-error-soft);color:var(--color-error)}@keyframes brand-overlay-expand{0%{clip-path:circle(0 at var(--overlay-origin-x) var(--overlay-origin-y))}to{clip-path:circle(150vmax at var(--overlay-origin-x) var(--overlay-origin-y))}}@property --overlay-cutout-radius{syntax: "<length>"; inherits: false; initial-value: 0px;}@keyframes brand-overlay-cutout{0%{--overlay-cutout-radius: 0px}to{--overlay-cutout-radius: 150vmax}}.brand-overlay{position:fixed;z-index:30;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--space-4) + var(--safe-top)) calc(var(--space-4) + var(--safe-right)) calc(var(--space-4) + var(--safe-bottom)) calc(var(--space-4) + var(--safe-left));background-color:var(--color-page);background-image:linear-gradient(#1d1b161f,#1d1b161f),url(/icon.png);background-position:center;background-repeat:no-repeat;background-size:cover;animation:brand-overlay-expand .18s ease-out both;cursor:pointer}.brand-overlay.is-closing{animation:brand-overlay-cutout .18s ease-out both;-webkit-mask-image:radial-gradient(circle at var(--overlay-close-x) var(--overlay-close-y),transparent var(--overlay-cutout-radius),#000 calc(var(--overlay-cutout-radius) + 1px));mask-image:radial-gradient(circle at var(--overlay-close-x) var(--overlay-close-y),transparent var(--overlay-cutout-radius),#000 calc(var(--overlay-cutout-radius) + 1px))}.brand-overlay-center{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);cursor:default}.brand-overlay-title{color:var(--color-panel-ink);font-size:32px;font-weight:500;line-height:1;text-shadow:0 2px 8px rgba(0,0,0,.62);-webkit-user-select:none;user-select:none}.brand-overlay-donate{min-height:38px;display:none;align-items:center;justify-content:center}.modal-backdrop{position:fixed;z-index:20;inset:0;display:flex;align-items:center;justify-content:center;padding:calc(var(--space-4) + var(--safe-top)) calc(var(--space-4) + var(--safe-right)) calc(var(--space-4) + var(--safe-bottom)) calc(var(--space-4) + var(--safe-left));background:#1d1b166b}.modal-panel{width:min(100%,720px);max-height:calc(100dvh - var(--space-4) - var(--space-4) - var(--safe-top) - var(--safe-bottom));overflow:auto;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface);padding:var(--space-4);box-shadow:var(--shadow-card)}.url-list-modal,.kit-modal,.queue-manager-modal,.soundboard-modal,.calling-settings-modal{border-color:var(--color-panel-line);background:var(--color-panel-bg);color:var(--color-panel-ink);gap:var(--space-5)}.kit-modal,.queue-manager-modal,.soundboard-modal,.calling-settings-modal{width:min(100%,560px)}.queue-manager-modal,.soundboard-modal{width:min(100%,720px)}.soundboard-modal{width:min(100%,920px)}.url-list-modal .icon-button,.url-list-modal .button,.kit-modal .icon-button,.kit-modal .button,.queue-manager-modal .icon-button,.queue-manager-modal .button,.soundboard-modal .icon-button,.soundboard-modal .button,.calling-settings-modal .icon-button,.calling-settings-modal .button{border-color:var(--color-panel-line);background:var(--color-panel-tile);color:var(--color-panel-ink)}.url-list-modal .icon-button:hover:not(:disabled),.url-list-modal .button:hover:not(:disabled),.kit-modal .icon-button:hover:not(:disabled),.kit-modal .button:hover:not(:disabled),.queue-manager-modal .icon-button:hover:not(:disabled),.queue-manager-modal .button:hover:not(:disabled),.soundboard-modal .icon-button:hover:not(:disabled),.soundboard-modal .button:hover:not(:disabled),.calling-settings-modal .icon-button:hover:not(:disabled),.calling-settings-modal .button:hover:not(:disabled){background:var(--color-panel-hover)}.url-list-modal .button-primary,.kit-modal .button-primary,.calling-settings-modal .button-primary{border-color:var(--color-panel-ink);background:var(--color-panel-ink);color:var(--color-panel-bg)}.url-list-modal .button-primary:hover:not(:disabled),.kit-modal .button-primary:hover:not(:disabled),.calling-settings-modal .button-primary:hover:not(:disabled){border-color:var(--color-panel-ink);background:var(--color-panel-ink);color:var(--color-panel-bg)}.url-list-modal .input,.soundboard-modal .input,.calling-settings-modal .input{border-color:var(--color-panel-line);background:var(--color-panel-bg);color:var(--color-panel-ink)}.url-list-modal .input::placeholder,.soundboard-modal .input::placeholder,.calling-settings-modal .input::placeholder{color:var(--color-panel-muted)}.url-list-modal .notice,.kit-modal .notice{border-color:var(--color-panel-line);background:var(--color-panel-bg);color:var(--color-panel-muted)}.calling-toggle-row{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);border:1px solid var(--color-panel-line);border-radius:var(--radius-control);background:var(--color-panel-tile);color:var(--color-panel-ink);padding:6px 8px}.calling-toggle-track,.calling-list-track{border-color:var(--color-panel-line);background:var(--color-panel-bg)}.calling-toggle-track button,.calling-list-track button{color:var(--color-panel-ink)}.calling-toggle-track button.is-active,.calling-list-track button.is-active{background:var(--color-panel-ink);color:var(--color-panel-bg)}.calling-list-editor{min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.calling-list-input{min-height:120px;resize:vertical}.url-list-help,.kit-help{display:flex;flex-direction:column;gap:var(--space-2);color:var(--color-panel-muted)}.kit-help strong{color:var(--color-panel-ink)}.url-list-info{border:1px solid var(--color-panel-line);border-radius:var(--radius-control);padding:var(--space-3);background:var(--color-panel-bg)}.url-list-help-title{color:var(--color-panel-ink);font-weight:500}.url-list-steps{counter-reset:url-step;display:flex;flex-direction:column;gap:var(--space-1);list-style:none;margin:var(--space-1) 0 0;padding:0}.url-list-steps li{counter-increment:url-step;display:grid;grid-template-columns:18px minmax(0,1fr);gap:var(--space-2)}.url-list-steps li:before{content:counter(url-step) ".";color:var(--color-panel-ink)}.url-list-help a{display:inline;color:var(--color-panel-ink);text-decoration:underline;text-underline-offset:3px}.url-list-textarea{min-height:min(34dvh,300px)}.modal-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--space-2)}.modal-actions .button{width:100%}.soundboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.soundboard-pad{min-width:0;min-height:38px;justify-content:flex-start}.broadcast-shell .app-grid .soundboard-grid .soundboard-pad{border-radius:var(--radius-control)}.soundboard-manage-button{min-width:0}.recast-panel .input{flex:1}.soundboard-editor{width:100%;min-width:820px;table-layout:fixed;border-collapse:collapse;border:1px solid var(--color-panel-line);background:var(--color-panel-bg)}.soundboard-editor th{color:var(--color-panel-muted);font-size:12px;font-weight:500;text-align:left;text-transform:uppercase;padding:var(--space-2)}.soundboard-slot-col{width:34px}.soundboard-label-col{width:28%}.soundboard-upload-col{width:96px}.soundboard-icon-col{width:38px}.soundboard-editor th,.soundboard-editor td{border-top:1px solid var(--color-panel-line);border-left:1px solid var(--color-panel-line)}.soundboard-editor th:first-child,.soundboard-editor td:first-child{border-left:0}.soundboard-editor tbody tr:nth-child(odd){background:var(--color-panel-tile)}.soundboard-editor .input,.soundboard-editor .icon-button{width:100%;height:100%;min-height:38px;border:0;border-radius:0;background:transparent}.soundboard-editor .input:focus{box-shadow:none}.soundboard-table-button{width:100%;min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-panel-ink);cursor:pointer;background:transparent}.soundboard-table-button:hover{background:var(--color-panel-hover)}.soundboard-table-button>svg{flex:0 0 auto}.soundboard-slot-number{width:34px;min-height:38px;color:var(--color-panel-muted);text-align:center;vertical-align:middle}.queue-manager-section{display:flex;flex-direction:column;gap:var(--space-2)}.queue-manager-head,.next-up-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.next-up-head-actions{min-width:0;display:flex;align-items:center;gap:1ch}.queue-manager-list{display:flex;flex-direction:column;border:1px solid var(--color-panel-line);background:var(--color-panel-bg)}.queue-manager-row{display:grid;grid-template-columns:var(--artwork-size) minmax(0,1fr) auto auto;align-items:center;gap:var(--space-2);padding:var(--space-2);border-top:1px solid var(--color-panel-line);background:var(--color-panel-bg)}.queue-manager-row.is-pause{grid-template-columns:38px minmax(0,1fr) auto}.queue-manager-row:first-child{border-top:0}.queue-manager-row .track-artwork{border-color:var(--color-panel-line);background:var(--color-panel-bg);color:var(--color-panel-muted)}.pause-marker{width:38px;height:38px;flex:0 0 38px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);border:0;border-radius:0;background:transparent;color:var(--color-muted)}.next-up-detail .pause-marker{width:auto;flex:0 1 auto;justify-content:flex-start;white-space:nowrap}.queue-manager-row .pause-marker{gap:0;color:var(--color-panel-muted)}.queue-manager-row .pause-marker span{display:none}.broadcast-shell .app-grid .pause-marker{color:var(--broadcast-ink)}.queue-manager-row .duration{border-color:var(--color-panel-line);background:var(--color-panel-tile);color:var(--color-panel-muted)}.queue-manager-copy{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.queue-manager-copy .text-strong,.queue-manager-copy .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-manager-actions{display:flex;align-items:center;gap:var(--space-1)}.queue-manager-small-button{min-width:0}.queue-manager-empty{padding:var(--space-3);color:var(--color-panel-muted)}.queue-manage-button{min-width:0}.station-notice{position:relative;z-index:1;width:100%;min-width:0;display:flex;align-items:flex-end;overflow:hidden;color:inherit;line-height:1}.station-notice-measure{position:absolute;visibility:hidden;white-space:nowrap;pointer-events:none}.station-notice-text{position:relative;z-index:1;flex:0 0 auto;white-space:nowrap;text-shadow:0 0 7px var(--color-display-glow)}.station-notice-unit{flex:0 0 auto;display:inline-flex;align-items:center;white-space:nowrap}.station-notice-separator{flex:0 0 auto;white-space:pre;text-shadow:0 0 7px var(--color-display-glow)}.station-notice-track{position:relative;z-index:1;min-width:max-content;display:flex;align-items:center;animation:station-notice-scroll var(--notice-duration) linear infinite;will-change:transform}.listen-dock .station-notice{width:100%;max-width:none}.station-display{--station-display-x: var(--space-3);--station-display-row-gap: 10px;--station-display-crt-overscan-x: 12px;--station-display-crt-overscan-y: 5px;--station-display-crt-bow-ratio: .0375;position:relative;isolation:isolate;width:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:var(--station-display-row-gap);overflow:hidden;border:1px solid var(--color-display-line);border-radius:var(--radius-card);background:radial-gradient(circle at 1px 1px,var(--color-display-dot) 1px,transparent 1.35px),linear-gradient(180deg,var(--color-display-bg-soft),var(--color-display-bg));background-size:5px 5px,100% 100%;box-shadow:var(--shadow-display);color:var(--color-display-ink);line-height:1;padding:var(--space-2) var(--station-display-x);-webkit-user-select:none;user-select:none}.station-display.can-toggle-display,.station-display.is-clickable-display{cursor:pointer}.station-display.is-live-station{--color-display-bg: #100e0a;--color-display-bg-soft: #1d150c;--color-display-crt-bg: #080807;--color-display-crt-bg-soft: #141311;--color-display-ink: #fff1d2;--color-display-crt-ink: #fffdf8;--color-display-line: rgba(255, 189, 88, .42);--color-display-dot: rgba(255, 151, 38, .24);--color-display-glow: rgba(255, 184, 82, .24);--color-display-crt-glow: rgba(255, 253, 248, .34);--color-display-additive-dot: #ffac38}.station-display.is-station-ticker-display{--station-display-row-gap: var(--space-1);min-height:0}.station-display.is-station-ticker-display.has-mid-visualizer{--station-display-row-gap: var(--space-2)}.station-display.is-station-ticker-display.has-mid-visualizer .station-media-visualizer{--visualizer-spread: .5;height:1.5lh}.station-display-visualizer-row{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-3);min-width:0;width:100%;height:1.5lh}.station-display-visualizer-segment{min-width:0;flex:1 1 0;display:flex;align-items:center;gap:var(--space-2);height:100%}.station-display-visualizer-label{flex:0 0 auto;color:var(--color-display-ink);font-weight:700;line-height:1;text-transform:uppercase;white-space:nowrap}.station-display-visualizer-segment .station-media-visualizer{left:auto;width:100%;height:100%;flex:1 1 0;color:var(--color-display-ink)}.station-display.is-station-ticker-display .station-notice{display:none}.station-display.is-station-ticker-display .station-display-top,.station-display.is-station-ticker-display .station-display-ticker{min-height:1lh}.station-display.is-station-ticker-display .station-url-button{gap:1ch}.station-display.has-corner-status .station-display-top:first-of-type .station-url-button{max-width:calc(100% - var(--station-corner-status-reserve, 16ch))}.station-display-corner-status{position:absolute;z-index:1;top:var(--space-2);right:var(--station-display-x);max-width:calc(100% - var(--station-display-x) - var(--station-display-x));overflow:hidden;color:var(--color-display-ink);font-weight:700;line-height:1;pointer-events:none;text-overflow:ellipsis;white-space:nowrap}.station-display.has-three-display .station-display-corner-status,.station-display.has-three-display .station-display-visualizer-label,.station-display.has-three-display .station-display-visualizer-segment .station-media-visualizer{color:var(--color-display-crt-ink)}.station-display.is-station-ticker-display .station-crt-stats,.station-display.is-station-ticker-display .station-crt-callers{gap:2ch}.station-display-line-part{min-width:0;flex:0 0 auto}.station-crt-listener-count.is-zero{--station-display-line-color: var(--color-display-ink);color:var(--color-display-ink)}.station-display.has-three-display .station-crt-listener-count.is-zero{--station-display-line-color: var(--color-display-crt-ink);color:var(--color-display-crt-ink)}.station-crt-listener-count.is-red{--station-display-line-color: var(--color-display-channel-red);color:var(--color-display-channel-red)}.station-crt-listener-count.is-green{--station-display-line-color: var(--color-display-channel-green);color:var(--color-display-channel-green)}.station-crt-listener-count.is-blue{--station-display-line-color: var(--color-display-channel-blue);color:var(--color-display-channel-blue)}.station-crt-waiting.is-active{--station-display-line-color: var(--color-display-channel-red);color:var(--color-display-channel-red)}.station-crt-on-line.is-active{--station-display-line-color: var(--color-display-channel-green);color:var(--color-display-channel-green)}.station-display:after{content:"";position:absolute;z-index:0;inset:1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.08),transparent 44%,rgba(0,0,0,.18));pointer-events:none}.station-display-three{position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.station-display.has-three-display{--color-display-channel-red: var(--color-display-crt-channel-red);--color-display-channel-green: var(--color-display-crt-channel-green);--color-display-channel-blue: var(--color-display-crt-channel-blue);overflow:visible;border-color:transparent;background:transparent;box-shadow:none}.station-display.has-three-display:after{display:none}.station-display.has-three-display .station-display-three{width:calc(100% + var(--station-display-crt-overscan-x) + var(--station-display-crt-overscan-x));height:calc(100% + var(--station-display-crt-overscan-y) + var(--station-display-crt-overscan-y));margin:calc(-1 * var(--station-display-crt-overscan-y)) calc(-1 * var(--station-display-crt-overscan-x));opacity:1}.station-display.has-three-display>:not(.station-display-three){opacity:0}.station-url-button{position:relative;z-index:1;min-width:0;flex:0 1 auto;display:flex;align-items:center;justify-content:flex-start;overflow:hidden;border:0;border-radius:0;background:transparent;color:inherit;cursor:pointer;font-weight:700;padding:0;line-height:1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.station-url-button.is-static{cursor:default}.station-recast-text{text-transform:none}.station-media{z-index:1;width:100%;color:inherit;line-height:1}.station-media-content{position:relative;z-index:1;width:100%}.station-display .station-media-content{gap:var(--station-display-x)}.audio-visualizer.station-media-visualizer{--visualizer-dot-opacity: .36;position:relative;z-index:1;left:auto;width:100%;height:1lh;flex:none;border:0;border-radius:0;background:transparent;color:var(--color-display-ink);filter:drop-shadow(0 0 7px var(--color-display-glow));pointer-events:none}.station-display.has-three-display .audio-visualizer.station-media-visualizer{left:calc(-1 * var(--station-display-x));width:calc(100% + var(--station-display-x) + var(--station-display-x));color:var(--color-display-crt-ink);filter:drop-shadow(0 0 7px var(--color-display-crt-glow))}.station-display-visualizer-segment>.audio-visualizer.station-media-visualizer{left:auto;width:auto;min-width:0;height:100%;flex:1 1 0;color:var(--color-display-ink)}.station-display.has-three-display .station-display-visualizer-segment>.audio-visualizer.station-media-visualizer{left:auto;width:auto;min-width:0;height:100%;flex:1 1 0;color:var(--color-display-crt-ink)}.station-display .track-artwork{border-color:var(--color-display-ink);background:transparent;color:var(--color-display-ink);filter:drop-shadow(0 0 7px var(--color-display-glow))}.station-display.has-three-display .track-artwork{border-color:var(--color-display-crt-ink);color:var(--color-display-crt-ink);filter:drop-shadow(0 0 7px var(--color-display-crt-glow))}.station-display .listen-info-copy .muted{color:var(--color-display-ink);opacity:.68}.now-playing{--media-art-size: 68px;--media-row-height: calc(var(--media-art-size) + 2px);height:var(--media-row-height);min-height:var(--media-row-height);border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface-strong);padding:0 var(--space-2) 0 0;overflow:hidden}.booth-track-block{display:flex;flex-direction:column;gap:var(--space-2)}.now-playing-main{min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.next-up-block{display:flex;flex-direction:column;gap:var(--space-2)}.next-up-list{--next-up-line: var(--color-line);display:flex;flex-direction:column;gap:0;overflow:hidden;border:1px solid var(--next-up-line);border-radius:var(--radius-control)}.next-up-detail{--next-up-padding: var(--space-2);--media-art-size: 68px;width:100%;min-height:var(--media-art-size);display:flex;align-items:center;gap:var(--space-3);border:0;border-radius:0;background:var(--color-surface);color:var(--color-muted);padding:var(--next-up-padding)}.next-up-detail+.next-up-detail{border-top:1px solid var(--next-up-line)}.next-up-detail:not(.is-pause){padding:0 var(--next-up-padding) 0 0;overflow:hidden}.next-up-detail.is-pause{min-height:0;color:var(--color-muted)}.queue-pause-spacer{min-width:0;flex:1 1 auto}.next-up-skip{flex:0 0 auto}.next-up-duration{min-width:44px;flex:0 0 auto;color:var(--color-muted);text-align:right;white-space:nowrap}.next-up-actions{display:flex;flex:0 0 auto;gap:var(--space-2)}.song-detail-main{min-width:0;flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-1)}.song-detail-main .text-strong,.song-detail-main .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-artwork{width:var(--artwork-size);height:var(--artwork-size);flex:0 0 var(--artwork-size);display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-muted)}.track-artwork.is-clickable{cursor:pointer}.track-artwork.is-clickable:hover{background:var(--color-line);color:var(--color-ink)}.track-artwork.is-large{width:var(--artwork-size-large);height:var(--artwork-size-large);flex-basis:var(--artwork-size-large)}.now-playing .track-artwork,.next-up-detail:not(.is-pause) .track-artwork{position:relative;width:var(--media-art-size);height:var(--media-art-size);min-width:var(--media-art-size);flex:0 0 var(--media-art-size);border:0;border-radius:0}.now-playing .track-artwork:after,.next-up-detail:not(.is-pause) .track-artwork:after{content:"";position:absolute;top:0;right:0;bottom:0;width:1px;background:var(--broadcast-ink, var(--color-ink));pointer-events:none}.track-artwork img{width:100%;height:100%;display:block;object-fit:cover}.media-hidden{display:none}.native-media-hidden{position:fixed;width:1px;height:1px;opacity:0;pointer-events:none;overflow:hidden;transform:translate(-9999px,-9999px)}.nav-segmented{width:fit-content;min-width:0;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:max-content;padding:2px;gap:2px;border:1px solid var(--color-ink);border-radius:999px;background:var(--color-ink)}.nav-segmented button{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);border:0;border-radius:999px;background:transparent;color:var(--color-surface-strong);padding:6px 10px;white-space:nowrap}.nav-segmented button.is-active{background:var(--color-surface-strong);color:var(--color-ink)}.mobile-auth-button{width:auto;padding:0;border:0;background:transparent;color:inherit}.mobile-auth-menu{position:relative;display:inline-flex;align-items:center}.mobile-auth-menu.is-open{z-index:20}.mobile-auth-panel{--mobile-auth-padding: var(--space-2);--mobile-auth-inner-radius: var(--radius-control);position:fixed;z-index:20;top:calc(var(--space-2) + var(--safe-top) + 40px + var(--space-2));right:calc(var(--space-2) + var(--safe-right));left:calc(var(--space-2) + var(--safe-left));width:auto;max-height:calc(100dvh - 56px - var(--safe-top) - var(--safe-bottom) - var(--space-4));overflow:auto;border:1px solid var(--color-line);border-radius:calc(var(--mobile-auth-inner-radius) + (var(--mobile-auth-padding) / 2));background:var(--color-surface);color:var(--color-ink);padding:var(--mobile-auth-padding);box-shadow:var(--shadow-card)}.mobile-auth-panel .stack{gap:var(--space-3)}.station-chat-auth-backdrop{position:fixed;z-index:30;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--color-ink) 54%,transparent);padding:calc(var(--space-4) + var(--safe-top)) calc(var(--space-4) + var(--safe-right)) calc(var(--space-4) + var(--safe-bottom)) calc(var(--space-4) + var(--safe-left))}.station-chat-auth-panel{position:static;width:min(100%,420px);max-height:calc(100dvh - var(--safe-top) - var(--safe-bottom) - var(--space-8))}.auth-login-note{max-width:28ch;align-self:center;line-height:1.25;text-align:center;text-wrap:balance}.remote-track-text{display:flex;align-items:center;min-height:100%;min-width:0;padding:6px 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.remote-track-detail{min-width:0;display:flex;flex-direction:column;justify-content:center;gap:var(--space-1);padding:6px 8px}.remote-track-detail .remote-track-text{min-height:0;padding:0}.track-order-number.is-static{cursor:default}.listen-stage{position:relative;height:100dvh;min-height:100dvh;display:flex;overflow:hidden;background:var(--color-ink)}.listen-stage.is-cached{position:fixed;inset:0;width:100%;visibility:hidden;pointer-events:none}.listen-stage.is-station-selected{--listen-backdrop-select-fade: color-mix(in srgb, var(--color-panel-bg) 50%, transparent)}.listen-stage:after{content:"";position:absolute;inset:0;pointer-events:none}.listen-stage:after{background:linear-gradient(var(--listen-backdrop-select-fade),var(--listen-backdrop-select-fade)),linear-gradient(var(--listen-backdrop-fade),var(--listen-backdrop-fade))}.listen-stage>*{position:relative;z-index:1}.listen-loading{position:fixed;inset:0;z-index:10;width:100%;min-height:100dvh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:transparent;color:var(--color-surface-strong)}.listen-loading>span{position:relative;z-index:1}.globe-wrap{flex:1 1 auto;width:100%;height:100%;min-width:0;min-height:0;background:transparent;overflow:hidden;touch-action:none;-webkit-user-select:none;user-select:none}.globe-wrap canvas{display:block;width:100%;height:100%;cursor:grab;-webkit-user-select:none;user-select:none}.globe-wrap canvas:active{cursor:grabbing}.listen-dock{--listen-dock-padding: var(--space-2);--listen-dock-inner-radius: var(--radius-control);position:absolute;z-index:3;left:50%;bottom:calc(var(--space-4) + var(--safe-bottom));width:min(var(--listen-card-max),calc(100% - var(--space-4) - var(--space-4) - var(--safe-left) - var(--safe-right)));max-width:min(var(--listen-card-max),calc(100% - var(--space-4) - var(--space-4) - var(--safe-left) - var(--safe-right)));display:flex;flex-direction:column;align-items:stretch;gap:var(--space-2);border:1px solid var(--color-glass-panel-line);border-radius:calc(var(--listen-dock-inner-radius) + (var(--listen-dock-padding) / 2));background:var(--color-glass);padding:var(--listen-dock-padding);box-shadow:0 18px 40px #0000002e;backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter);transform:translate(-50%)}.listen-dock.has-chat{top:calc(var(--space-4) + var(--safe-top));min-height:0}.listen-dock .station-display{border-radius:var(--listen-dock-inner-radius)}.chat-pane{--chat-pane-panel-radius: calc(var(--radius-control) + (var(--space-2) / 2));--chat-pane-trigger-height: 42px;--chat-pane-trigger-width: 220px;z-index:4;position:relative;min-width:0;min-height:0;max-width:calc(100dvw - var(--space-4) - var(--space-4));max-height:calc(100dvh - var(--space-4) - var(--space-4));display:flex;flex-direction:column;justify-content:flex-end;gap:0;border:0;border-radius:0;background:transparent;color:var(--color-live);padding:0;box-shadow:none;overflow:visible;touch-action:none}.chat-pane.is-collapsed{width:min(var(--chat-pane-trigger-width),calc(100% - var(--space-4) - var(--space-4)));height:var(--chat-pane-trigger-height);min-width:0;min-height:0}.listen-chat-pane{position:absolute;min-width:0;min-height:0;max-width:min(var(--listen-chat-max),calc(100dvw - var(--space-4) - var(--space-4)))}.nav-segmented.chat-pane-trigger-track{position:absolute;z-index:13;right:0;bottom:0;max-width:100%;display:inline-flex;align-items:center;grid-auto-flow:unset;grid-auto-columns:unset;border-color:var(--color-live);background:var(--color-live)}.chat-pane:not(.is-collapsed) .chat-pane-trigger-track{border-color:transparent;background:transparent}.chat-pane-trigger-track button{max-width:100%;min-width:0;min-height:calc(var(--chat-pane-trigger-height) - 4px);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--color-surface-strong);overflow:hidden}.chat-pane-trigger-track button.is-active{border-color:var(--color-live);background:var(--color-live);color:var(--color-surface-strong)}.chat-pane-trigger-track button>span{min-width:0;overflow:hidden;text-overflow:ellipsis}.listen-chat-pane .chat-pane-trigger-track{cursor:pointer}.chat-pane-drag{width:22px;height:22px;flex:0 0 22px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:999px;background:transparent;color:inherit;cursor:grab;padding:0}.chat-pane-drag:active{cursor:grabbing}.chat-pane-drag>svg{flex:0 0 auto}.station-chat{position:absolute;z-index:12;inset:0;min-height:0;display:flex;flex:1 1 auto;flex-direction:column;color:var(--color-live)}.station-chat.is-collapsed{display:none}.station-chat-frame{position:relative;height:100%;min-height:0;flex:1 1 auto;display:flex;flex-direction:column;border:1px solid var(--color-glass-panel-line);border-radius:var(--chat-pane-panel-radius) var(--chat-pane-panel-radius) calc(var(--chat-pane-trigger-height) / 2) var(--chat-pane-panel-radius);overflow:hidden;background:var(--color-chat-glass);color:var(--color-ink);padding:var(--space-2);padding-bottom:calc(var(--chat-pane-trigger-height) + var(--space-2));box-shadow:0 8px 28px #1d1b1629;backdrop-filter:blur(42px) saturate(1.8) contrast(1.12) brightness(1.04);-webkit-backdrop-filter:blur(42px) saturate(1.8) contrast(1.12) brightness(1.04)}.station-chat-messages{min-height:0;flex:1 1 auto;overflow:auto;display:flex;flex-direction:column-reverse;gap:var(--space-1);padding:0}.station-chat-empty{min-height:0;flex:1 1 auto;display:flex;align-items:center;justify-content:center;color:#fffdf8c7}.station-chat-join-marker,.station-chat-break-marker{width:100%;flex:0 0 auto;display:flex;align-items:center;gap:var(--space-2);color:#fffdf8b8;font-size:11px;line-height:1;text-transform:uppercase;white-space:nowrap}.station-chat-join-marker:before,.station-chat-join-marker:after,.station-chat-break-marker:before,.station-chat-break-marker:after{content:"";height:1px;flex:1 1 auto;background:#fffdf842}.station-chat-group{min-width:0;max-width:78%;align-self:flex-start;display:flex;flex-direction:column;align-items:flex-start;gap:3px}.station-chat-group.is-mine{align-self:flex-end;align-items:flex-end}.station-chat-bubbles{min-width:0;max-width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.station-chat-group.is-mine .station-chat-bubbles{align-items:flex-end}.station-chat-message{min-width:0;max-width:100%;display:flex}.station-chat-author{max-width:100%;overflow:hidden;color:color-mix(in srgb,var(--color-surface-strong) 78%,var(--color-ink));font-size:11px;line-height:1;text-overflow:ellipsis;white-space:nowrap;padding:0 var(--space-2)}.station-chat-bubble{min-width:0;max-width:100%;border:1px solid rgba(255,253,248,.1);border-radius:18px;background:color-mix(in srgb,var(--color-chat-incoming) 58%,rgba(255,253,248,.32));color:var(--color-ink);padding:8px 11px;line-height:1.25;overflow-wrap:anywhere;white-space:pre-wrap;backdrop-filter:blur(30px) saturate(1.28);-webkit-backdrop-filter:blur(30px) saturate(1.28)}.station-chat-group.is-mine .station-chat-bubble{border-color:color-mix(in srgb,var(--color-chat-outgoing) 36%,rgba(255,255,255,.1));background:color-mix(in srgb,var(--color-chat-outgoing) 76%,rgba(255,255,255,.22));color:var(--color-surface-strong)}.station-chat-form{display:flex;align-items:center;gap:0;border-top:0;background:transparent;padding:var(--space-2) 0 0}.station-chat-composer{min-width:0;width:100%;flex:1 1 auto;display:flex;align-items:flex-end;gap:var(--space-1);border:1px solid var(--color-chat-glass-line);border-radius:19px;background:#fffdf86b;backdrop-filter:blur(42px) saturate(1.35);-webkit-backdrop-filter:blur(42px) saturate(1.35);padding:3px 3px 3px 10px;cursor:text}.station-chat-composer:focus-within{border-color:var(--color-glass-light-line)}.station-chat-composer.is-login{align-items:center;padding:3px;cursor:default}.station-chat-input{min-width:0;min-height:28px;height:28px;max-height:120px;flex:1 1 auto;border:0;background:transparent;color:var(--color-ink);font-size:16px;line-height:1.35;padding:3px 0 4px;resize:none;box-shadow:none;outline:0;overflow:hidden}.station-chat-input:focus{outline:0;box-shadow:none}.station-chat-login{appearance:none;min-width:0;width:100%;min-height:30px;border:0;border-radius:999px;background:color-mix(in srgb,var(--color-surface-strong) 64%,transparent);color:var(--color-ink);font:inherit;font-size:16px;line-height:1;padding:0 var(--space-3);cursor:pointer}.station-chat-send{appearance:none;width:30px;height:30px;flex:0 0 30px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-chat-glass-line);border-radius:999px;background:color-mix(in srgb,var(--color-chat-outgoing) 78%,rgba(255,255,255,.28));color:var(--color-surface-strong);backdrop-filter:blur(36px) saturate(1.35);-webkit-backdrop-filter:blur(36px) saturate(1.35);cursor:pointer}.station-chat-send:disabled{border-color:var(--color-line);background:var(--color-line);color:var(--color-muted);opacity:1;cursor:default}.broadcast-chat-pane{position:fixed;z-index:30}.broadcast-chat-head{z-index:1}.broadcast-station-chat{min-height:0;flex:1 1 auto}.chat-pane-resize{position:absolute;left:0;top:0;width:28px;height:28px;cursor:nwse-resize;touch-action:none}.chat-pane-resize:before,.chat-pane-resize:after{content:"";position:absolute;left:7px;top:7px;width:10px;border-bottom:1px solid var(--color-line-strong)}.chat-pane-resize:before{transform:translateY(4px)}.listen-input{width:100%}.listen-dock .listen-input{border-color:var(--color-glass-line);background:var(--color-glass);color:var(--color-surface-strong);box-shadow:none;backdrop-filter:var(--glass-filter);-webkit-backdrop-filter:var(--glass-filter)}.listen-dock .listen-input::placeholder{color:#fffdf8ad}.listen-dock .listen-input:focus{border-color:var(--color-glass-light-line);box-shadow:none}.listen-info{min-width:0;width:min(100%,360px);display:flex;align-items:center;gap:var(--space-2)}.listen-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-wrap:nowrap}.listen-actions{min-width:0;display:flex;align-items:center;gap:var(--space-2);flex:0 1 auto}.listen-dock .listen-controls .button,.listen-dock .listen-controls .icon-button,.listen-dock .listener-volume-control{border-color:color-mix(in srgb,var(--color-line) 42%,transparent);background:color-mix(in srgb,var(--color-surface-strong) 58%,transparent);color:var(--color-black);box-shadow:0 1px 8px #1d1b1614}.listen-dock .listen-controls .button-primary{border-color:color-mix(in srgb,var(--color-surface-strong) 58%,transparent);background:color-mix(in srgb,var(--color-surface-strong) 72%,transparent);color:var(--color-black);box-shadow:0 1px 10px #fffdf81f}.listen-dock .listen-controls .button.is-active,.listen-dock .listen-controls .icon-button.is-active{border-color:color-mix(in srgb,var(--color-live) 34%,var(--color-live-soft));background:color-mix(in srgb,var(--color-live-soft) 66%,transparent);color:var(--color-live)}.listen-dock .listener-volume-slider .volume-slider-shape-base{fill:color-mix(in srgb,var(--color-line) 66%,transparent)}.listen-dock .listener-volume-slider .volume-slider-shape-fill{fill:var(--color-ink)}.listener-like-button{border-radius:999px}.listen-dock .listen-controls .listener-like-button.is-active{border-color:color-mix(in srgb,var(--color-live) 34%,var(--color-live-soft));background:color-mix(in srgb,var(--color-live-soft) 66%,transparent);color:var(--color-live)}.listen-dock .listen-controls .listener-mute-button.is-muted{border-color:color-mix(in srgb,var(--color-error) 34%,var(--color-error-soft));background:color-mix(in srgb,var(--color-error-soft) 66%,transparent);color:var(--color-error)}.listen-info-copy{min-width:0}.audio-visualizer{display:block}.station-display-top{position:relative;z-index:1;min-width:0;display:flex;align-items:center}.station-display-footer{position:relative;z-index:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);color:var(--color-display-ink);line-height:1}.station-display.has-three-display .station-display-footer{color:var(--color-display-crt-ink)}.station-channel-block{color:var(--channel-color);filter:drop-shadow(0 0 7px currentColor)}.listen-info-copy .text-strong,.listen-info-copy .muted{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.listen-note{color:var(--color-muted);overflow-wrap:anywhere}.booth-meter-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.booth-meter{min-width:0;min-height:38px;display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface-strong);padding:4px 9px;color:var(--color-muted)}.booth-meter .text-label{flex:0 0 auto}.audio-visualizer.booth-meter-visualizer{--color-display-additive-dot: currentColor;--visualizer-dot-opacity: .2;width:100%;height:22px;min-width:0;flex:1 1 auto;color:inherit}.player-strip{display:flex;align-items:center;gap:var(--space-2);min-height:40px;min-width:0;flex-wrap:nowrap}.remote-track-button-row{display:contents}.player-pill{display:flex;align-items:center;gap:var(--space-2);min-width:0;min-height:38px;border:1px solid var(--color-line);border-radius:999px;padding:4px 9px;background:var(--color-surface-strong);color:var(--color-muted)}.player-time-pill{flex:1.35 1 190px}.player-volume-pill{flex:1 1 140px}.player-time-text{min-width:0;flex:0 0 auto;color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-time-text.current-duration{min-width:0}.player-pill .seek-slider{margin:0}.player-label{min-width:0;flex:0 0 auto;color:var(--color-muted);padding:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.volume-slider{--slider-fill: 100%;--slider-handle-shift: 0;--volume-thumb-size: 20px;--volume-track-height: calc(var(--volume-thumb-size) / 3);--volume-track-gap: calc((var(--volume-thumb-size) - var(--volume-track-height)) / 2);width:96px;flex:0 0 96px;height:var(--volume-thumb-size);min-width:0;position:relative;display:block;cursor:pointer;touch-action:none}.volume-slider:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.volume-slider-track{position:absolute;inset-block:var(--volume-track-gap);inset-inline:calc(var(--volume-thumb-size) / 2);box-sizing:border-box;border-radius:999px;background:var(--color-line);pointer-events:none}.volume-slider-fill{position:absolute;inset-block:0;left:0;width:var(--slider-fill);border-radius:inherit;background:var(--color-ink)}.volume-slider-shape{display:none;position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.volume-slider-shape-base{fill:var(--color-line)}.volume-slider-shape-fill{fill:var(--color-ink)}.volume-slider-handle{position:absolute;top:50%;left:var(--slider-fill);width:var(--volume-thumb-size);height:var(--volume-thumb-size);transform:translate(var(--slider-handle-shift),-50%);border-radius:999px;background:var(--color-ink);pointer-events:none}.listener-volume-control{--volume-thumb-size: 20px;--listener-volume-max: 220px;min-height:calc(var(--space-2) + var(--volume-thumb-size) + var(--space-2));flex:1 1 auto;max-width:var(--listener-volume-max);display:flex;align-items:center;border:1px solid var(--color-line);border-radius:999px;background:var(--color-surface-strong);padding:0}.listener-volume-slider{--volume-track-height: var(--volume-thumb-size);--volume-track-gap: 0;--listener-volume-rail-x: var(--space-2);--listener-volume-rail-y: 6px;width:100%;height:calc(var(--space-2) + var(--volume-thumb-size) + var(--space-2));flex:1 1 auto}.listener-volume-slider .volume-slider-track{inset-block:0;inset-inline:var(--listener-volume-rail-x);opacity:0}.listener-volume-slider .volume-slider-shape{display:block;top:var(--listener-volume-rail-y);right:auto;bottom:auto;left:var(--listener-volume-rail-x);width:calc(100% - var(--listener-volume-rail-x) - var(--listener-volume-rail-x));height:calc(100% - var(--listener-volume-rail-y) - var(--listener-volume-rail-y))}.listener-volume-slider .volume-slider-handle{visibility:hidden}.seek-slider{width:100%;min-width:64px;flex:1 1 120px;accent-color:var(--color-ink)}.join-row{align-items:end}.join-row .field{flex:1}.like-banner{min-height:34px;padding-block:var(--space-2)}.like-banner.is-station-ticker-display{width:100%;margin-inline:0}.like-banner.is-station-ticker-display.has-three-display{width:calc(100% + var(--space-2));margin-inline:calc(-.5 * var(--space-2))}.station-display-ticker{position:relative;z-index:1;min-width:0}.like-ticker{position:relative;z-index:1;width:100%;min-height:1lh;overflow:hidden;color:inherit;line-height:1}.like-ticker-item{position:absolute;top:50%;left:0;min-width:max-content;display:inline-flex;align-items:center;white-space:nowrap;text-shadow:0 0 7px var(--color-display-glow);will-change:transform}.like-ticker-idle{transform:translate3d(0,-50%,0);opacity:.46}.like-ticker-item{font-weight:700;text-transform:uppercase}.like-ticker-separator{white-space:pre;text-shadow:0 0 7px var(--color-display-glow)}.caller-row{min-height:42px;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface-strong);padding:var(--space-2)}.queue-panel{border-color:var(--color-panel-line);background:var(--color-panel-bg);color:var(--color-panel-ink);padding:var(--space-3);gap:var(--space-3);box-shadow:none}.queue-panel .section-head{align-items:flex-start;gap:var(--space-2)}.queue-panel .eyebrow,.queue-panel .muted{color:var(--color-panel-muted)}.queue-panel .notice{border-color:var(--color-panel-line);background:var(--color-panel-bg);color:var(--color-panel-muted)}.queue-panel .button,.queue-panel .icon-button,.queue-panel .duration{border-color:var(--color-panel-line);background:var(--color-panel-tile);color:var(--color-panel-ink)}.queue-panel .button:hover:not(:disabled),.queue-panel .icon-button:hover:not(:disabled){background:var(--color-panel-hover);color:var(--color-panel-ink);outline-color:var(--color-panel-line)}.queue-panel .button.is-active,.queue-panel .icon-button.is-active{border-color:var(--color-live);background:var(--color-live-soft);color:var(--color-live)}.queue-panel .track-order-number.is-active{opacity:1}.queue-panel .input{min-height:34px;border-color:var(--color-panel-line);border-radius:0;background:var(--color-panel-bg);color:var(--color-panel-ink);padding:6px 8px}.queue-panel .input::placeholder{color:var(--color-panel-muted)}.queue-panel .input:focus{border-color:var(--color-panel-line);box-shadow:none}.queue{display:flex;flex-direction:column;gap:var(--space-2)}.queue-panel .queue{display:flex;flex-direction:column;gap:0}.empty-state{min-height:96px;display:flex;align-items:center;justify-content:center;border:1px dashed var(--color-line-strong);border-radius:var(--radius-card);color:var(--color-muted);text-align:center;padding:var(--space-4)}.queue-panel .empty-state{min-height:72px;border-color:var(--color-panel-line);color:var(--color-panel-muted);padding:var(--space-3)}.track-row{border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--color-surface-strong);padding:var(--space-3)}.track-row.is-active{border-color:var(--color-live);background:var(--color-live-soft)}.queue-table{width:100%;border-collapse:collapse;table-layout:fixed}.queue-table.is-moving .queue-cell{cursor:pointer}.queue-table.is-moving .queue-cell .icon-button{opacity:0}.queue-table.is-moving .queue-cell .input::placeholder{color:transparent;opacity:0}.queue-table.is-moving .queue-cell :is(button,input){pointer-events:none}.queue-order-col{width:34px}.queue-button-col{width:38px}.queue-art-col{width:var(--queue-artwork-size)}.queue-title-col{width:auto}.queue-meta-col{width:18%}.queue-table-row{--queue-row-bg: var(--color-panel-bg)}.queue-table-row.is-alt{--queue-row-bg: var(--color-panel-tile)}.queue-cell{height:32px;border:1px solid var(--color-panel-line);background:var(--queue-row-bg);color:var(--color-panel-ink);padding:0;vertical-align:middle}.queue-table.is-moving .queue-table-row.is-track-top .queue-cell:not(.queue-order-cell):not(.queue-art-cell){border-bottom-color:transparent}.queue-table.is-moving .queue-table-row.is-track-bottom .queue-cell{border-top-color:transparent}.queue-table.is-moving .queue-cell:not(.queue-order-cell){border-right-color:transparent;border-left-color:transparent}.queue-table.is-moving .queue-art-cell{border-right-color:var(--color-panel-line);border-left-color:var(--color-panel-line)}.queue-table.is-moving .queue-table-row.is-track-top .queue-cell:nth-child(2),.queue-table.is-moving .queue-table-row.is-track-bottom .queue-cell:first-child{border-left-color:var(--color-panel-line)}.queue-table.is-moving .queue-table-row .queue-cell:last-child{border-right-color:var(--color-panel-line)}.queue-table-row.is-active .queue-order-cell{background:var(--color-live);color:var(--color-surface-strong)}.queue-table-row.is-hidden .queue-order-cell{background:var(--queue-row-bg);color:var(--color-panel-muted)}.queue-table-row.is-hidden .queue-cell{color:var(--color-panel-muted)}.queue-table-row.is-hidden .track-artwork img{opacity:.42}.queue-table-row.is-hidden .input,.queue-table-row.is-hidden .duration,.queue-table-row.is-hidden .track-order-number,.queue-table-row.is-hidden .icon-button:not(.queue-visibility-button){opacity:.5}.queue-table.is-moving .queue-table-row.is-hidden .queue-cell .icon-button{opacity:0}.queue-cell .input,.queue-cell .icon-button,.queue-cell .duration,.queue-cell .track-order-number,.queue-cell .track-artwork{width:100%;min-width:0;height:100%;min-height:0;border:0;border-radius:0;outline:0;background:transparent;color:inherit;margin:0}.queue-cell .input{padding:6px 8px}.queue-cell .duration,.queue-cell .track-order-number{display:inline-flex;align-items:center;justify-content:center}.track-order-hover-icon{display:none}.track-order-number:hover:not(:disabled) .track-order-value{display:none}.track-order-number:hover:not(:disabled) .track-order-hover-icon{display:inline-flex}.queue-cell .track-artwork{display:flex;flex-basis:auto}.queue-art-cell{width:var(--queue-artwork-size);height:var(--queue-artwork-size);line-height:0}.queue-art-cell .track-artwork{width:100%;height:100%}.queue-cell .track-artwork.is-clickable:hover,.queue-cell .icon-button:hover:not(:disabled),.queue-cell .track-order-number:hover:not(:disabled){background:var(--color-panel-hover);color:var(--color-panel-ink)}.queue-cell .icon-button.is-active,.queue-cell .queue-visibility-button.is-hidden{color:var(--color-panel-muted)}.queue-table-row.is-move-source .queue-order-cell{background:var(--color-move-cancel);color:var(--color-surface-strong)}.queue-table-row.is-move-preview .queue-order-cell{background:var(--color-move-target);color:var(--color-surface-strong)}.queue-table-row.is-hidden.is-move-source .queue-order-cell{background:var(--color-move-cancel);color:var(--color-surface-strong)}.queue-table-row.is-hidden.is-move-preview .queue-order-cell{background:var(--color-move-target);color:var(--color-surface-strong)}.queue-table-row.is-move-source .track-order-number,.queue-table-row.is-move-preview .track-order-number,.queue-table-row.is-hidden.is-move-source .track-order-number,.queue-table-row.is-hidden.is-move-preview .track-order-number{color:inherit;opacity:1}.queue-table-row.is-hidden .queue-visibility-button{color:var(--color-panel-ink);opacity:1}.track-main-actions{display:flex;flex:0 0 auto;flex-direction:column;gap:var(--space-2)}.track-order-number{min-width:34px;min-height:38px;display:inline-flex;flex:0 0 34px;align-items:center;justify-content:center;border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-muted);font-weight:500;font-variant-numeric:tabular-nums}.queue-panel .track-order-number{min-width:0;min-height:34px;border:0;border-radius:0;background:transparent;color:inherit}.queue-panel .track-row .track-artwork{width:var(--artwork-size-large);height:var(--artwork-size-large);flex-basis:auto}.track-fields{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.queue-panel .track-fields{gap:0}.track-title{font-weight:500}.track-meta-row{align-items:center}.queue-panel .track-meta-row{display:grid;grid-template-columns:1fr 1fr;gap:0}.track-actions{flex-wrap:wrap;justify-content:flex-end}.queue-panel .track-actions{display:grid;grid-template-columns:64px 38px 38px;gap:0;align-items:start;justify-content:end}.duration{min-width:64px;flex:0 0 auto;justify-content:center}.current-duration{min-width:118px}@keyframes station-notice-scroll{0%{transform:translate(0)}to{transform:translate(calc(-1 * var(--notice-distance)))}}[hidden]{display:none}@media(max-width:900px){.app-grid{grid-template-columns:1fr}.broadcast-shell .left-panel-stack{border-right:0;border-bottom:var(--broadcast-tile-border-width) solid var(--broadcast-border)}.explore-grid{grid-template-columns:1fr}}@media(max-width:680px){.topbar,.track-row,.join-row{align-items:stretch;flex-direction:column}.section-head{align-items:center;flex-direction:row}.toolbar,.cluster,.track-actions,.track-meta-row{flex-wrap:wrap}.button,.join-row .button{width:100%}.queue-panel .button{width:auto}.explore-page .section-head{align-items:center;flex-direction:row}.explore-station-row .button{width:auto}.queue-panel .section-head{align-items:center}.url-list-modal .section-head,.queue-manager-modal .section-head,.queue-manager-head,.next-up-head,.soundboard-modal .section-head{flex-direction:row;align-items:center}.next-up-head-actions{justify-content:flex-end;flex-wrap:wrap}.queue-manager-modal .button,.next-up-head .button,.soundboard-modal .button{width:auto}.queue-manager-backdrop{align-items:stretch;justify-content:stretch;padding:0;background:var(--color-panel-bg)}.queue-manager-modal{width:100%;max-height:100dvh;min-height:100dvh;border:0;border-radius:0;box-shadow:none;padding:calc(var(--space-2) + var(--safe-top)) calc(var(--space-2) + var(--safe-right)) calc(var(--space-2) + var(--safe-bottom)) calc(var(--space-2) + var(--safe-left))}.queue-manager-row{grid-template-columns:var(--artwork-size) minmax(0,1fr)}.queue-manager-row .duration{display:none}.queue-manager-actions{grid-column:1 / -1;justify-content:flex-end}.listen-dock .button{width:auto}.listen-dock .icon-button{width:38px}.is-mobile>.topbar{min-height:40px;flex-direction:row;align-items:center;gap:var(--space-2)}.is-mobile .brand-lockup{min-width:0;align-items:center;gap:var(--space-2)}.is-mobile .brand-lockup>div{min-width:0}.is-mobile .text-title{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-mobile>.topbar .cluster{flex:0 0 auto;flex-wrap:nowrap;gap:var(--space-2)}.is-mobile>.topbar .mobile-auth-button{width:auto;min-height:0}.is-mobile-broadcast{width:100%;gap:var(--space-4);background:var(--broadcast-top-bg);color:var(--broadcast-ink);padding:calc(var(--space-2) + var(--safe-top)) calc(var(--space-2) + var(--safe-right)) calc(var(--space-2) + var(--safe-bottom)) calc(var(--space-2) + var(--safe-left))}.is-mobile-broadcast .app-grid{grid-template-columns:1fr;border:0;border-radius:0;background:transparent;overflow:visible}.is-mobile-broadcast .left-panel-stack{border-right:0;border-bottom:0}.is-mobile-broadcast .left-panel-stack>.card{background:transparent;padding:0}.is-mobile-broadcast .app-grid.is-remote-control .left-panel-stack>.card>.section-head{display:none}.is-mobile-broadcast .right-panel-stack,.is-mobile-broadcast .icon-fill-panel{display:none}.is-mobile-broadcast .toolbar,.is-mobile-broadcast .player-strip{flex-wrap:wrap}.is-mobile-broadcast .app-grid.is-remote-control .player-strip{align-items:stretch}.is-mobile-broadcast .app-grid.is-remote-control .remote-track-button-row{display:flex;flex:0 0 auto;gap:var(--space-2);order:1}.is-mobile-broadcast .next-up-detail:not(.is-pause){flex-wrap:nowrap;gap:var(--space-2)}.is-mobile-broadcast .next-up-detail .song-detail-main{min-width:0;flex:1 1 0}.is-mobile-broadcast .next-up-duration{display:none}.is-mobile-broadcast .next-up-actions{width:70px;flex:0 0 70px;flex-direction:column;gap:var(--space-1)}.is-mobile-broadcast .next-up-actions .button{width:70px;min-width:0;min-height:28px;gap:var(--space-1);padding:4px 6px;font-size:12px}.is-mobile-broadcast .app-grid.is-remote-control .remote-pause-before-next-button{display:none}.is-mobile-broadcast .toolbar .button,.is-mobile-broadcast .player-pill{width:auto;flex:1 1 auto}.is-mobile-broadcast .caller-queue-head .caller-manage-button{width:max-content;max-width:100%;flex:0 0 auto}.is-mobile-broadcast .player-time-pill,.is-mobile-broadcast .player-volume-pill{min-width:min(100%,180px)}.is-mobile-broadcast .app-grid.is-remote-control .player-volume-pill{order:2;min-width:0;flex:1 1 0}.is-mobile-broadcast .app-grid.is-remote-control .player-time-pill{order:3;width:100%;min-width:100%;flex:1 0 100%}.is-mobile-broadcast .queue-panel{border:0;border-radius:0;background:transparent;padding:0;box-shadow:none;overflow-x:auto}.is-mobile-broadcast .queue-panel>.section-head{display:none}.is-mobile-broadcast .mobile-section-title{display:block;color:var(--broadcast-ink);font-size:12px;font-weight:500;line-height:1;text-transform:uppercase}.is-mobile-broadcast .queue-table{min-width:560px}.is-mobile-broadcast .remote-queue-table{min-width:0}.is-mobile-broadcast .remote-queue-table .queue-order-col,.is-mobile-broadcast .remote-queue-table .queue-order-cell,.is-mobile-broadcast .remote-queue-table .queue-duration-cell{display:none}.is-mobile-broadcast .remote-queue-table .queue-button-col{width:38px}.is-mobile-broadcast .remote-queue-table .queue-art-col{width:var(--queue-artwork-size)}.is-mobile-broadcast .remote-queue-table .queue-title-col,.is-mobile-broadcast .remote-queue-table .queue-meta-col{width:auto}.is-mobile-listen .topbar{min-height:40px;flex-direction:row;align-items:center;gap:var(--space-2)}.is-mobile-listen.is-listen-chat-open>.topbar{display:none}.is-mobile-listen .brand-lockup{min-width:0;align-items:center;gap:var(--space-2)}.is-mobile-listen .brand-lockup>div{min-width:0}.is-mobile-listen .brand-lockup>svg{width:24px;height:24px;flex:0 0 auto}.is-mobile-listen .text-title{font-size:16px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-mobile-listen>.topbar .cluster{flex:0 0 auto;flex-wrap:nowrap;gap:var(--space-2)}.is-mobile-listen>.topbar .button{width:auto}.is-mobile-listen>.topbar .pill{max-width:136px;overflow:hidden;text-overflow:ellipsis}.is-mobile-listen .saved-station-dropdown{width:calc(100vw - var(--space-2) - var(--space-2) - var(--safe-left) - var(--safe-right));max-height:calc(100dvh - 72px - var(--safe-top) - var(--safe-bottom))}.listen-shell.is-mobile-listen .topbar{top:calc(var(--space-2) + var(--safe-top));left:calc(var(--space-2) + var(--safe-left));right:calc(var(--space-2) + var(--safe-right))}.is-mobile-listen .listen-dock{left:calc(var(--space-2) + var(--safe-left));right:calc(var(--space-2) + var(--safe-right));bottom:calc(var(--space-2) + var(--safe-bottom));top:auto;width:auto;max-width:none;transform:none}.is-mobile-listen .listen-chat-pane{max-width:calc(100dvw - var(--space-2) - var(--space-2) - var(--safe-left) - var(--safe-right))}.is-mobile-listen .listen-input,.is-mobile-listen .listen-info{width:100%}.is-mobile-listen .listen-controls{flex-wrap:nowrap}.is-mobile-listen .listen-actions{flex:0 1 auto}.is-mobile-listen .listen-actions>.button{min-width:0;flex:0 1 auto;gap:var(--space-1);padding:8px}.is-mobile-listen .listen-controls .pill{max-width:100%;overflow:hidden;text-overflow:ellipsis}.is-mobile-listen .listener-volume-control{min-width:72px;flex:1 1 auto}.is-mobile-listen .listen-controls .volume-slider{flex:1 1 auto;width:100%}}