@font-face{font-family:manrope;src:url(../media/manrope_variable-s.p.3lhiex66tdqog.woff2)format("woff2");font-display:swap;font-weight:200 800}@font-face{font-family:manrope Fallback;src:local(Arial);ascent-override:106.45%;descent-override:29.96%;line-gap-override:0.0%;size-adjust:100.14%}.manrope_8e130708-module__51VWKW__className{font-family:manrope,manrope Fallback,Segoe UI,Arial,sans-serif}.manrope_8e130708-module__51VWKW__variable{--font-wlz:"manrope", "manrope Fallback", Segoe UI, Arial, sans-serif}
:root{--bg:#151614;--surface:#1d1f1b;--surface-raised:#252822;--ink:#f5f1e8;--muted:#b9b9aa;--accent:#c6ff4a;--accent-strong:#d5ff7b;--accent-ink:#172000;--border:#393d33;--border-strong:#707667;--warm:#d9b77a;--warm-soft:#30291f;--radius-panel:20px;--radius-media:28px;--danger:#ff858b;--success:#a5d6a7;--warning:#eac278;--accent-soft:#262f1d;--danger-soft:#302023;--success-soft:#202d23;--warning-soft:#302a1f;--overlay:#000000b3;--paper:#fff;--print-ink:#101211;--background:var(--bg);--foreground:var(--ink);--surface-strong:var(--surface-raised);--surface-soft:var(--surface-raised);--search-surface:var(--surface-raised);--sticky-surface:var(--bg);--shadow:0 2px 8px #00000026;--manager-rail-width:13rem;--guest-nav-height:5.5625rem;--z-sticky:20;--z-dock:24;--z-navigation:25;--z-popover:80;--z-toast:100;--z-modal:110;--space-1:.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--space-6:4rem;--radius-sm:6px;--radius-md:10px;--radius-pill:999px;--touch-target:44px;--type-display:clamp(2.25rem, 5vw, 3.75rem);--type-title:clamp(1.75rem, 3vw, 2.5rem);--type-heading:clamp(1.125rem, 2vw, 1.5rem);--type-body:1rem;--type-label:.875rem;--type-meta:.8125rem}
*{box-sizing:border-box}html{background:var(--background);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;scroll-behavior:smooth}body{background:var(--bg);min-height:100vh;color:var(--foreground);font-family:var(--font-wlz), "Segoe UI", Arial, sans-serif;text-rendering:optimizelegibility;padding-bottom:env(safe-area-inset-bottom);margin:0;line-height:1.5}a{color:inherit;text-decoration:none}@layer base{button,input,select,textarea{font:inherit}}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:3px}select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{cursor:not-allowed;opacity:.48}@media (min-width:960px){main.manager-shell{width:calc(100% - var(--manager-rail-width));max-width:100rem;margin-inline:var(--manager-rail-width) 0;padding:var(--space-3) clamp(1rem, 2.5vw, 2rem) var(--space-5)}}.app-shell{overflow-wrap:anywhere;width:100%;max-width:80rem;min-height:100vh;margin:0 auto;padding:0 clamp(1rem,4vw,3.5rem) 2rem}.topbar{justify-content:space-between;align-items:center;min-height:5.5rem;padding:1rem 0;display:flex}.brand{min-height:var(--touch-target);letter-spacing:-.02em;align-items:center;gap:1rem;font-size:.98rem;font-weight:750;display:inline-flex}.brand-logo{mix-blend-mode:lighten;flex-shrink:0;width:16rem;display:block;position:relative;overflow:hidden}.brand-image{max-width:none;height:auto;display:block;position:absolute}.eyebrow,.section-kicker{color:var(--accent);font-size:var(--type-meta);letter-spacing:.02em;text-transform:none;margin:0 0 1rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em;font-weight:700}.primary-button,.secondary-button,.danger-button{border-radius:var(--radius-md);cursor:pointer;font-size:var(--type-label);text-align:center;white-space:normal;overflow-wrap:anywhere;justify-content:center;align-items:center;max-width:100%;min-height:3rem;padding:.5rem 1rem;font-weight:700;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.primary-button{background:var(--accent);border:1px solid var(--accent);color:var(--accent-ink)}.primary-button:not(:disabled):hover{background:var(--accent-strong);border-color:var(--accent-strong)}.secondary-button{background:var(--surface-raised);border:1px solid var(--border-strong);color:var(--foreground)}.secondary-button:not(:disabled):hover{background:var(--surface-raised);border-color:var(--border)}.danger-button{background:var(--danger-soft);border:1px solid var(--danger);color:var(--danger)}.danger-button:not(:disabled):hover{background:var(--danger-soft)}.large-button{min-height:3.4rem;padding:1rem 1.5rem}.compact-button{min-height:var(--touch-target);padding:.5rem 1rem}.demo-pill,.event-status,.step-chip{font-size:var(--type-meta);border-radius:999px;align-items:center;font-weight:780;display:inline-flex}.demo-pill{background:var(--surface-raised);border:1px solid var(--border);color:var(--muted);padding:.5rem 1rem}.event-status{background:var(--surface-soft);border:1px solid var(--border);gap:.5rem;padding:.5rem 1rem}.event-status.status-unverified{background:var(--warning-soft);border-color:var(--warning);color:var(--warning)}.event-status.status-unverified>span{background:var(--warning)}.event-status>span{background:currentColor;border-radius:50%;width:.45rem;height:.45rem}.status-open{color:var(--accent)}.status-suspended{color:var(--warning)}.status-closed{color:var(--muted)}.panel,.setup-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:none}.panel{padding:clamp(var(--space-2), 2.5vw, var(--space-3))}.section-heading{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;display:flex}.section-heading h2,.control-panel h2{margin:0;font-size:clamp(1.25rem,2vw,1.6rem)}.section-kicker{color:var(--muted);font-size:var(--type-meta);margin-bottom:var(--space-1)}.step-chip{border:1px solid var(--border);color:var(--muted);justify-content:center;min-width:2rem;min-height:2rem}.field-label{color:var(--muted);font-size:var(--type-meta);margin-bottom:var(--space-1);font-weight:700;display:block}input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]){background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-md);color:var(--foreground);width:100%;min-width:0;min-height:3rem;padding:.5rem 1rem}input:is([type=checkbox],[type=radio]){block-size:1.25rem;min-block-size:0;inline-size:1.25rem;accent-color:var(--accent);vertical-align:middle;flex-shrink:0;margin:0;padding:0}:where(label:has(>input:is([type=checkbox],[type=radio]))){min-height:var(--touch-target);cursor:pointer;align-items:center;gap:.75rem;line-height:1.5;display:flex}input[aria-invalid=true]{border-color:var(--danger)}input::placeholder{color:var(--muted)}.feedback{border-radius:var(--radius-md);font-size:var(--type-label);border:1px solid;margin:0 0 1rem;padding:1rem;line-height:1.45}.success-feedback{background:var(--accent-soft);border-color:var(--accent);color:var(--success)}.error-feedback{background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.pause-feedback{background:var(--warning-soft);border-color:var(--warning);color:var(--warning)}.landing-shell{overflow:hidden}.landing-topbar{border-bottom:1px solid var(--border)}.header-button{min-height:2.55rem}.lede{color:var(--muted);max-width:36rem;margin:2rem 0;font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.6}.lede.compact{margin-bottom:0;font-size:1rem}.hero-actions{flex-wrap:wrap;align-items:center;gap:1.5rem;display:flex}.text-link{color:var(--muted);font-size:var(--type-label);font-weight:720}.text-link:hover{color:var(--foreground)}.text-link span{color:var(--accent);margin-left:var(--space-1)}.demo-note{color:var(--muted);font-size:var(--type-meta);align-items:center;gap:.5rem;margin-top:2rem;display:flex}.status-dot{background:var(--accent);box-shadow:none;border-radius:50%;width:.44rem;height:.44rem}.landing-footer,.guest-footer{border-top:1px solid var(--border);color:var(--muted);font-size:var(--type-meta);justify-content:space-between;align-items:center;padding:1.5rem 0 0;display:flex}.landing-footer span{color:var(--foreground);font-weight:760}.landing-footer p,.guest-footer p{margin:0}.manager-shell,.guest-shell{padding-bottom:3rem}.setup-panel{justify-content:space-between;align-items:end;gap:3rem;margin-top:clamp(2rem,7vw,6rem);padding:clamp(1.5rem,5vw,3.5rem);display:flex}.setup-panel h1,.guest-centered h1{font-size:var(--type-title);margin:0;line-height:.95}.setup-panel h1{max-width:12ch}.manager-heading{justify-content:space-between;align-items:end;gap:1rem;padding:.75rem 0 1rem;display:flex}.manager-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(1.75rem,3vw,2.125rem);line-height:1.1}.manager-grid{grid-template-columns:minmax(0,1fr);gap:1rem;display:grid}.queue-panel:has(.jukebox-unavailable-notice){align-self:start;padding:clamp(1.5rem,3vw,2.5rem)}.jukebox-unavailable-notice{gap:1.5rem;display:grid}.jukebox-unavailable-notice h2{margin:0;line-height:1.25}.jukebox-unavailable-notice p{max-width:48ch;color:var(--muted);margin:0;font-size:1rem;line-height:1.7}.jukebox-unavailable-notice .primary-button{justify-self:start;min-height:3rem;padding:1rem 1.5rem}.invite-panel{align-self:start}.copy-row,.search-row{gap:.5rem;display:flex}.copy-row input{color:var(--muted);font-size:var(--type-meta)}.microcopy{color:var(--muted);font-size:var(--type-meta);margin:1rem 0 0}.empty-state{border-radius:var(--radius-md);color:var(--muted);text-align:left;border:0;flex-direction:column;justify-content:center;align-items:flex-start;gap:.5rem;min-height:8rem;padding:1rem;display:flex}.empty-state>span{color:var(--accent);font-size:2rem}.empty-state p{margin:0;font-size:.85rem}.track-list,.catalog-list{margin:0;padding:0;list-style:none}.track-list>li,.catalog-list>li{border-top:1px solid var(--border);align-items:center;gap:1rem;min-height:4.7rem;padding:1rem 0;display:grid}.track-list>li:first-child,.catalog-list>li:first-child{border-top:0}.manager-track-list>li{grid-template-columns:4.5rem minmax(0,1fr) auto}.track-rank{color:var(--muted);font-size:var(--type-meta);font-weight:780}.track-leading{align-items:center;gap:.5rem;display:flex}.track-artwork{background:var(--surface-raised);border-radius:var(--radius-md);color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;text-decoration:none;display:flex}.manager-track-list .track-artwork{width:3rem;height:3rem}.track-artwork img{object-fit:contain;width:100%;height:100%;display:block}.track-artwork.track-artwork-large{width:4.5rem;height:4.5rem}.track-copy{min-width:0}.track-copy strong,.track-copy span,.track-copy em{display:block}.track-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;line-height:1.3;overflow:hidden}.track-copy span{color:var(--muted);font-size:var(--type-meta);text-overflow:ellipsis;white-space:nowrap;margin-top:.25rem;overflow:hidden}.track-copy em{color:var(--accent);font-size:var(--type-meta);text-transform:none;margin-top:.25rem;font-style:normal;font-weight:760}.text-button{color:var(--accent);cursor:pointer;font-size:var(--type-meta);background:0 0;border:0;min-height:2.75rem;padding:.5rem;font-weight:760}.forced-track{background:var(--surface)}.queue-actions{border-top:1px solid var(--border);margin-top:.5rem;padding-top:1rem}.queue-actions .primary-button{width:100%}.control-panel{justify-content:space-between;align-items:center;gap:2rem;margin-top:1rem;display:flex}.guest-playback-panel{margin-top:1rem}.guest-playback-toggle{cursor:pointer;align-items:center;gap:.5rem;margin:1rem 0;display:flex}.guest-playback-toggle input{accent-color:var(--accent);flex:none;width:1.2rem;height:1.2rem}.control-panel p:last-child{color:var(--muted);font-size:var(--type-meta);margin:.5rem 0 0}.control-actions{grid-template-columns:minmax(12rem,1fr);justify-content:flex-end;gap:.5rem;display:grid}.control-actions>button{width:100%;min-height:48px}.spotify-connection{align-items:flex-start;gap:var(--space-1);flex-direction:column;flex:16rem;max-width:28rem;display:flex}.spotify-connection strong{color:var(--accent);font-size:var(--type-meta);letter-spacing:.02em;text-transform:none}.spotify-connection span{color:var(--muted);font-size:var(--type-meta);line-height:1.45}.agent-pairing-instructions{background:var(--surface-raised);border:1px solid var(--border);border-radius:var(--radius-md);gap:var(--space-1);width:100%;padding:1rem;display:grid}.agent-pairing-instructions>code{color:var(--foreground);font-size:var(--type-meta);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all}.agent-pairing-instructions small{color:var(--muted);line-height:1.5}.agent-pairing-instructions pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--type-meta);margin:0;line-height:1.6}.agent-pairing-instructions small code{color:var(--foreground)}.guest-shell{max-width:50rem}.guest-centered{align-content:center;justify-items:start;padding-bottom:12vh;display:grid}.guest-centered .brand{margin-bottom:3rem}.guest-centered h1{margin-bottom:1.5rem}.guest-hero{padding:clamp(2.5rem,8vw,5rem) 0 2rem}.guest-hero h1{font-size:var(--type-title);max-width:9ch;margin:0;line-height:.9}.guest-hero>p:last-child{color:var(--muted);max-width:34rem;margin:1.5rem 0 0;line-height:1.55}.search-panel,.guest-queue-panel,.search-form{margin-bottom:1rem}.search-row .primary-button{flex:none}.catalog-list>li{grid-template-columns:3.5rem minmax(0,1fr) auto}.empty-search{color:var(--muted);margin:1rem 0 0;font-size:.82rem}.empty-search p{margin:0 0 1rem}.guest-track-list>li{grid-template-columns:4.5rem minmax(0,1fr) 3.2rem}.vote-button{background:var(--accent-soft);border:1px solid var(--accent);border-radius:var(--radius-md);color:var(--foreground);cursor:pointer;font-size:var(--type-meta);flex-direction:column;justify-content:center;align-items:center;width:3.1rem;height:3.1rem;font-weight:800;display:inline-flex}.vote-button span{color:var(--accent);font-size:var(--type-meta)}.guest-footer{text-align:center;justify-content:center;margin-top:2.5rem}@media (max-width:48rem){input:not([type=radio]):not([type=checkbox]):not([type=range]),textarea,select{font-size:1rem}.manager-grid{grid-template-columns:1fr}.setup-panel{flex-direction:column;align-items:stretch}.setup-panel .primary-button{align-self:flex-start}.manager-heading{align-items:flex-start;gap:1rem}.invite-panel{align-self:auto}}@media (max-width:36rem){.app-shell{padding-inline:1rem}.topbar{min-height:4.8rem}.header-button{font-size:var(--type-meta);padding-inline:1rem}.brand{gap:var(--space-1);font-size:.88rem}.brand-logo{width:10.5rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .primary-button{width:100%}.hero-actions .text-link{text-align:center}.landing-footer,.manager-heading,.control-panel{flex-direction:column;align-items:flex-start}.landing-footer{gap:.5rem}.setup-panel{margin-top:1.5rem}.setup-panel h1{font-size:2.7rem}.manager-heading{padding-top:1.5rem}.control-actions,.control-actions>button{width:100%}.copy-row,.search-row{flex-direction:column;align-items:stretch}.copy-row button,.search-row button{width:100%}.manager-track-list>li{grid-template-columns:4.5rem minmax(0,1fr)}.manager-track-list .text-button{grid-column:2;justify-self:start;padding-left:0}.guest-hero{padding-top:2.5rem}.guest-hero h1{font-size:var(--type-title)}.catalog-list>li{grid-template-columns:3.5rem minmax(0,1fr)}.catalog-list .compact-button{grid-column:2;justify-self:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}.playback-observation{min-width:0;padding:0 0 0 var(--space-2);background:0 0;border:0;border-radius:0;gap:.5rem;display:grid}.playback-observation h3,.playback-observation p{overflow-wrap:anywhere;margin:0}.playback-observation h3{font-size:clamp(1.2rem,2.5vw,1.6rem);line-height:1.25}.playback-observation p:not(.section-kicker),.playback-observation small{color:var(--muted)}.playback-observation progress{width:100%;height:.5rem;margin-top:var(--space-1);accent-color:var(--accent);display:block}.playback-observation[data-fresh=false] progress{accent-color:var(--muted)}.playback-observation[data-fresh=false]{border-left-color:var(--warning)}.playback-recovery{margin-top:var(--space-3);border-color:var(--warning);background:var(--warning-soft)}.playback-recovery h3{font-size:var(--type-heading);color:var(--warning);margin-bottom:var(--space-1)}.playback-recovery label{margin-block:var(--space-1)}.reader-options{margin-block:var(--space-2) var(--space-3);padding:var(--space-1) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.reader-options summary{min-height:var(--touch-target);cursor:pointer;align-content:center;font-weight:650}.reader-options>p{max-width:65ch;color:var(--muted)}.connection-pill{padding:var(--space-1);font-size:var(--type-meta);background:var(--surface-raised);white-space:nowrap;border-radius:999px}.connection-pill.is-online{color:var(--accent);background:var(--accent-soft)}.playback-spotlight{align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.playback-icon{border-radius:var(--radius-md);background:var(--surface-raised);width:4.5rem;height:4.5rem;color:var(--muted);flex-shrink:0;place-items:center;font-size:2.7rem;display:grid}.playback-spotlight h3{font-size:var(--type-heading);margin:var(--space-1) 0;overflow-wrap:anywhere}.playback-spotlight p{margin:var(--space-1) 0}.playback-spotlight small,.playback-history span{color:var(--muted)}.playback-metrics{border-top:1px solid var(--border);flex-wrap:wrap;gap:1rem 2rem;padding-top:1rem;display:flex}.playback-metrics strong{color:var(--accent);margin-right:var(--space-1);font-size:1.5rem}.playback-metrics small{color:var(--muted)}.playback-history{margin-top:1.5rem}.playback-history summary{cursor:pointer}.playback-history ol{margin-bottom:0;padding:0;list-style:none}.playback-history li{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;gap:.5rem 1rem;padding:1rem 0;display:flex}.playback-history li div{gap:var(--space-1);display:grid}.guest-actions-fieldset{border:0;gap:1.5rem;min-width:0;margin:0;padding:0;display:grid}.playback-overview{align-items:start;gap:var(--space-4);grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);display:grid}.playback-overview-single{grid-template-columns:minmax(0,1fr)}.playback-now-playing{align-items:center;gap:1rem;margin-block:1rem;display:flex}.playback-now-playing>div{min-width:0}.playback-now-playing h3,.playback-now-playing p{overflow-wrap:anywhere;margin-block:.25rem}.playback-overview .playback-spotlight{margin:0}@media (max-width:48rem){.playback-overview{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}}::selection{background:var(--accent);color:var(--accent-ink)}html{scroll-padding-top:5.5rem}body{-webkit-font-smoothing:antialiased}button,input,select,textarea{max-width:100%}button,a,summary{touch-action:manipulation}h1,h2,h3{text-wrap:balance}.panel{border-radius:var(--radius-panel)}.primary-button,.secondary-button,.danger-button{gap:.5rem}.secondary-button{background:0 0}.secondary-button:not(:disabled):hover{border-color:var(--border-strong);background:var(--surface-raised)}.panel .section-heading{border-bottom:1px solid var(--border);padding-bottom:1rem}.manager-shell .panel{border-radius:var(--radius-md);padding:16px}.manager-shell .panel .section-heading{align-items:center;margin-bottom:12px;padding-bottom:12px}.manager-shell .control-panel{flex-wrap:wrap;gap:12px 24px}.manager-shell .control-panel h2{font-size:1rem}.manager-shell .control-actions{flex-flow:wrap;gap:8px}@media (min-width:960px){.manager-heading>div>.eyebrow{display:none}}.playback-icon{background:var(--accent-soft);color:var(--accent);border-radius:50%}.playback-history summary{align-content:center;min-height:44px}.track-artwork{background:var(--surface-raised)}@media (max-width:600px){.panel{border-radius:16px}.app-shell{padding-inline:1rem}}