*{box-sizing:border-box;margin:0;padding:0}:root{--bg-core:#010308;--bg-panel:rgba(2,8,18,.92);--border:rgba(80,120,200,.12);--text-muted:#3a4658;--text-dim:#6a7a8e;--text-primary:#b4c1d8;--text-accent:#4a7edf;--accent-cyan:#00d5ff;--accent-lte:#32ef14;--accent-umts:#ff8100;--accent-gsm:#ff1538;--font-stack:system-ui,-apple-system,"SF Mono","Consolas","Liberation Mono",Menlo,monospace}body{overflow:hidden;background:var(--bg-core);background-image:radial-gradient(ellipse 160% 100% at 50% 50%,rgba(8,24,64,.3) 0%,transparent 70%),radial-gradient(circle at 30% 70%,rgba(0,100,180,.06) 0%,transparent 55%),radial-gradient(circle at 70% 30%,rgba(100,20,150,.05) 0%,transparent 50%);color:var(--text-primary);font:12px/1.5 var(--font-stack);-webkit-font-smoothing:antialiased}canvas{display:block;width:100vw;height:100vh;cursor:crosshair}.overlay{position:absolute;z-index:10;pointer-events:none}.overlay>*{pointer-events:auto}.title-block{top:16px;left:16px}.title-block .title{font-size:14px;font-weight:500;letter-spacing:.02em;color:var(--text-primary);display:flex;align-items:center;gap:8px}.title-block .title .badge{font-size:9px;padding:2px 6px;background:#5b8def1a;color:var(--text-accent);border-radius:3px;letter-spacing:.05em}.title-block .subtitle{margin-top:2px;font-size:11px;color:var(--text-muted)}.metrics{top:16px;right:16px;display:flex;gap:16px}.metric{display:flex;flex-direction:column;gap:1px;padding:6px 10px;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;backdrop-filter:blur(8px)}.metric-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.metric-value{font-size:13px;font-weight:500;font-variant-numeric:tabular-nums;color:var(--text-primary)}.legend{top:64px;right:16px;padding:8px 0;background:var(--bg-panel);border:1px solid var(--border);border-radius:4px;backdrop-filter:blur(8px)}.legend-item{display:flex;align-items:center;gap:8px;padding:5px 10px;cursor:pointer;transition:background .15s ease}.legend-item:hover{background:#648cdc0f}.legend-item.dimmed{opacity:.2}.legend-swatch{width:8px;height:8px;border-radius:2px;background:var(--swatch);box-shadow:0 0 6px var(--swatch),0 0 1px var(--swatch)}.legend-info{display:flex;align-items:center;gap:8px;flex:1}.legend-name{font-size:11px;color:var(--text-dim)}.legend-count{font-size:10px;font-variant-numeric:tabular-nums;color:var(--text-muted)}.popup{position:fixed;width:200px;padding:8px 10px;background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;backdrop-filter:blur(12px);box-shadow:0 4px 20px #0006;display:flex;flex-direction:column;gap:6px;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:20}.popup.visible{opacity:1}.popup:before{content:"";position:absolute;width:8px;height:8px;background:var(--bg-panel);border:1px solid var(--border);border-radius:2px;transform:rotate(45deg);left:-5px;top:12px}.popup[data-pointer-right=true]:before{left:auto;right:-5px}.popup[data-pointer-bottom=true]:before{top:auto;bottom:12px}.popup-radio-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:3px 8px;border-radius:3px;background:#5b8def1f;color:var(--text-accent)}.popup-radio-badge[data-radio=NR]{background:#00e5ff26;color:#00e5ff}.popup-radio-badge[data-radio=LTE]{background:#39ff1426;color:#39ff14}.popup-radio-badge[data-radio=UMTS]{background:#ff910026;color:#ff9100}.popup-radio-badge[data-radio=GSM]{background:#ff174426;color:#ff1744}.popup-row{display:flex;align-items:center;justify-content:space-between;padding:2px 0}.popup-label{font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.popup-value{font-size:11px;font-variant-numeric:tabular-nums;color:var(--text-primary)}.credit{bottom:16px;left:16px;font-size:9px;color:var(--text-muted)}.credit a{color:var(--text-accent);text-decoration:none;transition:opacity .15s}.credit a:hover{opacity:.8}.loading{position:fixed;inset:0;z-index:100;background:var(--bg-core);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;transition:opacity .4s ease}.loading.fade-out{opacity:0;pointer-events:none}.loading-spinner{width:32px;height:32px;border:2px solid rgba(91,141,239,.15);border-top-color:var(--text-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-status{font-size:11px;color:var(--text-dim)}.loading-progress{width:180px;height:2px;background:#5b8def1a;border-radius:1px;overflow:hidden}.loading-progress-bar{height:100%;background:linear-gradient(90deg,var(--text-accent),var(--accent-cyan));border-radius:1px;transition:width .25s ease}@media(max-width:640px){.legend{top:56px;right:12px}.metrics{top:12px;right:12px;gap:8px}.metric{padding:4px 8px}.metric-value{font-size:12px}.popup{width:200px;padding:8px 10px}.credit{bottom:12px;left:12px}}