html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden}:root{--glass-bg: rgba(15, 15, 28, .78);--glass-border: rgba(100, 120, 200, .15);--glass-blur: 12px;--accent: #6678cc;--accent-light: #99aadd;--text-primary: #ddd;--text-secondary: #99a;--text-dim: #667;--font-ui: 12px/1.5 "Segoe UI", system-ui, sans-serif;--font-mono: 10px/1.5 "Menlo", "Consolas", "SF Mono", monospace;--sidebar-w: clamp(220px, 15vw, 280px);--fps-green: #4caf50;--fps-yellow: #ffc107;--fps-red: #f44336}#splash{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#0f0f1c;overflow-y:auto}#splash-inner{text-align:center;width:480px;max-width:calc(100vw - 32px);padding:24px 0}#splash-title{font:600 22px/1.4 Segoe UI,system-ui,sans-serif;color:#ccd;margin-bottom:2px}#splash-subtitle{font:12px/1.4 Segoe UI,system-ui,sans-serif;color:#778;margin-bottom:22px}.splash-section-label{font:600 10px/1.4 Segoe UI,system-ui,sans-serif;color:#778;text-transform:uppercase;letter-spacing:.08em;text-align:left;margin:14px 4px 8px}#splash-bar-track{height:4px;background:#6478c826;border-radius:2px;overflow:hidden}#splash-bar{height:100%;width:0%;background:var(--accent);border-radius:2px;transition:width .3s ease}#splash-status{font:12px/1.6 Segoe UI,system-ui,sans-serif;color:#778;margin-top:8px}#splash-server{flex:1;box-sizing:border-box;font:11px/1.4 Menlo,Consolas,monospace;background:#6478c814;color:var(--accent-light);border:1px solid rgba(100,120,200,.2);border-radius:4px;padding:8px 10px;text-align:left;outline:none}#splash-server::placeholder{color:#556}#splash-server:focus{border-color:#6478c880}#splash-server-row{display:flex;gap:6px}#splash-server-hint{font:11px/1.5 Segoe UI,system-ui,sans-serif;color:#667;text-align:left;margin:8px 4px 0}#splash-server-hint code,.server-card .card-desc code{background:#6478c81f;color:var(--accent-light);padding:1px 4px;border-radius:3px;font:inherit;font-family:Menlo,Consolas,monospace;font-size:.92em}#splash-connect{padding:8px 16px;font:600 11px/1.4 Segoe UI,system-ui,sans-serif;background:var(--accent);color:#fff;border:none;border-radius:4px;cursor:pointer;white-space:nowrap}#splash-connect:hover{filter:brightness(1.15)}#splash-cards{display:grid;grid-template-columns:1fr 1fr;gap:8px}.server-card{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:#6478c80f;color:var(--text-secondary);border:1px solid rgba(100,120,200,.18);border-radius:8px;cursor:pointer;text-align:left;font:inherit;transition:border-color .15s,background .15s,transform .1s}.server-card:hover{border-color:#7896e68c;background:#6478c81f}.server-card:active{transform:translateY(1px)}.server-card.server-card-info{cursor:default;background:#3c46642e;border-style:dashed}.server-card.server-card-info:hover{border-color:#6478c82e;background:#3c46642e}.server-card.server-card-info:active{transform:none}.server-card[disabled],.server-card[aria-disabled=true]{cursor:not-allowed;opacity:.55}.server-card[disabled]:hover,.server-card[aria-disabled=true]:hover{border-color:#6478c82e;background:#6478c80f}.server-card[disabled]:active,.server-card[aria-disabled=true]:active{transform:none}.server-card .card-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.server-card .card-name{font:600 13px/1.3 Menlo,Consolas,monospace;color:var(--accent-light)}.server-card .card-desc{font:11px/1.45 Segoe UI,system-ui,sans-serif;color:#889}.server-card .card-status-row{display:inline-flex;align-items:center;gap:6px;font:10px/1.3 Segoe UI,system-ui,sans-serif;color:#889}.server-card .card-status{width:9px;height:9px;border-radius:50%;background:#555;flex-shrink:0;transition:background .3s,box-shadow .3s}.server-card .card-status-label{white-space:nowrap}.server-card .card-status[data-status=ok]{background:#4caf50;box-shadow:0 0 6px #4caf5080}.server-card .card-status[data-status=loading]{background:#ff9800;box-shadow:0 0 6px #ff980066}.server-card .card-status[data-status=offline],.server-card .card-status[data-status=err]{background:#555}.server-card .card-status[data-status=blocked],.server-card .card-status[data-status=incompatible]{background:#f44336;box-shadow:0 0 6px #f4433666}.server-card .card-status[data-status=probing]{background:#6678cc;animation:card-status-pulse 1s ease-in-out infinite}.server-card .card-status[data-status=info]{background:transparent;border:1px solid rgba(150,170,220,.4);box-shadow:none}@keyframes card-status-pulse{0%,to{opacity:.4}50%{opacity:1}}#splash-ghpages-banner{margin-top:14px;padding:8px 10px;background:#6478c80f;border:1px solid rgba(100,120,200,.18);border-radius:4px;font:11px/1.5 Segoe UI,system-ui,sans-serif;color:#889;text-align:left}.splash-back-btn{display:inline-block;margin-top:14px;padding:6px 12px;font:11px/1.3 Segoe UI,system-ui,sans-serif;background:transparent;color:#889;border:1px solid rgba(100,120,200,.2);border-radius:4px;cursor:pointer}.splash-back-btn:hover{color:var(--accent-light);border-color:#6478c873}#splash-readyz{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px;font-size:10px;color:#aaa}#readyz-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#666;transition:background .3s}#readyz-dot.readyz-ok{background:#4caf50}#readyz-dot.readyz-err{background:#f44336}#readyz-dot.readyz-pending{background:#ff9800}#server-progress{margin-top:18px;padding-top:14px;border-top:1px solid rgba(100,120,200,.12)}#srv-steps{display:flex;flex-direction:column;gap:5px;margin-bottom:10px;text-align:left;font:11px/1.5 Menlo,Consolas,monospace;color:#556}#srv-steps .srv-step{display:flex;align-items:center;gap:6px;transition:color .3s,opacity .3s}#srv-steps .srv-step .srv-icon{width:14px;text-align:center;flex-shrink:0}#srv-steps .srv-step.done{color:#5a8}#srv-steps .srv-step.active{color:#9bf}#srv-steps .srv-step.active .srv-icon:after{content:"";display:inline-block;width:8px;height:8px;border:2px solid var(--accent);border-top-color:transparent;border-radius:50%;animation:srv-spin .8s linear infinite}#srv-steps .srv-step.pending{color:#445;opacity:.5}@keyframes srv-spin{to{transform:rotate(360deg)}}#srv-bar-track{height:3px;background:#6478c81a;border-radius:2px;overflow:hidden}#srv-bar{height:100%;width:0%;border-radius:2px;background:linear-gradient(90deg,#46a,#68e);transition:width .4s ease}#srv-eta{font:11px/1.6 Segoe UI,system-ui,sans-serif;color:#667;margin-top:6px;text-align:center}#settings-sidebar{position:fixed;top:8px;left:8px;z-index:90;width:var(--sidebar-w);max-height:calc(100dvh - 16px);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:8px;overflow-y:auto;padding:6px 10px 8px;font:var(--font-ui);color:var(--text-secondary);display:none;scrollbar-width:thin;scrollbar-color:rgba(100,120,200,.2) transparent}#settings-sidebar.open{display:block}.sb-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:1px 0 5px;border-bottom:1px solid rgba(100,120,200,.1);margin-bottom:2px;cursor:pointer;user-select:none}.sb-sidebar-title{font-size:12px;font-weight:700;color:#bbc;text-transform:uppercase;letter-spacing:.04em}.sb-collapse-btn{background:none;border:none;cursor:pointer;color:#778;font-size:14px;padding:2px 4px;line-height:1}.sb-collapse-btn:hover{color:#bbc}.sb-model-select{display:flex;align-items:center;gap:8px;padding:4px 2px;margin-bottom:1px}.sb-model-label{font-size:10px;color:#778;text-transform:uppercase;letter-spacing:.04em;min-width:40px}#model-select{flex:1;font:11px/1.4 Segoe UI,system-ui,sans-serif;background:#6478c81f;color:var(--accent-light);border:1px solid rgba(100,120,200,.2);border-radius:4px;padding:3px 6px;cursor:pointer;outline:none}#model-select:hover{background:#6478c840}.sb-section{margin-bottom:2px}.sb-header{display:flex;align-items:center;justify-content:space-between;padding:5px 0;cursor:pointer;user-select:none;border-bottom:1px solid rgba(100,120,200,.08)}.sb-header:hover{color:var(--text-primary)}.sb-title{font-weight:600;font-size:12px;color:#bbc;letter-spacing:.02em;text-transform:uppercase}.sb-badge{font-size:9px;padding:1px 5px;border-radius:3px;text-transform:uppercase;letter-spacing:.04em;opacity:.6}.sb-badge-server{background:#6478c826;color:#89c}.sb-badge-client{background:#64c87826;color:#8c9}.sb-chevron{font-size:10px;color:#556;transition:transform .2s}.sb-section.open .sb-chevron{transform:rotate(90deg)}.sb-body{max-height:0;overflow:hidden;transition:max-height .25s ease}.sb-section.open .sb-body{max-height:600px}.sb-body-inner{padding:4px 0 2px}.sb-row{display:flex;align-items:center;gap:5px;margin:2px 0}.sb-row label{min-width:88px;color:#889;font-size:11px;white-space:nowrap}.sb-row input[type=range]{flex:1;min-width:0;height:3px;-webkit-appearance:none;appearance:none;background:#333;border-radius:2px;outline:none;accent-color:var(--accent)}.sb-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer}.sb-row input[type=checkbox]{accent-color:var(--accent)}.sb-row-cb-label{display:flex;align-items:center;gap:4px;min-width:88px;color:#889;font-size:11px;white-space:nowrap;cursor:pointer}.sb-row-cb-label input[type=checkbox]{accent-color:var(--accent);margin:0;cursor:pointer}.sb-val{min-width:32px;text-align:right;color:var(--accent-light);font-variant-numeric:tabular-nums;font-size:11px}.sb-reset{background:none;border:none;cursor:pointer;color:#778;font-size:13px;padding:0 2px;line-height:1;transition:color .15s}.sb-reset:hover{color:var(--accent-light)}.sb-reset-group{background:none;border:1px solid rgba(100,120,200,.2);border-radius:3px;cursor:pointer;color:#778;font-size:9px;padding:2px 6px;line-height:1.3;transition:color .15s,border-color .15s;text-transform:uppercase;letter-spacing:.03em}.sb-reset-group:hover{color:var(--accent-light);border-color:#6478c866}.sb-section-disabled .sb-row,.sb-section-disabled .sb-toggle-row{opacity:.35;pointer-events:none}.sb-section-disabled .sb-subsection{opacity:.35}.sb-header-cb{margin:0;cursor:pointer;accent-color:var(--accent-light)}.sb-toggle-row{display:flex;align-items:center;gap:5px;margin:2px 0 4px}.sb-toggle-row label{color:#889;font-size:10px;cursor:pointer}.sb-subsection{display:flex;align-items:center;gap:5px;font-size:9px;color:#556;text-transform:uppercase;letter-spacing:.06em;margin:5px 0 2px;padding-top:3px;border-top:1px solid rgba(100,120,200,.06)}.sb-subsection-cb{margin:0;cursor:pointer;accent-color:var(--accent-light)}.sb-subsection:first-child{border-top:none;margin-top:0}.sb-constraints-grid{display:grid;grid-template-columns:1fr 1fr;gap:2px 8px;margin:2px 0 4px}.sb-constraint-item{display:flex;align-items:center;gap:4px;color:#889;font-size:10px;cursor:pointer;white-space:nowrap}.sb-constraint-item input[type=checkbox]{accent-color:var(--accent);margin:0}.sparkline-row{display:flex;align-items:center;gap:8px;margin:4px 0}.sparkline-label{min-width:48px;font-size:10px;color:#778;text-transform:uppercase;letter-spacing:.04em}.sparkline-canvas{flex:1;height:28px;border-radius:3px;background:#0000004d}.sparkline-value{min-width:50px;text-align:right;font-size:10px;color:var(--accent-light);font-variant-numeric:tabular-nums}.drops-bar{background:#f4433699}#perf-panel{position:fixed;top:8px;right:8px;z-index:90;width:320px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:8px;padding:8px 12px;font:var(--font-ui);color:var(--text-secondary);display:none}#perf-panel.open{display:block}.perf-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;cursor:pointer;user-select:none}.perf-title{font-weight:600;font-size:11px;color:#bbc;text-transform:uppercase;letter-spacing:.02em}.perf-close{cursor:pointer;color:#556;font-size:14px;line-height:1;background:none;border:none;padding:0 4px}.perf-close:hover{color:#aab}.perf-info-row{display:flex;gap:4px;margin-top:6px;padding-top:4px;border-top:1px solid rgba(100,120,200,.1);font-size:10px;white-space:nowrap}.perf-info-label{color:#778;min-width:56px}.perf-info-val{color:#9db4ff;min-width:36px;text-align:right;font-variant-numeric:tabular-nums;margin-right:8px}.perf-info-model{color:#778;font-size:9px;width:100%}#fps-overlay{position:fixed;bottom:10px;left:50%;transform:translate(-50%);z-index:89;display:none;flex-direction:column;gap:4px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:6px;padding:6px 12px;font:var(--font-ui)}#fps-overlay.open{display:flex}#fps-collapse{position:absolute;top:2px;right:4px;display:none;background:none;border:none;cursor:pointer;color:#667;font-size:15px;line-height:1;padding:2px 4px}#fps-collapse:hover{color:#aab}.fps-row{display:flex;gap:8px;justify-content:center}.fps-cell{display:flex;flex-direction:column;align-items:center;padding:3px 10px}.fps-label{font-size:9px;color:#667;text-transform:uppercase;letter-spacing:.04em;line-height:1}.fps-val{font-size:22px;font-weight:600;font-variant-numeric:tabular-nums;line-height:1.3}.fps-diag{display:flex;flex-wrap:wrap;gap:2px 10px;padding:4px 2px 0;border-top:1px solid rgba(100,120,200,.08);font-size:10px;color:var(--text-dim)}.fps-diag-item{white-space:nowrap}.fps-diag-item b{color:var(--accent-light);font-weight:600;font-variant-numeric:tabular-nums}.fps-model{padding:2px 2px 0;font-size:9px;color:var(--text-dim);font-variant-numeric:tabular-nums;letter-spacing:.02em}.panel-pill{position:fixed;z-index:91;display:none;align-items:center;gap:6px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:6px;padding:4px 10px;font:var(--font-ui);color:var(--text-secondary);cursor:pointer;user-select:none}.panel-pill.visible{display:flex}.pill-top-left{top:8px;left:8px}.pill-top-right{top:8px;right:8px}.pill-bottom-right{bottom:12px;right:12px}.pill-bottom-left{bottom:88px;left:12px}.pill-label{font-size:10px;font-weight:600;color:#bbc;text-transform:uppercase;letter-spacing:.03em}.pill-expand{background:none;border:none;cursor:pointer;color:#778;font-size:13px;line-height:1;padding:0 2px}.pill-expand:hover{color:#bbc}#heatmap-legend{position:fixed;bottom:8px;right:8px;z-index:100;display:none;align-items:center;gap:6px;background:#000000b3;backdrop-filter:blur(6px);border:1px solid var(--glass-border);border-radius:6px;padding:4px 10px;font:9px/1.4 Segoe UI,system-ui,sans-serif;color:#aaa}#heatmap-legend.visible{display:flex}#heatmap-legend canvas{width:60px;height:10px;border-radius:2px}.hm-label-lo{color:#4fc3f7}.hm-label-hi{color:#f44336}#video-preview-wrap{position:fixed;bottom:12px;right:12px;z-index:80;display:none;border-radius:8px;border:1px solid transparent;transition:border-color .2s}#video-preview-wrap:hover{border-color:var(--glass-border)}.cam-header{display:flex;align-items:center;justify-content:space-between;padding:3px 8px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border-radius:8px 8px 0 0;opacity:0;transition:opacity .2s;pointer-events:none}#video-preview-wrap:hover .cam-header{opacity:1;pointer-events:auto}.cam-title{font:var(--font-ui);font-size:10px;font-weight:600;color:#bbc;text-transform:uppercase;letter-spacing:.03em}#btn-cam-close{background:none;color:#778;border:none;font-size:14px;line-height:1;cursor:pointer;padding:0 2px}#btn-cam-close:hover{color:#bbc}#video-preview{width:200px;border-radius:0 0 8px 8px;background:#000;display:block}#video-preview-wrap:not(:hover) #video-preview{border-radius:8px}#drop-overlay{position:fixed;inset:0;z-index:200;background:#0f0f1cbf;display:none;align-items:center;justify-content:center;font:20px/1.4 Segoe UI,system-ui,sans-serif;color:var(--accent-light);border:3px dashed rgba(100,120,200,.4);pointer-events:none}#drop-overlay.visible{display:flex}#status-banner{position:fixed;inset:0;z-index:150;display:none;align-items:center;justify-content:center;pointer-events:none}#status-banner.visible{display:flex}.status-banner-card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 28px;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 8px 32px #00000059;text-align:center;max-width:calc(100vw - 32px)}.status-banner-spinner{display:none;width:22px;height:22px;border:2px solid rgba(150,170,220,.25);border-top-color:var(--accent-light);border-radius:50%;animation:status-banner-spin .8s linear infinite}#status-banner.has-spinner .status-banner-spinner{display:block}@keyframes status-banner-spin{to{transform:rotate(360deg)}}.status-banner-text{font:600 14px/1.4 Segoe UI,system-ui,sans-serif;color:#ccd;letter-spacing:.02em}.status-banner-sub{font:11px/1.4 Segoe UI,system-ui,sans-serif;color:var(--text-secondary)}#btn-flip-camera{position:fixed;z-index:92;bottom:12px;left:12px;display:none;align-items:center;justify-content:center;width:68px;height:68px;border-radius:50%;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);color:var(--text-primary);cursor:pointer;padding:0;-webkit-tap-highlight-color:transparent}#btn-flip-camera.visible{display:flex}#btn-flip-camera:active{transform:scale(.94)}#btn-flip-camera svg{display:block;width:34px;height:34px}@media(max-width:820px),(max-height:520px)and (pointer:coarse){:root{--sidebar-w: clamp(180px, 74vw, 280px)}#perf-panel{width:min(320px,calc(100vw - 16px))}#fps-overlay{max-width:calc(100vw - 16px);padding-top:16px}#fps-collapse{display:block}}