:root{--accent:#2f9bf2;--accent-2:#5bb8ff;--accent-press:#1f7fd1;--accent-soft:#2f9bf224;--bg:#eef6fd;--card:#fff;--card-line:#d9e7f5;--text:#14233a;--text-2:#5e7390;--text-3:#94a6bc;--radius-card:20px;--radius-chip:12px;--shadow-card:0 2px 10px #2f73c81a;--lat-good:#1fb655;--lat-mid:#f59e0b;--lat-bad:#e5484d;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;overscroll-behavior:none;-webkit-touch-callout:none;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,Arial,sans-serif}input,button{font-family:inherit;font-size:16px}.page{min-height:100dvh;padding:calc(24px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));flex-direction:column;display:flex}.page-title{letter-spacing:.2px;margin:8px 0 22px;font-size:26px;font-weight:700}.field{margin-bottom:16px}.field label{color:var(--text-2);margin-bottom:6px;font-size:14px;display:block}.field input{border:1px solid var(--card-line);background:var(--card);width:100%;color:var(--text);border-radius:14px;outline:none;padding:14px 16px}.field input:focus{border-color:var(--accent)}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;border:none;border-radius:14px;width:100%;min-height:48px;padding:15px;font-weight:600}.btn-primary:active{background:var(--accent-press)}.btn-primary:disabled{color:#f4f9ff;background:#c5d9ec}.btn-link{color:var(--accent-2);background:0 0;border:none;min-height:44px;padding:8px}.btn-link:disabled{color:var(--text-3)}.error-text{color:var(--lat-bad);min-height:18px;margin:4px 0 12px;font-size:14px}.hint-text{color:var(--text-2);margin-top:4px;font-size:13px}.link-inline{color:var(--accent-2);text-decoration:none}.neutral{--text:#f2f2f4;--text-2:#9a9aa2;--card:#1c1c1e;--card-line:#2c2c2e;--lat-bad:#ff6b63;color:var(--text);background:#000}.neutral .page-title{text-align:center}.neutral .field input{background:#1c1c1e;border-color:#2c2c2e}.neutral .field input:focus{border-color:#636366}.neutral .btn-primary{color:#000;background:#f2f2f7}.neutral .btn-primary:active{background:#c7c7cc}.neutral .btn-primary:disabled{color:#8e8e93;background:#3a3a3c}.neutral .btn-link,.neutral .link-inline{color:#8e8e93}.unlock-badge{background:linear-gradient(135deg,#3a3a3c,#1c1c1e);border:1px solid #3a3a3c;border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:28px auto 10px;display:flex}.card{background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:14px;padding:16px}.placeholder-card{background:var(--card);border-radius:var(--radius-card);text-align:center;color:var(--text-2);padding:24px 20px}.chip{border-radius:var(--radius-chip);background:linear-gradient(135deg, var(--accent), var(--accent-2));flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.chip svg{stroke:#fff;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.device-head{align-items:center;gap:12px;margin-bottom:8px;display:flex}.device-head p{margin:0}.device-name{font-size:16px;font-weight:600}.status-dot{background:var(--text-3);border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.status-dot.ok{background:var(--lat-good)}.status-dot.warn{background:var(--lat-mid)}.status-dot.bad{background:var(--lat-bad)}.btn-view{background:var(--accent-soft);width:100%;color:var(--accent-2);border:none;border-radius:14px;min-height:46px;margin-top:10px;padding:12px;font-weight:600}.btn-view:disabled{color:var(--text-3);background:#e6eef7}.blank-state{min-height:0}.lang-switch{background:var(--card);border-radius:14px;gap:4px;margin-bottom:18px;padding:4px;display:flex}.lang-option{color:var(--text-2);background:0 0;border:none;border-radius:11px;flex:1;min-height:38px;padding:8px 4px;font-size:13px}.lang-option.active{background:var(--accent);color:#fff;font-weight:600}.video-panel{margin-top:8px;position:relative}.remote-video{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#000;border-radius:14px;width:100%;display:block}.latency-badge{background:var(--lat-good);color:#fff;font-variant-numeric:tabular-nums;pointer-events:none;border-radius:999px;padding:3px 11px;font-size:13px;font-weight:600;position:absolute;top:12px;left:12px}.latency-badge.mid{background:var(--lat-mid)}.latency-badge.bad{background:var(--lat-bad)}.video-unavailable{color:#fff;text-align:center;pointer-events:none;background:#14233ae6;border-radius:12px;padding:10px 12px;font-size:14px;position:absolute;top:40%;left:12px;right:12px}.touch-unavailable{color:#fff;text-align:center;pointer-events:none;background:#14233ae6;border-radius:12px;padding:6px 10px;font-size:13px;position:absolute;bottom:12px;left:12px;right:12px}.home-split{flex:1;gap:12px;min-height:0;display:flex}.groups{flex-direction:column;flex:none;gap:8px;width:92px;display:flex}.group-item{background:var(--card);color:var(--text-2);box-shadow:var(--shadow-card);word-break:break-all;text-align:center;border:none;border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:13px;display:flex}.group-item .chip{background:#dbeafb;width:34px;height:34px}.group-item .chip svg{stroke:var(--accent)}.group-item .count{color:var(--text-3);font-size:11px}.group-item.active{background:linear-gradient(160deg, var(--accent), var(--accent-2));color:#fff;font-weight:600}.group-item.active .chip{background:#ffffff47}.group-item.active .chip svg{stroke:#fff}.group-item.active .count{color:#ffffffd9}.device-pane{flex:1;min-width:0}.device-row{text-align:left;width:100%;color:inherit;background:var(--card);border-radius:var(--radius-card);box-shadow:var(--shadow-card);border:none;align-items:center;gap:12px;margin-bottom:12px;padding:14px;display:flex}.device-row:active{background:#f2f8ff}.device-row:disabled{opacity:.55}.device-row .device-info{flex:1;min-width:0}.device-row p{margin:0}.device-row .chevron{width:16px;height:16px;stroke:var(--text-3);fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.screen-page{touch-action:none;background:#000;position:fixed;inset:0;overflow:hidden}.screen-video{object-fit:contain;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.screen-page .latency-badge{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left))}.screen-close{top:calc(10px + env(safe-area-inset-top));right:calc(12px + env(safe-area-inset-right));background:#ffffff38;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute}.screen-close svg{stroke:#fff;stroke-width:2.2px;stroke-linecap:round;width:20px;height:20px}.screen-status{left:0;right:0;bottom:calc(18px + env(safe-area-inset-bottom));text-align:center;color:#ffffffbf;pointer-events:none;margin:0;font-size:13px;position:absolute}.screen-status.error{color:#ff8a84}