:root{--bg-deep: #05070d;--bg-panel: rgba(10, 15, 25, .85);--bg-panel-solid: #0a0f19;--border-cyan: #4ad8ff;--border-soft: rgba(74, 216, 255, .18);--text: #e6f1ff;--text-dim: #8b9cb5;--accent-cyan: #4ad8ff;--accent-yellow: #ffd84a;--accent-amber: #ff9b3b;--accent-red: #ff5b5b;--accent-green: #5bff8c;--accent-purple: #b46bff;font-family:Inter,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%;background:var(--bg-deep);color:var(--text);overflow:hidden}button{font-family:JetBrains Mono,monospace;background:transparent;border:1px solid var(--border-soft);color:var(--text);padding:6px 14px;cursor:pointer;border-radius:4px;transition:all .15s;font-size:12px;letter-spacing:.5px}button:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}button.primary{background:var(--accent-cyan);color:#05070d;border-color:var(--accent-cyan);font-weight:600}button.primary:hover{background:#7be3ff}button.active{background:var(--accent-cyan);color:#05070d;border-color:var(--accent-cyan);font-weight:600}input,select{background:#0006;border:1px solid var(--border-soft);color:var(--text);padding:6px 10px;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:12px}input:focus,select:focus{outline:none;border-color:var(--accent-cyan)}.mono{font-family:JetBrains Mono,monospace}.hud-panel{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:6px;padding:12px 14px;backdrop-filter:blur(8px);font-family:JetBrains Mono,monospace;font-size:11px;line-height:1.5;color:var(--text)}.hud-panel .label{color:var(--text-dim);text-transform:uppercase;font-size:9px;letter-spacing:1px;font-weight:500}.hud-panel .value{color:var(--text);font-size:14px;font-weight:500}.hud-panel .accent{color:var(--accent-cyan)}.hud-panel .accent-yellow{color:var(--accent-yellow)}.hud-panel h3{margin:0 0 8px;font-size:11px;font-weight:500;color:var(--text-dim);text-transform:uppercase;letter-spacing:1px}.title-bar{position:absolute;top:0;left:0;right:0;text-align:center;font-family:JetBrains Mono,monospace;font-size:11px;letter-spacing:3px;color:var(--text-dim);padding:14px;pointer-events:none;text-transform:uppercase;z-index:10}.title-bar .badge{position:absolute;right:18px;top:10px;border:1px solid var(--border-cyan);padding:4px 10px;border-radius:4px;color:var(--accent-cyan);pointer-events:auto;font-size:9px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:#ffffff05}::-webkit-scrollbar-thumb{background:#4ad8ff40;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4ad8ff80}.modal-overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(6px);z-index:100;display:flex;align-items:center;justify-content:center}.modal-content{background:var(--bg-panel-solid);border:1px solid var(--border-cyan);border-radius:8px;padding:20px;max-width:95vw;max-height:95vh;overflow:auto;position:relative}.modal-close{position:absolute;top:12px;right:12px;z-index:10}.side-panel{position:absolute;top:0;right:0;height:100vh;width:360px;background:var(--bg-panel-solid);border-left:1px solid var(--border-soft);z-index:50;display:flex;flex-direction:column;font-family:JetBrains Mono,monospace;font-size:11px;transition:transform .2s}.side-panel.collapsed{transform:translate(360px)}.side-panel-tabs{display:flex;border-bottom:1px solid var(--border-soft)}.side-panel-tab{flex:1;padding:10px 6px;text-align:center;cursor:pointer;background:transparent;border:none;border-right:1px solid var(--border-soft);color:var(--text-dim);font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:1px;text-transform:uppercase;border-radius:0}.side-panel-tab:last-child{border-right:none}.side-panel-tab.active{color:var(--accent-cyan);background:#4ad8ff14}.side-panel-content{flex:1;overflow-y:auto;padding:12px 14px}.side-toggle{position:absolute;top:80px;right:0;z-index:51;background:var(--bg-panel);border:1px solid var(--border-soft);border-right:none;color:var(--accent-cyan);padding:8px 6px;border-radius:6px 0 0 6px;cursor:pointer;writing-mode:vertical-rl;font-size:10px;letter-spacing:1px;text-transform:uppercase}.side-toggle.with-panel{right:360px}.checkbox-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:11px}.checkbox-row input[type=checkbox]{margin:0;cursor:pointer;accent-color:var(--accent-cyan)}.body-list-group h4{margin:12px 0 4px;font-size:9px;letter-spacing:1.5px;color:var(--text-dim);text-transform:uppercase}.body-list-row{display:grid;grid-template-columns:16px 1fr auto auto;align-items:center;gap:6px;padding:4px 6px;border-radius:3px;font-size:11px;cursor:pointer}.body-list-row:hover{background:#ffffff0a}.body-list-row .glyph{font-size:14px;text-align:center}.events-queue{max-height:240px;overflow-y:auto}.event-row{padding:6px 8px;border-radius:3px;cursor:pointer;font-size:10px;display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;border-bottom:1px solid rgba(255,255,255,.04)}.event-row:hover{background:#4ad8ff14}.event-row.upcoming{color:var(--text)}.event-row.past{color:var(--text-dim);opacity:.5}.event-row.active{color:var(--accent-yellow);background:#ffd84a14}.detail-card{padding:8px;background:#0000004d;border-radius:4px;border-left:2px solid var(--accent-cyan)}.detail-card.natal{border-left-color:var(--accent-yellow)}.detail-card.transit{border-left-color:var(--accent-cyan)}.kv-grid{display:grid;grid-template-columns:90px 1fr;gap:4px 12px;font-size:10px}.kv-grid .k{color:var(--text-dim)}.kv-grid .v{color:var(--text)}