*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}#map{position:absolute;top:0;right:0;bottom:0;left:0}.map-surface{background:#081018eb;border:1px solid rgba(255,255,255,.08);font-family:Courier New,monospace;color:#c8dce8;font-size:12px}.legend-item{display:flex;align-items:center;gap:8px;cursor:pointer;padding:4px 0;-webkit-user-select:none;user-select:none}.legend-item:hover{opacity:.75}.legend-item.off{opacity:.3}.legend-swatch{width:22px;height:3px;border-radius:2px;flex-shrink:0}.legend-swatch.dot{width:9px;height:9px;border-radius:50%}.op-toggle{display:flex;gap:4px;margin-bottom:10px}.op-btn{flex:1;padding:4px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:3px;color:#c8dce8;font-family:Courier New,monospace;font-size:10px;cursor:pointer;text-align:center}.op-btn.active{background:#2196f340;border-color:#2196f3;color:#90caf9}#panel{position:absolute;top:0;left:0;width:260px;height:100%;background:#081018eb;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;font-family:Courier New,monospace;color:#c8dce8;font-size:12px;z-index:10;transition:transform .2s ease}#panel.collapsed{transform:translate(-228px)}#panel-toggle{position:absolute;right:-28px;top:50%;transform:translateY(-50%);width:28px;height:56px;background:#081018eb;border:1px solid rgba(255,255,255,.08);border-left:none;border-radius:0 4px 4px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#c8dce8;font-size:10px}.panel-header{padding:16px;border-bottom:1px solid rgba(255,255,255,.08)}.panel-header h1{font-size:15px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.panel-header p{font-size:10px;opacity:.45;margin-top:3px;letter-spacing:.06em}.panel-nav{margin-top:8px;display:flex;gap:12px}.panel-nav a{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#c8dce859;text-decoration:none;transition:color .15s}.panel-nav a:hover{color:#c8dce8cc}.panel-section{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}.section-label{font-size:9px;letter-spacing:.14em;text-transform:uppercase;opacity:.4;margin-bottom:10px}.draw-btn{width:100%;padding:7px 10px;margin-bottom:6px;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:3px;color:#c8dce8;font-family:Courier New,monospace;font-size:11px;cursor:pointer;text-align:left;transition:background .15s}.draw-btn:hover{background:#ffffff1a}.draw-btn.active{background:#4caf5033;border-color:#4caf50;color:#81c784}.draw-btn.danger:hover{background:#f4433633;border-color:#f44336;color:#ef9a9a}.field-group{margin-bottom:10px}.field-label{font-size:10px;opacity:.5;margin-bottom:4px;display:block}input[type=date],input[type=number]{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.12);border-radius:3px;color:#c8dce8;font-family:Courier New,monospace;font-size:11px;padding:5px 8px;outline:none}input[type=date]:focus,input[type=number]:focus{border-color:#4caf5099}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.7);cursor:pointer}.date-row{display:flex;gap:6px}.date-row>div{flex:1}.size-note{font-size:9px;opacity:.35;margin-top:4px;line-height:1.4}.apply-btn{width:100%;padding:8px;background:#4caf5033;border:1px solid rgba(76,175,80,.4);border-radius:3px;color:#81c784;font-family:Courier New,monospace;font-size:11px;cursor:pointer;letter-spacing:.06em;margin-top:4px}.apply-btn:hover{background:#4caf5059}#age-legend{display:none;margin-top:8px}#age-legend-ramp{height:7px;border-radius:2px;background:linear-gradient(to right,#ef5350,#ff7043,#ffa726,#ffca28,#8bc34a,#26c6da,#29b6f6,#2196f3,#1565c0,#0d47a1,#1a237e)}#age-legend-labels{display:flex;justify-content:space-between;margin-top:3px;font-size:8px;opacity:.45}#ruler-total{display:none;margin-top:8px;font-size:11px;opacity:.75;line-height:1.6}#detection-count{margin-top:auto;padding:10px 16px;font-size:10px;opacity:.3;border-top:1px solid rgba(255,255,255,.06)}#latest-timestamp{padding:0 16px 10px;font-size:10px;opacity:.3;font-family:Courier New,monospace}#stats-panel{position:absolute;bottom:0;left:260px;right:0;height:280px;background:#081018ed;border-top:1px solid rgba(255,255,255,.08);display:none;flex-direction:column;font-family:Courier New,monospace;color:#c8dce8;z-index:10}#stats-panel.visible{display:flex}#panel.collapsed~#stats-panel{left:32px}.stats-header{display:flex;align-items:center;gap:16px;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.06);flex-shrink:0}.stats-header .stat-pill{font-size:11px}.stat-pill span{opacity:.45}.interval-tabs{display:flex;gap:4px;margin-left:auto}.interval-tab{padding:3px 8px;font-family:Courier New,monospace;font-size:10px;background:transparent;border:1px solid rgba(255,255,255,.12);border-radius:2px;color:#c8dce8;cursor:pointer}.interval-tab.active{background:#2196f333;border-color:#2196f3;color:#90caf9}#chart-container{flex:1;padding:8px 16px 12px;min-height:0}#chart-canvas{width:100%!important;height:100%!important}#stats-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:none;align-items:center;justify-content:center;font-size:11px;opacity:.4;pointer-events:none}#stats-loading.visible{display:flex}#topbar{position:absolute;top:0;left:0;right:0;height:44px;background:#081018e6;border-bottom:1px solid rgba(255,255,255,.07);display:flex;align-items:center;padding:0 16px;gap:20px;font-family:Courier New,monospace;font-size:11px;color:#c8dce8;z-index:10}.topbar-brand{font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#c8dce8;text-decoration:none}.topbar-badge{font-size:8px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;padding:2px 6px;border:1px solid rgba(255,241,118,.5);border-radius:2px;color:#fff176}.topbar-spacer{flex:1}#latency-stamp{opacity:.55;font-size:10px}#refresh-countdown{opacity:.35;font-size:10px}.topbar-nav{display:flex;gap:14px;align-items:center}.topbar-nav a{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#c8dce866;text-decoration:none;transition:color .15s}.topbar-nav a:hover{color:#c8dce8d9}#monitor-legend{position:absolute;bottom:36px;left:16px;background:#081018e0;border:1px solid rgba(255,255,255,.07);border-radius:4px;padding:10px 12px;font-family:Courier New,monospace;font-size:10px;color:#c8dce8;z-index:10}.monitor-legend-title{font-size:9px;letter-spacing:.1em;text-transform:uppercase;opacity:.5;margin-bottom:8px}.monitor-legend-ramp{width:120px;height:6px;background:linear-gradient(to right,#fff,#ffe066,#ff7043,#546e7a,#263238);border-radius:3px;margin-bottom:4px}.monitor-legend-labels{display:flex;justify-content:space-between;opacity:.5;font-size:9px}.monitor-legend-divider{border:none;border-top:1px solid rgba(255,255,255,.07);margin:8px 0}#monitor-legend .legend-swatch{width:12px;height:12px;border-radius:2px}#monitor-legend .legend-item{margin-top:5px;padding:0}