@font-face{font-family:KaraRemote;src:url(/fonts/Inter-Regular.woff2)format("woff2");font-display:swap;font-weight:100 600}@font-face{font-family:KaraRemote;src:url(/fonts/Inter-Bold.woff2)format("woff2");font-display:swap;font-weight:650 900}.kara-remote-document{color:#fff;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;background:#171313;margin:0;overflow:hidden}.remote-app{--r-bg:#171313;--r-surface:#272020;--r-border:#ffffff20;--r-text:#fff8f3;--r-muted:#c3b8b3;--r-accent:#ff4a3d;--r-green:#46de88;min-height:100dvh;color:var(--r-text);background:radial-gradient(ellipse at 95% 0, #85252133, transparent 55%), var(--r-bg);box-sizing:border-box;isolation:isolate;font-family:KaraRemote,Radio Canada Big,system-ui,sans-serif;font-size:16px}.remote-app *,.remote-app :before,.remote-app :after{box-sizing:border-box}.remote-app button,.remote-app input,.remote-app select,.remote-app textarea{font:inherit}.remote-app button,.remote-app a{touch-action:manipulation}.remote-app button{color:inherit;cursor:pointer;background:var(--r-surface);border:1px solid var(--r-border);border-radius:15px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 14px;transition:background .16s,transform .16s,border-color .16s;display:inline-flex}.remote-app button:hover{background:#44302e;border-color:#ff897760}.remote-app button:active{transform:scale(.97)}.remote-app button:disabled{opacity:.42;cursor:default;transform:none}.remote-app button:focus-visible,.remote-app input:focus-visible,.remote-app textarea:focus-visible,.remote-app select:focus-visible{outline-offset:3px;outline:3px solid #ffda7e}.remote-app h1,.remote-app h2,.remote-app h3,.remote-app p{margin:0}.remote-app h1{letter-spacing:-.04em;font-size:clamp(26px,4vw,46px);line-height:1.07}.remote-app h2{letter-spacing:-.02em;font-size:22px;line-height:1.1}.remote-app h3{font-size:18px;line-height:1.15}.remote-app svg{stroke-width:2px;flex:none;width:22px;height:22px}.remote-muted{color:var(--r-muted);font-size:14px;line-height:1.45}.remote-error{color:#ffbbb4;background:#ff38311a;border:1px solid #ff726e60;border-radius:12px;padding:12px;font-size:14px;line-height:1.4}.remote-success{color:var(--r-green)}.remote-eyebrow{text-transform:uppercase;letter-spacing:.12em;color:#ffb4a2;font-size:12px;font-weight:800}.remote-app .remote-primary{color:#fff;background:linear-gradient(145deg,#ff5144,#b80710);border-color:#ff928655;min-height:52px;font-weight:800;box-shadow:inset 0 1px #ffffff40,0 5px 16px #ad151a30}.remote-app .remote-primary:hover{background:linear-gradient(145deg,#ff7066,#da101d)}.remote-app .remote-danger{color:#ff9a91;background:#671f2630;border-color:#fa685c65}.remote-app .remote-green{color:#fff;background:linear-gradient(145deg,#248b48,#0c5e33)}.remote-app .remote-blue{color:#fff;background:linear-gradient(145deg,#187dcc,#214386)}.remote-app .remote-gold{color:#fff;background:linear-gradient(145deg,#b77813,#875022)}.remote-app .remote-back{min-height:32px;color:var(--r-muted);background:0 0;border:0;justify-content:flex-start;align-self:start;padding:0}.remote-device-setup{flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100dvh;padding:32px 20px;display:flex;overflow:auto}.remote-setup-brand{letter-spacing:-.04em;align-items:center;gap:10px;font-size:29px;font-weight:900;display:flex}.remote-setup-brand img{object-fit:contain;width:62px;height:62px}.remote-setup-card{border:1px solid var(--r-border);background:#241c1cec;border-radius:28px;flex-direction:column;gap:18px;width:min(100%,640px);padding:clamp(22px,4vw,36px);display:flex;box-shadow:0 24px 100px #0005}.remote-role-options,.remote-download-options{gap:12px;display:grid}.remote-role-options button{text-align:left;border-radius:20px;grid-template-columns:32px minmax(0,1fr) 22px;justify-content:stretch;gap:5px 13px;padding:20px;display:grid}.remote-role-options button>svg:first-child{color:#ff9e88;grid-row:1/3;width:30px;height:30px}.remote-role-options strong{font-size:21px}.remote-role-options span{color:var(--r-muted);grid-column:2;font-size:14px;line-height:1.4}.remote-role-options button>svg:last-child{grid-area:1/3/3}.remote-download-options button{text-align:left;justify-content:stretch;gap:13px;padding:15px}.remote-download-options button span{flex:1;gap:4px;display:grid}.remote-download-options small{color:var(--r-muted);font-size:13px}.remote-download-options i{border:2px solid #8e7873;border-radius:50%;width:18px;height:18px}.remote-download-options .selected{border-color:var(--r-accent);background:#ff4b3920}.remote-download-options .selected i{background:#ff4b39;border-color:#ff705e;box-shadow:inset 0 0 0 3px #241c1c}.remote-field{gap:8px;min-width:0;font-weight:700;display:grid}.remote-field input,.remote-field textarea,.remote-field select,.remote-app input[type=search]{color:#fff8f3;background:#140f0f;border:1px solid #ffffff28;border-radius:12px;width:100%;min-height:46px;padding:13px 14px;font-size:16px}.remote-field small{color:var(--r-muted);font-weight:400;line-height:1.4}.remote-field textarea{resize:vertical;min-height:90px}.remote-header{padding:max(14px, env(safe-area-inset-top)) max(18px, env(safe-area-inset-right)) 14px max(18px, env(safe-area-inset-left));border-bottom:1px solid var(--r-border);background:#1b1515;justify-content:space-between;align-items:center;gap:12px;display:flex}.remote-header>div{align-items:center;gap:10px;min-width:0;display:flex}.remote-header img{object-fit:contain;width:42px;height:42px}.remote-header h1{letter-spacing:-.035em;font-size:24px}.remote-header small{color:var(--r-muted);font-size:12px}.remote-status{color:var(--r-muted);text-transform:capitalize;align-items:center;gap:7px;font-size:12px;display:flex}.remote-status:before{content:"";background:#b09084;border-radius:50%;width:7px;height:7px}.remote-status[data-status=connected]:before{background:var(--r-green)}.remote-layout{flex-direction:column;height:100dvh;display:flex;overflow:hidden}.remote-body{flex:1;min-height:0;padding:18px;scroll-padding:20px;overflow:auto}.remote-connect{gap:20px;max-width:760px;margin:0 auto;display:grid}.remote-connect-heading{gap:9px;display:grid}.remote-connection-tabs{flex-wrap:wrap;gap:7px;display:flex}.remote-connection-tabs button{white-space:nowrap;flex:1;padding:10px 12px;font-size:14px}.remote-connection-tabs .selected,.remote-tabs .selected{color:#fff;background:#ae161e;border-color:#ff544e}.remote-card{border:1px solid var(--r-border);background:var(--r-surface);border-radius:20px;gap:14px;min-width:0;padding:18px;display:grid}.remote-inline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.remote-inline>.remote-field{flex:1;min-width:160px}.remote-qr{border-radius:12px;width:220px;max-width:100%;height:auto;margin:4px auto;display:block}.remote-invitation{gap:12px;display:grid}.remote-invitation textarea{min-height:82px;font-family:ui-monospace,monospace;font-size:12px}.remote-history{gap:8px;display:grid}.remote-history button{text-align:left;justify-content:space-between;gap:15px;padding:14px;display:flex}.remote-history button>span{gap:4px;min-width:0;display:grid}.remote-history small{text-overflow:ellipsis;white-space:nowrap;color:var(--r-muted);font-size:12px;overflow:hidden}.remote-toast{color:#ffdfb4;overflow-wrap:anywhere;background:#60451255;border:1px solid #ffba5d40;border-radius:12px;margin:12px 18px 0;padding:10px 13px;font-size:14px}.remote-tabs{padding:10px max(14px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));border-top:1px solid var(--r-border);background:#1b1515;flex:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.remote-tabs button{border-radius:14px;flex-direction:column;gap:4px;min-height:58px;padding:8px 4px;font-size:12px;display:flex}.remote-control-layout{grid-template-columns:1fr;gap:16px;max-width:1080px;margin:0 auto;display:grid}.remote-now{text-align:center;background:linear-gradient(150deg,#60171955,#1f1818);border:1px solid #ff8a5c35;border-radius:20px;gap:7px;min-width:0;padding:18px 20px;display:grid}.remote-now h2{color:#ffcf69;overflow-wrap:anywhere;font-size:clamp(20px,3vw,30px)}.remote-now>p{color:#93d49a;font-size:15px}.remote-lyrics{align-content:center;gap:7px;min-height:65px;padding-top:12px;font-size:clamp(17px,2.4vw,25px);font-weight:700;display:grid}.remote-lyrics p{color:#b8aba4}.remote-lyrics p:first-child{color:#fff8ec}.remote-transport{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.remote-transport button{flex-direction:column;min-height:58px;font-size:12px;font-weight:700}.remote-seek{color:var(--r-muted);grid-template-columns:38px minmax(0,1fr) 38px;align-items:center;gap:9px;font-size:12px;display:grid}.remote-app input[type=range]{accent-color:#ff4a3d;cursor:pointer;width:100%;min-width:0;min-height:30px}.remote-adjustments{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.remote-stepper{border:1px solid var(--r-border);text-align:center;background:#211a1a;border-radius:15px;gap:4px;padding:9px 6px;display:grid}.remote-stepper>span{color:var(--r-muted);font-size:12px}.remote-stepper>div{grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:2px;display:grid}.remote-stepper button{background:0 0;border:0;border-radius:10px;min-height:36px;padding:4px;font-size:21px}.remote-stepper strong{font-size:17px}.remote-code{background:#201915;border:1px solid #ffc35940;border-radius:16px;grid-template-columns:minmax(0,1fr) 42px;align-items:center;gap:3px;padding:12px;display:grid}.remote-code>strong{font-variant-numeric:tabular-nums;text-align:center;letter-spacing:.07em;color:#ffc947;font-size:clamp(28px,4vw,40px)}.remote-code>span{text-align:center;color:var(--r-muted);white-space:nowrap;text-overflow:ellipsis;grid-column:1/-1;font-size:13px;overflow:hidden}.remote-pad{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.remote-pad button{border-radius:16px;min-height:clamp(48px,8vh,76px);font-size:24px;font-weight:800;box-shadow:inset 0 1px #ffffff18}.remote-reserve-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.remote-reserve-actions button{flex-direction:column;gap:4px;min-height:54px;padding:8px 4px;font-size:12px;font-weight:800}.remote-media-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.remote-media-actions button{flex-direction:column;min-height:56px;padding:7px 3px;font-size:12px}.remote-mic-meter{background:#090808;border-radius:5px;height:7px;overflow:hidden}.remote-mic-meter i{background:linear-gradient(90deg,#38c778,#efd64f,#fa5043);width:0;height:100%;transition:width .1s linear;display:block}.remote-section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.remote-section-heading h2{font-size:23px}.remote-song-list{gap:9px;display:grid}.remote-song-row{border:1px solid var(--r-border);background:#282121;border-radius:15px;align-items:center;gap:10px;min-width:0;padding:12px;display:flex}.remote-song-row>div{flex:1;gap:4px;min-width:0;display:grid}.remote-song-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-weight:750;display:block;overflow:hidden}.remote-song-row small{color:var(--r-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.remote-song-row>button{border-radius:12px;flex:none;min-width:40px;min-height:40px;padding:8px}.remote-song-row .remote-song-play{color:#fff;background:linear-gradient(145deg,#ff5144,#aa0a15)}.remote-row-actions{flex:none;gap:6px;display:flex}.remote-row-actions button{min-width:34px;min-height:36px;padding:7px}.remote-empty{text-align:center;color:var(--r-muted);justify-items:center;gap:14px;padding:36px 20px;display:grid}.remote-empty>svg{color:#ff9682;width:42px;height:42px}.remote-search{gap:14px;max-width:1080px;margin:auto;display:grid}.remote-search form{background:var(--r-bg);z-index:1;gap:8px;padding:10px 0;display:flex;position:sticky;top:-18px}.remote-search input{flex:1;min-width:0}.remote-settings{gap:14px;max-width:900px;margin:auto;display:grid}.remote-background-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.remote-background-choices .selected{color:#fff;background:#732320;border-color:#ff755c}.remote-background-choices button{text-align:center;overflow-wrap:anywhere;font-size:13px}.remote-setting-row{justify-content:space-between;align-items:center;gap:16px;min-height:42px;display:flex}.remote-setting-row label{min-width:110px;font-size:14px}.remote-setting-row input[type=range],.remote-setting-row select{max-width:220px}.remote-setting-row select{color:#fff;background:#181111;border:1px solid #ffffff30;border-radius:10px;max-width:55%;padding:9px;font-size:14px}.remote-toggle{flex:none;width:48px;height:29px;display:block;position:relative}.remote-toggle input{opacity:0;z-index:1;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.remote-toggle i{pointer-events:none;background:#655a57;border-radius:20px;transition:background .16s;position:absolute;inset:0}.remote-toggle i:after{content:"";background:#fff;border-radius:50%;width:23px;height:23px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0005}.remote-toggle input:checked+i{background:#21a956}.remote-toggle input:checked+i:after{transform:translate(19px)}.remote-toggle input:focus-visible+i{outline-offset:3px;outline:3px solid #ffda7e}.remote-scan{inset:max(14px, env(safe-area-inset-top)) max(14px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));z-index:300;border:1px solid var(--r-border);background:#171313;border-radius:24px;flex-direction:column;gap:14px;padding:18px;display:flex;position:fixed;box-shadow:0 0 0 100vmax #000c}.remote-scan header{justify-content:space-between;align-items:center;gap:12px;display:flex}.remote-scan h2{align-items:center;gap:9px;display:flex}.remote-scan video{object-fit:contain;background:#070606;border-radius:18px;flex:1;width:100%;min-height:0}.remote-scan p{font-size:14px;line-height:1.4}.remote-host-panel{color:var(--r-text);background:0 0;gap:14px;max-width:800px;min-height:0;margin:auto;display:grid}.remote-host-panel .remote-card{background:#241c1c}.remote-peer{gap:11px;display:grid}.remote-peer header{justify-content:space-between;align-items:center;gap:10px;display:flex}.remote-peer header>div{gap:3px;display:grid}.remote-permissions{grid-template-columns:1fr 1fr;gap:10px;font-size:13px;display:grid}.remote-permissions label{justify-content:space-between;align-items:center;gap:8px;display:flex}.remote-fingerprint{overflow-wrap:anywhere;color:var(--r-muted);font-family:ui-monospace,monospace;font-size:11px}.remote-record-draft{justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.remote-record-draft strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.remote-record-draft>span{flex:1;min-width:0}.remote-record-draft>span>strong,.remote-record-draft>span>small{display:block}.remote-confirm{z-index:350;background:#281e1e;border:1px solid #ffffff30;border-radius:24px;gap:18px;width:min(92vw,440px);padding:24px;display:grid;position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #000a}.remote-confirm .remote-inline{justify-content:flex-end}.remote-room-code{font-variant-numeric:tabular-nums;text-align:center;color:#ffd78b;font-size:28px}.remote-handoff-progress{color:#ffe2ad;background:#553923;border-bottom:1px solid #ffd48e50;flex:none;justify-content:space-between;align-items:center;gap:10px;padding:12px 18px;font-size:13px;display:flex}.remote-handoff-progress button{white-space:nowrap;min-height:36px;padding:6px 10px}@media (orientation:landscape) and (min-width:700px){.remote-body{padding:14px 20px}.remote-control-layout{grid-template-columns:minmax(0,1.2fr) minmax(250px,.8fr);gap:20px}.remote-control-main,.remote-control-pad{align-content:start;gap:12px;display:grid}.remote-pad button{min-height:clamp(44px,10vh,70px)}.remote-tabs{padding-top:7px;padding-bottom:max(7px, env(safe-area-inset-bottom));justify-content:center;display:flex}.remote-tabs button{flex-direction:row;min-width:130px;min-height:44px;padding:7px 14px;font-size:13px}.remote-header{padding-top:max(9px, env(safe-area-inset-top));padding-bottom:9px}.remote-header img{width:32px;height:32px}.remote-now{min-height:140px}.remote-device-setup{flex-direction:row;gap:32px}.remote-setup-brand{flex-direction:column;align-self:center}.remote-setup-brand img{width:130px;height:130px}.remote-setup-card{max-height:calc(100dvh - 40px);overflow:auto}}@media (min-width:1400px){.remote-control-layout{grid-template-columns:minmax(0,1.3fr) minmax(380px,.7fr);max-width:1280px}.remote-app{font-size:18px}.remote-pad button{min-height:88px}.remote-tabs button{min-width:180px}}@media (max-width:360px){.remote-body{padding:12px}.remote-song-row{gap:6px;padding:10px 8px}.remote-song-row strong{font-size:14px}.remote-song-row>button{min-width:34px;padding:6px}.remote-header h1{font-size:20px}.remote-header>button{padding:8px;font-size:12px}.remote-adjustments{gap:5px}.remote-stepper strong{font-size:15px}}@media (prefers-reduced-motion:reduce){.remote-app *,.remote-app :before,.remote-app :after{transition:none!important;animation:none!important}}.kara-app .kara-sheet.remote-host-sheet.player-sheet{width:min(100vw,900px);max-width:100vw}.kara-app .kara-sheet.remote-host-sheet:is(.player-sheet,.song-sheet) .sheet-scroll{display:block}@media (orientation:landscape){.kara-app .kara-sheet.remote-host-sheet.player-sheet{width:clamp(420px,54vw,900px);height:100dvh;max-height:100dvh;margin:0;top:0;bottom:0;right:0}}@media (orientation:portrait){.kara-app .kara-sheet.remote-host-sheet.player-sheet{width:100vw;height:54dvh;max-height:72dvh}}.remote-host-panel .remote-invitation{grid-template-columns:minmax(0,1fr);justify-items:center;display:grid}.remote-host-panel .remote-invitation .remote-qr{width:auto;max-width:100%;height:auto}.remote-host-panel>*,.remote-recording-copies label{min-width:0}.remote-recording-copies select{width:100%;min-width:0;max-width:100%}.remote-advanced summary{cursor:pointer;align-items:center;min-height:44px;font-weight:700;display:flex}.singing-input meter{width:100%;height:18px}.singing-input small{display:block}.remote-qualification{gap:6px;margin:12px 0 0;display:grid}.remote-qualification div{justify-content:space-between;gap:16px;display:flex}.remote-qualification dd{font-variant-numeric:tabular-nums;margin:0}.remote-emergency{z-index:15;background:var(--r-bg,#211b1b);flex-wrap:wrap;gap:8px;padding:8px;display:flex;position:sticky;top:0}.remote-emergency button{flex:100px;min-height:44px}.remote-app button:focus-visible,.remote-app input:focus-visible,.remote-app select:focus-visible,.remote-app summary:focus-visible{outline-offset:3px;outline:3px solid #ffcc64}.graphics-low .remote-app *,.graphics-low .remote-toggle-row input:after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){.remote-app *,.remote-toggle-row input:after{transition:none!important;animation:none!important}}