:root{--bg: #0e1116;--bar: #161b22;--panel: #1b2129;--line: #2b333d;--text: #e6edf3;--muted: #8b96a3;--accent: #4da3ff;--danger: #ff6b6b;--bar-h: 48px;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font:15px/1.4 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}button,input,select{font:inherit;color:inherit}button{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px 12px;cursor:pointer;touch-action:manipulation}button:hover{border-color:#3b4552}button.primary{background:var(--accent);border-color:var(--accent);color:#04121f;font-weight:600}button.danger{color:var(--danger)}button.icon{width:38px;height:38px;padding:0;display:inline-grid;place-items:center;background:transparent;border-color:transparent;flex:none}button.icon:hover{background:var(--panel)}button.icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#login{height:100%;display:grid;place-items:center;padding:16px}.card{width:min(360px,100%);display:grid;gap:12px;justify-items:center;background:var(--bar);border:1px solid var(--line);border-radius:16px;padding:28px 24px}.card h1{margin:0;font-size:24px}.card input,.card button{width:100%}.card input{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:11px 12px}.muted{color:var(--muted);margin:0}.error{color:var(--danger);margin:0;min-height:1.4em}#app{position:fixed;inset:0;height:100dvh;display:flex;flex-direction:column}#bar{height:calc(var(--bar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) max(6px,env(safe-area-inset-right)) 0 max(6px,env(safe-area-inset-left));display:flex;align-items:center;gap:2px;background:var(--bar);border-bottom:1px solid var(--line);flex:none;z-index:5}#addr-form{flex:1;min-width:0;margin:0 6px}#addr{width:100%;height:34px;background:var(--bg);border:1px solid var(--line);border-radius:17px;padding:0 14px;outline:none}#addr:focus{border-color:var(--accent)}#tab-count{min-width:22px;height:22px;padding:0 4px;border:2px solid currentColor;border-radius:6px;font-size:12px;font-weight:700;display:grid;place-items:center}#btn-reload .i-stop{display:none}#btn-reload.loading .i-stop{display:block}#btn-reload.loading .i-reload{display:none}#progress{height:2px;background:var(--accent);transform-origin:left;transform:scaleX(0);opacity:0;transition:opacity .3s;flex:none}#progress.on{opacity:1;animation:load 1.6s ease-in-out infinite}@keyframes load{0%{transform:scaleX(.05)}60%{transform:scaleX(.8)}to{transform:scaleX(.95)}}body:not(.touch) .touch-only{display:none}#app.immersive #bar{position:absolute;left:0;right:0;top:0;transform:translateY(-100%);transition:transform .15s}#app.immersive #bar.peek,#app.immersive #bar:focus-within{transform:none}#app.immersive #progress{position:absolute;top:0;left:0;right:0;z-index:6}#stage{position:relative;flex:1;min-height:0;overflow:hidden;background:#000}#video,#tiles,#surface{position:absolute}#video{inset:0;width:100%;height:100%;object-fit:contain;background:#000}#tiles{pointer-events:none;left:0;top:0}#surface{inset:0;touch-action:none;outline:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#kbd{position:absolute;left:0;bottom:0;width:1px;height:1px;opacity:0;border:0;padding:0;resize:none;font-size:16px;caret-color:transparent;pointer-events:none}#status{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;background:#0e1116d1;color:var(--text);text-align:center;padding:16px;z-index:3}#status.hidden{display:none}#stats{position:absolute;top:8px;left:8px;margin:0;padding:8px 10px;background:#000000b3;border-radius:8px;font:12px/1.45 ui-monospace,SF Mono,Consolas,monospace;color:#cfe3ff;pointer-events:none;z-index:2;white-space:pre}#unmute{position:absolute;right:12px;bottom:12px;z-index:2;background:#000000b3}#keys{display:flex;gap:4px;overflow-x:auto;padding:6px max(6px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom));background:var(--bar);border-top:1px solid var(--line);flex:none;scrollbar-width:none}#keys button{flex:none;min-width:44px;padding:8px 10px}#keys button.on{background:var(--accent);color:#04121f;border-color:var(--accent)}.panel{position:absolute;top:calc(var(--bar-h) + env(safe-area-inset-top) + 6px);right:max(6px,env(safe-area-inset-right));width:min(380px,calc(100% - 12px));max-height:calc(100% - var(--bar-h) - env(safe-area-inset-top) - 12px);overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 50px #00000080;z-index:10}.panel-head{position:sticky;top:0;display:flex;align-items:center;gap:8px;padding:10px 10px 10px 16px;background:var(--panel);border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:16px;flex:1}#tab-list{list-style:none;margin:0;padding:6px}#tab-list li{display:flex;align-items:center;gap:8px;padding:8px 6px 8px 12px;border-radius:10px;cursor:pointer}#tab-list li:hover{background:#222a33}#tab-list li.active{background:#1f3550}#tab-list .t{flex:1;min-width:0}#tab-list .t b,#tab-list .t span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tab-list .t b{font-weight:600}#tab-list .t span{color:var(--muted);font-size:12px}.settings{display:grid;gap:14px;padding:14px 16px 18px}.settings label{display:grid;gap:6px;color:var(--muted);font-size:13px}.settings label.check{display:flex;align-items:center;gap:10px;color:var(--text);font-size:15px}.settings select{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 10px;color:var(--text);font-size:15px}.settings input[type=range]{width:100%;accent-color:var(--accent)}.settings input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.settings output{color:var(--text)}.settings .hint{margin:-6px 0 0;color:var(--muted);font-size:12px}.settings details summary{cursor:pointer;color:var(--text)}.pw-form{display:grid;gap:8px;margin-top:10px}.pw-form input{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:9px 10px}.settings .row{display:flex;gap:8px;justify-content:space-between}#toasts{position:absolute;left:50%;bottom:calc(14px + env(safe-area-inset-bottom));transform:translate(-50%);display:grid;gap:8px;width:min(420px,calc(100% - 24px));z-index:20}.toast{display:flex;align-items:center;gap:10px;padding:10px 12px;background:#222a33;border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px #00000073}.toast .msg{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.toast a{color:var(--accent);font-weight:600;text-decoration:none}.toast button{flex:none;padding:6px 10px}