/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.z-10{z-index:10}.z-50{z-index:50}.z-\[9999\]{z-index:9999}.container{width:100%}.mx-auto{margin-inline:auto}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.max-h-\[92vh\]{max-height:92vh}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-\[94vw\]{width:94vw}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\[170px\]{min-width:170px}.min-w-\[220px\]{min-width:220px}.flex-1{flex:1}.basis-full{flex-basis:100%}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.list-decimal{list-style-type:decimal}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap}.overflow-hidden,.truncate{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e+38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#1E2538\]{border-color:#1e2538}.border-\[\#2DD4BF\]{border-color:#2dd4bf}.border-\[\#7C6BFF\]{border-color:#7c6bff}.border-\[\#F47B7B\]{border-color:#f47b7b}.border-transparent{border-color:#0000}.bg-\[\#0C1020\]{background-color:#0c1020}.bg-\[\#2DD4BF\]\/15{background-color:oklab(78.452% -.132455 -.00442171/.15)}.bg-\[\#2DD4BF\]\/20{background-color:oklab(78.452% -.132455 -.00442171/.2)}.bg-\[\#7C6BFF\]{background-color:#7c6bff}.bg-\[\#05070F\]{background-color:#05070f}.bg-\[\#11162A\]{background-color:#11162a}.bg-\[\#F47B7B\]\/15{background-color:oklab(72.1353% .13856 .0544527/.15)}.bg-transparent{background-color:#0000}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab}.bg-gradient-to-br,.bg-gradient-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab}.from-\[\#0C1020\]{--tw-gradient-from:#0c1020;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.from-\[\#05070F\]{--tw-gradient-from:#05070f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.via-\[\#0C1020\]{--tw-gradient-via:#0c1020;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.via-\[\#05070F\]{--tw-gradient-via:#05070f;--tw-gradient-via-stops:var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-via)var(--tw-gradient-via-position),var(--tw-gradient-to)var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-via-stops)}.to-\[\#0C1020\]{--tw-gradient-to:#0c1020;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-\[\#05070F\]{--tw-gradient-to:#05070f;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-cover{object-fit:cover}.text-center{text-align:center}.text-left{text-align:left}.text-\[0\.7rem\]{font-size:.7rem}.text-\[11px\]{font-size:11px}.leading-none{--tw-leading:1;line-height:1}.tracking-\[0\.2em\]{--tw-tracking:.2em;letter-spacing:.2em}.tracking-\[0\.16em\]{--tw-tracking:.16em;letter-spacing:.16em}.tracking-\[0\.18em\]{--tw-tracking:.18em;letter-spacing:.18em}.text-\[\#7C6BFF\]{color:#7c6bff}.text-\[\#05070F\]{color:#05070f}.text-\[\#AAB3C7\]{color:#aab3c7}.text-\[\#E8ECF5\]{color:#e8ecf5}.text-\[\#F47B7B\]{color:#f47b7b}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.accent-\[\#7C6BFF\]{accent-color:#7c6bff}.opacity-60{opacity:.6}.opacity-80{opacity:.8}.shadow-\[0_6px_18px_rgba\(124\,107\,255\,0\.35\)\]{--tw-shadow:0 6px 18px var(--tw-shadow-color,#7c6bff59)}.shadow-\[0_6px_18px_rgba\(124\,107\,255\,0\.35\)\],.shadow-\[0_8px_22px_rgba\(79\,70\,229\,0\.35\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_8px_22px_rgba\(79\,70\,229\,0\.35\)\]{--tw-shadow:0 8px 22px var(--tw-shadow-color,#4f46e559)}.shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#00000059)}.shadow-\[0_10px_30px_rgba\(0\,0\,0\,0\.35\)\],.shadow-\[0_10px_30px_rgba\(124\,107\,255\,0\.3\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_10px_30px_rgba\(124\,107\,255\,0\.3\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#7c6bff4d)}.shadow-\[0_10px_30px_rgba\(248\,113\,113\,0\.25\)\]{--tw-shadow:0 10px 30px var(--tw-shadow-color,#f8717140)}.shadow-\[0_10px_30px_rgba\(248\,113\,113\,0\.25\)\],.shadow-\[0_12px_30px_rgba\(124\,107\,255\,0\.35\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_12px_30px_rgba\(124\,107\,255\,0\.35\)\]{--tw-shadow:0 12px 30px var(--tw-shadow-color,#7c6bff59)}.shadow-\[0_14px_40px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 14px 40px var(--tw-shadow-color,#00000059)}.shadow-\[0_14px_40px_rgba\(0\,0\,0\,0\.35\)\],.shadow-\[0_16px_45px_rgba\(0\,0\,0\,0\.35\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_16px_45px_rgba\(0\,0\,0\,0\.35\)\]{--tw-shadow:0 16px 45px var(--tw-shadow-color,#00000059)}.shadow-\[0_16px_48px_rgba\(0\,0\,0\,0\.4\)\]{--tw-shadow:0 16px 48px var(--tw-shadow-color,#0006)}.shadow-\[0_16px_48px_rgba\(0\,0\,0\,0\.4\)\],.shadow-\[0_22px_60px_rgba\(0\,0\,0\,0\.55\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_22px_60px_rgba\(0\,0\,0\,0\.55\)\]{--tw-shadow:0 22px 60px var(--tw-shadow-color,#0000008c)}.shadow-\[0_24px_90px_rgba\(0\,0\,0\,0\.55\)\]{--tw-shadow:0 24px 90px var(--tw-shadow-color,#0000008c)}.ring-1,.shadow-\[0_24px_90px_rgba\(0\,0\,0\,0\.55\)\]{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}@media (hover:hover){.hover\:-translate-y-\[1px\]:hover{--tw-translate-y:calc(1px*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:border-\[\#7C6BFF\]:hover{border-color:#7c6bff}.hover\:border-\[\#F47B7B\]:hover{border-color:#f47b7b}.hover\:bg-\[\#2DD4BF\]\/25:hover{background-color:oklab(78.452% -.132455 -.00442171/.25)}.hover\:bg-\[\#7C6BFF\]:hover{background-color:#7c6bff}.hover\:bg-\[\#6752FF\]:hover{background-color:#6752ff}.hover\:bg-\[\#F47B7B\]\/25:hover{background-color:oklab(72.1353% .13856 .0544527/.25)}.hover\:text-\[\#05070F\]:hover{color:#05070f}}.focus\:border-\[\#7C6BFF\]:focus{border-color:#7c6bff}.focus\:ring-0:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-0:focus,.focus\:ring-2:focus{box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor)}.focus\:ring-\[\#2DD4BF\]\/50:focus{--tw-ring-color:oklab(78.452% -.132455 -.00442171/.5)}.focus\:ring-\[\#F47B7B\]\/50:focus{--tw-ring-color:oklab(72.1353% .13856 .0544527/.5)}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px;--tw-ring-offset-shadow:var(--tw-ring-inset,)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:ring-0:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(0px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-2:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[\#7C6BFF\]\/60:focus-visible{--tw-ring-color:oklab(62.2238% .0497074 -.205595/.6)}.focus-visible\:outline-none:focus-visible{--tw-outline-style:none;outline-style:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-60:disabled{opacity:.6}:root{--host-dashboard-bg:#0f172a;--host-dashboard-card-bg:#0f172aeb;--host-dashboard-card-border:#94a3b833;--host-dashboard-card-shadow:0 18px 36px #0f172a40;--host-dashboard-text:#e2e8f0;--host-dashboard-subtle-text:#94a3b8;--host-dashboard-accent:#38bdf8;--host-dashboard-danger:#f87171;--host-dashboard-success:#4ade80;--host-dashboard-spacing:clamp(1rem,2vw,1.5rem);--host-dashboard-heading-desktop:clamp(1.75rem,4vw,2.5rem);--host-dashboard-heading-tablet:clamp(1.5rem,3.2vw,2rem);--host-dashboard-heading-mobile:clamp(1.35rem,5vw,1.85rem)}.host-dashboard{color:var(--host-dashboard-text);min-height:100vh;padding:calc(var(--host-dashboard-spacing)*2)var(--host-dashboard-spacing)calc(var(--host-dashboard-spacing)*3);box-sizing:border-box;background:linear-gradient(145deg,#020617,#0f172a 45%,#1e293b);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.host-dashboard[data-loading=true]{opacity:.72;pointer-events:none}.host-dashboard__container{gap:calc(var(--host-dashboard-spacing)*1.5);flex-direction:column;max-width:1200px;margin:0 auto;display:flex}.host-dashboard__header{justify-content:space-between;align-items:flex-start;gap:var(--host-dashboard-spacing);flex-wrap:wrap;display:flex}.host-dashboard__title-block h1{font-size:var(--host-dashboard-heading-desktop);letter-spacing:-.03em;margin:0}.host-dashboard__title-block p{color:var(--host-dashboard-subtle-text);max-width:38ch;margin:.35rem 0 0}.host-dashboard__cta{flex-wrap:wrap;gap:.75rem;display:flex}.host-dashboard__cta button{cursor:pointer;border:none;border-radius:999px;padding:.65rem 1.4rem;font-weight:600;transition:transform .14s,box-shadow .14s}.host-dashboard__cta button.primary{background:var(--host-dashboard-accent);color:#0f172a;box-shadow:0 12px 30px #38bdf852}.host-dashboard__cta button.secondary{color:var(--host-dashboard-text);background:#94a3b82e}.host-dashboard__cta button:hover{transform:translateY(-1px)}.host-dashboard__grid{gap:calc(var(--host-dashboard-spacing)*1.2);grid-template-columns:minmax(0,2fr) minmax(0,1fr);display:grid}.host-dashboard__cards-stack,.host-dashboard__side-stack{gap:var(--host-dashboard-spacing);flex-direction:column;display:flex}.host-dashboard__card{background:var(--host-dashboard-card-bg);border:1px solid var(--host-dashboard-card-border);box-shadow:var(--host-dashboard-card-shadow);padding:calc(var(--host-dashboard-spacing)*1.2);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:20px}.host-dashboard__card h2{margin-top:0;margin-bottom:1rem;font-size:1.15rem}.event-pulse__grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.85rem;display:grid}.event-pulse__tile{background:#94a3b814;border:1px solid #94a3b824;border-radius:16px;padding:.9rem 1rem}.event-pulse__label{text-transform:uppercase;letter-spacing:.08em;color:var(--host-dashboard-subtle-text);font-size:.75rem}.event-pulse__value{margin-top:.3rem;font-size:1.4rem;font-weight:600}.playback-prompt__actions{flex-wrap:wrap;gap:.75rem;margin-top:1rem;display:flex}.playback-prompt__actions button{color:var(--host-dashboard-text);cursor:pointer;background:0 0;border:1px solid #94a3b859;border-radius:12px;padding:.65rem 1.1rem}.playback-prompt__actions button.primary{background:#38bdf82e;border-color:#38bdf85c}.playback-prompt__device-list{gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:grid}.playback-prompt__device-button{width:100%;color:inherit;cursor:pointer;background:#0f172ab3;border:1px solid #94a3b859;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;padding:.7rem .85rem;transition:border .12s,transform .12s;display:flex}.playback-prompt__device-button[aria-pressed=true]{background:#4ade8024;border-color:#4ade80a6}.playback-prompt__device-button:disabled{opacity:.7;cursor:not-allowed}.playback-prompt__device-button:hover:not(:disabled){transform:translateY(-1px)}.playback-panel{flex-direction:column;gap:.85rem;display:flex}.playback-panel__header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.playback-panel__status{color:var(--host-dashboard-subtle-text);text-transform:uppercase;letter-spacing:.12em;margin:0;font-size:.9rem}.playback-panel__lock-status{color:var(--host-dashboard-accent);font-size:.85rem}.playback-panel__loading{color:#e2e8f0b3;margin:0;font-size:.85rem}.playback-panel__track{align-items:center;gap:.85rem;display:flex}.playback-panel__artwork{object-fit:cover;border:1px solid var(--host-dashboard-card-border);background:#0f172a73;border-radius:12px;width:72px;height:72px}.playback-panel__artwork--fallback{background:#94a3b833;border-radius:12px;width:72px;height:72px}.playback-panel__details{flex-direction:column;flex:1;gap:.2rem;display:flex}.playback-panel__track-title{margin:0;font-size:1.1rem;font-weight:600}.playback-panel__timeline-label,.playback-panel__track-artist{color:var(--host-dashboard-subtle-text);margin:0}.playback-panel__timeline-label{font-size:.85rem}.playback-panel__timeline{background:#94a3b833;border-radius:999px;height:6px;overflow:hidden}.playback-panel__timeline-progress{background:linear-gradient(90deg,#38bdf8e6,#f59e0be6);height:100%;transition:width .2s}.playback-command-tray{margin-top:.25rem}.playback-command-tray__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;display:grid}.playback-command-tray__button{color:inherit;cursor:pointer;background:#0f172aa6;border:1px solid #94a3b859;border-radius:12px;justify-content:center;align-items:center;gap:.35rem;padding:.7rem .4rem;font-weight:600;transition:transform .12s,border .12s,background .12s;display:flex}.playback-command-tray__button--primary{background:#38bdf833;border-color:#38bdf880}.playback-command-tray__button:disabled{opacity:.55;cursor:not-allowed}.playback-command-tray__button-spinner{border:2px solid #38bdf8cc;border-top-color:#0000;border-radius:50%;width:10px;height:10px;animation:spin 1s linear infinite}.playback-panel__volume{grid-template-columns:1fr auto;align-items:center;gap:.75rem;display:grid}.playback-panel__volume input[type=range]{width:100%;accent-color:var(--host-dashboard-accent)}.playback-panel__mute{color:inherit;cursor:pointer;background:0 0;border:1px solid #94a3b859;border-radius:12px;padding:.55rem 1rem;font-weight:600}.playback-panel__metadata{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.playback-panel__device,.playback-panel__last-action{color:var(--host-dashboard-subtle-text);margin:0;font-size:.85rem}.playback-panel__actions{gap:.5rem;display:flex}.playback-panel__resync{color:inherit;cursor:pointer;background:0 0;border:1px solid #94a3b859;border-radius:12px;padding:.55rem 1.1rem;font-weight:600}.playback-panel__resync:disabled{opacity:.6;cursor:not-allowed}.playback-panel__queue{border-top:1px solid #94a3b833;padding-top:.75rem}.playback-panel__queue h3{color:var(--host-dashboard-subtle-text);text-transform:uppercase;letter-spacing:.08em;margin:0 0 .25rem;font-size:.95rem}.playback-panel__queue-list{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.playback-panel__queue-item{background:#ffffff05;border:1px solid #94a3b833;border-radius:10px;padding:.65rem}.playback-panel__queue-item span{color:var(--host-dashboard-subtle-text);font-size:.8rem;display:block}.playback-panel__queue-empty{color:var(--host-dashboard-subtle-text);margin:0;font-size:.85rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.host-landing{flex-direction:column;gap:1.75rem;max-width:1100px;margin:3.5rem auto;display:flex}.host-landing__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:clamp(1rem,3vw,2.5rem);display:flex}.host-landing__header h1{letter-spacing:-.02em;margin:0;font-size:clamp(1.75rem,4vw,2.3rem)}.host-landing__header p{max-width:42ch;color:var(--host-dashboard-subtle-text);margin:.35rem 0 0}.host-landing__header button.primary{background:var(--host-dashboard-accent);color:#0f172a;cursor:pointer;border:none;border-radius:999px;padding:.75rem 1.6rem;font-weight:600;transition:transform .14s,box-shadow .14s;box-shadow:0 18px 32px #38bdf852}.host-landing__header button.primary:hover{transform:translateY(-1px)}.host-landing__status-text{color:var(--host-dashboard-subtle-text);margin:1.5rem 0 0}.host-landing__alert{color:#fecaca;background:#f871711f;border:1px solid #f8717159;border-radius:14px;margin-top:1.5rem;padding:1rem 1.25rem}.host-landing__empty{color:var(--host-dashboard-subtle-text);background:#94a3b814;border:1px dashed #94a3b859;border-radius:16px;margin-top:1.75rem;padding:1.5rem 1.75rem}.host-landing__grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(1rem,2.5vw,1.75rem);margin:2rem 0 0;padding:0;list-style:none;display:grid}.host-landing__event{background:#0f172ad9;border:1px solid #94a3b82e;border-radius:18px;flex-direction:column;min-height:100%;display:flex;overflow:hidden}.host-landing__event-cover{aspect-ratio:16/9;color:#94a3b8d9;text-transform:uppercase;letter-spacing:.08em;background:#1e293bd9;justify-content:center;align-items:center;font-size:.95rem;display:flex;position:relative}.host-landing__event-cover img{object-fit:cover;width:100%;height:100%}.host-landing__event-body{flex-direction:column;gap:.75rem;padding:1.15rem 1.25rem 1.35rem;display:flex}.host-landing__event-meta{text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.65rem;font-size:.75rem;display:flex}.host-landing__status{background:#94a3b81f;border:1px solid #94a3b859;border-radius:999px;padding:.25rem .6rem}.host-landing__status--live{color:#bbf7d0;background:#4ade802e;border-color:#4ade8073}.host-landing__status--draft{color:#bae6fd;background:#38bdf829;border-color:#38bdf861}.host-landing__ownership{color:#94a3b8c7}.host-landing__event-body h2{letter-spacing:-.01em;margin:0;font-size:1.1rem}.host-landing__event-body p{color:var(--host-dashboard-subtle-text);margin:0}.host-landing__event-actions{margin-top:.5rem}.host-landing__event-actions button{color:#e0f2fe;cursor:pointer;background:#38bdf81f;border:1px solid #38bdf873;border-radius:12px;padding:.6rem 1.1rem;font-weight:600;transition:transform .12s}.host-landing__event-actions button:hover{transform:translateY(-1px)}.host-landing__event-cover--placeholder{background:#0f172ab3;border:1px solid #94a3b86b;border-radius:999px;padding:.4rem .8rem}@media (max-width:720px){.host-landing{margin:2.5rem auto}.host-landing__header{flex-direction:column;align-items:flex-start}.host-landing__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}.playback-prompt__device-name{font-weight:600}.playback-prompt__device-status{color:var(--host-dashboard-subtle-text);font-size:.8rem}.publication-panel__status{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.publication-panel__status-indicator{background:var(--host-dashboard-subtle-text);border-radius:50%;width:12px;height:12px}.publication-panel__status-indicator[data-status=live]{background:var(--host-dashboard-success)}.publication-panel__status-indicator[data-status=ended]{background:var(--host-dashboard-danger)}.publication-panel__controls{gap:.75rem;display:grid}.publication-panel__controls label{justify-content:space-between;align-items:center;gap:1rem;display:flex}.publication-panel__controls textarea{resize:vertical;min-height:96px;color:inherit;background:#0f172ae6;border:1px solid #94a3b840;border-radius:12px;padding:.6rem .75rem}.event-setup-wizard{flex-direction:column;gap:1.5rem;display:flex}.event-setup-wizard__steps{flex-wrap:wrap;gap:.5rem;display:flex}.event-setup-wizard__step-btn{color:inherit;cursor:pointer;background:#0f172a99;border:1px solid #94a3b840;border-radius:12px;flex:110px;padding:.75rem 1rem;transition:border .12s,background .12s}.event-setup-wizard__step-btn[aria-current=step]{border-color:var(--host-dashboard-accent);background:#38bdf829}.event-setup-wizard__panel{background:#0f172ab8;border:1px solid #94a3b82e;border-radius:16px;padding:1.25rem;box-shadow:inset 0 1px #94a3b814}.event-setup-wizard__field{flex-direction:column;gap:.45rem;margin-bottom:1rem;display:flex}.event-setup-wizard__field label{letter-spacing:.02em;font-size:.85rem;font-weight:600}.event-setup-wizard__field input,.event-setup-wizard__field select,.event-setup-wizard__field textarea{color:inherit;font:inherit;background:#0f172ae6;border:1px solid #94a3b840;border-radius:12px;padding:.65rem .8rem}.event-setup-wizard__schedule-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}.event-setup-wizard__upload{text-align:center;background:#0f172a99;border:1px dashed #94a3b859;border-radius:16px;padding:1.5rem;position:relative}.event-setup-wizard__upload-trigger{color:inherit;cursor:pointer;background:#3b82f61f;border:1px solid #94a3b866;border-radius:999px;justify-content:center;align-items:center;gap:.25rem;padding:.75rem 1.25rem;font-weight:600;transition:background .15s,border-color .15s;display:inline-flex}.event-setup-wizard__upload-trigger:hover:not(:disabled){background:#3b82f633;border-color:#60a5fa80}.event-setup-wizard__upload-trigger:disabled{opacity:.6;cursor:not-allowed}.event-setup-wizard__upload-trigger:focus-visible{outline-offset:2px;outline:2px solid #60a5facc}.event-setup-wizard__file-input{clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.event-setup-wizard__preview-image{border:1px solid #94a3b840;border-radius:16px;max-width:100%;margin-top:1rem}.event-setup-wizard__error{color:var(--host-dashboard-danger);font-size:.85rem}.event-setup-wizard__actions{flex-wrap:wrap;justify-content:space-between;gap:.75rem;margin-top:1.5rem;display:flex}.event-setup-wizard__actions button{color:inherit;cursor:pointer;background:0 0;border:1px solid #94a3b84d;border-radius:999px;padding:.7rem 1.4rem}.event-setup-wizard__actions button.primary{background:var(--host-dashboard-accent);color:#0f172a;border:none;box-shadow:0 10px 22px #38bdf852}.event-setup-wizard__summary{gap:1rem;display:grid}.event-setup-wizard__summary-card{background:#0f172a80;border:1px solid #94a3b840;border-radius:16px;padding:1rem 1.25rem}.event-setup-wizard__summary-card h3{margin:0 0 .65rem;font-size:1rem}.host-dashboard__toast-region{gap:.75rem;display:grid}.host-dashboard__onboarding{margin-bottom:1.5rem}.host-onboarding-banner{color:#e0f2fe;background:#38bdf81f;border:1px solid #38bdf859;border-radius:18px;padding:1.35rem 1.6rem}.host-onboarding-banner h2{margin:0 0 .5rem;font-size:1.25rem}.host-onboarding-banner p{color:#e2e8f0e0;margin:0;font-size:.98rem;line-height:1.5}.host-onboarding-banner__body{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.25rem;display:flex}.host-onboarding-banner__actions{flex-wrap:wrap;gap:.75rem;display:flex}.host-dashboard__alert{border:1px solid #0000;border-radius:16px;padding:.85rem 1.1rem;font-size:.95rem;line-height:1.45}.host-dashboard__alert--error{color:#fecaca;background:#f871711f;border-color:#f8717159}.host-dashboard__alert--info{color:#bae6fd;background:#38bdf81f;border-color:#38bdf859}@media (max-width:960px){.host-dashboard__grid{grid-template-columns:1fr}.host-onboarding-banner__body{flex-direction:column}.host-dashboard__cta{justify-content:flex-start;width:100%}}@media (max-width:720px){.host-dashboard{padding:calc(var(--host-dashboard-spacing)*1.5)var(--host-dashboard-spacing)calc(var(--host-dashboard-spacing)*2.2)}.host-dashboard__title-block h1{font-size:var(--host-dashboard-heading-tablet)}.event-pulse__grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.event-setup-wizard__steps{padding-bottom:.35rem;overflow-x:auto}.event-setup-wizard__actions{flex-direction:column;align-items:stretch}.event-setup-wizard__actions button{text-align:center;width:100%}}@media (max-width:400px){.host-dashboard__title-block h1{font-size:var(--host-dashboard-heading-mobile)}.host-dashboard__cta{flex-direction:column;align-items:stretch}.host-dashboard__cta button{justify-content:center;width:100%}}:root{color-scheme:dark}*{box-sizing:border-box}body{color:#e2e8f0;background:#020617;min-height:100vh;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.auth-shell{max-width:520px;margin:6rem auto;padding:0 1.5rem}.auth-card{color:#e2e8f0;text-align:center;background:#0f172ad9;border:1px solid #94a3b840;border-radius:16px;gap:1.25rem;padding:2.5rem 2rem;display:grid;box-shadow:0 40px 80px #02061759}.auth-form{text-align:left;gap:1rem;display:grid}.auth-form label span{color:#e2e8f0;font-size:.95rem;font-weight:600}.auth-form input{color:#e2e8f0;background:#0f172aa6;border:1px solid #94a3b859;border-radius:12px;padding:.8rem 1rem}.auth-card .primary,.auth-form button.primary{color:#0f172a;cursor:pointer;background:#38bdf8a6;border:none;border-radius:12px;padding:.9rem 1.35rem;font-weight:600}.auth-card .primary:disabled{opacity:.6;cursor:wait}.auth-card .secondary{color:#e2e8f0;cursor:pointer;background:0 0;border:1px solid #94a3b866;border-radius:12px;padding:.8rem 1.25rem;font-weight:600}.auth-error{color:#fecaca;background:#f871711f;border:1px solid #f8717159;border-radius:12px;padding:.75rem 1rem}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}