:root{color-scheme:light;--bg-page:#f7f9f8;--bg-secondary:#eef2f1;--surface:#fff;--surface-hover:#f1f0ee;--surface-raised:#fff;--surface-glass:hsla(0,0%,100%,.6);--border:hsla(0,0%,4%,.1);--border-strong:hsla(0,0%,4%,.18);--text-primary:#0b0b0b;--text-secondary:#52514e;--text-muted:#898781;--text-inverse:#fff;--accent:#0d9488;--accent-hover:#0f766e;--accent-pressed:#115e59;--accent-soft:rgba(13,148,136,.12);--accent-glow:rgba(13,148,136,.25);--sidebar-width:232px;--blur-glass:20px;--color-success:#0ca30c;--color-success-soft:rgba(12,163,12,.12);--color-warning:#b8790f;--color-warning-soft:rgba(250,178,25,.18);--color-error:#d03b3b;--color-error-soft:rgba(208,59,59,.12);--color-info:#2a78d6;--color-info-soft:rgba(42,120,214,.12);--status-ok:var(--color-success);--status-attention:#db2777;--status-muted:#9c9b93;--font-heading:"Outfit",sans-serif;--font-body:"Inter",sans-serif;--font-mono:"JetBrains Mono",monospace;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--space-10:40px;--space-12:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--font-size-xs:0.75rem;--font-size-sm:0.8125rem;--font-size-base:0.95rem;--font-size-lg:1.125rem;--font-size-xl:1.375rem;--font-size-2xl:1.75rem;--font-size-3xl:2.25rem;--shadow-sm:0 1px 2px hsla(0,0%,4%,.06);--shadow-md:0 4px 10px hsla(0,0%,4%,.08);--shadow-lg:0 12px 28px hsla(0,0%,4%,.14)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--bg-page:#07090b;--bg-secondary:#0c1012;--surface:hsla(0,0%,100%,.04);--surface-hover:hsla(0,0%,100%,.07);--surface-raised:#10171a;--surface-glass:rgba(16,23,26,.55);--border:hsla(0,0%,100%,.08);--border-strong:hsla(0,0%,100%,.16);--text-primary:#f4faf9;--text-secondary:#b7c4c1;--text-muted:rgba(244,250,249,.5);--text-inverse:#06100e;--accent:#2dd4bf;--accent-hover:#5eead4;--accent-pressed:#14b8a6;--accent-soft:rgba(45,212,191,.16);--accent-glow:rgba(45,212,191,.45);--color-success:#4ade80;--color-success-soft:rgba(74,222,128,.16);--color-warning:#fbbf24;--color-warning-soft:rgba(251,191,36,.16);--color-error:#f87171;--color-error-soft:hsla(0,91%,71%,.16);--color-info:#3987e5;--color-info-soft:rgba(57,135,229,.16);--status-ok:var(--color-success);--status-attention:#f472b6;--status-muted:#9ca3af;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 6px 16px rgba(0,0,0,.35);--shadow-lg:0 16px 32px rgba(0,0,0,.5)}}:root[data-theme=dark]{color-scheme:dark;--bg-page:#07090b;--bg-secondary:#0c1012;--surface:hsla(0,0%,100%,.04);--surface-hover:hsla(0,0%,100%,.07);--surface-raised:#10171a;--surface-glass:rgba(16,23,26,.55);--border:hsla(0,0%,100%,.08);--border-strong:hsla(0,0%,100%,.16);--text-primary:#f4faf9;--text-secondary:#b7c4c1;--text-muted:rgba(244,250,249,.5);--text-inverse:#06100e;--accent:#2dd4bf;--accent-hover:#5eead4;--accent-pressed:#14b8a6;--accent-soft:rgba(45,212,191,.16);--accent-glow:rgba(45,212,191,.45);--color-success:#4ade80;--color-success-soft:rgba(74,222,128,.16);--color-warning:#fbbf24;--color-warning-soft:rgba(251,191,36,.16);--color-error:#f87171;--color-error-soft:hsla(0,91%,71%,.16);--color-info:#3987e5;--color-info-soft:rgba(57,135,229,.16);--status-ok:var(--color-success);--status-attention:#f472b6;--status-muted:#9ca3af;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 6px 16px rgba(0,0,0,.35);--shadow-lg:0 16px 32px rgba(0,0,0,.5)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(680px circle at 14% -6%,var(--accent-soft),transparent 60%),var(--bg-page);background-attachment:fixed;color:var(--text-primary);font-family:var(--font-body);transition:background-color .15s ease,color .15s ease}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.01em}a{color:var(--accent)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.page{flex:1 1;min-width:0;max-width:1120px;margin:0 auto;padding:var(--space-8) var(--space-6)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.page-header h1{margin:0}.page-eyebrow{margin:0 0 2px;color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5)}.card+.card{margin-top:var(--space-4)}.table{width:100%;border-collapse:collapse}.table td,.table th{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.table th{color:var(--text-muted);font-weight:500;font-size:var(--font-size-sm)}.btn-primary{background:var(--accent);color:var(--text-inverse);border:none;border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font-family:var(--font-body);font-size:var(--font-size-base);cursor:pointer}.btn-primary:hover{background:var(--accent-pressed)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.input,select.input{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-family:var(--font-body);font-size:var(--font-size-base)}.mono{font-family:var(--font-mono)}.form-hint{margin:0 0 var(--space-4);color:var(--text-muted)}.error-text,.form-hint{font-size:var(--font-size-sm)}.error-text{color:var(--status-attention)}.success-text{color:var(--status-ok);font-size:var(--font-size-sm)}.status-badge{display:inline-block;padding:.15rem .6rem;border-radius:var(--radius-full);font-size:var(--font-size-xs);border:1px solid var(--badge-color,var(--status-muted));color:var(--badge-color,var(--status-muted))}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.nav{flex-direction:row;flex-wrap:wrap;gap:var(--space-3) var(--space-6);width:auto;position:-webkit-sticky;position:sticky;top:0;z-index:10;padding:var(--space-4) var(--space-6);border-right:none;border-bottom:1px solid var(--border);background:var(--surface-glass);backdrop-filter:blur(var(--blur-glass));-webkit-backdrop-filter:blur(var(--blur-glass))}.nav,.nav-brand-row{display:flex;align-items:center}.nav-brand-row{gap:var(--space-2)}.nav-logo{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);color:var(--accent);background:var(--accent-soft);flex-shrink:0}.nav-brand{font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-lg)}.nav-links{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--space-1)}.nav-link{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--text-muted);text-decoration:none;font-size:var(--font-size-base);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:background-color .15s ease,color .15s ease}.nav-link:hover{color:var(--text-primary);background:var(--surface-hover)}.nav-link.active{color:var(--accent);background:var(--accent-soft);font-weight:500}.nav .spacer{flex:1 1}.nav-actions{display:flex;align-items:center;gap:var(--space-3)}@media (max-width:860px){.page{max-width:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-body);font-weight:500;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-size-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-sm)}.btn-size-md{padding:var(--space-2) var(--space-4);font-size:var(--font-size-base)}.btn-size-lg{padding:var(--space-3) var(--space-5);font-size:var(--font-size-lg)}.btn-variant-primary{background:var(--accent);color:var(--text-inverse)}.btn-variant-primary:hover:not(:disabled){background:var(--accent-hover)}.btn-variant-secondary{background:var(--surface);color:var(--text-primary);border-color:var(--border-strong)}.btn-variant-secondary:hover:not(:disabled){background:var(--surface-hover)}.btn-variant-danger{background:var(--color-error);color:var(--text-inverse)}.btn-variant-danger:hover:not(:disabled){filter:brightness(.92)}.btn-variant-ghost{background:transparent;color:var(--text-secondary)}.btn-variant-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text-primary)}.btn-spinner{animation:ui-spin .7s linear infinite}@keyframes ui-spin{to{transform:rotate(1turn)}}.ui-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease,border-color .2s ease}.ui-card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.ui-card-title{font-size:var(--font-size-lg);font-family:var(--font-heading);margin:0}.ui-card-header .card-icon-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.ui-card-body{padding:var(--space-5)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.stat-grid+.ui-card{margin-top:var(--space-5)}.stat-card{display:flex;align-items:flex-start;gap:var(--space-4);min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);overflow:hidden;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.stat-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.stat-card-icon{display:flex;align-items:center;justify-content:center;width:42px;height:42px;flex-shrink:0;border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent);box-shadow:0 0 0 1px var(--accent-soft),0 4px 16px -4px var(--accent-glow)}.stat-card-body{min-width:0}.stat-card-label{margin:0;font-size:var(--font-size-sm);color:var(--text-muted)}.stat-card-value{margin:var(--space-1) 0 0;font-size:var(--font-size-2xl);font-family:var(--font-heading);font-weight:600;line-height:1.1;overflow-wrap:anywhere}.stat-card-trend{margin:var(--space-1) 0 0;font-size:var(--font-size-xs);color:var(--text-muted)}.stat-card-trend.trend-up{color:var(--color-success)}.stat-card-trend.trend-down{color:var(--color-error)}.ui-table-toolbar{margin-bottom:var(--space-3)}.ui-table-search{width:100%;max-width:320px}.ui-table-wrapper{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-lg)}.ui-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.ui-table td,.ui-table th{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);white-space:nowrap}.ui-table tbody tr:last-child td{border-bottom:none}.ui-table tbody tr:hover{background:var(--surface-hover)}.ui-table th{color:var(--text-muted);font-weight:500;font-size:var(--font-size-sm);background:var(--bg-secondary)}.ui-table-sort-button{display:inline-flex;align-items:center;gap:var(--space-1);background:none;border:none;padding:0;margin:0;color:inherit;font:inherit;cursor:pointer}.ui-table-empty{padding:var(--space-6);text-align:center;color:var(--text-muted)}.toast-viewport{position:fixed;bottom:var(--space-5);right:var(--space-5);flex-direction:column;z-index:1000;max-width:min(360px,calc(100vw - var(--space-6)))}.toast,.toast-viewport{display:flex;gap:var(--space-2)}.toast{align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-raised);box-shadow:var(--shadow-md);font-size:var(--font-size-sm);color:var(--text-primary)}.toast-success{border-color:var(--color-success)}.toast-error{border-color:var(--color-error)}.toast-info{border-color:var(--color-info)}.toast-icon.toast-success{color:var(--color-success)}.toast-icon.toast-error{color:var(--color-error)}.toast-icon.toast-info{color:var(--color-info)}.toast-dismiss{margin-left:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0;line-height:1}.modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:1100}.modal{width:100%;max-width:440px;background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border)}.modal-title{margin:0;font-size:var(--font-size-lg);font-family:var(--font-heading)}.modal-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1)}.modal-body{padding:var(--space-5);color:var(--text-secondary)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border)}.skeleton{display:block;background:linear-gradient(90deg,var(--bg-secondary) 25%,var(--surface-hover) 37%,var(--bg-secondary) 63%);background-size:400% 100%;animation:ui-skeleton-shimmer 1.4s ease infinite;border-radius:var(--radius-sm)}.skeleton-circle{border-radius:var(--radius-full)}@keyframes ui-skeleton-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);color:var(--text-muted)}.empty-state-icon{color:var(--text-muted);margin-bottom:var(--space-2)}.empty-state-title{margin:0;color:var(--text-primary);font-size:var(--font-size-lg);font-family:var(--font-heading)}.empty-state-message{margin:0;max-width:40ch}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer}.theme-toggle:hover{background:var(--surface-hover);color:var(--text-primary)}.donut-chart{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.donut-chart-svg{flex-shrink:0}.donut-chart-total{font-size:var(--font-size-2xl);font-family:var(--font-heading);font-weight:600;fill:var(--text-primary)}.donut-chart-total-label{font-size:var(--font-size-xs);fill:var(--text-muted)}.donut-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--font-size-sm)}.donut-legend-item{display:flex;align-items:center;gap:var(--space-2)}.donut-legend-swatch{width:10px;height:10px;border-radius:var(--radius-full);flex-shrink:0}.donut-legend-label{color:var(--text-secondary)}.donut-legend-value{color:var(--text-muted);margin-left:auto;padding-left:var(--space-3)}@media (max-width:480px){.donut-chart{flex-direction:column;align-items:flex-start}}.hero-card{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-6);padding:var(--space-6) var(--space-7);margin-bottom:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--border);background:radial-gradient(420px circle at 100% 0,var(--accent-soft),transparent 70%),var(--surface);box-shadow:var(--shadow-sm)}.hero-pulse{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.06em}.pulse-dot{position:relative;width:8px;height:8px}.pulse-dot,.pulse-dot:after{border-radius:var(--radius-full);background:var(--color-success)}.pulse-dot:after{content:"";position:absolute;inset:0;animation:ui-pulse-ring 1.8s ease-out infinite}@keyframes ui-pulse-ring{0%{transform:scale(1);opacity:.6}to{transform:scale(2.8);opacity:0}}.hero-metric{display:flex;align-items:baseline;gap:var(--space-2)}.hero-metric-value{font-family:var(--font-heading);font-size:var(--font-size-3xl);font-weight:600;color:var(--text-primary)}.hero-metric-label{color:var(--text-muted);font-size:var(--font-size-base)}.hero-sub{color:var(--text-secondary);font-size:var(--font-size-sm)}.hero-body{display:flex;flex-direction:column;gap:var(--space-2);flex:1 1;min-width:200px}.equalizer{display:inline-flex;align-items:flex-end;gap:3px;height:16px;flex-shrink:0}.equalizer-bar{width:3px;height:30%;border-radius:var(--radius-full);background:var(--text-muted);transform-origin:bottom}.equalizer-active .equalizer-bar{background:var(--accent);animation:ui-equalize 1s ease-in-out infinite}.equalizer-bar:first-child{animation-delay:-.9s}.equalizer-bar:nth-child(2){animation-delay:-.5s}.equalizer-bar:nth-child(3){animation-delay:-1.1s}.equalizer-bar:nth-child(4){animation-delay:-.3s}@keyframes ui-equalize{0%,to{height:25%}50%{height:100%}}.nav-logo svg rect{transform-box:fill-box;transform-origin:bottom;animation:ui-equalize 1.4s ease-in-out infinite}.nav-logo svg rect:first-child{animation-delay:-.7s}.nav-logo svg rect:nth-child(2){animation-delay:-.3s}.nav-logo svg rect:nth-child(3){animation-delay:-1.2s}.nav-logo svg rect:nth-child(4){animation-delay:-.1s}@media (prefers-reduced-motion:reduce){.equalizer-bar,.nav-logo svg rect,.pulse-dot:after{animation:none}}.hero-waveform{display:flex;align-items:center;gap:3px;height:28px;opacity:.5}.hero-waveform span{width:3px;border-radius:var(--radius-full);background:var(--accent);animation:ui-equalize 1.6s ease-in-out infinite}.zone-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.zone-card{display:flex;flex-direction:column;gap:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:border-color .15s ease,box-shadow .15s ease}.zone-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.zone-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.zone-card-hotel{margin:0 0 2px;color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.zone-card-name{margin:0;font-family:var(--font-heading);font-size:var(--font-size-lg)}.zone-card-actions{display:flex;gap:var(--space-2);border-top:1px solid var(--border);padding-top:var(--space-3)}.now-playing{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--bg-secondary)}.now-playing-label{display:flex;align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em}.now-playing-play-icon{display:inline-flex;color:var(--accent)}.now-playing-row{display:flex;gap:var(--space-2);align-items:center}.now-playing-row .input{flex:1 1;min-width:0}.quickstart-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:var(--space-4);gap:var(--space-4)}.quickstart-step{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);text-decoration:none;color:inherit;transition:border-color .15s ease,transform .15s ease,box-shadow .15s ease}.quickstart-step:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quickstart-number{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);font-family:var(--font-heading);font-weight:600;font-size:var(--font-size-sm)}.quickstart-body h4{margin:0 0 2px;font-family:var(--font-heading);font-size:var(--font-size-base);color:var(--text-primary)}.quickstart-body p{margin:0;color:var(--text-muted);font-size:var(--font-size-sm)}.player-screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:var(--space-6);background:radial-gradient(600px circle at 50% 0,var(--accent-soft),transparent 65%),var(--bg-page);color:var(--text-primary)}.player-topbar{width:100%;max-width:420px;display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8)}.player-eyebrow{margin:0 0 2px;color:var(--text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em}.player-title{margin:0;font-family:var(--font-heading);font-size:var(--font-size-xl)}.player-topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.player-link{font-size:var(--font-size-sm);color:var(--text-muted);text-decoration:underline}.player-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);font-size:1.25rem;line-height:1;cursor:pointer}.player-close:hover{background:var(--surface-hover);color:var(--text-primary)}.player-stage{flex-direction:column;gap:var(--space-5);width:100%;max-width:420px}.player-dial,.player-stage{display:flex;align-items:center}.player-dial{position:relative;width:200px;height:200px;border:none;background:none;padding:0;cursor:pointer;justify-content:center}.player-dial:disabled{cursor:not-allowed;opacity:.6}.player-ring{position:absolute;inset:0;width:100%;height:100%}.player-ring-track{fill:none;stroke:var(--border);stroke-width:8}.player-ring-progress{fill:none;stroke:var(--accent);stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .2s ease;filter:drop-shadow(0 0 8px var(--accent-glow))}.player-dial-icon{display:flex;align-items:center;justify-content:center;width:120px;height:120px;border-radius:var(--radius-full);background:var(--surface-raised);color:var(--accent);box-shadow:var(--shadow-md);transition:box-shadow .2s ease}.player-dial-active .player-dial-icon{box-shadow:0 0 0 1px var(--accent-soft),0 0 32px var(--accent-glow)}.player-stream-name{margin:0;font-family:var(--font-heading);font-size:var(--font-size-lg);text-align:center}.player-volume{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-top:var(--space-4)}.player-volume-value{font-family:var(--font-mono);color:var(--text-muted);font-size:var(--font-size-sm)}.player-volume-slider{width:100%;accent-color:var(--accent)}.player-footer{margin-top:var(--space-8)}