@keyframes fadeUpIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeDownIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-14px)}to{opacity:1;transform:translate(0)}}@keyframes backdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalPop{0%{opacity:0;transform:translateY(16px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes tabPop{0%{transform:scale(.92)}55%{transform:scale(1.04)}to{transform:scale(1)}}@keyframes checkPop{0%{transform:scale(.75)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes heartPop{0%{transform:scale(.7)}45%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,22px)scale(.94)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes listItemIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes listItemOut{0%{opacity:1;max-height:240px;margin-block:0;transform:translate(0)scale(1)}to{opacity:0;max-height:0;margin-block:-3px;transform:translate(12px)scale(.96)}}@keyframes queueMovedPulse{0%{border-color:var(--line);box-shadow:0 0 #dbff3d00}35%{border-color:#dbff3db3;box-shadow:0 0 0 3px #dbff3d59}to{border-color:var(--line);box-shadow:0 0 #dbff3d00}}@keyframes panelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes gateIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}button,.account-menu-button{transition:transform .14s cubic-bezier(.22,1,.36,1),background .18s,border-color .18s,color .18s,box-shadow .18s,opacity .18s}button:active:not(:disabled),.account-menu-button:active{transform:translateY(1px)scale(.97)}button:disabled,.account-menu-button:disabled{transform:none}.icon-button:active:not(:disabled){transform:scale(.9)}.tab{transition:background .1s ease-out,color .1s ease-out,border-color .1s ease-out,box-shadow .1s ease-out}.tab:active{transform:none}.tab.active{box-shadow:0 4px 14px #dbff3d38}.tab .tab-icon{display:inline-flex}.mode-toggle button,.segmented button,.button-row button{transition:transform .14s cubic-bezier(.22,1,.36,1),background .22s,color .22s}.mode-toggle button.active,.segmented button.active,.button-row button.active{animation:.26s cubic-bezier(.22,1,.36,1) tabPop}.karaoke-check-input{transition:border-color .18s,background .18s,transform .14s cubic-bezier(.22,1,.36,1)}.karaoke-check-input:checked{animation:.26s cubic-bezier(.22,1,.36,1) checkPop}.karaoke-check-input:active{transform:scale(.9)}input[type=checkbox]:not(.karaoke-check-input){transition:transform .14s}input[type=checkbox]:not(.karaoke-check-input):active{transform:scale(.9)}.chat-list>.guest-message.outgoing{animation:.3s cubic-bezier(.22,1,.36,1) both slideInRight}.chat-list>.guest-message:not(.outgoing){animation:.3s cubic-bezier(.22,1,.36,1) both slideInLeft}.list>.queue-item.removing,.list>.queue-card.removing,.list>.guest-row.removing,.list>.guest-card.removing{pointer-events:none;animation:.24s cubic-bezier(.4,0,1,1) forwards listItemOut;overflow:hidden}.list>.queue-card.queue-moved{will-change:transform;animation:.42s cubic-bezier(.22,1,.36,1) queueMovedPulse}.favorite-heart{transition:transform .16s,background .18s,color .18s}.favorite-heart:active{transform:scale(.86)}.favorite-heart.active{animation:.34s cubic-bezier(.22,1,.36,1) heartPop}.modal{animation:.2s both backdropIn}.modal-card,.modal-card-info{animation:.32s cubic-bezier(.22,1,.36,1) both modalPop}.profile-menu{transform-origin:100% 0;animation:.24s cubic-bezier(.22,1,.36,1) both fadeDownIn}.thumb-menu{transform-origin:0 0;animation:.2s cubic-bezier(.22,1,.36,1) both fadeDownIn}.toast{transition:none}.toast.show{animation:.34s cubic-bezier(.22,1,.36,1) both toastIn}.gate,.farewell-gate,.home-kiosk .home-landscape-qr{animation:.4s cubic-bezier(.22,1,.36,1) both gateIn}.clear-input{transition:opacity .18s,transform .18s}.input-wrap.has-value .clear-input{animation:.2s both scaleIn}.guest-card{transition:border-color .18s,background .18s,transform .16s cubic-bezier(.22,1,.36,1)}.guest-card:active{transform:scale(.98)}.guest-card.selected{transform:none}.search-pager button:not(:disabled):active{transform:scale(.94)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#14082a;--surface:#211139;--surface-2:#301855;--ink:#fff7d6;--muted:#c7badf;--hot:#ff2e8b;--acid:#dbff3d;--sky:#4d8bff;--danger:#ff3b30;--line:#fff7d62e;--queue-command-width:88px}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}:focus-visible{outline:2px solid var(--acid);outline-offset:2px}.tab.active:focus-visible,.icon-button.active:focus-visible{outline-color:var(--bg)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}button{border:1px solid var(--line);background:var(--surface-2);min-height:42px;color:var(--ink);border-radius:8px;padding:0 14px;font-weight:800}button.primary{background:var(--hot);color:#fff;border-color:#0000}button.danger{color:#ff7aa9;background:0 0;border:2px solid #ff2e8bd1}button.danger:active{background:#ff2e8b1f}.ktv-terms-foot{z-index:60;width:min(560px,100% - 16px);margin:0 max(8px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) auto;pointer-events:none;justify-items:end;gap:8px;display:grid;position:relative}.ktv-terms-foot-inline{width:100%;margin:14px 0 2px}.ktv-terms-link{max-width:min(100%,280px);height:auto;min-height:30px;color:var(--muted);text-align:center;white-space:normal;overflow-wrap:anywhere;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:auto;background:#14082ab8;border:1px solid #fff7d624;border-radius:8px;justify-content:center;justify-self:end;align-items:center;padding:4px 10px;font-size:11px;font-weight:800;line-height:1.2;text-decoration:none;display:inline-flex}.ktv-terms-bar{pointer-events:auto;justify-self:end;align-items:center;gap:6px;max-width:100%;display:inline-flex}.ktv-terms-open{cursor:pointer}.ktv-terms-shell{box-sizing:border-box;border:1px solid var(--line);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;width:100%;min-width:0;max-width:100%;color:var(--muted);background:#211139;border-radius:8px;gap:12px;padding:14px;display:grid;overflow:auto}.ktv-terms{overflow-wrap:anywhere;gap:12px;min-width:0;display:grid}.ktv-terms-x{z-index:1;color:var(--muted);background:#211139;justify-self:end;position:sticky;top:0}.ktv-terms h1,.ktv-terms h2,.ktv-terms h3,.ktv-terms h4{color:var(--ink);margin:0;line-height:1.25}.ktv-terms h1{font-size:clamp(24px,5vw,34px);line-height:1.15}.ktv-terms h2{font-size:17px;line-height:1.2}.ktv-terms h3{font-size:20px}.ktv-terms h4{font-size:15px}.ktv-terms p{color:var(--muted);margin:0;font-size:16px;line-height:1.6}.ktv-terms-compact p{font-size:11.5px;line-height:1.35}.ktv-terms-compact h3{font-size:15px}.ktv-terms-compact h4{font-size:12.5px}.ktv-terms-block{gap:12px;padding-top:2px;display:grid}.ktv-terms a{color:var(--ink);font-weight:800}.ktv-terms-prefs{color:var(--muted);overflow-wrap:anywhere;grid-template-columns:minmax(0,1fr);place-items:start;gap:8px;min-width:0;margin-top:2px;font-size:12px;font-weight:800;display:grid}.ktv-terms-metrics{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;max-width:100%;display:flex}.ktv-terms-prefs button{white-space:normal;overflow-wrap:anywhere;height:auto;min-height:30px;padding:4px 10px;font-size:11px;line-height:1.2}.icon-button{box-sizing:border-box;flex:none;justify-content:center;align-items:center;display:inline-flex;width:34px!important;min-width:34px!important;height:34px!important;min-height:34px!important;padding:0!important}.icon-button.active{background:var(--acid);color:var(--bg);border-color:#0000}.icon-button svg{fill:none;stroke:currentColor;stroke-width:2.35px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.icon-button svg path:first-child:not(:only-child){fill:none}.icon-button svg path[d=M6\ 5v14l9-7z],.icon-button svg path[d=M18\ 5v14l-9-7z]{fill:currentColor;stroke:currentColor}input,select{border:1px solid var(--line);width:100%;min-width:0;min-height:42px;color:var(--ink);background:#ffffff0f;border-radius:8px;padding:0 12px}input[type=range]{accent-color:var(--acid);padding:0}input[type=checkbox]{width:20px;min-height:20px;accent-color:var(--hot)}.shell{width:min(980px,100%);padding:max(4px, env(safe-area-inset-top)) 14px max(18px, env(safe-area-inset-bottom));margin:0 auto}.room-strip{justify-content:space-between;align-items:center;gap:12px;padding:2px 2px 10px;display:flex}.room-strip.profile-only{justify-content:flex-end;padding-bottom:3px}.room-strip p{color:var(--acid);letter-spacing:.12em;text-transform:uppercase;margin:0;font:800 11px ui-monospace,SFMono-Regular,Menlo,monospace}.room-code{align-items:center;gap:5px;display:inline-flex}.room-code svg{fill:none;stroke:currentColor;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.room-session{text-align:center;flex:1;color:var(--muted)!important}.room-host{text-overflow:ellipsis;white-space:nowrap;border:1px solid var(--line);max-width:52%;min-height:38px;color:var(--muted);background:0 0;border-radius:8px;padding:0 10px;font-size:12px;overflow:hidden}.profile-menu-wrap{justify-content:flex-end;max-width:52%;display:flex;position:relative}.profile-menu-wrap .room-host{max-width:100%}.profile-menu{inset-inline-end:0;z-index:5;border:1px solid var(--line);background:#211139fa;border-radius:8px;min-width:54px;padding:8px;position:absolute;top:calc(100% + 6px);box-shadow:0 14px 34px #0000006b}.profile-menu .modal-actions{margin-top:0}.profile-menu .account-actions{grid-template-columns:1fr;gap:6px;display:grid}.account-menu-button{border:1px solid var(--line);width:38px;min-height:38px;color:var(--ink);background:0 0;border-radius:8px;place-items:center;padding:0;font-weight:800;display:grid}.account-menu-button svg{width:16px;height:16px}.account-menu-button.danger{color:var(--danger);border-color:#ff566a73}.logout-screen{text-align:center;place-content:center;gap:10px;min-height:100dvh;padding:24px;display:grid}.logout-screen h1{margin:0;font-size:32px;line-height:1}.logout-screen p{color:var(--muted);margin:0}.topbar,.room-header{justify-content:space-between;align-items:center;gap:12px;padding:6px 0 12px;display:flex}.topbar h1,.room-header h1{letter-spacing:0;margin:0;font-size:34px;line-height:.95}.eyebrow{color:var(--acid);letter-spacing:0;text-transform:uppercase;font-size:11px;font-weight:900}.pill{border:1px solid var(--line);color:var(--acid);border-radius:999px;padding:8px 12px;font-weight:900}.room-pill{border:1px solid var(--line);min-width:0;color:var(--muted);border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:12px;font-weight:800;display:flex}.room-pill svg{fill:none;width:18px;height:18px;stroke:var(--acid);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none}.room-pill span{text-overflow:ellipsis;white-space:nowrap;max-width:44vw;overflow:hidden}.tabs{z-index:2;background:#14082af5;grid-template-columns:repeat(5,1fr);gap:6px;padding:5px 0 8px;display:grid;position:sticky;top:0}.tab{min-height:38px;color:var(--muted);background:0 0;justify-content:center;align-items:center;padding:0 6px;font-size:12px;line-height:0;display:flex;position:relative}.tab svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:22px;height:22px}.tab-icon{line-height:0;display:inline-flex}.tab-unread-badge{pointer-events:none;width:16px;height:16px;position:absolute;top:2px;right:4px}.tab-unread-badge svg{width:14px;height:14px}.tab.active .tab-unread-badge{color:var(--bg)}.tab.active{color:var(--bg);background:var(--acid);border-color:#0000}.panel{padding:14px 0;display:none}.panel.active{display:block}.split{grid-template-columns:minmax(0,1.5fr) minmax(220px,.9fr);gap:12px;display:grid}.video-split{grid-template-columns:1fr}.hero,.card,.guest-row{border:1px solid var(--line);background:linear-gradient(#ffffff14,#ffffff09);border-radius:8px;padding:14px}.queue-item{border:1px solid var(--line);background:linear-gradient(#ffffff14,#ffffff09);border-radius:8px;padding:8px}.hero h2{letter-spacing:0;margin:6px 0 4px;font-size:clamp(20px,5.6vw,35px);line-height:1}.muted,.queue-meta{color:var(--muted)}.queue-meta{font-size:10.8px;line-height:1.25}.mono{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.empty-icon{min-height:44px;color:var(--muted);place-items:center;display:grid}.empty-icon svg{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;opacity:.78;width:24px;height:24px}.queue-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.section-title-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-title-row h2{margin:0}.icon-heading{width:34px;min-width:34px;height:34px;color:var(--acid);justify-content:center;align-items:center;margin:0 0 8px;display:inline-flex}.icon-heading svg{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;width:28px;height:28px}.icon-eyebrow{justify-content:center;align-items:center;width:28px;height:28px;margin-bottom:4px;display:inline-flex}.hero-eyebrow-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.hero-eyebrow-row .icon-eyebrow{margin-bottom:0}.hero-requested{text-overflow:ellipsis;white-space:nowrap;text-align:right;min-width:0;font-size:12px;overflow:hidden}.requester-name{font-weight:600}.icon-eyebrow svg{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}button.mini{min-height:30px;padding:0 10px;font-size:11px}.transport{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:12px;display:grid}.transport button{white-space:nowrap;text-overflow:ellipsis;min-width:0;padding:0 4px;font-size:clamp(11px,2.9vw,14px);overflow:hidden}.transport .icon-button{height:42px!important;min-height:42px!important}.transport .transport-main{justify-self:stretch;width:100%!important;min-width:0!important}.transport .icon-button:first-child{justify-self:start}.transport .icon-button:last-child{justify-self:end}.seek-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:12px;display:grid}.seek-row input{min-height:28px}.control-row,.searchbar,.section-head,.button-row{align-items:end;gap:10px;margin-top:12px;display:flex}.control-row{flex-direction:column;align-items:stretch}.button-row button{flex:1;justify-content:center;align-items:center;gap:8px;display:flex}.button-row button.active{background:var(--sky);color:#fff;border-color:#0000}.button-checkbox{background:#0000002e;border:2px solid;border-radius:4px;flex:none;width:17px;height:17px;position:relative}.button-row button.active .button-checkbox:after{content:"";inset-inline-start:4px;border:2px solid;border-width:0 2px 2px 0;width:5px;height:9px;position:absolute;top:1px;transform:rotate(45deg)}.video-guest-qr{justify-content:center;margin-top:14px;padding-bottom:2px;display:flex}.video-guest-qr-card{aspect-ratio:1;border:1px solid var(--line);width:min(168px,48vw);color:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:8px;text-decoration:none;display:block;position:relative}.video-guest-qr-card img{width:100%;height:100%;display:block}.mirror-player-share{gap:10px;margin-top:14px;display:grid}.mirror-player-copy,.guest-link-desc{margin:0;font-size:13px;line-height:1.4}.copy-link-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.copy-link-actions{align-items:center;gap:8px;display:flex}.copy-link-input{border:1px solid var(--line);width:100%;min-width:0;color:inherit;cursor:pointer;background:#0000002e;border-radius:8px;padding:10px 12px;font-size:16px}.copy-link-btn{align-items:center;gap:6px;transition:color .15s;display:inline-flex}.copy-link-btn.copied{color:var(--acid)}.copy-link-feedback{font-size:12px;font-weight:700}.copy-link-feedback:empty{display:none}.copy-link-input.flash,.copy-link-row.copied .copy-link-input{border-color:var(--acid)}.search-feedback{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:10px;padding:10px 12px;display:flex}.search-feedback p{margin:0;font-size:13px;line-height:1.4}.search-feedback button{flex:none}.guest-link,.player-here-button{width:100%;margin-top:10px}.mirror-roster-label{color:var(--acid);letter-spacing:0;text-transform:uppercase;margin:2px 0 -2px;font-size:12px;font-weight:900}.mirror-roster{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mirror-roster li{border:1px solid var(--line);background:#0000001f;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:10px 12px;display:grid}.mirror-roster-info{gap:3px;min-width:0;display:grid}.mirror-roster-kick{place-self:center end;width:34px}.mirror-roster-heading{flex-wrap:wrap;align-items:center;gap:6px;min-width:0;display:flex}.mirror-roster-type{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex:none;padding:1px 7px;font-size:10px;font-weight:900}.mirror-roster-type.is-player{color:var(--acid);background:#7aff7a29;border:1px solid #7aff7a66}.mirror-roster-type.is-mirror{color:var(--muted);border:1px solid var(--line);background:#ffffff14}.mirror-roster-lease{letter-spacing:.04em;text-transform:uppercase;color:var(--acid);flex:none;font-size:10px;font-weight:800}.mirror-roster-name{overflow-wrap:anywhere;min-width:0;font-weight:700}.mirror-roster-client{color:var(--muted);overflow-wrap:anywhere;font-size:12px}.mirror-roster-email{color:var(--muted);word-break:break-all;font-size:12px}.mirror-roster-id{color:var(--muted);opacity:.75;font-size:11px}.mirror-roster-empty{margin:0;font-size:13px}.qr-brand-badge{color:var(--bg);text-align:center;pointer-events:none;background:#fff;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:0;padding:2px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:900;line-height:1;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.qr-brand-badge span{font-size:12px;line-height:13px}.qr-brand-badge strong{font-size:12px;font-weight:700;line-height:13px}.control-row label,.control-grid label{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:800}.icon-control{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;width:100%;display:grid}.icon-control svg{fill:none;width:22px;height:22px;stroke:var(--acid);stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;justify-self:center}.text-control{grid-template-columns:minmax(72px,auto) minmax(0,1fr);align-items:center;gap:10px;width:100%;display:grid}.text-control span{color:var(--acid)}.segmented{grid-template-columns:1fr 1fr;gap:6px;min-width:190px;display:grid}.segmented button.active{background:var(--sky);color:#fff;border-color:#0000}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.check{border:1px solid var(--line);background:#ffffff0b;border-radius:8px;align-items:center;gap:10px;min-height:42px;padding:10px 12px;display:flex;color:var(--ink)!important;text-transform:none!important}.searchbar .search-input{flex:1;padding-inline-end:34px}.searchbar .input-wrap.has-search-hint .search-input{padding-inline-start:146px}.search-hint-icons{inset-inline-start:10px;max-width:calc(100% - 20px);color:var(--muted);pointer-events:none;opacity:.78;align-items:center;display:inline-flex;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.search-hint-icons svg{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;width:17px;height:17px}.search-hint-icons .hint-copy{letter-spacing:0;color:currentColor;white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:900;line-height:1;overflow:hidden}.search-hint-icons .hint-divider{opacity:.6;font-weight:400}.searchbar .search-input::-webkit-search-cancel-button{appearance:none;display:none}.searchbar .search-input::-webkit-search-decoration{appearance:none;display:none}.searchbar button{flex:none;min-width:86px}.searchbar>button[type=submit]{flex-basis:48px;justify-content:center;align-items:center;width:48px;min-width:48px;padding:0;display:flex}.searchbar>button[type=submit] .button-icon{width:20px;height:20px}.searchbar>button[type=submit] .button-label{display:none}.search-spinner{animation:.8s linear infinite searchSpin}@keyframes searchSpin{to{transform:rotate(360deg)}}.mode-toggle-wrap{align-items:center;gap:6px;display:inline-flex}.mode-toggle-wrap .mode-help{color:var(--muted);width:28px!important;min-width:28px!important;height:28px!important;min-height:28px!important}.mode-toggle-wrap .mode-help svg{width:16px;height:16px}.mode-toggle{border:1px solid var(--line);background:#ffffff0b;border-radius:999px;grid-template-columns:1fr 1fr;width:119px;padding:3px;display:grid}.mode-toggle button{min-width:0;min-height:31px;color:var(--muted);background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex}.mode-toggle svg{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.mode-toggle button.active{background:var(--acid);color:var(--bg)}.input-wrap{flex:1;min-width:0;display:flex;position:relative}.input-wrap.has-icon input{padding-inline-start:34px}.input-icon{inset-inline-start:10px;width:17px;height:17px;color:var(--acid);fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.clear-input{top:0;bottom:0;height:30px;min-height:30px;color:var(--muted);opacity:0;pointer-events:none;background:0 0;border-color:#0000;justify-content:center;align-items:center;margin-block:auto;padding:0;line-height:1;display:flex;position:absolute;inset-inline-end:6px;width:30px!important;min-width:30px!important}.input-wrap.has-value .clear-input{opacity:1;pointer-events:auto}.clear-input:active{transform:translateY(1px)}.karaoke-check{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:0;flex-direction:row;flex:none;align-items:center;gap:5px;min-height:42px;padding:0;font-size:10px;font-weight:800;display:flex}.karaoke-check-icon{fill:none;stroke:currentColor;stroke-width:2.1px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.autoplay-check,.captions-check{gap:8px}.host-check-grid{flex:auto;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:10px 14px;min-width:0;display:grid}.host-check-grid .karaoke-check{min-width:0}.host-check-grid .karaoke-check-label{overflow-wrap:anywhere}.song-wait-remote{color:var(--acid);letter-spacing:.02em;font-variant-numeric:tabular-nums;margin-top:4px;font-size:13px;font-weight:800}.song-wait-row{color:#fff;letter-spacing:.02em;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;margin-top:12px;font-size:11px;font-weight:800;line-height:1.2;display:flex}.song-wait-input{text-align:center;font-variant-numeric:tabular-nums;width:64px;min-width:64px;min-height:34px;padding:0 8px;font-size:16px}.control-app-version{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;padding-top:12px;font-size:12px;font-weight:800;display:flex}.control-upgrade-button{border:1px solid var(--acid);height:auto;min-height:34px;color:var(--acid);cursor:pointer;background:#b4ff391f;border-radius:8px;margin:0;padding:6px 12px;font-size:12px;font-weight:800;line-height:1.2}.control-upgrade-button:hover,.control-upgrade-button:focus-visible{background:#b4ff3933;outline:none}.control-upgrade-button:disabled{opacity:.55;cursor:default}.control-upgrade-queued{color:var(--acid);font-size:12px;font-weight:800}.control-upgrade-queued-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.karaoke-check-label{letter-spacing:.02em;text-transform:none;font-size:11px;line-height:1.2}.karaoke-check-input{appearance:none;height:12px;color:var(--acid);background:0 0;border:1.5px solid;border-radius:2px;place-content:center;padding:0;display:grid;width:12px!important;min-height:12px!important}.karaoke-check-input:checked{border-color:var(--acid)}.karaoke-check-input:checked:before{content:"";border:2px solid;border-width:0 2px 2px 0;width:4px;height:7px;transform:translateY(-1px)rotate(45deg)}.searchbar.compact{margin-top:8px}.playlist-chips{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.playlist-chip{border:1px solid var(--line);background:var(--surface-2);min-height:34px;color:var(--ink);border-radius:999px;flex:none;align-items:center;gap:6px;max-width:180px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.playlist-chip>span:not(.playlist-chip-count){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-chip.active{background:var(--acid);color:var(--bg);border-color:#0000}.playlist-chip svg{fill:none;stroke:currentColor;stroke-width:2.35px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:21px;height:21px}.playlist-chip-count{background:#00000038;border-radius:999px;justify-content:center;align-items:center;min-width:18px;padding:0 5px;font-size:11px;font-weight:900;display:inline-flex}.playlist-chip.active .playlist-chip-count{background:#0000002e}.playlist-chip-add{padding:0 9px}.playlist-chip-actions{flex:none;align-items:center;gap:6px;margin-inline-start:auto;padding-inline-start:6px;display:inline-flex}.playlist-picker-list{flex-wrap:wrap;gap:6px;max-height:40vh;margin-top:10px;display:flex;overflow-y:auto}.playlist-picker-row{text-align:start;align-items:center;gap:6px;max-width:100%;min-height:42px;padding:0 12px;font-weight:700;display:inline-flex}.playlist-picker-row.checked{border-color:var(--acid)}.playlist-picker-check{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.playlist-picker-check:empty{display:none}.playlist-picker-check svg{fill:none;width:18px;height:18px;stroke:var(--acid);stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.playlist-picker-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.playlist-picker-new{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:10px;display:grid}.playlist-picker-new .modal-input{margin-top:0}.playlist-picker-new .icon-button{align-self:center}.modal-actions.modal-actions-single{grid-template-columns:1fr}.section-head{justify-content:space-between;align-items:center}.section-head h2{margin:0;font-size:20px}.heading-actions{flex:1 1 0;align-items:center;gap:8px;display:flex}.section-head-trail{flex:1 1 0;justify-content:flex-end;align-items:center;gap:6px;display:flex}.heading-actions button{min-height:34px;padding:0 12px;font-size:12px}.section-block{margin-top:12px}.searchbar+.section-block,.playlist-chips+.section-block,.section-block+.section-block{margin-top:20px}.section-block.library-history{margin-top:28px}.section-block h2{margin:0 0 8px;font-size:20px}.list{gap:6px;margin-top:10px;display:grid}.list.compact{margin-top:6px}.date-heading{color:var(--acid);text-transform:uppercase;margin:12px 0 2px;font-size:12px;font-weight:900}.list .date-heading:first-child{margin-top:0}.queue-item,.guest-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.queue-main{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px;display:grid}.thumb-stack{grid-template-columns:1fr;align-self:start;justify-items:center;gap:4px;display:grid}.thumb{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line);background:#ffffff14;border-radius:5px;width:64px}.thumb-button{cursor:pointer;background:0 0;border:0;border-radius:5px;width:fit-content;min-height:0;margin:0;padding:0;line-height:0;display:block}.thumb-button .thumb{display:block}.thumb-menu-wrap{width:fit-content;display:block;position:relative}.thumb-menu{inset-inline-start:0;z-index:30;border:1px solid var(--line);background:#211139fa;border-radius:8px;min-width:168px;padding:6px;position:absolute;top:calc(100% + 4px);box-shadow:0 14px 34px #0000006b}.thumb-menu-item{width:100%;min-height:34px;color:var(--ink);text-align:start;cursor:pointer;background:0 0;border:0;border-radius:6px;margin:0;padding:8px 10px;font-size:12px;font-weight:700;line-height:1.25;display:block}.thumb-menu-item:hover,.thumb-menu-item:focus-visible{background:#ffffff14;outline:none}.thumb-action{box-sizing:border-box;max-width:64px;width:64px!important;min-width:64px!important;height:36px!important;min-height:36px!important;padding:0!important}.favorite-heart{width:34px;min-width:34px;height:28px;min-height:28px;max-height:28px;color:var(--muted);background:#ffffff0f;border-color:#0000;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:19px;line-height:1;display:inline-flex}.favorite-heart.active{color:var(--hot);background:#ff2e8b2e}.favorite-heart.thumb-action{border-color:#0000}.queue-thumb-actions{grid-template-columns:repeat(2,34px);gap:6px;width:74px;display:grid}.queue-thumb-actions .thumb-action,.queue-thumb-actions .queue-move-button{width:34px!important;min-width:34px!important;max-width:34px!important;height:34px!important;min-height:34px!important;max-height:34px!important;padding:0!important}.queue-move-button svg{fill:none;stroke:currentColor;stroke-width:2.35px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.title-row{overflow-wrap:anywhere;min-width:0;display:block}.title-prefix{color:var(--acid);margin-inline-end:7px;font-size:12px;font-weight:700;display:inline}.queue-title{overflow-wrap:anywhere;font-weight:450;display:inline}.title-singer{color:var(--acid);overflow-wrap:anywhere;margin-inline-start:7px;font-size:12px;font-weight:700}.search-meta{color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:4px 7px;margin-top:3px;font-size:10.8px;line-height:1.25;display:flex}.duration-meta,.year-meta{color:#c7badfb8}.view-meta{white-space:nowrap;align-items:center;gap:3px;display:inline-flex}.view-meta svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:12px;height:12px}.queue-actions button{min-height:32px;padding:0 9px;font-size:12px}.queue-card{touch-action:manipulation;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;transition:border-color .16s,box-shadow .16s,background .16s,opacity .16s;position:relative}.queue-card:has(.queue-thumb-actions) .queue-main{grid-template-columns:74px minmax(0,1fr)}.queue-card .queue-actions{flex-flow:column;justify-content:center;align-items:center;gap:6px;min-width:34px;margin-top:0}.drag-handle{cursor:grab;touch-action:none;justify-content:center;align-items:center;gap:3px;display:none;min-height:58px!important;padding:0 12px!important}.drag-handle span{opacity:.82;background:currentColor;border-radius:999px;width:4px;height:26px;display:block}.list.drag-mode .queue-card{cursor:default;touch-action:pan-y;border-color:#dbff3d94;grid-template-columns:minmax(0,1fr) auto}.list.drag-mode .queue-card .queue-actions>button:not(.drag-handle){display:none}.list.drag-mode .queue-card .queue-actions{min-width:58px}.list.drag-mode .drag-handle{display:flex}.list.drag-mode .drag-handle:active{cursor:grabbing;color:var(--acid)}.list.drag-mode .queue-card:after{content:"";pointer-events:none;border-radius:8px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #dbff3d29}.list.drag-active .queue-card:not(.dragging){opacity:.58}.queue-card.drag-placeholder{pointer-events:none;background:#dbff3d14;border:2px dashed #dbff3d9e;box-shadow:inset 0 0 0 1px #dbff3d2e;opacity:1!important}.queue-card.drag-placeholder>*{opacity:.9}.queue-card.dragging{visibility:hidden}.guest-card{grid-template-columns:minmax(0,1fr) auto;align-items:start;padding:8px 10px}.guest-card.selected{border-color:var(--acid);background:linear-gradient(#dbff3d24,#ffffff09)}.guest-card-content{min-width:0}.guest-select{width:100%;min-width:0;min-height:34px;color:inherit;text-align:start;background:0 0;border:0;padding:0;display:block}.guest-actions{flex-flow:row;justify-content:flex-end;place-self:center end;align-items:center;gap:6px;min-width:34px;margin-top:0}.guest-actions button{width:34px}.guest-role-badge{width:18px;height:18px;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.guest-role-badge.host{color:var(--acid)}.guest-role-badge svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.guest-message-badge{width:18px;height:18px;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.guest-message-badge.unread{color:var(--acid)}.guest-message-badge svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.guest-message-badge.unread svg{fill:currentColor}.list.guest-roster{grid-template-columns:repeat(var(--guest-cols,1), minmax(0, 1fr));grid-auto-rows:1fr;align-items:stretch;gap:8px}.guest-roster .guest-card{height:100%}.guest-roster .guest-card .queue-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.guest-roster-compact .guest-card{text-align:center;grid-template-columns:minmax(0,1fr)}.guest-roster-compact .guest-card .queue-title{white-space:normal}.guest-message-section{margin-top:10px}.guest-message-section h2{margin:0 0 6px;font-size:18px}.message-heading{align-items:center;gap:8px;min-width:0;margin-bottom:6px;display:flex}.message-heading .icon-heading{margin:0}.message-recipient{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--acid);flex:auto;font-size:14px;font-weight:900;overflow:hidden}.chat-list{max-height:310px;overflow-y:auto}.guest-message{border:1px solid var(--line);background:#ffffff0e;border-radius:8px;margin-inline-end:34px;padding:10px}.guest-message.outgoing{background:#dbff3d1f;border-color:#dbff3d6b;margin-inline:34px 0}.host-chat-form{margin-top:8px;grid-template-columns:minmax(0,1fr) 34px;align-items:center;gap:8px;margin-inline-start:34px;display:grid}.host-chat-form .icon-button{place-self:center}.chat-input-wrap.has-icon input{padding-inline-start:34px}.history-actions{min-width:78px!important}.list.search-results{gap:0}.list.search-results .search-pager{margin-top:8px}.search-result{grid-template-columns:minmax(0,1fr) auto}.search-result>button{min-width:62px;min-height:34px;padding:0 10px}.search-result .queue-actions{flex-flow:column;justify-content:center;align-items:center;gap:6px;min-width:0}.search-result .queue-actions>button{width:auto}.search-pager{grid-template-columns:1fr 1fr;gap:6px;display:grid}.search-pager button:first-child{justify-self:start}.search-pager button:last-child{justify-self:end}.search-pager button:disabled{opacity:.4;transform:none}[dir=rtl] .search-pager button svg{transform:scaleX(-1)}.host-reconnect-banner{color:#ff9ec4;background:#ff2e8b14;border:1px solid #ff2e8b73;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin:0 0 10px;padding:10px 12px;font-size:14px;display:flex}.host-reconnect-banner button{min-height:34px;color:inherit;background:#ff2e8b2e;border:1px solid #ff2e8b8c;border-radius:8px;flex-shrink:0;padding:0 12px}.toast{left:50%;bottom:max(18px, env(safe-area-inset-bottom));z-index:10;opacity:0;pointer-events:none;width:auto;max-width:calc(100vw - 28px);height:auto;min-height:42px;color:var(--ink);background:#14082af0;border:1px solid #dbff3d73;border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-weight:900;display:inline-flex;position:fixed;transform:translate(-50%,22px);box-shadow:0 18px 48px #00000059}.toast svg{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:23px;height:23px}.toast.show{opacity:1;pointer-events:auto;transform:translate(-50%)}.toast.error{color:#ff7aa9;pointer-events:auto;border-color:#ff2e8ba6;align-items:flex-start;padding:10px 10px 10px 12px}.toast-message{text-overflow:clip;white-space:normal;max-width:min(380px,100vw - 84px);line-height:1.25;overflow:visible}@media (orientation:landscape){body:has(.player-layout.combo-split){--host-pane-width:min(clamp(320px, 34vw, 430px), 52vw)}body:has(.player-layout.combo-split) .toast.host-toast{left:calc(100vw - (var(--host-pane-width) / 2));max-width:calc(var(--host-pane-width) - 28px)}body:has(.player-layout.combo-split) .toast.host-toast .toast-message{max-width:calc(var(--host-pane-width) - 72px)}:is([dir=rtl] body:has(.player-layout.combo-split) .toast.host-toast,body[dir=rtl]:has(.player-layout.combo-split) .toast.host-toast){left:calc(var(--host-pane-width) / 2)}}.toast-dismiss.icon-button{color:currentColor;background:0 0;border:0;margin:-2px -2px -2px 0;width:24px!important;min-width:24px!important;height:24px!important;min-height:24px!important}.toast-dismiss.icon-button svg{width:18px;height:18px}.modal[hidden]{display:none}.modal{z-index:20;background:#05020eb8;place-items:center;padding:18px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal:has(.modal-input){align-items:start;padding-top:max(18px,6vh)}.modal:has(.modal-card-terms){padding-top:max(12px, env(safe-area-inset-top));padding-right:max(12px, env(safe-area-inset-right));padding-bottom:max(12px, env(safe-area-inset-bottom));padding-left:max(12px, env(safe-area-inset-left));flex-direction:column;justify-content:flex-start;align-items:center;display:flex;overflow:hidden}.modal-card{background:linear-gradient(#301855fa,#14082afa);border:1px solid #fff7d638;border-radius:8px;width:min(420px,100%);padding:16px;box-shadow:0 24px 70px #0000007a}.modal-card h2{margin:6px 0 8px;font-size:22px;line-height:1.15}.modal-icon-title{width:34px;height:34px;color:var(--acid);justify-content:center;align-items:center;margin:0 0 8px;display:inline-flex}.modal-rename-header{align-items:center;gap:10px;min-width:0;margin:0 0 8px;display:flex}.modal-rename-header .modal-icon-title{flex-shrink:0;margin:0}.modal-rename-email{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;line-height:1.2;overflow:hidden}.modal-icon-title svg{fill:none;stroke:currentColor;stroke-width:2.25px;stroke-linecap:round;stroke-linejoin:round;width:23px;height:23px}.modal-card p{overflow-wrap:anywhere;white-space:pre-line;margin:0}.app-update-card{text-align:center;align-content:center;justify-items:center;gap:clamp(14px,3vmin,34px);width:min(1200px,100vw - 36px);min-height:min(720px,100dvh - 36px);padding:clamp(18px,5vmin,64px);display:grid}.app-update-card h2{text-wrap:balance;margin:0;font-size:clamp(48px,12vmin,180px);line-height:.92}.app-update-card p{text-wrap:balance;max-width:22ch;font-size:clamp(24px,4vmin,56px);font-weight:800;line-height:1.05}.app-update-icon{width:clamp(44px,8vmin,110px);height:clamp(44px,8vmin,110px);color:var(--acid);animation:1.1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.modal-card-info{padding-inline-end:44px;position:relative}.modal-card-terms{box-sizing:border-box;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:0 auto;width:min(560px,100%);min-height:0;max-height:100%;padding:14px;overflow:hidden auto}.modal-card-terms .ktv-terms-x{z-index:1;background:#301855;position:sticky;top:0}.modal-card:has(>.modal-close){padding-inline-end:44px;position:relative}.modal-close{top:10px;color:var(--muted);position:absolute;inset-inline-end:10px}.confirm-emphasis{color:var(--ink);font-weight:900}.modal-input{margin-top:10px}.suggestion-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.suggestion-row[hidden]{display:none}.suggestion-row.name-card-list{flex-wrap:wrap;display:flex}.suggestion-row button{max-width:100%;min-height:34px;color:var(--acid);text-overflow:clip;white-space:nowrap;background:#dbff3d24;border-color:#dbff3d57;justify-content:center;align-items:center;display:inline-flex;overflow:visible;width:auto!important;min-width:0!important;padding:0 12px!important}.suggestion-row.name-card-list button{text-overflow:clip;justify-content:center;overflow:visible;width:auto!important;padding:0 14px!important}.modal-actions{grid-template-columns:1fr 1fr;gap:8px;margin-top:16px;display:grid}.modal-actions .icon-button{justify-self:center}.account-actions{grid-template-columns:repeat(2,1fr)}.account-actions.with-cancel{grid-template-columns:repeat(3,1fr)}@media (max-width:680px){.split,.control-grid{grid-template-columns:1fr}.searchbar{flex-direction:row;align-items:stretch}.searchbar button{min-width:var(--queue-command-width);padding:0 10px}.searchbar>button[type=submit]{flex-basis:48px;width:48px;min-width:48px;padding:0}.karaoke-check{min-height:28px}.segmented{width:100%}.tabs{gap:4px}.tab{font-size:12px}.queue-item,.guest-row{grid-template-columns:1fr}.queue-card,.list.drag-mode .queue-card,.guest-card,.queue-item.search-result{grid-template-columns:minmax(0,1fr) auto}.queue-main{grid-template-columns:58px minmax(0,1fr)}.thumb{width:58px}.thumb-action{max-width:58px;width:58px!important;min-width:58px!important}}
:root{--legal-footer-space:calc(38px + env(safe-area-inset-bottom))}.home-kiosk{background:var(--bg);min-height:100dvh;position:relative;overflow-x:hidden}:is(body:has(.home-kiosk) .home-kiosk,body:has(.home-kiosk) .home-landscape-qr,body:has(.home-kiosk) .home-portrait-player){min-height:calc(100dvh - var(--legal-footer-space))}.home-topbar{top:12px;z-index:10;align-items:center;gap:8px;display:flex;position:absolute;inset-inline-end:12px}.language-switcher{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#ffffff0f;border-radius:8px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.language-switcher svg{flex:none;width:16px;height:16px}.language-select{width:auto;max-width:40vw;color:inherit;cursor:pointer;background:0 0;border:0;font-size:13px;font-weight:600}.language-select:disabled{cursor:default;opacity:.6}.language-select option{color:#000}.home-auth{justify-content:flex-end;display:flex}.home-auth-signin{border:1px solid var(--line);min-height:38px;color:var(--ink);background:#ffffff0f;border-radius:8px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.home-auth-signin svg{width:16px;height:16px}.home-auth .profile-menu-wrap{width:max-content;max-width:min(68vw,220px)}.home-auth .room-host{text-align:center;width:max-content;min-width:0;max-width:100%;height:38px}.home-kiosk:has(.home-return-room){--home-banner-h:64px}.home-return-room{min-height:var(--home-banner-h,64px);border-bottom:1px solid var(--line);color:inherit;background:#ffffff0f;justify-content:center;align-items:center;gap:8px;padding:12px min(260px,38vw) 12px 16px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.home-return-room strong{font-weight:800}.player-idle{place-items:center;display:grid}.home-landscape-qr{--home-landscape-title:clamp(40px, min(6.6vw, 8.5vh), 86px);--home-landscape-point:clamp(20px, min(2.7vw, 3.4vh), 34px);--home-landscape-guide-title:clamp(22px, min(2.35vw, 3vh), 32px);--home-landscape-guide-body:clamp(20px, min(2vw, 2.6vh), 28px);--home-landscape-caption:clamp(18px, min(1.9vw, 2.5vh), 28px);--home-landscape-caption-sub:clamp(16px, min(1.6vw, 2.1vh), 24px);box-sizing:border-box;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:clamp(32px,6vw,80px);width:100%;min-height:100dvh;margin:0;padding:clamp(72px,11vh,104px) clamp(20px,4vw,56px) clamp(20px,4vh,40px);display:grid}.home-copy{text-align:start;justify-items:start;gap:24px;display:grid}.home-copy-head{align-items:flex-start;gap:clamp(18px,2vw,28px);display:flex}.brand-mark{color:#0000;background:#132236 url(/app-icon.png) 50%/cover no-repeat;border:1px solid #72e8ff61;border-radius:20px;place-items:center;width:84px;height:84px;font-size:0;display:grid;overflow:hidden;box-shadow:0 18px 46px #00000052,0 0 0 2px #34e5ae2e}.home-host-qr-col{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.home-host-qr-col .home-scan-prompt,.home-host-qr-col .home-combo-sub{text-align:end;max-width:min(42vh,78vw)}.home-host-qr{aspect-ratio:1;border:1px solid var(--line);width:min(42vh,78vw);color:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:10px;text-decoration:none;display:grid;position:relative}.home-host-qr img{width:100%;height:100%;display:block}.home-intro{text-align:start;gap:8px;max-width:32ch;display:grid}.home-intro h1{color:var(--ink);margin:0;font-size:clamp(22px,4.4vh,34px);font-weight:900;line-height:1.1}.home-intro p{color:var(--muted);margin:0;font-size:clamp(13px,2.1vh,16px);line-height:1.4}.home-scan-prompt{color:var(--acid);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;margin:0;font-size:clamp(12px,1.8vh,15px);font-weight:900}.home-points{text-align:start;gap:10px;max-width:34ch;margin:0;padding:0;list-style:none;display:grid}.home-points li{color:var(--muted);font-size:clamp(13px,2vh,16px);font-weight:600;line-height:1.3}.home-landscape-qr .home-points,.home-landscape-qr .home-intro{max-width:none}.home-landscape-qr .home-intro h1{text-wrap:balance;max-width:16ch;font-size:var(--home-landscape-title);white-space:normal;line-height:1.1}.home-landscape-qr .home-points{gap:clamp(12px,1.2vw,20px)}.home-landscape-qr .home-points li{font-size:var(--home-landscape-point);line-height:1.22}.home-landscape-qr .home-tv-guide{gap:clamp(12px,1vw,18px);margin-top:clamp(12px,1vw,20px);padding-top:clamp(18px,1.4vw,28px)}.home-landscape-qr .home-tv-guide h2{font-size:var(--home-landscape-guide-title);line-height:1.2}.home-landscape-qr .home-tv-guide ul{gap:clamp(10px,.9vw,16px)}.home-landscape-qr .home-tv-guide li{font-size:var(--home-landscape-guide-body);line-height:1.28}.home-landscape-qr .home-install-link{font-size:var(--home-landscape-guide-body)}.home-landscape-qr .home-scan-prompt{font-size:var(--home-landscape-caption);white-space:normal;line-height:1.15}.home-landscape-qr .home-combo-sub{font-size:var(--home-landscape-caption-sub);white-space:normal}.home-kiosk.native-tv .home-landscape-qr{gap:clamp(28px,5vw,84px)}.home-copy-head .brand-mark{width:clamp(96px,10vh,136px);height:clamp(96px,10vh,136px)}@media (orientation:landscape) and (max-height:500px){.home-landscape-qr{--home-landscape-title:clamp(28px, 4vw, 34px);--home-landscape-point:clamp(15px, 1.9vw, 17px);--home-landscape-guide-title:clamp(16px, 2vw, 18px);--home-landscape-guide-body:clamp(14px, 1.75vw, 16px);--home-landscape-caption:clamp(12px, 1.55vw, 14px);--home-landscape-caption-sub:clamp(12px, 1.45vw, 13px);gap:clamp(24px,6vw,52px)}.home-copy{gap:18px}.home-copy-head{align-items:center;gap:16px}.home-copy-head .brand-mark{width:84px;height:84px}.home-landscape-qr .home-points{gap:8px}.home-landscape-qr .home-tv-guide{gap:8px;margin-top:8px;padding-top:14px}.home-landscape-qr .home-tv-guide ul{gap:8px}.home-kiosk:has(.home-return-room){--home-banner-h:48px}.home-kiosk:has(.home-return-room) .home-return-room{padding-top:8px;padding-bottom:8px;font-size:13px}}.home-portrait-player{box-sizing:border-box;text-align:start;flex-direction:column;justify-content:center;align-items:stretch;gap:20px;width:min(440px,100% - 48px);min-height:100dvh;margin:0 auto;padding:clamp(28px,7vh,64px) 0 48px;display:none}.home-portrait-head{align-items:center;gap:16px;display:flex}.home-portrait-head .brand-mark,.home-copy-head .brand-mark{flex:none}.home-portrait-player .home-intro{max-width:none}.home-portrait-player .home-intro p{font-size:15px}.home-combo-btn{background:var(--acid);color:#06141f;letter-spacing:.01em;cursor:pointer;border:none;border-radius:14px;place-items:center;width:100%;padding:16px 20px;font-family:inherit;font-size:17px;font-weight:900;text-decoration:none;display:grid;box-shadow:0 14px 34px #34e5ae47}.home-combo-btn[aria-disabled=true],.home-combo-btn:disabled{opacity:.5;pointer-events:none}.home-combo-sub{color:var(--muted);white-space:nowrap;margin:-8px 0 0;font-size:13px;line-height:1.4}.home-combo-sub em{color:var(--ink);white-space:nowrap;font-style:normal;font-weight:700}.home-tv-guide{border-top:1px solid var(--line);gap:12px;margin-top:12px;padding-top:20px;display:grid}.home-tv-guide h2{color:var(--ink);margin:0;font-size:15px;font-weight:800}.home-tv-guide ul{gap:12px;margin:0;padding-inline-start:18px;display:grid}.home-tv-guide li{color:var(--muted);font-size:13px;line-height:1.5}.home-tv-guide strong{color:var(--ink);font-weight:700}.home-install-link{width:auto;min-height:0;color:var(--ink);text-align:start;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;border-radius:0;justify-self:start;margin:0;padding:0;font-size:13px;font-weight:800;line-height:1.4;text-decoration:underline}.home-install-link:active{transform:none}.pwa-install-guide{gap:10px;display:grid}.pwa-install-steps{color:var(--ink);gap:10px;margin:4px 0 0;padding-inline-start:22px;font-size:15px;font-weight:700;line-height:1.45;display:grid}.pwa-install-steps li{padding-inline-start:2px}.pwa-install-share{display:inline}.pwa-install-share-icon{vertical-align:-.15em;width:1em;height:1em;color:var(--acid);margin:0 2px;display:inline-block}.home-kiosk.claimed .home-landscape-qr{display:none}.home-kiosk.claimed .home-portrait-player{display:flex}.gate{text-align:center;align-content:center;justify-items:center;gap:20px;width:min(420px,100% - 32px);min-height:100dvh;margin:0 auto;display:grid}.gate.embedded-gate{box-sizing:border-box;width:100%;height:100%;min-height:0;padding:24px 16px;overflow:auto}.gate h1,.gate p{margin:0}.gate h1{font-size:34px;line-height:1}.gate p{color:var(--muted);line-height:1.5}.gate form{grid-template-columns:minmax(0,1fr) auto;gap:10px;width:min(260px,100vw - 32px);min-width:0;display:grid}.gate-name-field{min-width:0;color:var(--muted);text-align:start;gap:6px;font-size:12px;font-weight:800;display:grid}.gate-name-field span{line-height:1}.gate button{white-space:nowrap;justify-content:center;align-items:center;gap:8px;line-height:1;display:inline-flex}.gate button:disabled{cursor:not-allowed;opacity:.45}.gate button svg{flex:none}.gate.guest-login-gate{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex}.gate.guest-login-gate .login-actions{gap:12px;display:inline-grid}.gate.guest-login-gate .ghost-button{color:var(--muted);background:0 0;border:0;padding:8px 12px;font-size:13px;font-weight:700}.gate .home-link,.player-idle .home-link{border:1px solid var(--line);background:var(--surface-2);min-height:42px;color:var(--ink);border-radius:8px;justify-content:center;align-items:center;padding:0 14px;font-weight:800;line-height:1;text-decoration:none;display:inline-flex}.gate .icon-button{width:42px!important;min-width:42px!important;height:42px!important;min-height:42px!important}.player-layout{background:var(--bg);min-height:100dvh}.player-stage{grid-template-columns:minmax(0,1fr) 33.333vh;min-height:100dvh;display:grid;position:relative}.player-stage.osd-hidden{display:block}.player-stage.osd-hidden .video-shell{width:100vw;height:100dvh}.player-layout.player-fullscreen .player-stage{grid-template-columns:none;display:block}.player-layout.player-fullscreen .video-shell{width:100vw;height:100dvh}.player-layout.player-fullscreen .osd,.player-layout.player-fullscreen .portrait-host{display:none}.video-shell{background:#000;min-width:0;display:grid}.youtube-frame{background:#000;width:100%;height:100%}.youtube-player-wrap{background:#000;width:100%;height:100%;min-height:0;position:relative}.e2e-player{color:var(--muted);place-items:center;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;display:grid}.osd{background:#000;grid-template-rows:auto auto minmax(0,1fr);align-content:start;justify-items:center;gap:10px;padding:4px 4px 1.4em;display:grid;position:relative}.mirror-leave-btn{top:12px;z-index:20;color:#ff566a;cursor:pointer;background:#00000080;border:1px solid #ff566ab3;border-radius:8px;place-items:center;width:38px;height:38px;padding:0;display:grid;position:fixed;inset-inline-end:12px}.mirror-leave-btn svg{width:16px;height:16px}.mirror-leave-btn:disabled{opacity:.5;pointer-events:none}.osd-home-link{box-sizing:border-box;border:1px solid var(--line);width:min(100%,280px);min-height:50px;color:inherit;text-align:center;background:#ffffff0f;border-radius:8px;justify-content:center;align-items:center;padding:14px 28px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.osd-resume-btn{box-sizing:border-box;width:min(100%,280px);min-height:50px;color:var(--ink);text-align:center;cursor:pointer;background:#34e5ae29;border:1px solid #34e5ae80;border-radius:10px;padding:14px 28px;font-family:inherit;font-size:16px;font-weight:800}.host-qr{aspect-ratio:1;width:min(100%,33.333vh);color:inherit;box-sizing:border-box;appearance:none;font:inherit;cursor:pointer;background:#fff;border:0;border-radius:3px;place-items:center;margin-top:2px;padding:6px;text-decoration:none;display:grid;position:relative}.host-qr.host{background:#fff}.host-qr img{object-fit:contain;width:100%;height:100%;display:block}.song-wait-osd{text-align:center;width:100%;min-width:0;color:var(--acid);letter-spacing:.02em;font-variant-numeric:tabular-nums;padding:0 8px;font-size:clamp(17px,2.8vh,32px);font-weight:700;line-height:1.1}.song-info-osd,.next-up-osd{text-align:center;align-content:center;justify-items:center;gap:4px;width:100%;min-width:0;padding:0 8px;display:grid}.next-up-osd svg{width:28px;height:28px;color:var(--acid);fill:none;stroke:currentColor;stroke-width:2.35px;stroke-linecap:round;stroke-linejoin:round}.current-song-osd{gap:3px}.song-info-osd strong,.next-up-osd strong{overflow-wrap:anywhere;width:100%;min-width:0;color:var(--sky);font-size:clamp(18px,3.1vh,34px);font-weight:700;line-height:1.04}.song-info-osd span,.next-up-osd span{overflow-wrap:anywhere;width:100%;min-width:0;color:var(--ink);font-size:clamp(17px,2.8vh,32px);font-weight:650;line-height:1.08}.current-song-osd span,.next-up-osd span{color:#fff}.song-info-osd em,.next-up-osd em{overflow-wrap:anywhere;color:#fff7d699;width:100%;min-width:0;margin-bottom:1.1em;font-size:clamp(13px,1.7vh,18px);font-style:normal;font-weight:500;line-height:1.1}.portrait-host{display:none}.youtube-probe-host{opacity:0;pointer-events:none;width:240px;height:135px;position:fixed;top:-10000px;left:-10000px}.auth-strip{min-height:38px;color:var(--muted);align-items:center;gap:8px;font-size:12px;display:inline-flex}.auth-strip button{min-height:38px;padding:0 8px;font-size:12px}.auth-strip .profile-menu-wrap{width:max-content;max-width:min(68vw,220px)}.auth-strip .room-host{text-align:center;width:max-content;min-width:0;max-width:100%;height:38px}.host-shell.embedded{width:min(980px,100%)}.guest-tabs{grid-template-columns:repeat(4,1fr)}@media (orientation:portrait){html:has(.player-layout.portrait-docked){height:100%;overflow:hidden}html:has(.player-layout.portrait-docked) body{height:100%;overflow:hidden}.player-layout.portrait-docked{box-sizing:border-box;height:100dvh;min-height:0;max-height:100dvh;padding-top:env(safe-area-inset-top);flex-direction:column;align-items:stretch;display:flex;overflow:hidden}.player-layout.portrait-docked .player-stage{z-index:1;flex:none;min-height:0;display:block;position:static}.player-layout.portrait-docked .player-stage.osd-hidden .video-shell{width:100%;height:auto}.player-layout.portrait-docked .video-shell:not([data-video-orientation=portrait]){aspect-ratio:var(--video-aspect,16 / 9);width:100%}.player-layout.portrait-docked .player-stage:has(.video-shell[data-video-orientation=portrait]){background:#000;flex:0 0 50dvh;justify-content:center;align-items:center;height:50dvh;max-height:50dvh;display:flex}.player-layout.portrait-docked .video-shell[data-video-orientation=portrait]{width:auto;max-width:100%;height:100%;max-height:50dvh;aspect-ratio:var(--video-aspect,9 / 16);margin-inline:auto}.player-layout.portrait-docked .player-stage .osd{display:none}.player-layout.portrait-docked .portrait-host .player-portrait-osd{flex-direction:column;justify-content:center;align-items:center;gap:10px;height:100%;min-height:100%;display:flex}.player-layout.portrait-docked .portrait-host .player-portrait-osd .host-qr{flex:none;width:auto;height:33.333%}body:has(.modal) .player-layout.portrait-docked .player-stage{visibility:hidden}.player-layout.portrait-docked .portrait-host{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:auto;min-height:0;display:block;overflow:hidden auto}.player-layout.portrait-docked .portrait-host .gate.embedded-gate{height:100%;min-height:100%;overflow:visible}.player-layout.portrait-docked.player-fullscreen{display:block}.player-layout.portrait-docked.player-fullscreen .player-stage{flex:none;height:100dvh;max-height:100dvh}.player-layout.portrait-docked.player-fullscreen .video-shell,.player-layout.portrait-docked.player-fullscreen .video-shell[data-video-orientation=portrait]{aspect-ratio:auto;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin-inline:0}.player-layout.portrait-docked.player-fullscreen .portrait-host{display:none}}@media (orientation:landscape){.mirror-leave-btn{top:auto;bottom:12px;inset-inline-end:12px}.home-kiosk:has(.home-return-room) .home-topbar{height:var(--home-banner-h,64px);align-items:center;top:0}body:has(.home-kiosk) .home-kiosk:has(.home-return-room){height:calc(100dvh - var(--legal-footer-space));flex-direction:column;min-height:0;display:flex;overflow:hidden}body:has(.home-kiosk) .home-kiosk:has(.home-return-room) .home-landscape-qr{flex:auto;min-height:0;padding-top:clamp(12px,3vh,24px);padding-bottom:clamp(8px,2vh,16px)}.player-layout:not(.combo-split) .player-stage>.osd{padding:0}.player-layout:not(.combo-split) .player-stage>.osd .host-qr{border-radius:0;width:100%;margin-top:0;padding:0}.player-layout.combo-split{--host-pane-width:min(clamp(320px, 34vw, 430px), 52vw);flex-direction:row;align-items:stretch;height:100dvh;max-height:100dvh;display:flex;overflow:hidden}body:has(.modal) .player-layout.combo-split .player-stage{visibility:hidden}.player-layout.combo-split .player-stage{flex:auto;min-width:0;height:100dvh;display:block;position:static}.player-layout.combo-split .video-shell{aspect-ratio:auto;width:100%;height:100dvh}.player-layout.combo-split .osd{display:none}.player-layout.combo-split .portrait-host{flex:0 0 var(--host-pane-width);min-width:0;max-width:var(--host-pane-width);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;border-inline-start:1px solid var(--line);height:100dvh;display:block;overflow:hidden auto}.player-layout.combo-split .portrait-host .gate.embedded-gate{height:100%;min-height:100%;overflow:visible}}@media (orientation:portrait){.home-landscape-qr{display:none}.home-portrait-player{display:flex}.home-return-room{margin-top:58px;padding-inline:16px}body:has(.home-kiosk) .home-kiosk:has(.home-return-room){height:calc(100dvh - var(--legal-footer-space));flex-direction:column;min-height:0;display:flex;overflow:hidden}body:has(.home-kiosk) .home-kiosk:has(.home-return-room) .home-portrait-player{flex:auto;min-height:0}.player-idle .player-idle-portrait{flex-direction:column;justify-content:center;align-items:center;gap:24px;min-height:100dvh;display:flex}}.player-idle-portrait{display:none}.legal-page{background:var(--bg);min-height:100dvh;color:var(--ink);justify-content:center;padding:clamp(24px,6vw,72px) 16px;display:flex}.legal-page article{gap:16px;width:min(720px,100%);display:grid}.legal-page-back{margin-top:8px}.legal-page-back a{text-decoration:none}.legal-page-back a:hover{text-decoration:underline}.delete-account-action{justify-items:start;gap:10px;display:grid}.delete-account-done{color:var(--acid);font-weight:800}