:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#000;--cell:#1c1c1e;--cell-hi:#2c2c2e;--press:#3a3a3c;--sep:#54545899;--label:#fff;--secondary:#ebebf599;--tint:#0a84ff;--green:#30d158;--red:#ff453a;--gray:#8e8e93;--fill:#7878803d;--glass:#1e1e209e;color:var(--label);background:var(--bg);-webkit-text-size-adjust:100%;font:17px/1.35 -apple-system,BlinkMacSystemFont,SF Pro Text,PingFang SC,Noto Sans CJK SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:var(--bg);margin:0;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{opacity:.4;cursor:default}:focus-visible{outline:3px solid var(--tint);outline-offset:2px}[hidden]{display:none!important}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ico{flex:none;width:22px;height:22px;display:block}.ico.dim{color:var(--secondary)}#app{background:#000;position:fixed;inset:0}#screen-container{inset:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#screen-container.area{justify-content:flex-start;align-items:flex-start;overflow:hidden}#surface{flex:none}#screen{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}#overlay{inset:0;padding:max(24px,env(safe-area-inset-top)) 16px max(24px,env(safe-area-inset-bottom));pointer-events:none;background:#000;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:auto}.welcome{text-align:center;width:min(440px,100%);animation:.45s cubic-bezier(.2,.8,.2,1) both rise}.welcome h1{letter-spacing:-.025em;margin:0 0 14px;font-size:clamp(34px,6vw,48px);font-weight:700;line-height:1.05}.status{justify-content:center;align-items:center;gap:10px;margin:0;font-size:20px;font-weight:600;display:flex}#connection-hint{color:var(--secondary);max-width:30em;margin:8px auto 28px;font-size:15px;line-height:1.45}.spinner{border:2.5px solid var(--fill);border-top-color:var(--secondary);border-radius:50%;flex:none;width:18px;height:18px;animation:.9s linear infinite spin}#app[data-state=waiting] .spinner,#app[data-state=access] .spinner{display:none}.actions{text-align:left;pointer-events:auto}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}@keyframes spin{to{transform:rotate(1turn)}}.group{background:var(--cell);border-radius:12px;overflow:hidden}.cell{width:100%;min-height:52px;color:inherit;text-align:left;font:inherit;background:0 0;border:0;border-radius:0;align-items:center;gap:12px;padding:10px 16px;text-decoration:none;display:flex;position:relative}.group>:not([hidden])~:not([hidden]),.group details>.inner{border-top:.5px solid var(--sep)}a.cell,button.cell,summary.cell,label.cell{cursor:pointer;transition:background-color .12s ease-out}a.cell:active,button.cell:active,summary.cell:active,label.cell:active{background:var(--press);transition:none}.cell .main{flex:1;min-width:0}.cell .main b{font-weight:400;display:block}.cell .main span{color:var(--secondary);margin-top:1px;font-size:13px;line-height:1.35;display:block}.cell .value{color:var(--secondary);white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:55%;font-size:15px;overflow:hidden}.cell.on .value{color:var(--tint)}.tile{color:#fff;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;display:grid}.tile .ico{width:19px;height:19px}.tile.blue{background:var(--tint)}.tile.green{background:var(--green)}.tile.gray{background:var(--gray)}.chev{flex:none;display:block}.chev:after{content:"";border:2px solid #ebebf54d;border-width:0 2px 2px 0;width:8px;height:8px;margin-right:4px;display:block;transform:rotate(-45deg)}details[open]>summary .chev:after{transform:rotate(45deg)}summary{list-style:none}summary::-webkit-details-marker{display:none}.group-title{color:var(--secondary);margin:26px 16px 7px;font-size:13px}.foot{color:var(--secondary);margin:7px 16px 0;font-size:13px;line-height:1.45}.gap{height:26px}.foot+.group{margin-top:22px}.follow{flex-wrap:wrap;justify-content:center;gap:28px;padding:16px;display:flex}.follow figure{text-align:center;margin:0}.follow img{background:#fff;border-radius:10px;width:112px;height:112px;padding:6px;display:block}.follow figcaption{color:var(--secondary);margin-top:8px;font-size:13px}.inner{padding:12px 16px 16px}.inner.text p{color:var(--secondary);overflow-wrap:anywhere;margin:0 0 8px;font-size:14px;line-height:1.5}select{color:var(--secondary);text-align:right;cursor:pointer;text-overflow:ellipsis;background:0 0;border:0;min-width:0;max-width:55%;padding:6px 0;font-size:17px}select option{color:#000}.cell select{margin-left:auto}.switch{appearance:none;background:var(--fill);cursor:pointer;border-radius:16px;flex:none;width:51px;height:31px;margin:0;transition:background-color .2s ease-out;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .25s cubic-bezier(.3,.7,.4,1);position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #00000026,0 3px 1px #0000000f}.switch:checked{background:var(--green)}.switch:checked:after{transform:translate(20px)}.volume{gap:14px}.volume input[type=range]{accent-color:#fff;flex:1;min-width:0;height:32px;margin:0}.volume output{text-align:right;min-width:3.2em;color:var(--secondary);font-variant-numeric:tabular-nums}.audio-row{grid-template-columns:minmax(7em,1.1fr) minmax(4em,1fr) 3.2em;gap:12px;display:grid}.audio-row .main{min-width:0}.audio-route{background:var(--fill);border-radius:10px;gap:4px;padding:4px;display:flex}.audio-route button{min-height:44px;color:var(--secondary);white-space:nowrap;background:0 0;border:0;border-radius:7px;padding:8px 10px;font-size:14px}.audio-route button[aria-pressed=true]{background:var(--cell-hi);color:var(--label)}.audio-route button:disabled{opacity:.55;cursor:default}.audio-route button:active:not(:disabled){opacity:.7}.audio-route button:focus-visible{outline:2px solid var(--tint);outline-offset:2px}.route-check{visibility:hidden;width:1.1em;display:inline-block}[aria-pressed=true] .route-check{visibility:visible}@media (max-width:850px){.audio-route{grid-column:1/-1;justify-self:end}}.btn{background:var(--tint);color:#fff;text-align:center;border:0;border-radius:12px;width:100%;min-height:50px;margin:14px 0 0;padding:13px 16px;font-weight:600;transition:transform .1s ease-out;display:block}.btn:active{transform:scale(.97)}.btn.plain{background:var(--fill);color:var(--tint);font-weight:400}button.text{color:var(--tint);background:0 0;border:0;min-height:44px;padding:10px 4px;font-size:17px;font-weight:600}button.text:active{opacity:.5}fieldset{border:0;min-width:0;margin:0;padding:0}.pair{grid-template-columns:1fr 1fr;gap:12px;margin:0 0 12px;display:grid}.pair label,.pair .simple-row{color:var(--secondary);flex-direction:column;gap:6px;font-size:13px;display:flex}.pair input,.pair select{background:var(--cell-hi);width:100%;min-width:0;max-width:none;min-height:44px;color:var(--label);text-align:left;border:0;border-radius:10px;padding:8px 12px;font-size:17px}#fallback-controls{flex-wrap:wrap;gap:10px;display:flex}#fallback-controls button{background:var(--cell-hi);border:0;border-radius:10px;min-height:44px;padding:10px 16px}#fallback-controls button:active{background:var(--press)}.glass{background:var(--glass);-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);color:#fff;border:.5px solid #ffffff2e}#btn-fullscreen{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));border-radius:50%;place-items:center;width:48px;height:48px;padding:0;transition:transform .1s ease-out;display:grid;position:absolute}#btn-fullscreen:active{transform:scale(.92)}#app:not([data-live=true]) #btn-fullscreen,#btn-fullscreen[data-fullscreen=true],#btn-fullscreen[data-place=off]{display:none}#btn-fullscreen[data-place=bottom]{top:auto;bottom:max(12px,env(safe-area-inset-bottom))}.capsule{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;text-align:center;background:#2c2c2eeb;border:.5px solid #ffffff24;border-radius:22px;max-width:calc(100vw - 32px);padding:12px 20px;font-size:16px;line-height:1.45;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #0006}#toast{top:max(16px,env(safe-area-inset-top));pointer-events:none;animation:.3s cubic-bezier(.2,.8,.2,1) drop}#debug-hud{right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));z-index:2;color:#fff;pointer-events:none;white-space:pre;font-variant-numeric:tabular-nums;background:#0000008c;border-radius:8px;padding:6px 9px;font:12px/1.45 ui-monospace,Menlo,Consolas,monospace;position:absolute}#debug-hud[hidden]{display:none}#audio-unlock{bottom:max(20px,env(safe-area-inset-bottom));white-space:nowrap;min-height:48px;font-weight:600}@keyframes drop{0%{opacity:0;transform:translate(-50%,-10px)}}#error-banner{bottom:max(16px,env(safe-area-inset-bottom));background:var(--cell);max-width:560px;max-height:40vh;box-shadow:inset 4px 0 var(--red), 0 8px 30px #0006;border-radius:14px;margin:auto;padding:14px 16px;position:absolute;left:16px;right:16px;overflow:auto}#error-banner summary{color:var(--secondary);cursor:pointer;padding:6px 0;font-size:15px}#error-text{overflow-wrap:anywhere;color:var(--secondary);font-size:14px}#error-banner button{float:right;margin-top:-36px}.ico .collapse,[data-fullscreen=true] .ico .expand{display:none}[data-fullscreen=true] .ico .collapse{display:block}dialog{width:min(720px,100vw);max-width:100%;height:100%;max-height:100%;color:inherit;overscroll-behavior:contain;background:#000;border:0;margin:0 0 0 auto;padding:0;overflow:auto}dialog[open]{animation:.32s cubic-bezier(.2,.8,.2,1) sheet-in}dialog.closing{animation:.2s cubic-bezier(.4,0,1,1) forwards sheet-out}dialog::backdrop{background:#00000073}@keyframes sheet-in{0%{transform:translate(100%)}}@keyframes sheet-out{to{transform:translate(100%)}}header{z-index:1;padding:max(10px,env(safe-area-inset-top)) 16px 8px 20px;-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);background:#000000b8;justify-content:space-between;align-items:center;gap:16px;display:flex;position:sticky;top:0}h2:focus{outline:none}h2{letter-spacing:-.02em;margin:6px 0;font-size:28px;font-weight:700;line-height:1.15}.settings-body{padding:4px 16px max(32px,env(safe-area-inset-bottom))}.settings-body>.group:first-child{margin-top:8px}@media (max-width:480px){dialog{width:100vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (prefers-reduced-transparency:reduce){.glass,.capsule,header{-webkit-backdrop-filter:none;backdrop-filter:none;background:#2c2c2e}}.audio-output-cell .main b{font-size:15px;line-height:1.4}.group.more{margin-top:26px}.more-body{background:var(--bg,transparent);padding:0 12px 16px}.more-body>.group-title:first-child{margin-top:16px}.simple-row{flex-wrap:wrap}.simple-options{flex-wrap:wrap;flex-basis:100%;gap:8px;padding:8px 0;display:flex}.simple-options[hidden],select[hidden]{display:none!important}.simple-options button{color:#fff;background:#222;border:1px solid #666;border-radius:8px;min-height:44px;padding:8px 16px}.simple-options button[aria-pressed=true]{background:#0a477b;border-color:#82baff}.simple-options button:focus-visible{outline-offset:2px;outline:3px solid #82baff}.simple-options button:disabled{opacity:.45}