:root{--accent: #3ad6e6;--accent-ink: #06222a;--bg-0: #070c16;--panel: #0e1c30;--border: #1f3450;--border-soft: #14223a;--text: #eaf6f8;--muted: #7f93ad;--label: #5f7287;--pill-off: #8295ab;--green: #2bd97a;--red: #ff5d52;font-family:Manrope,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(120% 90% at 50% -20%,#10243a,#0a1322 46%,#070c16);background-attachment:fixed;color:var(--text);overflow:hidden}@keyframes sweepRot{to{transform:rotate(360deg)}}@keyframes ringPulse{0%{transform:scale(.6);opacity:.55}to{transform:scale(1.9);opacity:0}}.muted{color:var(--muted)}.small{font-size:12px}.accent{color:var(--accent)}.error{color:var(--red)}button{font:inherit;cursor:pointer}.page{display:flex;flex-direction:column;height:100vh;height:100dvh}.topbar{padding:18px 26px 16px;border-bottom:1px solid var(--border-soft);background:linear-gradient(180deg,#0c1726,#0a1322cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:5}.topbar-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:14px}.brand-name{font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:700;color:var(--text);letter-spacing:.04em;line-height:1}.breadcrumb{font-size:12.5px;color:var(--muted);margin-top:5px;font-weight:600}.radar-logo{position:relative;width:44px;height:44px;border-radius:50%;border:1.5px solid #1d5e6b;background:radial-gradient(circle,#0c2330,#081420);flex:none;overflow:hidden}.radar-sweep{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,#3ad6e6 38deg,transparent 76deg);animation:sweepRot 3.4s linear infinite}.radar-ring{position:absolute;border-radius:50%;border:1px solid rgba(29,94,107,.5)}.radar-ring.r1{top:9px;right:9px;bottom:9px;left:9px}.radar-ring.r2{top:17px;right:17px;bottom:17px;left:17px}.radar-dot{position:absolute;left:50%;top:50%;width:5px;height:5px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);box-shadow:0 0 8px var(--accent)}.back{font-size:22px;text-decoration:none;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:10px;width:44px;height:44px;display:grid;place-items:center;line-height:1;flex:none}.back:hover{border-color:var(--accent);color:var(--accent)}.legend{display:flex;gap:26px;align-items:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:10px}.legend-cap{font-size:11px;color:#6f8298;font-weight:600}.legend-grad{width:96px;height:8px;border-radius:5px;background:linear-gradient(90deg,#e2483d,#6b7488 48%,#23c483)}.legend-dots{display:flex;align-items:center;gap:8px}.dot{background:#5a6580;border-radius:50%;display:inline-block}.dot.s{width:9px;height:9px}.dot.m{width:14px;height:14px}.dot.l{width:20px;height:20px}.controls{display:flex;gap:24px;align-items:flex-end;flex-wrap:wrap}.control{display:flex;flex-direction:column}.control.grow{flex:1;min-width:160px}.control-label{font-size:10.5px;letter-spacing:.14em;color:var(--label);font-weight:700;text-transform:uppercase;margin-bottom:7px}select,input{font-family:Manrope,sans-serif;font-size:14px;font-weight:600;color:var(--text);background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:10px 14px;outline:none}select{min-width:190px;cursor:pointer}input{width:100%;font-weight:500}input::placeholder{color:#586176}select:focus,input:focus{border-color:var(--accent)}.pills{display:flex;gap:2px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:3px}.pill{background:transparent;border:none;color:var(--pill-off);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:600;letter-spacing:.01em;white-space:nowrap;transition:all .15s ease}.pill:hover{color:var(--text)}.pill.active{background:var(--accent);color:var(--accent-ink)}.stage{position:relative;flex:1;min-height:0;overflow:hidden}.bubble-wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;touch-action:none}.bubble-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.bubble-layer{position:absolute;top:0;right:0;bottom:0;left:0}.bubble-tip{position:absolute;z-index:50;pointer-events:none;opacity:0;transition:opacity .12s ease;transform:translate(-50%,calc(-100% - 14px));min-width:180px;padding:13px 15px;border-radius:12px;background:#080c14f0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid var(--border);box-shadow:0 14px 36px #0009;font-family:Manrope,sans-serif}.centered{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;text-align:center;padding:20px}.zoom-controls{position:absolute;right:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:45;display:flex;flex-direction:column;gap:8px}.zoom-controls button{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:#0e1c30d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font-size:20px;font-weight:700;line-height:1;display:grid;place-items:center;transition:all .15s ease}.zoom-controls button:hover{border-color:var(--accent);color:var(--accent)}.zoom-controls button:active{transform:scale(.94)}.motion-controls{position:absolute;left:14px;bottom:max(14px,env(safe-area-inset-bottom));z-index:45}.motion-btn{padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:#0e1c30d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--text);font-family:Manrope,sans-serif;font-size:13px;font-weight:600;line-height:1;transition:all .15s ease}.motion-btn.on{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.motion-btn:active{transform:scale(.96)}@media (max-width: 768px){.topbar{padding:max(10px,env(safe-area-inset-top)) 14px 12px}.topbar-top{margin-bottom:12px;gap:12px}.brand{gap:10px}.brand-name{font-size:17px}.breadcrumb{font-size:11px;margin-top:3px}.radar-logo{width:38px;height:38px}.legend{display:none}.controls{gap:10px}.control{flex:1 1 auto}.control:first-child{flex:1 1 100%}.control.grow{flex:1 1 100%;min-width:0}.control-label{font-size:9.5px;margin-bottom:5px}select{min-width:0;width:100%}.pills{overflow-x:auto;scrollbar-width:none}.pills::-webkit-scrollbar{display:none}.pill{padding:6px 10px;font-size:12px}.zoom-controls button{width:44px;height:44px}.bubble-tip{min-width:150px;max-width:78vw}}