:root { --muted: #a4b5ba; --cyan: #43c8ff; --bg: #03070d; --line: #17344a; }
body { font-family: "Avenir Next", "Helvetica Neue", sans-serif; letter-spacing: normal; }
body * { letter-spacing: normal; }
.hero-copy h1 { letter-spacing: -0.025em; }
.primary, .secondary, .panel-link, .command-bar button { padding: 12px 16px; }
.panel, .metric, .command-bar { padding: 16px; }
.brand { padding: 8px 0; }
body { background: radial-gradient(circle at 50% 32%, #092941 0, #03070d 38%, #02040a 78%); }
.topbar { background: linear-gradient(180deg, rgba(3,14,25,.96), rgba(3,7,13,.82)); }
.panel { background: linear-gradient(135deg, rgba(6,24,39,.88), rgba(3,8,15,.94)); border-color: #16415c; }
.core { width: 175px; height: 175px; border: 2px solid var(--cyan); background: radial-gradient(circle, rgba(67,200,255,.28), rgba(3,9,16,.75) 58%); }
.status-dot, .live-dot { box-shadow: none; }
.chart-line { filter: none; }
.core { box-shadow: 0 12px 35px rgba(0,0,0,.36); }
.status-dot, .live-dot { box-shadow: none !important; }
.chart-line { filter: none !important; }
.core::before, .core::after { content: ''; position: absolute; width: 215px; height: 215px; border: 1px solid rgba(67,200,255,.55); border-radius: 50%; }
.core::after { width: 260px; height: 260px; border-style: dashed; opacity: .55; animation: spin 18s linear infinite; }
.core-wrap { background: radial-gradient(circle, rgba(67,200,255,.1), transparent 58%); }
.telemetry-chart { background: repeating-linear-gradient(0deg, transparent 0 37px, #12334a 38px), repeating-linear-gradient(90deg, transparent 0 78px, #0b2336 79px); }
.core { box-shadow: 0 12px 35px rgba(0,0,0,.32); }
@keyframes pulse { 50% { box-shadow: 0 16px 42px rgba(0,0,0,.44); } }

/* Readability pass: the HUD can stay compact without making controls microscopic. */
.noise { display: none; }
body { letter-spacing: normal; }
body * { letter-spacing: normal; }
body button, body input, body small, body footer, body .panel-head,
body .metric span, body .eyebrow, body .command-prefix, body .command-hint,
body .metric b, body .agent-status, body .panel-link, body .mission-info small,
body .core-foot, body .feed-item, body .chart-labels { font-size: 12px; }
button, input, .brand, .top-status, footer, .panel-head, .metric span,
.eyebrow, .command-prefix, .command-hint, .metric b, .agent-status,
.panel-link, .mission-info small, .core-foot, .feed-item, .chart-labels {
  font-size: 11px;
  letter-spacing: normal;
}
.brand small { font-size: 11px; letter-spacing: normal; }
.hero-copy p, .metric small, .agent-info small { font-size: 14px; }
.metric strong { letter-spacing: normal; }
.panel-head i { font-size: 11px; letter-spacing: normal; }
.core small, .core b { font-size: 11px; letter-spacing: normal; }

/* Final visual audit pass. */
body { background: #03070d; }
body button, body input, body small, body footer, body .panel-head,
body .metric span, body .eyebrow, body .command-prefix, body .command-hint,
body .metric b, body .agent-status, body .panel-link, body .mission-info small,
body .core-foot, body .feed-item, body .chart-labels { letter-spacing: normal; }
.core-wrap { background: #06121d; padding: 16px; }
.chart-line { filter: none !important; clip-path: none !important; inset: 48% 6% auto !important; height: 2px; background: var(--cyan); transform: skewY(-8deg); }
.panel-head, .metric, .command-bar, .mission, .agent { padding: 12px; }
.panel-head { gap: 12px; }
.panel-head { padding: 12px 12px 15px; }
.panel-link { padding: 12px 16px; }
.core-foot { padding: 12px; }
.command-bar { padding: 12px; }
.metric { padding: 16px; }
.command-bar input { padding: 8px 0; }
.core { padding: 16px; }
.brand { padding: 8px; }

.brand { padding: 12px; }
.panel-head { padding: 14px 12px 15px; }