.pre-event-panel{background:#091b29;border:1px solid #326370;border-radius:14px;padding:20px;color:#e1edf4;margin:18px 0}.pre-event-panel header{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.pre-badge{display:inline-block;font:12px monospace;padding:5px 8px;background:#153843;color:#7ee7e9;border:1px solid #3c7e89;border-radius:6px}.pre-event-panel header strong{font-size:22px}.pre-start,.pre-note,.pre-event-panel small{color:#9fb7c7}.pre-controls{display:flex;gap:18px;flex-wrap:wrap;align-items:end;margin:20px 0}.pre-controls label{display:grid;gap:6px;font-size:13px}.pre-controls select{background:#102a3a;color:#e1edf4;border:1px solid #426277;border-radius:5px;padding:9px;max-width:100%}.pre-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.pre-metric{padding:12px;background:#0e2535;border-radius:7px}.pre-metric dt{color:#a7c1ce;font-size:12px}.pre-metric dd{font:18px monospace;margin:6px 0;overflow-wrap:anywhere}.pre-metric small{font-size:11px;display:block;line-height:1.5}.pre-chart svg{width:100%;height:auto;min-height:170px}.pre-limited{padding:16px;background:#273224;color:#e1c783}.pre-note{font-size:12px;line-height:1.6}.pre-start{font-size:12px}.family-lifecycle{font:11px monospace;color:#7ee7e9;margin-right:8px}@media(max-width:600px){.pre-event-panel{padding:12px}.pre-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.pre-controls label{width:100%}.pre-event-panel header strong{font-size:18px}.pre-metric dd{font-size:15px}.pre-controls select{width:100%}.pre-chart svg{min-height:140px}}