:root{--bg: #0a0e14;--panel: #121820;--panel-2: #182029;--line: #263141;--text: #e8f0ff;--muted: #a9b6c6;--accent: #5aaaff;--accent-strong: #2b7fe0;--ok: #46d17a;--warn: #ffb020;--danger: #ff5a5a;--touch: 48px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;color:inherit;cursor:pointer}.view{min-height:100%;display:flex;flex-direction:column}.view-centered{align-items:center;justify-content:center;padding:max(20px,env(safe-area-inset-top)) 20px}.card{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:24px;width:100%;max-width:460px}.card h1{margin:0 0 8px;font-size:1.5rem}.muted{color:var(--muted)}.fineprint{color:var(--muted);font-size:.8rem;margin-top:16px}.alert{background:#ff5a5a1f;border:1px solid var(--danger);color:#ffd6d6;padding:12px 14px;border-radius:10px;margin:12px 0}.btn{min-height:var(--touch);border-radius:12px;border:1px solid var(--line);background:var(--panel-2);padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;gap:4px;transition:filter .12s ease}.btn:active{filter:brightness(1.2)}.btn:disabled{opacity:.5}.btn-block{width:100%;flex-direction:column;align-items:flex-start;text-align:left}.btn-primary{background:linear-gradient(180deg,var(--accent),var(--accent-strong));border-color:var(--accent-strong);color:#041022}.btn-primary .btn-sub{color:#041022cc}.btn-ghost{background:transparent}.btn-title{font-weight:600;font-size:1.05rem}.btn-sub{font-size:.82rem;color:var(--muted)}.btn-small{min-height:40px;padding:6px 14px;font-size:.9rem}.connect-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.connect-hint,.connect-actions+.connect-hint{margin-top:14px;color:var(--accent)}.brand{display:flex;flex-direction:column;align-items:center;gap:5px;margin-bottom:26px}.brand-eye{width:56px;height:56px;color:var(--accent)}.brand-name{font-size:1.5rem;font-weight:700;letter-spacing:.01em;color:var(--text)}.brand-sub{font-size:.72rem;color:var(--muted);text-transform:uppercase;letter-spacing:.16em}.btn-connect{flex-direction:row;align-items:center;justify-content:center;gap:10px;text-align:center;font-weight:600;font-size:1rem}.view-live{height:100%}.live-header{display:flex;align-items:flex-start;flex-wrap:nowrap;gap:8px;padding:max(10px,env(safe-area-inset-top)) 12px 10px;border-bottom:1px solid var(--line);background:var(--panel)}.live-stats{display:flex;align-items:center;flex-wrap:wrap;gap:8px;flex:1;min-width:0}.live-disconnect{flex:none;min-height:30px;height:30px;padding:0 12px;font-size:.8rem}.stat{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;background:var(--panel-2);border:1px solid var(--line);border-radius:8px;font-size:.8rem;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums;white-space:nowrap}.stat-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}.stat-ok .stat-dot{background:var(--ok)}.stat-warn .stat-dot{background:#e3a72b}.stat-bad .stat-dot{background:var(--danger)}.stat-muted{color:var(--muted);font-weight:400}.live-main{flex:1;min-height:0;position:relative}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}.chip-dot{width:8px;height:8px;border-radius:50%;background:var(--muted)}.chip-tdoa{color:var(--ok);border-color:color-mix(in srgb,var(--ok) 45%,var(--line))}.chip-tdoa .chip-dot{background:var(--ok);box-shadow:0 0 8px var(--ok)}.chip-fix{color:var(--warn)}.chip-fix.chip-fix .chip-dot{background:var(--warn)}.chip-nofix{color:var(--muted)}.chip-nofix .chip-dot{background:var(--danger)}.chip-battery{color:var(--text);font-weight:500}.chip-target{color:#1a1206;background:#ffc850;font-weight:600}.chip-offline{color:var(--muted);border:1px dashed var(--muted)}.chip-batt-icon{position:relative;width:22px;height:11px;border:1.5px solid var(--muted);border-radius:3px;display:inline-block;overflow:hidden}.chip-batt-icon:after{content:"";position:absolute;right:-4px;top:3px;width:2px;height:5px;background:var(--muted);border-radius:0 1px 1px 0}.chip-batt-fill{position:absolute;left:1px;top:1px;bottom:1px;background:var(--ok);border-radius:1px}.chip-charge{color:var(--warn)}.plotter{position:absolute;top:0;right:0;bottom:0;left:0}.plotter-canvas{width:100%;height:100%;display:block;touch-action:none}.plotter-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:1.1rem}.plotter-controls{position:absolute;right:10px;bottom:10px;display:flex;flex-direction:column;gap:6px}.plotter-btn{width:38px;height:38px;padding:0;border-radius:9px;background:#101621d1;color:#e8f0ff;border:1px solid rgba(255,255,255,.16);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.plotter-btn:disabled{opacity:.4;cursor:default}.plotter-btn:active{background:#28364ee6}.status-pill{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line);font-size:.9rem}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--muted)}.status-connected .status-dot{background:var(--ok);box-shadow:0 0 8px var(--ok)}.status-connecting .status-dot{background:var(--warn)}.status-error .status-dot{background:var(--danger)}.status-transport{color:var(--muted);border-left:1px solid var(--line);padding-left:8px}.status-suspended{color:var(--warn);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.health{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--muted)}.health-dot{width:8px;height:8px;border-radius:50%;background:var(--ok)}.health-degraded .health-dot{background:var(--warn)}.health-dropped{color:var(--warn)}.readout-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:8px}.readout-hint{color:var(--muted);font-size:.85rem}.event-overlay{position:absolute;top:10px;left:10px;width:min(232px,calc(100% - 20px));max-height:44vh;overflow-y:auto;overscroll-behavior:contain;background:color-mix(in srgb,var(--panel) 80%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:12px;box-shadow:0 6px 20px #00000059;z-index:5}.event-head{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8px;background:transparent;border:none;color:var(--text);font-weight:600;font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;cursor:pointer}.event-chevron{color:var(--muted)}.event-empty{padding:0 10px 10px;color:var(--muted);font-size:.78rem}.event-list{list-style:none;margin:0;padding:0 10px 10px;display:flex;flex-direction:column;gap:4px}.event-item{display:grid;grid-template-columns:12px 1fr auto auto;align-items:center;gap:6px;font-size:.74rem;font-variant-numeric:tabular-nums}.event-swatch{width:12px;height:12px;border-radius:3px}.event-id{color:var(--muted)}.event-timing{font-size:.72rem;padding:2px 6px;border-radius:6px}.timing-locked{background:#46d17a26;color:var(--ok)}.timing-pos{background:#a9b6c61f;color:var(--muted)}