@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-leading:initial;--tw-font-weight: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}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-white:#fff;--spacing:.25rem;--font-weight-bold:700;--font-weight-black:900;--radius-lg:.5rem;--radius-xl:.75rem;--aspect-video:16 / 9;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}:root{color:#004b8d;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#fff;--body-bg:#fff;--surface:#fff;--surface-strong:#eaf7fa;--surface-soft:#bfe5ee;--panel-bg:#ffffffe0;--card-bg:#ffffffc7;--empty-bg:#bfe5ee47;--field-bg:#ffffffeb;--soft-bg:#bfe5ee6b;--button-bg:#79c9db33;--button-hover-bg:#79c9db57;--border-subtle:#004b8d57;--border-subtle-hover:#00396380;--border-faint:#004b8d47;--border-toast:#ffffff5c;--border-toast-error:#ffffff6b;--focus-ring:#43b8d457;--field-focus-ring:#004b8d6b;--field-focus-shadow:0 0 0 3px #43b8d42e;--room-alert-bg:#004b8df0;--mobile-panel-shadow:0 10px 28px #004b8d1f;--icon-button-md:46px;--icon-button-sm:38px;--icon-button-xs:40px;--theme-toggle-size:42px;--theme-toggle-mobile-height:34px;--button-height-md:44px;--button-height-sm:40px;--button-height-compact:38px;--button-height-xs:34px;--placeholder:#004b8d61;--line:#004b8d38;--line-strong:#004b8d57;--text:#003963;--muted:#003963a3;--muted-strong:#003963d1;--cyan:#004b8d;--cyan-dark:#003963;--aqua:#43b8d4;--amber:#8f6500;--yellow:#ffe084;--cream:#fff0be;--rose:#b83254;--green:#15846b;--ink:#fff;--player-bg:#003963;--shadow:0 24px 70px #004b8d24;--duration-exit:.15s;--duration-enter:.21s;--duration-move:.4s;background:#fff;font-family:LINE Seed JP,Noto Sans JP,Yu Gothic,Meiryo,system-ui,sans-serif}:root[data-theme=dark]{color:#f4fbfc;color-scheme:dark;--bg:#080a0d;--body-bg:#080a0d;--surface:#0f1318;--surface-strong:#171d24;--surface-soft:#1c242b;--panel-bg:#080a0d;--card-bg:#0f1318;--empty-bg:#ffffff08;--field-bg:#11161c;--soft-bg:#79c9db24;--button-bg:#79c9db29;--button-hover-bg:#79c9db42;--border-subtle:#79c9db8a;--border-subtle-hover:#f4fbfcad;--border-faint:#79c9db6b;--border-toast:#ffffff52;--border-toast-error:#fff6;--focus-ring:#79c9db52;--field-focus-ring:#79c9db7a;--field-focus-shadow:0 0 0 3px #79c9db29;--room-alert-bg:#080a0df0;--mobile-panel-shadow:0 10px 28px #00000047;--placeholder:#f4fbfc6b;--line:#f4fbfc38;--line-strong:#79c9db94;--text:#f4fbfc;--muted:#f4fbfcad;--muted-strong:#f4fbfce0;--cyan:#79c9db;--cyan-dark:#004b8d;--aqua:#79c9db;--amber:#8f6500;--yellow:#ffe084;--cream:#fff0be;--rose:#f7768e;--green:#9ece6a;--player-bg:#050608;--shadow:0 24px 70px #00000047;background:#080a0d}*{box-sizing:border-box}body{margin:calc(var(--spacing) * 0);min-height:100svh;min-width:calc(var(--spacing) * 80);background:var(--body-bg);overflow-x:hidden}button,input{font-family:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled,input:disabled{cursor:not-allowed;opacity:.55}}@layer components{.ui-button{white-space:nowrap;border:1px solid #0000;border-radius:9999px;justify-content:center;align-items:center;gap:8px;font-weight:900;display:inline-flex}.ui-button:focus-visible,.ui-icon-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.ui-button--soft{border-color:var(--line);background:var(--button-bg);color:var(--text)}.ui-button--soft:enabled:hover{border-color:var(--line-strong);background:var(--button-hover-bg)}.ui-button--primary{background:var(--cyan-dark);color:#fff;border-color:#0000}.ui-button--primary:enabled:hover{border-color:#0000}.ui-button--danger{background:var(--rose);color:var(--bg);border-color:#0000}.ui-button--danger:enabled:hover{filter:brightness(.94);border-color:#0000}.ui-button--md{min-height:var(--button-height-md);padding-inline:13px}.ui-button--compact{min-height:var(--button-height-compact);padding-inline:11px}.ui-button--lg{min-height:48px;padding-inline:18px;font-size:1rem}.ui-icon-button{border:1px solid #0000;place-items:center;padding:0;display:grid}.ui-icon-button--soft{border-color:var(--line);background:var(--button-bg);color:var(--text);border-radius:9999px}.ui-icon-button--soft:enabled:hover{border-color:var(--line-strong);background:var(--button-hover-bg)}.ui-icon-button--brand{border-color:var(--border-subtle);background:var(--soft-bg);color:var(--cyan);border-radius:16px}.ui-icon-button--brand:enabled:hover{border-color:var(--border-subtle-hover);background:var(--button-hover-bg)}.ui-icon-button--theme{width:var(--theme-toggle-size);height:var(--theme-toggle-size);flex:0 0 var(--theme-toggle-size)}.ui-icon-button--brand-size{width:var(--icon-button-md);height:var(--icon-button-md);flex:0 0 var(--icon-button-md)}.ui-field{gap:7px;min-width:0;display:grid}.ui-field-label{color:var(--muted-strong);align-items:center;gap:6px;font-size:.78rem;font-weight:900;display:flex}.ui-text-input{border:1px solid var(--line-strong);background:var(--field-bg);width:100%;color:var(--text);outline-offset:2px;border-radius:14px;outline:2px solid #0000;padding-inline:12px}.ui-text-input::placeholder{color:var(--placeholder)}.ui-text-input:focus-visible{border-color:var(--cyan);outline-color:var(--field-focus-ring);box-shadow:var(--field-focus-shadow)}.ui-text-input--md{min-height:44px}.ui-text-input--lg{min-height:48px;font-size:1rem}.ui-badge{white-space:nowrap;background:var(--soft-bg);color:var(--muted-strong);border-radius:9999px;align-items:center;padding:5px 8px;font-size:.78rem;font-weight:900;display:inline-flex}.ui-empty-state{border-block:1px dashed var(--line-strong);min-height:260px;color:var(--muted);text-align:center;background:0 0;align-content:center;place-items:center;gap:10px;font-weight:800;display:grid}.user-account-menu{flex:none;position:relative}.user-account-button{min-height:var(--theme-toggle-size);border:1px solid var(--line);background:var(--button-bg);color:var(--text);border-radius:9999px;align-items:center;gap:4px;padding:3px 7px 3px 3px;display:inline-flex}.user-account-button:hover{border-color:var(--line-strong);background:var(--button-hover-bg)}.user-account-button:focus-visible,.user-account-logout:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.user-account-avatar{background:linear-gradient(135deg,var(--cyan-dark),var(--aqua));color:#fff;letter-spacing:.03em;border-radius:9999px;place-items:center;width:34px;height:34px;font-size:.76rem;font-weight:900;display:grid}.user-account-avatar--large{flex:0 0 44px;width:44px;height:44px;font-size:.92rem}.user-account-chevron{color:var(--muted-strong)}.user-account-popover{z-index:60;border:1px solid var(--line-strong);background:var(--surface);width:min(300px,100vw - 24px);box-shadow:var(--shadow);color:var(--text);border-radius:18px;gap:10px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.user-account-summary{border-bottom:1px solid var(--line);align-items:center;gap:10px;min-width:0;padding-bottom:10px;display:flex}.user-account-details{text-align:left;gap:3px;min-width:0;display:grid}.user-account-name,.user-account-email{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-account-name{color:var(--text);font-size:.95rem}.user-account-email{color:var(--muted);font-size:.82rem;font-weight:800}.user-account-logout{border:1px solid var(--line);background:var(--button-bg);min-height:42px;color:var(--text);border-radius:9999px;justify-content:center;align-items:center;gap:8px;font-weight:900;display:flex}.user-account-logout:hover{border-color:var(--line-strong);background:var(--button-hover-bg)}.synced-youtube-player{border:0;width:100%;height:100%;display:block;position:relative;overflow:hidden}.synced-youtube-frame,.synced-youtube-frame iframe{border:0;width:100%;height:100%;display:block}.synced-youtube-player--audio-only{background:var(--player-bg);place-items:center;display:grid}.synced-youtube-player--audio-only .synced-youtube-frame{opacity:0;pointer-events:none;width:200px;height:200px;position:absolute}.synced-youtube-audio-card{color:#fff;place-items:center;gap:10px;font-weight:900;display:grid}@media(max-width:760px){.ui-button--md,.ui-text-input--md{min-height:40px}.ui-icon-button--theme{height:var(--theme-toggle-mobile-height);min-height:var(--theme-toggle-mobile-height)}.ui-icon-button--brand-size{width:var(--icon-button-sm);height:var(--icon-button-sm);flex-basis:var(--icon-button-sm);border-radius:12px}.ui-empty-state{min-height:150px;padding:16px;font-size:.9rem}.user-account-button{min-height:var(--theme-toggle-mobile-height)}.user-account-avatar{width:28px;height:28px;font-size:.68rem}}@media(max-width:480px){.ui-icon-button--brand-size{width:var(--icon-button-xs);height:var(--icon-button-xs);flex-basis:var(--icon-button-xs);border-radius:14px}}}@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.top-\[18px\]{top:18px}.right-\[18px\]{right:18px}.z-30{z-index:30}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mt-0{margin-top:calc(var(--spacing) * 0)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.flex{display:flex}.grid{display:grid}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.h-auto{height:auto}.min-h-\[var\(--button-height-compact\)\]{min-height:var(--button-height-compact)}.w-\[86px\]{width:86px}.w-full{width:100%}.max-w-\[170px\]{max-width:170px}.min-w-0{min-width:calc(var(--spacing) * 0)}.flex-\[0_0_86px\]{flex:0 0 86px}.flex-auto{flex:auto}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3\.5{gap:calc(var(--spacing) * 3.5)}.gap-\[5px\]{gap:5px}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:3.40282e38px}.rounded-toast{border-radius:18px}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-y{border-block-style:var(--tw-border-style);border-block-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-app-border-toast{border-color:var(--border-toast)}.border-app-border-toast-error{border-color:var(--border-toast-error)}.border-app-line{border-color:var(--line)}.border-app-line-strong{border-color:var(--line-strong)}.bg-app-danger{background-color:var(--rose)}.bg-app-player{background-color:var(--player-bg)}.bg-app-soft{background-color:var(--soft-bg)}.bg-app-warning{background-color:var(--amber)}.bg-transparent{background-color:#0000}.object-contain{object-fit:contain}.p-\[18px\]{padding:18px}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-\[7px\]{padding-block:7px}.py-\[13px\]{padding-block:13px}.pt-3\.5{padding-top:calc(var(--spacing) * 3.5)}.pb-4{padding-bottom:calc(var(--spacing) * 4)}.text-\[0\.76rem\]{font-size:.76rem}.text-\[0\.84rem\]{font-size:.84rem}.text-\[0\.92rem\]{font-size:.92rem}.text-\[0\.94rem\]{font-size:.94rem}.text-\[0\.96rem\]{font-size:.96rem}.text-\[1\.22rem\]{font-size:1.22rem}.leading-\[1\.6\]{--tw-leading:1.6;line-height:1.6}.leading-\[1\.32\]{--tw-leading:1.32;line-height:1.32}.leading-\[1\.35\]{--tw-leading:1.35;line-height:1.35}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-ellipsis{text-overflow:ellipsis}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.text-app-muted{color:var(--muted)}.text-app-text{color:var(--text)}.text-white{color:var(--color-white)}.shadow-app{--tw-shadow:var(--shadow);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}@media not all and (min-width:47.5rem){.max-mobile\:top-2\.5{top:calc(var(--spacing) * 2.5)}.max-mobile\:right-2\.5{right:calc(var(--spacing) * 2.5)}.max-mobile\:line-clamp-1{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.max-mobile\:w-14{width:calc(var(--spacing) * 14)}.max-mobile\:max-w-20{max-width:calc(var(--spacing) * 20)}.max-mobile\:max-w-32{max-width:calc(var(--spacing) * 32)}.max-mobile\:min-w-0{min-width:calc(var(--spacing) * 0)}.max-mobile\:flex-\[0_0_56px\]{flex:0 0 56px}.max-mobile\:flex-none{flex:none}.max-mobile\:items-start{align-items:flex-start}.max-mobile\:justify-center{justify-content:center}.max-mobile\:gap-2{gap:calc(var(--spacing) * 2)}.max-mobile\:rounded-lg{border-radius:var(--radius-lg)}.max-mobile\:p-2{padding:calc(var(--spacing) * 2)}.max-mobile\:px-2{padding-inline:calc(var(--spacing) * 2)}.max-mobile\:whitespace-normal{white-space:normal}}}.admin-login{text-align:center;align-content:center;place-items:center;gap:12px;min-height:100svh;padding:24px;display:grid}.admin-login-title{color:var(--text);font-size:1.5rem;font-weight:900}.admin-login-desc{color:var(--muted);margin-bottom:8px;font-weight:600}.admin-login-brand{color:var(--cyan);place-items:center;gap:10px;display:grid}.admin-login-error{background:var(--soft-bg);color:var(--rose);text-align:center;border-radius:12px;padding:10px 14px;font-size:.88rem;font-weight:700}.admin-login-message{background:var(--soft-bg);color:var(--cyan);text-align:center;border-radius:12px;padding:10px 14px;font-size:.88rem;font-weight:700}.admin-loading{min-height:100svh;color:var(--muted);place-items:center;font-weight:800;display:grid}.admin-screen{background:var(--body-bg);min-height:100svh;color:var(--text);grid-template-rows:auto 1fr;display:grid}.admin-header{box-sizing:border-box;border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:100%;padding:12px 20px;display:flex}.admin-header-brand{align-items:center;gap:10px;min-width:0;display:flex}.admin-header-title{color:var(--text);font-size:1.1rem;font-weight:900}.admin-header-user{align-items:center;gap:8px;min-width:0;display:flex}.admin-header-name{color:var(--muted-strong);text-overflow:ellipsis;white-space:nowrap;font-size:.9rem;font-weight:700;overflow:hidden}.admin-header-logout{border:1px solid var(--line);background:var(--button-bg);color:var(--text);border-radius:9999px;padding:6px 12px;font-size:.78rem;font-weight:700}.admin-header-logout:hover{background:var(--button-hover-bg)}.admin-dashboard{box-sizing:border-box;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;width:min(1180px,100%);max-width:100%;margin-inline:auto;padding:16px;display:grid}.admin-dashboard--single{grid-template-columns:minmax(0,1fr);width:min(900px,100%)}.admin-panel{box-sizing:border-box;border:1px solid var(--line);background:var(--surface);border-radius:8px;align-content:start;gap:14px;min-width:0;max-width:100%;padding:16px;display:grid}.admin-room-picker{max-height:calc(100svh - 32px);position:sticky;top:12px;overflow:auto}.admin-panel-header,.admin-section-heading{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.admin-panel-header>div{gap:6px;min-width:0;display:grid}.admin-panel-title,.admin-section-heading h3{color:var(--text);margin:0;font-weight:900}.admin-panel-title{font-size:1.2rem}.admin-section-heading h3{font-size:1rem}.admin-room-entry{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.admin-inline-error,.admin-inline-message{border:1px solid var(--line);background:var(--soft-bg);border-radius:8px;padding:10px 12px;font-size:.88rem;font-weight:800}.admin-inline-error{color:var(--rose)}.admin-inline-message{color:var(--green)}.admin-room-list{gap:8px;display:grid}.admin-room-card{border:1px solid var(--line);background:var(--field-bg);width:100%;min-height:66px;color:var(--text);text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:11px;display:flex}.admin-room-card:hover,.admin-room-card--selected{border-color:var(--border-subtle-hover);background:var(--button-hover-bg)}.admin-room-card-main{gap:4px;min-width:0;display:grid}.admin-room-name{text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.admin-room-meta,.admin-playback-time{color:var(--muted);font-size:.82rem;font-weight:700}.admin-room-stats{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:6px;display:flex}.admin-room-control{min-height:520px}.admin-now-playing,.admin-queue-panel{gap:12px;min-width:0;display:grid}.admin-now-playing-track{border:1px solid var(--line);background:var(--field-bg);border-radius:8px;grid-template-columns:104px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:12px;display:grid}.admin-control-bar{flex-wrap:wrap;gap:8px;display:flex}.admin-queue-list{gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:grid}.admin-queue-row{border:1px solid var(--line);background:var(--field-bg);border-radius:8px;grid-template-columns:34px 86px minmax(0,1fr) auto;align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.admin-queue-index{background:var(--soft-bg);width:30px;height:30px;color:var(--muted-strong);border-radius:9999px;place-items:center;font-size:.82rem;font-weight:900;display:grid}@media(max-width:900px){.admin-dashboard{grid-template-columns:1fr}.admin-room-picker{max-height:none;position:static}}@media(max-width:640px){.admin-header{flex-direction:column;align-items:flex-start}.admin-header-user{justify-content:space-between;width:100%}.admin-dashboard{padding:10px}.admin-room-entry,.admin-now-playing-track,.admin-queue-row{grid-template-columns:1fr}.admin-now-playing-track>img,.admin-queue-row>img{flex-basis:auto;width:100%}.admin-queue-row .ui-button{width:100%}}@keyframes fade{0%{filter:blur(3px);opacity:0}to{filter:blur();opacity:1}}@keyframes slide{0%{translate:var(--slide-offset)}to{translate:0}}@keyframes slide-y{0%{transform:translateY(var(--slide-y-offset,10px))}to{transform:translateY(0)}}@keyframes via-blur{30%{filter:blur(3px)}}@keyframes scale-down{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.85)}}@keyframes scale-up{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}::view-transition-old(.fade-out){animation:var(--duration-exit) ease-in fade reverse}::view-transition-new(.fade-in){animation:var(--duration-enter) ease-out var(--duration-exit) both fade}::view-transition-old(.slide-down){animation:var(--duration-exit) ease-out both fade reverse,var(--duration-exit) ease-out both slide-y reverse}::view-transition-new(.slide-up){animation:var(--duration-enter) ease-in var(--duration-exit) both fade,var(--duration-move) ease-in both slide-y}::view-transition-new(.slide-from-right){--slide-offset:60px;animation:var(--duration-enter) ease-out var(--duration-exit) both fade,var(--duration-move) ease-in-out both slide}::view-transition-old(.slide-to-left){--slide-offset:-60px;animation:var(--duration-exit) ease-in both fade reverse,var(--duration-move) ease-in-out both slide reverse}::view-transition-new(.slide-from-left){--slide-offset:-60px;animation:var(--duration-enter) ease-out var(--duration-exit) both fade,var(--duration-move) ease-in-out both slide}::view-transition-old(.slide-to-right){--slide-offset:60px;animation:var(--duration-exit) ease-in both fade reverse,var(--duration-move) ease-in-out both slide reverse}::view-transition-old(.nav-forward){--slide-offset:-60px;animation:var(--duration-exit) ease-in both fade reverse,var(--duration-move) ease-in-out both slide reverse}::view-transition-new(.nav-forward){--slide-offset:60px;animation:var(--duration-enter) ease-out var(--duration-exit) both fade,var(--duration-move) ease-in-out both slide}::view-transition-old(.nav-back){--slide-offset:60px;animation:var(--duration-exit) ease-in both fade reverse,var(--duration-move) ease-in-out both slide reverse}::view-transition-new(.nav-back){--slide-offset:-60px;animation:var(--duration-enter) ease-out var(--duration-exit) both fade,var(--duration-move) ease-in-out both slide}::view-transition-group(.morph){animation-duration:var(--duration-move)}::view-transition-image-pair(.morph){animation-name:via-blur}::view-transition-group(.text-morph){animation-duration:var(--duration-move)}::view-transition-old(.text-morph){display:none}::view-transition-new(.text-morph){object-fit:none;object-position:left top;animation:none}::view-transition-old(.scale-out){animation:var(--duration-exit) ease-in scale-down}::view-transition-new(.scale-in){animation:var(--duration-enter) ease-out var(--duration-exit) both scale-up}::view-transition-group(persistent-nav){z-index:100;animation:none}@media(prefers-reduced-motion:reduce){::view-transition-old(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:0s!important;animation-delay:0s!important}::view-transition-group(*){animation-duration:0s!important;animation-delay:0s!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{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}._shell_aqoex_1{display:grid;width:min(1040px,calc(100% - 32px));min-height:100vh;margin-inline:auto;padding-block:18px 24px}._main_aqoex_17{display:grid;width:min(560px,100%);min-width:0;align-items:stretch;justify-content:center;gap:16px;margin:auto;grid-template-columns:minmax(0,1fr)}._panel_aqoex_29{border-block:1px solid var(--line);background:transparent}._heroPanel_aqoex_39,._browserPanel_aqoex_41{min-height:440px}._heroPanel_aqoex_39{display:grid;min-width:0;align-content:space-between;gap:32px;padding:clamp(24px,3.2vw,38px)}._heroHeader_aqoex_65{display:flex;min-width:0;align-items:flex-start;justify-content:space-between;gap:16px}._headerActions_aqoex_73{display:flex;flex:0 0 auto;align-items:center;gap:10px}._brandLockup_aqoex_80{display:flex;min-width:0;flex:auto;align-items:center;gap:13px}._brandIcon_aqoex_92{display:grid;width:var(--icon-button-md);height:var(--icon-button-md);flex:0 0 var(--icon-button-md);place-items:center;border:1px solid var(--border-subtle);border-radius:16px;background:var(--soft-bg);color:var(--cyan)}._brandText_aqoex_116{min-width:0}._eyebrow_aqoex_124{margin:0 0 4px;color:var(--cyan);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}._homeTitle_aqoex_142{margin:0;font-size:clamp(2rem,3.2vw,2.5rem);line-height:1.08;white-space:nowrap}._openForm_aqoex_156{display:flex;min-width:0;max-width:100%;align-items:center;gap:10px}._roomField_aqoex_165{min-width:0}._openButton_aqoex_173{width:fit-content}._browserPanel_aqoex_41{display:grid;min-width:0;overflow:hidden;padding:16px;grid-template-rows:auto auto minmax(0,1fr)}._browserHeader_aqoex_197{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}._sectionTitle_aqoex_213{margin:0;font-size:1.28rem}._refreshButtonLabel_aqoex_223{display:inline}._alert_aqoex_231{display:flex;grid-column:1 / -1;align-items:center;gap:10px;padding:12px 14px;border-block:1px solid var(--line);background:var(--soft-bg);color:var(--text);font-weight:800}._roomList_aqoex_255{display:grid;min-height:0;align-content:start;margin:0;overflow:auto;padding:0;list-style:none}._roomListButton_aqoex_275{display:grid;width:100%;min-height:78px;align-items:center;gap:12px;padding:12px;border:0;border-bottom:1px solid var(--line);background:transparent;color:var(--text);text-align:left;grid-template-columns:minmax(0,1fr) auto auto}._roomListButton_aqoex_275:hover{background:var(--button-hover-bg)}._roomListButton_aqoex_275:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}._roomInfo_aqoex_323{display:grid;min-width:0;gap:5px}._roomId_aqoex_335{overflow:hidden;font-size:1.06rem;text-overflow:ellipsis;white-space:nowrap}._roomLastSeen_aqoex_349{color:var(--muted);font-size:.84rem;font-weight:700}._roomBadges_aqoex_361{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px}@media(min-width:1440px){._shell_aqoex_1{width:min(1760px,calc(100vw - 48px));padding-top:24px}._main_aqoex_17{width:100%;gap:22px;grid-template-columns:minmax(0,560px)}._heroPanel_aqoex_39,._browserPanel_aqoex_41{min-height:min(760px,calc(100svh - 48px))}}@media(max-width:900px){._main_aqoex_17{grid-template-columns:1fr}._heroPanel_aqoex_39,._browserPanel_aqoex_41{min-height:auto}}@media(max-width:760px){._shell_aqoex_1{width:100%;min-height:100svh;padding:8px}._main_aqoex_17{align-content:start;gap:8px;margin:0}._heroPanel_aqoex_39{gap:16px;padding:11px}._brandIcon_aqoex_92{width:var(--icon-button-sm);height:var(--icon-button-sm);flex-basis:var(--icon-button-sm);border-radius:12px}._openForm_aqoex_156{flex-direction:column;align-items:stretch;gap:8px}._roomField_aqoex_165,._openButton_aqoex_173{width:100%}._browserPanel_aqoex_41{min-height:250px;padding:11px}._browserHeader_aqoex_197{align-items:flex-start}._sectionTitle_aqoex_213{font-size:1.04rem}._roomListButton_aqoex_275{min-height:0;gap:8px;padding:10px;grid-template-columns:1fr}._roomBadges_aqoex_361{justify-content:flex-start}}@media(max-width:480px){._heroPanel_aqoex_39,._browserPanel_aqoex_41{padding:13px}._heroHeader_aqoex_65{align-items:center;flex-wrap:nowrap}._brandLockup_aqoex_80{gap:10px}._brandIcon_aqoex_92{width:var(--icon-button-xs);height:var(--icon-button-xs);flex-basis:var(--icon-button-xs);border-radius:14px}._homeTitle_aqoex_142{font-size:clamp(1.35rem,6.2vw,1.85rem)}._openForm_aqoex_156{margin-top:6px}._refreshButton_aqoex_223{width:40px;padding-inline:0}._refreshButtonLabel_aqoex_223{display:none}}._form_1j8ar_1{display:flex;min-width:0;align-items:flex-end;gap:10px}._urlField_1j8ar_15{flex:1 1 380px}._client_1j8ar_23{display:grid;align-items:stretch;padding-inline:16px}._clientUrlField_1j8ar_35{width:100%;flex:auto}._submitButton_1j8ar_45{flex:0 0 auto}._client_1j8ar_23 ._submitButton_1j8ar_45{width:100%;flex:auto}@media(max-width:1180px){._form_1j8ar_1{flex-wrap:wrap}}@media(max-width:760px){._form_1j8ar_1{flex-direction:column;align-items:stretch;gap:7px}._urlField_1j8ar_15{width:100%;flex:auto}._client_1j8ar_23{grid-template-columns:minmax(0,1fr) auto;align-items:end;padding-inline:10px}._submitButton_1j8ar_45{width:100%}._client_1j8ar_23 ._submitButton_1j8ar_45{width:auto;height:40px;min-width:76px;align-self:end;padding-inline:12px}}._stack_11689_1{width:min(360px,calc(100vw - 36px));pointer-events:none}._toast_11689_11{transform-origin:top right;animation:_toast-enter_11689_1 .34s cubic-bezier(.2,.8,.2,1) both}._leaving_11689_21{animation:_toast-leave_11689_1 .28s cubic-bezier(.4,0,.2,1) both}@keyframes _toast-enter_11689_1{0%{opacity:0;transform:translate(28px)}to{opacity:1;transform:translate(0)}}@keyframes _toast-leave_11689_1{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}@media(prefers-reduced-motion:reduce){._toast_11689_11,._leaving_11689_21{animation:none}}@media(max-width:760px){._stack_11689_1{width:calc(100vw - 20px)}}._panel_1dc00_1,._topbar_1dc00_3,._clientAddPanel_1dc00_5,._clientNowPanel_1dc00_7,._clientQueuePanel_1dc00_9,._hostPlayerPanel_1dc00_11,._queueSection_1dc00_13,._queueListPanel_1dc00_15,._historyPanel_1dc00_17,._controlDock_1dc00_19,._inlineAlert_1dc00_21,._bottomError_1dc00_23{border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}._shell_1dc00_39,._clientShell_1dc00_40{--room-surface-shadow: 0 1px 2px rgba(0, 57, 99, .08), 0 10px 28px rgba(0, 75, 141, .12);--room-item-shadow: 0 1px 2px rgba(0, 57, 99, .07);display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:calc(100vw - 32px);max-width:none;min-height:100vh;margin-inline:auto;gap:16px;padding-block:18px 24px}._topbar_1dc00_3{display:flex;min-height:78px;align-items:center;justify-content:space-between;gap:18px;padding:14px 18px;border-bottom:1px solid var(--line)}._topbarMetrics_1dc00_80{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px}._panelHeading_1dc00_96{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-strong) 68%,var(--bg))}._panelTitle_1dc00_107{display:flex;align-items:center;gap:8px;margin:0;color:var(--muted-strong);font-size:1rem;font-weight:700}._sectionChip_1dc00_127{display:flex;min-width:0;align-items:center;gap:8px;padding:7px 11px;border:1px solid transparent;border-radius:9999px;color:#fff;font-size:.84rem;font-weight:900;box-shadow:var(--room-item-shadow)}._liveChip_1dc00_141{border-color:var(--line);background:var(--soft-bg);color:var(--cyan-dark)}._nextChip_1dc00_148{background:var(--cyan-dark)}._mutedMeta_1dc00_156{color:var(--muted);font-size:.86rem;font-weight:700}._countBadge_1dc00_168{min-width:34px;padding:6px 10px;border-radius:9999px;background:var(--bg);color:var(--cyan);text-align:center;font-size:.85rem;font-weight:900;box-shadow:inset 0 0 0 1px var(--line),var(--room-item-shadow)}._clientLayout_1dc00_181{display:grid;min-height:0;align-items:start;gap:16px;grid-template-areas:"now queue" "add queue";grid-template-columns:minmax(0,420px) minmax(0,1fr)}._hostLayout_1dc00_203{display:grid;min-height:0;align-items:start;justify-content:center;gap:16px;grid-template-columns:minmax(0,720px) minmax(320px,360px)}._clientNowPanel_1dc00_7{grid-area:now;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--room-surface-shadow)}._clientAddPanel_1dc00_5{grid-area:add;min-width:0;overflow:hidden;padding-bottom:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--room-surface-shadow)}._clientNextPanel_1dc00_242{grid-area:next}._clientQueuePanel_1dc00_9{display:grid;grid-area:queue;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:520px;align-self:stretch;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--room-surface-shadow)}._clientTrackList_1dc00_265,._queueTrackList_1dc00_266,._historyList_1dc00_267{display:grid;margin:0;list-style:none;overflow:auto;padding:10px 12px 14px}._clientTrackList_1dc00_265{min-height:0;align-content:start;max-height:620px}._scrollTrackList_1dc00_288{max-height:430px;overscroll-behavior:contain}._brandLockup_1dc00_298{display:flex;min-width:0;flex:auto;align-items:center;gap:13px}._brandText_1dc00_314{min-width:0}._brandButton_1dc00_322{display:grid;width:var(--icon-button-md);height:var(--icon-button-md);flex:0 0 var(--icon-button-md);place-items:center;padding:0;border:1px solid var(--border-subtle);border-radius:16px;background:var(--soft-bg);color:var(--cyan)}._brandButton_1dc00_322:hover{border-color:var(--border-subtle-hover);background:var(--button-hover-bg)}._brandButton_1dc00_322:focus-visible,._historyToggle_1dc00_360:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}._eyebrow_1dc00_370{margin:0 0 4px;color:var(--cyan);font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}._title_1dc00_388{margin:0;overflow:hidden;color:var(--text);font-size:1.55rem;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}._roomSubtitle_1dc00_408{margin:3px 0 0;overflow:hidden;color:var(--muted);font-size:.84rem;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}._connectionPill_1dc00_430{display:flex;min-height:var(--button-height-compact);align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:9999px;color:#fff;font-size:.88rem;font-weight:800}._connected_1dc00_456{background:var(--green)}._reconnecting_1dc00_464{background:var(--cyan-dark)}._inlineAlert_1dc00_21{display:flex;grid-column:1 / -1;align-items:center;gap:10px;padding:12px 14px;border-block:1px solid var(--line);background:var(--soft-bg);color:var(--text);font-weight:800}._clientPlayerFrame_1dc00_496{position:relative;z-index:0;overflow:hidden;width:100%;aspect-ratio:16 / 9;background:var(--player-bg);isolation:isolate}._clientEmptyPlayer_1dc00_516{display:grid;min-height:210px;place-items:center;align-content:center;gap:10px;background:var(--empty-bg);color:var(--muted);text-align:center;font-weight:900}._hostPlayerPanel_1dc00_11{display:grid;grid-template-rows:auto auto auto;min-width:0;align-self:start;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--room-surface-shadow)}._hostPlayerFrame_1dc00_553{position:relative;z-index:0;overflow:hidden;width:100%;aspect-ratio:16 / 9;background:var(--player-bg);isolation:isolate}._nowPlayingBanner_1dc00_573{position:relative;z-index:1;border-top:1px solid var(--line-strong)}._emptyPlayer_1dc00_580{display:grid;min-height:420px;place-items:center;align-content:center;padding:52px 22px;text-align:center}._emptyIcon_1dc00_598{display:grid;width:72px;height:72px;place-items:center;margin-bottom:18px;border:1px solid var(--border-faint);border-radius:24px;background:var(--soft-bg);color:var(--cyan)}._emptyTitle_1dc00_622{font-size:2.25rem;line-height:1.12}._emptyText_1dc00_632{max-width:520px;margin:12px 0 0;color:var(--muted);font-size:1rem;line-height:1.7}._queuePanel_1dc00_648{display:grid;grid-template-rows:auto minmax(0,1fr) auto;min-width:0;min-height:0;align-self:stretch;gap:16px}._queueSection_1dc00_13{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--room-surface-shadow)}._nextCard_1dc00_676{display:grid;gap:12px;padding:14px 16px 16px}._queueListPanel_1dc00_15{display:grid;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--room-surface-shadow)}._queueTrackList_1dc00_266{max-height:450px}._historyPanel_1dc00_17{align-self:end;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--room-surface-shadow)}._historyToggle_1dc00_360{display:flex;width:100%;min-height:54px;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border:0;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface-strong) 68%,var(--bg));color:var(--text);font-weight:900}._historyToggleLabel_1dc00_730{display:inline-flex;align-items:center;gap:8px}._historyCount_1dc00_742{color:var(--amber)}._showMoreButton_1dc00_750{width:calc(100% - 24px);min-height:38px;margin:0 12px 12px;border:1px solid var(--line);border-radius:9999px;background:var(--button-bg);color:var(--muted-strong);font-weight:900}._showMoreButton_1dc00_750:hover{border-color:var(--line-strong);background:var(--button-hover-bg)}._showMoreButton_1dc00_750:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}._historyContent_1dc00_792{padding-top:12px}._historyList_1dc00_267{max-height:260px}._historyList_1dc00_267._scrollTrackList_1dc00_288{max-height:430px}._queueEmptyLine_1dc00_813{display:flex;min-height:66px;align-items:center;margin:0 12px 14px;padding:10px 12px;border:1px dashed var(--line);border-radius:8px;background:color-mix(in srgb,var(--surface-strong) 46%,transparent);color:var(--muted);font-size:.94rem;font-weight:800;line-height:1.35}._historyItem_1dc00_831{display:grid;grid-template-columns:78px minmax(0,1fr) auto;min-width:0;align-items:center;gap:10px;padding:10px;border:0;border-radius:8px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line),var(--room-item-shadow)}._historyItem_1dc00_831+._historyItem_1dc00_831{margin-top:8px}._historyTime_1dc00_849{color:var(--muted);font-size:.82rem;font-weight:800}._trackRow_1dc00_861{display:flex;min-width:0;align-items:center;gap:10px;padding:10px;border:0;border-radius:8px;background:var(--bg);box-shadow:inset 0 0 0 1px var(--line),var(--room-item-shadow);transition:background-color .16s ease,box-shadow .16s ease,transform .16s ease}._trackRow_1dc00_861:hover{background:color-mix(in srgb,var(--surface-strong) 34%,var(--bg));box-shadow:inset 0 0 0 1px var(--line-strong),0 2px 8px #004b8d1a;transform:translateY(-1px)}._trackRow_1dc00_861+._trackRow_1dc00_861{margin-top:8px}._trackRowEntering_1dc00_885{animation:_track-row-enter_1dc00_1 .42s cubic-bezier(.2,.8,.2,1) both}@keyframes _track-row-enter_1dc00_1{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@media(prefers-reduced-motion:reduce){._trackRowEntering_1dc00_885{animation:none}}._queueIndex_1dc00_929{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:9999px;background:var(--soft-bg);color:var(--amber);font-size:.84rem;font-weight:900}._controlDock_1dc00_19{position:sticky;z-index:10;bottom:18px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:12px;padding:12px;border-top:1px solid var(--line);background:var(--bg)}._clientControlDock_1dc00_981{grid-template-columns:minmax(0,1fr)}._hostActions_1dc00_989,._roomActions_1dc00_991{display:flex;min-width:0;align-items:end;gap:10px}._bottomError_1dc00_23{position:fixed;z-index:20;bottom:18px;left:18px;display:flex;max-width:min(560px,calc(100vw - 36px));align-items:center;gap:10px;padding:13px 14px;border-radius:16px;background:var(--room-alert-bg);color:#fff;font-weight:900}._confirmBackdrop_1dc00_1037{position:fixed;z-index:40;inset:0;display:grid;place-items:center;padding:18px;background:#0000007a}._confirmDialog_1dc00_1057{display:grid;width:min(460px,100%);min-width:0;grid-template-columns:auto minmax(0,1fr);gap:14px;padding:18px;border:1px solid var(--line-strong);border-radius:16px;background:var(--bg);box-shadow:var(--shadow);color:var(--text)}._confirmIcon_1dc00_1085{display:grid;width:44px;height:44px;place-items:center;border:1px solid var(--line-strong);border-radius:14px;background:var(--soft-bg);color:var(--rose)}._confirmBody_1dc00_1107{min-width:0}._confirmTitle_1dc00_1115{margin:0;font-size:1.12rem;line-height:1.25}._confirmText_1dc00_1127{margin:6px 0 0;color:var(--muted);font-size:.92rem;font-weight:800;line-height:1.5}._confirmActions_1dc00_1143{display:flex;grid-column:1 / -1;justify-content:flex-end;gap:8px}@media(min-width:1440px){._shell_1dc00_39,._clientShell_1dc00_40{width:calc(100vw - 48px);max-width:none;height:100svh;gap:18px;padding-block:24px}._clientShell_1dc00_40{width:calc(100vw - 48px)}._clientLayout_1dc00_181{grid-template-columns:minmax(360px,440px) minmax(0,1fr);align-items:stretch}._hostLayout_1dc00_203{grid-template-columns:minmax(0,1fr) minmax(400px,460px);align-items:stretch;justify-content:stretch;gap:18px}._clientQueuePanel_1dc00_9{min-height:0;border-left:0}._clientTrackList_1dc00_265,._queueTrackList_1dc00_266{max-height:none}._scrollTrackList_1dc00_288{max-height:min(520px,48svh)}._hostPlayerPanel_1dc00_11{grid-template-rows:auto minmax(0,1fr) auto;align-self:stretch}._hostPlayerFrame_1dc00_553{height:100%;min-height:560px;aspect-ratio:auto}._emptyPlayer_1dc00_580{min-height:560px}._historyList_1dc00_267{max-height:20rem}._controlDock_1dc00_19{bottom:24px}}@media(min-width:1800px){._shell_1dc00_39,._clientShell_1dc00_40{width:calc(100vw - 56px);max-width:none}._hostLayout_1dc00_203{grid-template-columns:minmax(0,1fr) minmax(440px,500px);gap:22px}._hostPlayerFrame_1dc00_553,._emptyPlayer_1dc00_580{min-height:650px}}@media(max-width:1180px){._clientLayout_1dc00_181{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}._hostLayout_1dc00_203{grid-template-columns:1fr}._queuePanel_1dc00_648{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto}._historyPanel_1dc00_17{grid-column:1 / -1}._controlDock_1dc00_19{grid-template-columns:1fr}._hostActions_1dc00_989,._roomActions_1dc00_991{flex-wrap:wrap}}@media(max-width:760px){._panel_1dc00_1,._clientAddPanel_1dc00_5,._clientNowPanel_1dc00_7,._clientQueuePanel_1dc00_9,._hostPlayerPanel_1dc00_11,._queueSection_1dc00_13,._queueListPanel_1dc00_15,._historyPanel_1dc00_17{border-radius:8px;box-shadow:var(--room-item-shadow)}._topbar_1dc00_3,._controlDock_1dc00_19,._inlineAlert_1dc00_21,._bottomError_1dc00_23{border-radius:0;box-shadow:none}._shell_1dc00_39,._clientShell_1dc00_40{width:100%;min-height:100svh;gap:6px;padding:4px 6px calc(8px + env(safe-area-inset-bottom))}._topbar_1dc00_3{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,auto);min-height:0;align-items:center;gap:8px;padding:7px 8px}._topbarMetrics_1dc00_80{min-width:0;max-width:52vw;flex:0 1 auto;flex-wrap:nowrap;justify-content:flex-end;gap:5px;overflow-x:auto;scrollbar-width:none}._topbarMetrics_1dc00_80>*{width:auto;flex:0 0 auto}._topbarMetrics_1dc00_80::-webkit-scrollbar{display:none}._panelHeading_1dc00_96{gap:8px;padding:7px 8px}._panelTitle_1dc00_107{font-size:.9rem}._sectionChip_1dc00_127{padding:4px 7px;font-size:.72rem}._clientLayout_1dc00_181{grid-template-areas:"now" "next" "queue";grid-template-columns:1fr;gap:6px}._hostLayout_1dc00_203{gap:6px}._brandLockup_1dc00_298{flex:1 1 auto;min-width:0;gap:8px}._brandButton_1dc00_322{width:34px;height:34px;flex-basis:34px;border-radius:10px}._eyebrow_1dc00_370{display:none}._title_1dc00_388{font-size:1.02rem}._connectionPill_1dc00_430{min-height:var(--button-height-xs);justify-content:center;padding:6px 8px;font-size:.78rem}._clientEmptyPlayer_1dc00_516{min-height:132px}._clientQueuePanel_1dc00_9{min-height:0}._clientTrackList_1dc00_265,._queueTrackList_1dc00_266,._historyList_1dc00_267{padding:6px 6px 8px}._scrollTrackList_1dc00_288{max-height:min(360px,42svh)}._queueEmptyLine_1dc00_813{min-height:44px;margin:0 6px 8px;padding:6px;font-size:.86rem}._hostPlayerPanel_1dc00_11{overflow:clip}._hostPlayerFrame_1dc00_553{aspect-ratio:16 / 9}._nowPlayingBanner_1dc00_573{border-top:1px solid var(--line-strong)}._emptyPlayer_1dc00_580{min-height:142px;padding:18px 12px}._emptyIcon_1dc00_598{width:42px;height:42px;margin-bottom:8px;border-radius:12px}._emptyTitle_1dc00_622{font-size:1.12rem}._emptyText_1dc00_632{margin-top:5px;font-size:.8rem;line-height:1.35}._queuePanel_1dc00_648{grid-template-columns:1fr;gap:6px}._nextCard_1dc00_676{display:flex;min-width:0;align-items:center;gap:8px;padding:8px 6px}._queueListPanel_1dc00_15{min-height:0}._historyToggle_1dc00_360{min-height:40px;padding-inline:8px}._showMoreButton_1dc00_750{width:calc(100% - 12px);min-height:34px;margin:0 6px 8px;font-size:.86rem}._historyItem_1dc00_831{grid-template-columns:56px minmax(0,1fr);gap:8px;padding:6px}._historyTime_1dc00_849,._queueIndex_1dc00_929{display:none}._trackRow_1dc00_861{gap:8px;padding:6px;border-radius:8px}._controlDock_1dc00_19{position:sticky;bottom:0;gap:6px;padding:6px;grid-template-columns:1fr}._hostActions_1dc00_989{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:6px}._bottomError_1dc00_23{position:static;width:100%;max-width:none;padding:10px}._confirmBackdrop_1dc00_1037{padding:12px}._confirmDialog_1dc00_1057{grid-template-columns:minmax(0,1fr);gap:10px;padding:14px}._confirmIcon_1dc00_1085{width:38px;height:38px;border-radius:12px}._confirmTitle_1dc00_1115{font-size:1rem}._confirmText_1dc00_1127{font-size:.86rem}._confirmActions_1dc00_1143{display:grid;grid-template-columns:1fr}}@media(max-width:480px){._controlDock_1dc00_19{margin-top:2px}}