.harmonics-panel { margin-top:15px;padding:20px 22px 16px;border:1px solid var(--line,#26344e);border-radius:13px;background:linear-gradient(135deg,var(--surface-soft,#111e33),var(--panel,#0e1729));min-width:0; }
.harmonics-heading { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.harmonics-eyebrow { color:var(--muted,#9aa9c0);font-size:8px;font-weight:600;letter-spacing:1.3px; }
.harmonics-heading h3 { margin:7px 0 0;font-family:'Space Grotesk',Arial,sans-serif;font-size:22px;font-weight:500;letter-spacing:-.6px;line-height:1.2; }
.harmonics-badge { flex-shrink:0;font-size:7px;letter-spacing:.7px;color:var(--accent,#6a9eff);background:color-mix(in srgb,var(--accent,#6a9eff) 8%,transparent);border:1px solid color-mix(in srgb,var(--accent,#6a9eff) 25%,var(--line,#26344e));border-radius:20px;padding:6px 8px; }
.harmonics-reference { display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:18px;font-variant-numeric:tabular-nums; }
.harmonics-reference>span { color:var(--muted,#9aa9c0);font-size:10px;margin-right:3px; }
.harmonics-reference strong { color:var(--accent,#6a9eff);font-family:'Space Grotesk',Arial,sans-serif;font-size:24px;line-height:1;font-weight:600; }
.harmonics-reference b { font-family:'Space Grotesk',Arial,sans-serif;font-size:15px;font-weight:400;color:var(--text,#e5edff); }
.harmonics-context { color:var(--muted,#9aa9c0);font-size:9px;margin:8px 0 14px;line-height:1.5;font-variant-numeric:tabular-nums; }
.harmonics-columns { display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:start; }
.harmonics-group { border:1px solid var(--line,#26344e);border-radius:10px;padding:13px 12px;background:color-mix(in srgb,var(--accent,#6a9eff) 3%,var(--panel,#0e1729));min-width:0; }
.harmonics-subharmonics { background:color-mix(in srgb,var(--signal-red,#ff5877) 3%,var(--panel,#0e1729)); }
.harmonics-group-title { display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px; }
.harmonics-group-title h4 { margin:0;color:var(--text,#e5edff);font-size:11px;font-weight:600;line-height:1.5; }
.harmonics-group-title>span { color:var(--muted,#9aa9c0);font-size:8px;white-space:nowrap; }
.harmonics-list { list-style:none;margin:0;padding:0;display:grid;gap:11px; }
.harmonics-peak { display:flex;align-items:center;gap:9px;min-width:0; }
.harmonics-ratio { flex:0 0 31px;color:var(--accent,#6a9eff);border:1px solid color-mix(in srgb,var(--accent,#6a9eff) 25%,var(--line,#26344e));background:color-mix(in srgb,var(--accent,#6a9eff) 8%,transparent);border-radius:5px;font-size:9px;text-align:center;padding:5px 2px;font-variant-numeric:tabular-nums; }
.harmonics-subharmonics .harmonics-ratio { color:var(--signal-red,#ff5877);border-color:color-mix(in srgb,var(--signal-red,#ff5877) 25%,var(--line,#26344e));background:color-mix(in srgb,var(--signal-red,#ff5877) 8%,transparent); }
.harmonics-peak-main { flex:1;min-width:0; }
.harmonics-peak-reading { display:flex;align-items:baseline;gap:7px;font-variant-numeric:tabular-nums; }
.harmonics-peak-reading strong { font-family:'Space Grotesk',Arial,sans-serif;font-size:13px;font-weight:500;color:var(--text,#e5edff);white-space:nowrap; }
.harmonics-peak-reading>span { color:var(--muted,#9aa9c0);font-size:10px;white-space:nowrap; }
.harmonics-peak-reading>small { margin-left:auto;color:var(--muted,#9aa9c0);font-size:8px;white-space:nowrap; }
.harmonics-strength { height:3px;margin-top:6px;border-radius:3px;background:var(--line,#26344e);overflow:hidden; }
.harmonics-strength>i { display:block;height:100%;background:linear-gradient(90deg,#3b76e6,#7fb4ff);border-radius:3px; }
.harmonics-subharmonics .harmonics-strength>i { background:linear-gradient(90deg,#d72f55,#ff8096); }
.harmonics-empty { min-height:25px;margin:0;font-size:10px;line-height:1.6;color:var(--muted,#9aa9c0); }
.harmonics-message { color:var(--text,#e5edff);font-size:10px;line-height:1.65;margin:13px 0 0; }
.harmonics-message:empty { display:none; }
.harmonics-note { color:var(--muted,#9aa9c0);font-size:9px;line-height:1.7;margin:9px 0 0; }
@media(max-width:650px) {
  .harmonics-panel { order:7;padding:16px 12px 14px; }
  .harmonics-heading { align-items:flex-start;gap:8px; }
  .harmonics-heading h3 { font-size:19px; }
  .harmonics-badge { font-size:6px;letter-spacing:.3px;padding:5px 6px; }
  .harmonics-columns { grid-template-columns:1fr;gap:10px; }
  .harmonics-group { padding:12px; }
  .harmonics-group-title { margin-bottom:11px; }
  .harmonics-peak-reading>span { font-size:11px; }
  .harmonics-peak-reading>small { font-size:9px; }
}