:root{color-scheme:dark;--bg: #0a0a0b;--fg: #e5e7eb;--fg-dim: #9ca3af;--panel: rgba(20, 20, 24, .78);--panel-border: rgba(255, 255, 255, .08);--accent: #60a5fa}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow:hidden;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.app{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr;grid-template-rows:1fr}.canvas-host{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,#14141a,#0a0a0b 70%)}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:10px;align-items:center;z-index:10;pointer-events:none}.hud>*{pointer-events:auto}.brand{font-weight:600;letter-spacing:.02em;font-size:13px;color:var(--fg-dim);background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:6px 14px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand strong{color:var(--fg)}.toggles{display:flex;gap:10px;align-items:center}.segmented{display:inline-flex;background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:3px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.segmented button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--fg-dim);padding:6px 14px;border-radius:999px;font-size:12px;font-weight:500;letter-spacing:.02em;text-transform:capitalize;transition:background .15s,color .15s}.segmented button:hover{color:var(--fg)}.segmented button.active{background:#60a5fa2e;color:#fff;box-shadow:0 0 0 1px #60a5fa66}.legend{position:absolute;bottom:14px;left:14px;background:var(--panel);border:1px solid var(--panel-border);border-radius:10px;padding:10px 12px;font-size:11px;color:var(--fg-dim);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.legend-row{display:flex;align-items:center;gap:8px;margin-bottom:4px}.legend-row:last-child{margin-bottom:0}.legend-bar{width:110px;height:8px;border-radius:4px;background:linear-gradient(to right,#d62f2c,#fee08b,#1a9850)}.legend-dot{width:14px;height:14px;border-radius:50%}.detail-panel{position:absolute;top:14px;right:14px;width:320px;max-height:calc(100vh - 28px);background:var(--panel);border:1px solid var(--panel-border);border-radius:12px;padding:14px 16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:13px;line-height:1.45;z-index:10;overflow-y:auto}.detail-panel .close{float:right;background:transparent;border:0;color:var(--fg-dim);font-size:18px;line-height:1}.detail-panel h3{margin:0 0 8px;font-size:14px;font-weight:600}.detail-panel a{color:var(--accent)}.detail-panel .meta-row{display:flex;justify-content:space-between;color:var(--fg-dim);font-size:11px;margin-bottom:4px}.status{position:absolute;bottom:14px;right:14px;font-size:11px;color:var(--fg-dim);background:var(--panel);border:1px solid var(--panel-border);border-radius:999px;padding:5px 12px 6px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;overflow:hidden}.refresh-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:transparent;pointer-events:none}.refresh-progress__bar{height:100%;background:var(--fg-dim);opacity:.6;transition:opacity .2s linear}