@font-face{font-family:Vazirmatn;font-style:normal;font-weight:300 900;font-display:swap;src:url(./Vazirmatn-VariableFont_wght-CIhnDGAR.ttf)format("truetype")}:root{--bg:#000;--surface-1:#18181ce6;--surface-2:#28282ef0;--surface-3:#38383ef0;--over-video:#0d0d0feb;--sheet:#0a0a0b;--lift:0 24px 60px #00000080, inset 0 0 0 1px #ffffff1a;--z-notice:10;--z-panel:20;--z-sheet:30;--z-pointer:34;--z-popup:40;--z-above:50;--text:#fffffff5;--text-2:#ffffff9e;--text-3:#ffffff75;--on-focus:#101013;--on-accent:#fff;--accent:#3e91ff;--control-on:#3e91ff;--accent-dim:#3e91ff2e;--focus:#fff;--danger:#ff6b6b;--warn:#ffc453;--warn-dim:#ffc45329;--line:#ffffff17;--tonal:#ffffff1c;--r-pill:999px;--r-lg:28px;--r-md:18px;--r-sm:10px;--s1:8px;--s2:16px;--s3:24px;--s4:32px;--s5:48px;--s6:64px;--safe-x:48px;--safe-y:40px;--row-h:calc(var(--row-base) * var(--scale));--rail-w:424px;--list-w:608px;--panel-w:calc(var(--rail-w) + var(--list-w) + var(--s4));--scale:1;--t-hero:calc(48px * var(--scale));--t-title:calc(34px * var(--scale));--t-section:calc(28px * var(--scale));--t-body:calc(24px * var(--scale));--t-label:calc(22px * var(--scale));--t-caption:calc(20px * var(--scale));--lh:1.35;--font:"Vazirmatn", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ease:cubic-bezier(.22, .25, 0, 1);--ease-enter:cubic-bezier(0, 0, .2, 1);--ease-exit:cubic-bezier(.4, 0, 1, 1);--t-fast:.15s;--t-med:.25s;--t-panel:.18s}@media (prefers-reduced-motion:reduce){:root{--t-fast:0s;--t-med:0s;--t-panel:0s}.playing-dot.live:after{opacity:0;animation:none}.spinner{animation:none}}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--text);font-family:var(--font);font-size:var(--t-body);line-height:var(--lh);user-select:none;cursor:default;margin:0;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer}.app{width:100%;height:100%;position:relative;overflow:hidden}.app:-webkit-full-screen{background:var(--bg);width:100vw;height:100vh}.app:fullscreen{background:var(--bg);width:100vw;height:100vh}.video{object-fit:contain;background:#000;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.video:-webkit-full-screen{width:100%;height:100%}.video:fullscreen{width:100%;height:100%}html.tizen,html.tizen body,html.tizen #root,html.tizen .app{background:0 0}.icon{flex:none;width:1.05em;height:1.05em;display:block}.btn,.chip{justify-content:center;align-items:center;gap:var(--s1);min-height:64px;padding:0 var(--s3);border-radius:var(--r-pill);color:var(--text-2);font-size:var(--t-label);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);background:0 0;border:0;display:inline-flex}.btn.flat{background:0 0}.btn.tonal{background:var(--tonal);color:var(--text)}.btn.filled{background:var(--accent);color:var(--on-accent)}.btn.wide{width:100%}.btn.danger{color:var(--danger)}.btn.danger:focus{color:var(--on-focus)}.chip{background:0 0}.chip.on{background:var(--control-on);color:var(--on-accent)}.btn:focus,.chip:focus{background:var(--focus);color:var(--on-focus);outline:none}.btn:disabled{opacity:.4}.btn:disabled:focus{opacity:.75}.panel{z-index:var(--z-panel);height:100%;width:var(--panel-w);--panel-shadow-w:104px;background-color:var(--over-video);transition:transform var(--t-panel) var(--ease-enter);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:auto}.panel:after{content:"";width:var(--panel-shadow-w);pointer-events:none;background:linear-gradient(90deg,#00000080,#0000);height:100%;position:absolute;top:0;left:100%}.panel-bar{justify-content:space-between;align-items:center;gap:var(--s3);padding:var(--safe-y) var(--s3) var(--s1) var(--safe-x);border-bottom:1px solid var(--line);flex:none;display:flex}.panel-keys{align-items:center;gap:var(--s2);display:flex}.brand{align-items:center;gap:var(--s2);min-width:0;display:flex}.brand-mark{width:calc(34px * var(--scale));height:calc(34px * var(--scale));flex:none}.panel-cols{flex:1;min-height:0;display:flex}.panel.away{transform:translateX(calc(-100% - var(--panel-shadow-w)));pointer-events:none;transition:transform var(--t-panel) var(--ease-exit)}.rail,.list{height:100%;padding:var(--s1) 0 0;flex-direction:column;display:flex;position:relative;overflow:hidden}.rail{width:var(--rail-w);padding-left:var(--safe-x)}.list{width:var(--list-w);padding-left:var(--s3);border-left:1px solid var(--line)}.viewport{min-height:0;padding-right:var(--s2);flex:1;position:relative;overflow:hidden}.window{top:0;left:0;right:var(--s2);position:absolute}.window .row{width:100%;position:absolute;left:0}.pane-head-label{align-items:center;gap:var(--s2);flex:auto;min-width:0;display:flex}.pane-head{justify-content:space-between;align-items:center;gap:var(--s2);min-height:56px;margin-bottom:var(--s2);padding-right:var(--s2);display:flex}.panel-title{text-align:left;min-width:0;color:var(--text-3);font-size:var(--t-caption);letter-spacing:.06em;text-overflow:ellipsis;white-space:nowrap;flex:auto;margin:0;font-weight:600;display:block;overflow:hidden}.rail-brand{color:var(--text-3);font-size:var(--t-caption);letter-spacing:.06em;margin:0}.panel-key{justify-content:center;align-items:center;gap:var(--s1);height:52px;padding:0 var(--s2);border-radius:var(--r-pill);background:var(--tonal);color:var(--text-2);font-size:var(--t-caption);transition:background var(--t-fast) var(--ease), color var(--t-fast) var(--ease);border:0;flex:none;display:flex}.panel-key .icon{width:24px;height:24px}.panel-key.selected{background:var(--focus);color:var(--on-focus);outline:none}.panel-key:focus{outline:none}.panel-key.on{background:var(--control-on);color:var(--on-accent)}.panel-key.on.selected{background:var(--focus);color:var(--on-focus)}.row{align-items:center;gap:var(--s2);width:100%;min-height:var(--row-h);padding:var(--s1) var(--s2);border-radius:var(--r-md);color:var(--text-2);text-align:left;background:0 0;border:0;display:flex;position:relative}.pane:not(.focused) .row.showing{color:var(--text)}.pane:not(.focused) .row.showing:before{content:"";border-radius:var(--r-pill);background:var(--accent);width:4px;height:38%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.pane.focused .row.selected{background:var(--focus);color:var(--on-focus);outline:none}.row:focus{outline:none}.row-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.row-label.two-line{-webkit-line-clamp:2;white-space:normal;text-overflow:clip;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box}.count,.ch-badge{padding:2px var(--s1);border-radius:var(--r-pill);background:var(--tonal);color:var(--text-2);font-size:var(--t-caption);font-variant-numeric:tabular-nums;flex:none}.count{text-align:center;min-width:44px}.pane-head .count{min-width:0;color:var(--text-3);letter-spacing:.06em;background:0 0;border-radius:0;padding:0}.pane.focused .row.selected .count,.pane.focused .row.selected .ch-badge{color:#0000009e;background:#0000001f}.search{align-items:center;gap:var(--s2);min-width:0;height:52px;padding:0 var(--s2);border-radius:var(--r-pill);background:var(--tonal);color:var(--text-2);flex:1;display:flex}.search-icon{flex:none;display:flex}.search-icon .icon{width:24px;height:24px}.search-field{min-width:0;color:inherit;font:inherit;font-size:var(--t-label);background:0 0;border:0;flex:1;padding:0}.search-field:focus{outline:none}.search-field::placeholder{color:var(--text-3)}.search.focused{background:var(--focus);color:var(--on-focus)}.search.focused .search-field::placeholder{color:#00000073}.search.focused .count{color:#0000009e;background:#0000001f}.ch-number{width:calc(1ch * var(--ch-digits,4));color:var(--text-3);font-size:var(--t-label);font-variant-numeric:tabular-nums;text-align:left;flex:none}.pane.focused .row.selected .ch-number{color:#00000080}.ch-logo{width:var(--logo-w);height:var(--logo-h);object-fit:contain;flex:none}.ch-logo.placeholder{color:var(--text-3);font-size:var(--t-label);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:flex}.ch-logo.placeholder .icon{width:34px;height:34px}.pane.focused .row.selected .ch-logo.placeholder{color:#0006}.pb-logo.placeholder{display:none}.ch-star{color:#ffc453;flex:none;display:flex}.playing-dot{background:var(--accent);border-radius:50%;flex:none;width:12px;height:12px;position:relative}.playing-dot.live:after{content:"";background:var(--accent);animation:live-pulse 2s var(--ease-exit) infinite;border-radius:50%;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes live-pulse{0%{opacity:.5;transform:scale(1)}70%,to{opacity:0;transform:scale(2.8)}}.pane.focused .row.selected .playing-dot.live:after{opacity:.7}.scrollbar{top:calc(var(--safe-y) + var(--s5));border-radius:var(--r-pill);opacity:0;width:4px;transition:opacity var(--t-med) linear;background:#ffffff1a;position:absolute;bottom:0;right:6px}.scrollbar.show{opacity:1}.scrollbar-thumb{border-radius:var(--r-pill);width:100%;min-height:40px;transition:transform var(--t-fast) var(--ease);background:#ffffff8c;position:absolute;left:0}.clock{z-index:var(--z-notice);top:var(--safe-y);right:var(--safe-x);padding:var(--s1) var(--s2);border-radius:var(--r-pill);background:var(--surface-1);font-size:var(--t-section);font-variant-numeric:tabular-nums;color:var(--text);position:absolute}.digits{top:var(--safe-y);padding:var(--s2) var(--s4);border-radius:var(--r-lg);background:var(--surface-1);font-size:var(--t-hero);font-variant-numeric:tabular-nums;letter-spacing:.12em;z-index:var(--z-above);position:absolute;left:50%;transform:translate(-50%)}.toast{left:50%;bottom:calc(var(--safe-y) + 240px);max-width:1100px;padding:var(--s2) var(--s3);border-radius:var(--r-pill);background:var(--surface-2);color:var(--text);font-size:var(--t-label);z-index:var(--z-above);position:absolute;transform:translate(-50%)}.toast.warn{color:var(--danger)}.splash{justify-content:center;align-items:center;gap:var(--s2);flex-direction:column;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.splash-mark{width:calc(148px * var(--scale));height:calc(148px * var(--scale));border-radius:var(--r-lg)}.splash h1{font-size:var(--t-hero);margin:0;font-weight:600}.splash p{color:var(--text-2);font-size:var(--t-body);margin:0}.hints.splash-keys{margin-top:var(--s2)}.hints.onboard-foot{margin-top:var(--s4)}.spinner{border:4px solid #ffffff29;border-top-color:var(--focus);border-radius:50%;width:54px;height:54px;animation:.9s linear infinite spin}.spinner.small{border-width:3px;border-top-color:var(--accent);flex:none;width:24px;height:24px}@keyframes spin{to{transform:rotate(360deg)}}.hints{align-items:center;gap:var(--s1) var(--s4);color:var(--text-2);font-size:var(--t-caption);--key:1.6em;flex-wrap:wrap;display:flex}.hints span{align-items:center;display:inline-flex}.hints.ruled{padding-top:var(--s2);border-top:1px solid var(--line)}.hints.panel-hints{margin:0 var(--s3) var(--safe-y) var(--safe-x);flex:none;justify-content:center}.hints kbd{height:var(--key);min-width:var(--key);border-radius:var(--r-sm);background:var(--tonal);color:var(--text);font:inherit;flex:none;justify-content:center;align-items:center;padding:0 6px;line-height:1;display:inline-flex}.hints kbd+kbd{margin-left:5px}.hints kbd:last-of-type{margin-right:var(--s1)}.sk{border-radius:var(--r-sm);background:var(--surface-3);animation:sk-pulse 1.4s var(--ease) infinite;display:inline-block}.sk-logo{width:var(--logo-w);height:var(--logo-h)}.sk-title{flex:1;height:20px}@keyframes sk-pulse{0%,to{opacity:.45}50%{opacity:.9}}.empty{padding:var(--s3) var(--s2);color:var(--text-3)}.onboard{background:var(--sheet);z-index:var(--z-sheet);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.onboard-box{width:980px;max-width:calc(100% - var(--safe-x) * 2)}.onboard-box h1{margin:0 0 var(--s2);font-size:var(--t-hero);font-weight:600}.onboard-box .lead{margin:0 0 var(--s4);color:var(--text-2);font-size:var(--t-label)}.onboard-box .btn{margin-top:var(--s4)}.onboard-language{margin-top:var(--s3);justify-content:space-between;align-items:center;display:flex}.onboard-language-label{color:var(--text-2);font-size:var(--t-label)}.onboard-language-options{justify-content:flex-end;gap:var(--s1);flex-wrap:wrap;max-width:820px;display:flex}.language-picker{min-width:320px;position:relative}.language-picker-current{width:100%;min-height:64px;padding:0 var(--s2);border-radius:var(--r-md);background:var(--tonal);color:var(--text);font:inherit;font-size:var(--t-label);text-align:start;border:0;justify-content:space-between;align-items:center;display:flex}.language-picker-current:focus{background:var(--focus);color:var(--on-focus);outline:none}.language-picker-chevron{margin-left:var(--s2);color:var(--text-2)}.language-picker-current:focus .language-picker-chevron{color:var(--on-focus)}.language-picker-list{z-index:var(--z-popup);top:calc(100% + var(--s1));min-width:380px;max-height:480px;padding:var(--s1);border-radius:var(--r-md);background:var(--surface-2);box-shadow:var(--lift);position:absolute;right:0;overflow-y:auto}.language-picker-option{width:100%;min-height:64px;padding:0 var(--s2);border-radius:var(--r-sm);color:var(--text);font:inherit;font-size:var(--t-label);text-align:start;background:0 0;border:0;justify-content:space-between;align-items:center;display:flex}.language-picker-option.selected{background:var(--accent-dim)}.language-picker-option:focus{background:var(--focus);color:var(--on-focus);outline:none}.language-picker-secondary{color:var(--text-2);font-size:var(--t-caption)}.language-picker-option:focus .language-picker-secondary{color:#0000008c}html[dir=rtl] .language-picker-list{left:0;right:auto}.sheet{z-index:var(--z-sheet);background:var(--sheet);animation:fade-in var(--t-med) linear;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes fade-in{0%{opacity:0}}.sheet-rail{width:var(--rail-w);padding:calc(var(--safe-y) + var(--s3)) var(--s2) var(--safe-y) var(--safe-x);flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden}.sheet-rail h2{margin:0 0 var(--s3) var(--s2);font-size:var(--t-hero);font-weight:600}.sheet-rail .rail-scroll .row{margin-right:var(--s2)}.sheet-rail .rail-scroll{flex:1;overflow-y:auto}.sheet-rail .sheet-lead{margin:var(--s3) 0 0 var(--s2)}.hints.sheet-hints{align-items:flex-start;gap:var(--s1);margin:var(--s3) 0 0 var(--s2);flex-direction:column}.sheet-body{padding:calc(var(--safe-y) + var(--s3)) var(--safe-x) var(--safe-y) var(--s5);border-left:1px solid var(--line);flex:1;overflow-y:auto}.sheet-body::-webkit-scrollbar{width:4px}.sheet-body::-webkit-scrollbar-track{background:0 0}.sheet-body::-webkit-scrollbar-thumb{border-radius:var(--r-pill);background:#ffffff4d}.sheet-body h3{margin:0 0 var(--s1);font-size:var(--t-title);font-weight:600}.sheet-lead{margin:0 0 var(--s3);color:var(--text-2);font-size:var(--t-label)}.about p,.about h4{line-height:calc(32px * var(--scale))}.field{gap:var(--s3);min-height:92px;padding:var(--s2) 0;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.field-label{font-size:var(--t-body)}.field-hint{color:var(--text-2);font-size:var(--t-caption);margin-top:2px;display:block}.field-control{gap:var(--s1);flex-wrap:wrap;flex:none;justify-content:flex-end;max-width:820px;display:flex}.switch{align-items:center;gap:var(--s2);min-height:64px;padding:0 var(--s1) 0 var(--s3);border-radius:var(--r-pill);color:var(--text-2);font-size:var(--t-label);background:0 0;border:0;flex-direction:row-reverse;display:inline-flex}.switch-track{border-radius:var(--r-pill);width:62px;height:34px;transition:background var(--t-fast) var(--ease);background:#fff3;padding:3px}.switch-knob{width:28px;height:28px;transition:transform var(--t-fast) var(--ease);background:#fff;border-radius:50%;display:block}.switch.on .switch-track{background:var(--control-on)}.switch.on .switch-knob{transform:translate(28px)}.switch:focus{background:var(--focus);color:var(--on-focus);outline:none}.preview{margin-top:var(--s3);padding:var(--s3);border-radius:var(--r-lg);background:var(--surface-1);font-size:var(--t-section)}.pl{gap:var(--s1);margin-bottom:var(--s1);padding:var(--s1);border-radius:var(--r-lg);background:var(--surface-1);align-items:stretch;display:flex}.pl.active{position:relative}.pl.active:before{content:"";border-radius:var(--r-pill);background:var(--accent);width:4px;height:44%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.tag{margin-left:var(--s1);padding:1px var(--s1);border-radius:var(--r-pill);background:var(--accent);color:var(--on-accent);font-size:var(--t-caption)}.pl-main{min-width:0;min-height:72px;padding:var(--s1) var(--s2);border-radius:var(--r-md);text-align:left;background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;gap:2px;display:flex}.pl .btn{align-self:center}.pl-main:focus{background:var(--focus);color:var(--on-focus);outline:none}.pl-main:focus .pl-url{color:#0009}.pl-title{font-size:var(--t-label);align-items:center;display:flex}.pl-main:focus .tag{background:var(--on-focus);color:var(--focus)}.pl-url{color:var(--text-3);font-size:var(--t-caption);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.form{gap:var(--s1);margin-top:var(--s2);flex-direction:column;display:flex}.field-problem{color:var(--danger);font-size:var(--t-caption);margin:0}input.wrong{border-color:var(--danger)}.form label{color:var(--text-2);font-size:var(--t-caption)}.form input{min-height:72px;padding:0 var(--s3);border-radius:var(--r-md);background:var(--surface-2);color:var(--text);font:inherit;font-size:var(--t-label);user-select:text;border:0}.form input:focus{background:var(--surface-3);box-shadow:inset 0 0 0 2px var(--accent);outline:none}.actions{gap:var(--s1);margin-top:var(--s2);display:flex}.about{gap:var(--s5);justify-content:space-between;align-items:flex-start;display:flex}.about h4{margin:0 0 var(--s1);font-size:var(--t-title);font-weight:600}.about p{color:var(--text-2);font-size:var(--t-label);margin:2px 0}.about .link{color:var(--accent);word-break:break-all}.about .qr{width:260px;height:260px;padding:var(--s2);border-radius:var(--r-lg);background:#fff;flex:none}.diag-facts{gap:var(--s1) var(--s4);margin-top:var(--s2);grid-template-columns:repeat(2,1fr);display:grid}.diag-fact{gap:var(--s2);padding:var(--s1) 0;border-bottom:1px solid var(--surface-2);font-size:var(--t-label);grid-template-columns:200px 1fr;align-items:baseline;display:grid}.diag-label{color:var(--text-3)}.diag-value{color:var(--text);word-break:break-word}.diag-heading{margin:var(--s4) 0 var(--s1);font-size:var(--t-title);font-weight:600}.diag-keys{gap:var(--s1) var(--s2);margin-top:var(--s2);grid-template-columns:repeat(4,1fr);display:grid}.diag-press{gap:var(--s1);padding:var(--s1) var(--s2);border-radius:var(--r-md);background:var(--surface-1);font-size:var(--t-label);grid-template-columns:90px 1fr;align-items:baseline;display:grid}.diag-code{color:var(--accent);font-variant-numeric:tabular-nums;font-weight:600}.diag-name{color:var(--text-2);word-break:break-word}.pad{right:var(--safe-x);align-items:center;gap:var(--s2);width:208px;padding:var(--s2);border-radius:var(--r-lg);background:var(--surface-1);box-shadow:var(--lift);opacity:.35;touch-action:none;cursor:grab;transition:opacity var(--t-fast) linear;z-index:var(--z-pointer);flex-direction:column;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.pad:hover,.pad:focus-within,.pad:active{opacity:1}.pad:active{cursor:grabbing}.pad-wheel{background:var(--surface-2);border-radius:50%;width:176px;height:176px;position:relative}.pad-dir{cursor:pointer;background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;display:flex;position:absolute}.pad-dir:hover,.pad-dir:focus{background:var(--tonal);color:var(--text);outline:none}.pad-up{top:2px;left:61px}.pad-down{bottom:2px;left:61px}.pad-left{top:61px;left:2px}.pad-right{top:61px;right:2px}.pad-up .chev{transform:rotate(45deg)translate(1px,1px)}.pad-down .chev{transform:rotate(-135deg)translate(1px,1px)}.pad-left .chev{transform:rotate(-45deg)translate(1px,1px)}.pad-right .chev{transform:rotate(135deg)translate(1px,1px)}.pad-ok{background:var(--surface-1);width:76px;height:76px;color:var(--text);font-size:var(--t-label);cursor:pointer;border:0;border-radius:50%;font-weight:600;position:absolute;top:50px;left:50px}.pad-ok:hover{background:var(--tonal);color:var(--text);outline:none}.pad-ok:focus{background:var(--focus);color:var(--on-focus);outline:none}.pad-trio{gap:var(--s3);display:flex}.pad-round{background:var(--surface-2);width:56px;height:56px;color:var(--text);cursor:pointer;border:0;border-radius:50%;justify-content:center;align-items:center;display:flex}.pad-round svg{width:24px;height:24px}.pad-round:hover{background:var(--tonal);color:var(--text);outline:none}.pad-round:focus{background:var(--focus);color:var(--on-focus);outline:none}.plate{padding:var(--s4) var(--s5);border-radius:var(--r-lg);background:var(--over-video);box-shadow:var(--lift);text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.picture-state{align-items:center;gap:var(--s2);min-width:340px;z-index:var(--z-notice);flex-direction:column;max-width:860px;display:flex}.picture-state.failed{gap:var(--s1);padding:var(--s5)}.picture-state-mark{width:76px;height:76px;margin-bottom:var(--s1);background:var(--accent-dim);color:var(--accent);border-radius:50%;justify-content:center;align-items:center;display:flex}.picture-state-mark .icon{width:40px;height:40px}.picture-state-mark.warn{background:var(--warn-dim);color:var(--warn)}.picture-state-channel{color:var(--text-2);font-size:var(--t-label);display:block}.picture-state-word{font-size:var(--t-title);margin:0;font-weight:600}.picture-state-note{max-width:640px;color:var(--text-2);font-size:var(--t-label);margin:0}.picture-state-doing{justify-content:center;align-items:center;gap:var(--s2);margin:var(--s2) 0 0;color:var(--accent);font-size:var(--t-label);display:flex}.hints.picture-state-keys{margin-top:var(--s2);justify-content:center;width:100%}.picture-state-code{margin:var(--s2) 0 0;color:var(--text-3);font-size:var(--t-caption)}.pb-stack{bottom:var(--safe-y);left:var(--safe-x);max-width:calc(100% - var(--safe-x) * 2);border-radius:var(--r-lg);background-color:var(--over-video);box-shadow:var(--lift);z-index:var(--z-notice);animation:pb-in var(--t-med) var(--ease-enter);flex-direction:column;display:flex;position:absolute;overflow:hidden}.pb{align-items:center;gap:var(--s3);padding:var(--s3) var(--s4);display:flex}@keyframes pb-in{0%{opacity:0;transform:translateY(16px)}}.pb-number{min-width:108px;padding:var(--s1) var(--s2);border-radius:var(--r-md);background:var(--tonal);color:var(--text);font-size:var(--t-title);font-variant-numeric:tabular-nums;text-align:center;flex:none;font-weight:600}.pb-logo{flex:none;max-height:68px}.pb-id{flex:1;min-width:0}.pb-title{-webkit-line-clamp:2;text-align:left;font-size:var(--t-hero);-webkit-box-orient:vertical;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.pb-meta{align-items:center;gap:var(--s2);color:var(--text-2);font-size:var(--t-label);display:flex}.pb-group{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.pb-quality{padding:1px var(--s1);border-radius:var(--r-sm);background:var(--tonal);font-size:var(--t-caption);flex:none}.panel{box-shadow:inset -1px 0 #ffffff12}.hints.pb-hints{padding:var(--s2) var(--s4);border-top:1px solid var(--line);justify-content:flex-start}.dialog-scrim{z-index:var(--z-popup);animation:fade-in var(--t-med) linear;background:#000000d1;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.dialog{width:940px;max-width:calc(100% - var(--safe-x) * 2);padding:var(--s5);border-radius:var(--r-lg);background:var(--surface-2);box-shadow:var(--lift);text-align:center;animation:rise var(--t-med) var(--ease-enter)}@keyframes rise{0%{transform:translateY(24px)}}.dialog h2{margin:0 0 var(--s2);font-size:var(--t-title);font-weight:600}.dialog p{margin:0 0 var(--s2);color:var(--text-2);font-size:var(--t-label)}.dialog-actions{gap:var(--s1);margin-top:var(--s4);justify-content:center;display:flex}.dialog-actions .btn{min-width:200px}.remote-stage{font-family:var(--font);z-index:999;user-select:none;align-items:flex-end;gap:12px;display:flex;position:fixed;bottom:28px;right:28px}.remote-hud{background:#141416eb;border-radius:999px;align-items:center;gap:8px;padding:6px 8px 6px 14px;display:flex;position:absolute;bottom:calc(100% + 10px);right:0;box-shadow:0 8px 24px #00000080}.remote-last{color:#ffffffb8;white-space:nowrap;font-size:12px}.remote-hide{color:#ffffffb3;background:#ffffff1f;border:0;border-radius:50%;width:22px;height:22px;font-size:15px;line-height:1}.remote{cursor:grab;background:linear-gradient(158deg,#55585c 0%,#3c3f43 22%,#303336 55%,#26282b 100%);border-radius:38px;flex-direction:column;align-items:center;gap:14px;width:172px;padding:16px 0 14px;display:flex;box-shadow:0 30px 70px #0000009e,inset 0 1px #ffffff29,inset 0 0 0 1px #00000059}.remote:active{cursor:grabbing}.remote button,.remote .rk-power,.remote .rk-mic,.remote .rk-round,.remote .rk-app{color:#ffffffd1;background:linear-gradient(#2b2e31,#212326);border:0;box-shadow:inset 0 1px #ffffff17,0 1px 2px #0006}.remote button:hover{color:#fffffff5;background:linear-gradient(#3b3f43,#2e3134)}.remote button:active{color:#16181a;background:#f2f2f2}.remote .inert{opacity:.5;cursor:default}.remote-top{width:100%;padding:0 20px}.remote .rk-power{color:#e0655f;border-radius:999px;justify-content:center;align-items:center;width:42px;height:27px;display:flex}.rk-power svg{width:15px;height:15px}.remote-assist{grid-template-columns:40px 1fr 40px;align-items:center;width:100%;padding:0 20px;display:grid}.rk-123{border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:1px;width:40px;height:40px;display:flex}.rk-123[aria-pressed=true]{color:#16181a;background:#f2f2f2}.rk-123-dots{grid-template-columns:5px 5px;gap:1.5px;display:grid}.rk-123-dots i{border-radius:1px;width:5px;height:5px}.rk-123-dots i:first-child{background:#e05b52}.rk-123-dots i:nth-child(2){background:#4caf6a}.rk-123-dots i:nth-child(3){background:#e8c33c}.rk-123-dots i:nth-child(4){background:#4a8fe0}.rk-123-label{letter-spacing:.04em;font-size:8px}.rk-mic-hole{color:#fff6;letter-spacing:.14em;justify-self:center;font-size:7px}.rk-mic{opacity:.5;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.rk-mic svg{width:16px;height:16px}.dpad{background:radial-gradient(circle at 50% 32%,#4e5257 0%,#3a3d41 58%,#2c2f32 100%);border-radius:50%;width:132px;height:132px;position:relative;box-shadow:inset 0 2px 3px #ffffff21,inset 0 -2px 4px #00000080,0 3px 8px #00000073}.remote .dp{box-shadow:none;background:0 0;justify-content:center;align-items:center;display:flex;position:absolute}.remote .dp:hover{color:#fffffff5;background:#ffffff12}.remote .dp:active{background:#ffffff3d}.dp.up,.dp.down{border-radius:26px 26px 8px 8px;width:52px;height:34px;margin-left:-26px;left:50%}.dp.up{top:3px}.dp.down{border-radius:8px 8px 26px 26px;bottom:3px}.dp.left,.dp.right{width:34px;height:52px;margin-top:-26px;top:50%}.dp.left{border-radius:26px 8px 8px 26px;left:3px}.dp.right{border-radius:8px 26px 26px 8px;right:3px}.chev{border-top:2px solid #ffffff73;border-left:2px solid #ffffff73;width:8px;height:8px}.dp.up .chev{transform:rotate(45deg)translate(1px,1px)}.dp.down .chev{transform:rotate(-135deg)translate(1px,1px)}.dp.left .chev{transform:rotate(-45deg)translate(1px,1px)}.dp.right .chev{transform:rotate(135deg)translate(1px,1px)}.remote .dp:active .chev{border-color:#16181a}.remote .dp.ok{background:radial-gradient(circle at 50% 34%,#3d4145,#25282b);border-radius:50%;width:66px;height:66px;margin:-33px 0 0 -33px;top:50%;left:50%;box-shadow:inset 0 2px 4px #000000a6,inset 0 -1px #ffffff14}.remote .dp.ok:hover{background:radial-gradient(circle at 50% 34%,#4b4f54,#303336)}.remote .dp.ok:active{background:#f2f2f2}.remote-trio{gap:14px;display:flex}.rk-round{border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.rk-round svg{width:19px;height:19px}.remote-rockers{grid-template-columns:1fr auto 1fr;grid-template-areas:"vol ccad ch";place-items:center;gap:8px;padding:2px 18px 0;display:grid}.remote-rockers .rocker:first-of-type{grid-area:vol}.remote-rockers .rocker:last-of-type{grid-area:ch}.rocker{color:#fffc;background:linear-gradient(#2b2e31,#212326);border-radius:999px;flex-direction:column;align-items:center;gap:2px;width:40px;padding:6px 0;font-size:14px;display:flex;box-shadow:inset 0 1px #ffffff14}.rocker>i{background:#ffffff2e;width:14px;height:1px}.remote .rock{width:34px;height:26px;box-shadow:none;background:0 0;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:15px;line-height:1;display:flex}.remote .rock:hover{color:#fffffff5;background:#ffffff17}.rocker-label{color:#ffffff57;letter-spacing:.1em;text-align:center;grid-area:ccad;align-self:center;font-size:7px}.remote-apps{gap:12px;display:flex}.remote-apps.one{margin-top:-6px}.rk-app{opacity:.72;border-radius:50%;width:38px;height:38px}.remote-brand{color:#ffffff6b;letter-spacing:.22em;margin:2px 0 0;font-size:9px;font-weight:600}.keypad{background:#18181bf7;border-radius:22px;width:190px;padding:14px;box-shadow:0 24px 60px #0009}.keypad-title{color:#ffffff6b;letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:10px}.keypad-colours{gap:6px;margin-bottom:10px;display:flex}.ck{border:0;border-radius:5px;flex:1;height:10px}.ck.red{background:#e05b52}.ck.green{background:#4caf6a}.ck.yellow{background:#e8c33c}.ck.blue{background:#4a8fe0}.ck:active{outline:2px solid #fff}.keypad-digits,.keypad-transport{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.keypad-transport{margin-top:10px}.dk{color:#fff;background:#303034;border:0;border-radius:10px;justify-content:center;align-items:center;height:34px;padding:0;font-size:14px;display:flex}.dk:hover{color:#fff;background:#3d3d42}.dk:active{color:#16181a;background:#fff}.remote-open{color:#fff;font-family:var(--font);z-index:999;background:#2a2a2f;border:0;border-radius:999px;padding:10px 18px;font-size:13px;position:fixed;bottom:28px;right:28px;box-shadow:0 8px 24px #00000080}.no-flex-gap .btn>*+*,.no-flex-gap .chip>*+*,.no-flex-gap .panel-key>*+*{margin-left:var(--s1)}.no-flex-gap .panel-keys>*+*,.no-flex-gap .brand>*+*,.no-flex-gap .search>*+*{margin-left:var(--s2)}.no-flex-gap .panel-bar>*+*{margin-left:var(--s3)}.no-flex-gap .pane-head>*+*,.no-flex-gap .pane-head-label>*+*,.no-flex-gap .row>*+*{margin-left:var(--s2)}.no-flex-gap .field>*+*{margin-left:var(--s3)}.no-flex-gap .pl>*+*,.no-flex-gap .actions>*+*{margin-left:var(--s1)}.no-flex-gap .about>*+*{margin-left:var(--s5)}.no-flex-gap .pad-trio>*+*{margin-left:var(--s3)}.no-flex-gap .picture-state-doing>*+*{margin-left:var(--s2)}.no-flex-gap .pb>*+*{margin-left:var(--s3)}.no-flex-gap .pb-meta>*+*{margin-left:var(--s2)}.no-flex-gap .dialog-actions>*+*{margin-left:var(--s1)}.no-flex-gap .switch>*+*{margin-right:var(--s2)}.no-flex-gap .splash>*+*{margin-top:var(--s2)}.no-flex-gap .pl-main>*+*{margin-top:2px}.no-flex-gap .form>*+*{margin-top:var(--s1)}.no-flex-gap .pad>*+*,.no-flex-gap .picture-state>*+*{margin-top:var(--s2)}.no-flex-gap .splash>.splash-keys{margin-top:calc(var(--s2) + var(--s2))}.no-flex-gap .form>.actions{margin-top:calc(var(--s2) + var(--s1))}.no-flex-gap .picture-state>.picture-state-doing,.no-flex-gap .picture-state>.picture-state-code,.no-flex-gap .picture-state>.picture-state-keys{margin-top:calc(var(--s2) + var(--s2))}.no-flex-gap .picture-state.failed>*+*{margin-top:var(--s1)}.no-flex-gap .picture-state.failed>.picture-state-doing,.no-flex-gap .picture-state.failed>.picture-state-code,.no-flex-gap .picture-state.failed>.picture-state-keys{margin-top:calc(var(--s2) + var(--s1))}.no-flex-gap .hints>*+*{margin-left:var(--s4)}.no-flex-gap .hints.sheet-hints>*+*{margin-left:0;margin-top:var(--s1)}.no-flex-gap .field-control>*+*{margin-left:var(--s1)}html[dir=rtl] .panel{left:auto;right:0;box-shadow:inset 1px 0 #ffffff12}html[dir=rtl] .panel:after{background:linear-gradient(270deg,#00000080,#0000);left:auto;right:100%}html[dir=rtl] .panel.away{transform:translateX(calc(100% + var(--panel-shadow-w)))}html[dir=rtl] .panel-bar{padding-left:var(--s3);padding-right:var(--safe-x)}html[dir=rtl] .rail{padding-left:0;padding-right:var(--safe-x)}html[dir=rtl] .list{padding-left:0;padding-right:var(--s3);border-left:0;border-right:1px solid var(--line)}html[dir=rtl] .viewport{padding-left:var(--s2);padding-right:0}html[dir=rtl] .window{left:var(--s2);right:0}html[dir=rtl] .pane:not(.focused) .row.showing:before{left:auto;right:0}html[dir=rtl] .pane-head{padding-left:0;padding-right:var(--s2)}html[dir=rtl] .panel-title,html[dir=rtl] .row,html[dir=rtl] .ch-number,html[dir=rtl] .pb-title,html[dir=rtl] .pl-main{text-align:start}html[dir=rtl] .scrollbar{left:6px;right:auto}html[dir=rtl] .scrollbar-thumb{left:auto;right:0}html[dir=rtl] .clock{left:var(--safe-x);right:auto}html[dir=rtl] .pb-stack{left:auto;right:var(--safe-x)}html[dir=rtl] .sheet-rail{padding-left:var(--s2);padding-right:var(--safe-x)}html[dir=rtl] .sheet-rail h2{margin-left:0;margin-right:var(--s2)}html[dir=rtl] .sheet-rail .rail-scroll .row{margin-left:var(--s2);margin-right:0}html[dir=rtl] .sheet-rail .sheet-lead{margin-left:0;margin-right:var(--s2)}html[dir=rtl] .sheet-body{padding-left:var(--safe-x);padding-right:var(--s5);border-left:0;border-right:1px solid var(--line)}html[dir=rtl] .pl.active:before{left:auto;right:0}html[dir=rtl] .tag{margin-left:0;margin-right:var(--s1)}html[dir=rtl] .switch.on .switch-knob{transform:translate(-28px)}html[dir=rtl] .pad{left:var(--safe-x);direction:ltr;right:auto}html[dir=rtl] .remote-stage{direction:ltr;left:28px;right:auto}html[dir=rtl] .hints kbd+kbd{margin-left:0;margin-right:5px}html[dir=rtl] .hints kbd:last-of-type{margin-right:5px;margin-left:var(--s1)}html[dir=rtl] .no-flex-gap .btn>*+*,html[dir=rtl] .no-flex-gap .chip>*+*,html[dir=rtl] .no-flex-gap .panel-key>*+*{margin-left:0;margin-right:var(--s1)}html[dir=rtl] .no-flex-gap .panel-keys>*+*,html[dir=rtl] .no-flex-gap .brand>*+*,html[dir=rtl] .no-flex-gap .search>*+*{margin-left:0;margin-right:var(--s2)}html[dir=rtl] .no-flex-gap .panel-bar>*+*,html[dir=rtl] .no-flex-gap .field>*+*{margin-left:0;margin-right:var(--s3)}html[dir=rtl] .no-flex-gap .row>*+*,html[dir=rtl] .no-flex-gap .pane-head>*+*,html[dir=rtl] .no-flex-gap .pane-head-label>*+*{margin-left:0;margin-right:var(--s2)}html[dir=rtl] .no-flex-gap .pl>*+*,html[dir=rtl] .no-flex-gap .actions>*+*,html[dir=rtl] .no-flex-gap .picture-state-doing>*+*,html[dir=rtl] .no-flex-gap .pb-meta>*+*,html[dir=rtl] .no-flex-gap .dialog-actions>*+*{margin-left:0;margin-right:var(--s1)}html[dir=rtl] .no-flex-gap .pb>*+*,html[dir=rtl] .no-flex-gap .about>*+*,html[dir=rtl] .no-flex-gap .picture-state>*+*,html[dir=rtl] .no-flex-gap .pad-trio>*+*{margin-left:0;margin-right:var(--s3)}html[dir=rtl] .no-flex-gap .switch>*+*{margin-left:var(--s2);margin-right:0}html[dir=rtl] .no-flex-gap .hints>*+*{margin-left:0;margin-right:var(--s4)}html[dir=rtl] .no-flex-gap .hints.sheet-hints>*+*{margin-left:0;margin-right:0;margin-top:var(--s1)}html[dir=rtl] .no-flex-gap .field-control>*+*{margin-left:0;margin-right:var(--s1)}.no-flex-gap .onboard-language-options>*+*{margin-left:var(--s1)}html[dir=rtl] .no-flex-gap .onboard-language-options>*+*{margin-left:0;margin-right:var(--s1)}html[dir=rtl] .language-picker-chevron{margin-left:0;margin-right:var(--s2)}.no-flex-gap .language-picker-option>*+*{margin-left:var(--s2)}html[dir=rtl] .no-flex-gap .language-picker-option>*+*{margin-left:0;margin-right:var(--s2)}