.cymbal-intro{font-size:.95rem;color:var(--muted);max-width:670px;margin:-12px 0 28px;line-height:1.7}.cymbal-grid{display:grid;grid-template-columns:245px minmax(370px,1fr) 270px;gap:18px;align-items:start}.cymbal-art{text-align:center;margin:12px 0 25px}.cymbal-art svg{width:100%;max-width:210px;fill:none;stroke:var(--accent);stroke-width:1.5}.cymbal-art strong{display:block;font-size:.75rem;color:var(--muted);font-weight:500}.cymbal-analysis{text-align:center;padding:26px 28px}.cymbal-analysis .section-heading{margin-bottom:20px;text-align:left}.centroid-label{font-size:.64rem;color:var(--muted);letter-spacing:1px;line-height:1.5;margin:24px 0 6px}.cymbal-reading{display:flex;justify-content:center;align-items:baseline;gap:12px}.cymbal-reading strong{font:4rem Consolas,monospace;font-weight:400;letter-spacing:-3px}.cymbal-reading>span{font-size:.9rem;color:var(--muted)}#measurement-label{margin-top:8px;margin-bottom:18px;font-size:.8rem}.metric-explanation{color:var(--muted);font-size:.77rem;line-height:1.6;max-width:450px;margin:0 auto 22px}.cymbal-controls{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.cymbal-controls .primary-button{min-height:48px}.cymbal-input{display:flex;align-items:center;justify-content:center;gap:12px;margin:20px auto 0;max-width:240px}.cymbal-input .level-track{flex:1}#cymbal-level{height:100%;background:var(--accent);width:0}.cymbal-metrics{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line);padding:22px 0;margin-top:24px;gap:20px;text-align:left}.cymbal-metrics span{font-size:.75rem;color:#bdc0c6;display:block}.cymbal-metrics strong{display:block;font:1.7rem Consolas,monospace;margin:10px 0}.cymbal-metrics small{font-size:.7rem;color:var(--muted);line-height:1.5;display:block}.cymbal-analysis .spectrum-heading{margin-top:24px;text-align:left}#cymbal-spectrum{display:block;width:100%;height:130px;margin:12px 0}.cymbal-bands{display:grid;gap:12px}.cymbal-bands>div{display:grid;grid-template-columns:100px 1fr 40px;align-items:center;gap:12px;font-size:.72rem;text-align:left}.cymbal-bands>div>div{height:6px;border-radius:5px;overflow:hidden;background:#30353b}.cymbal-bands i{display:block;background:var(--accent);height:100%;width:0}.cymbal-bands strong{text-align:right;color:var(--muted);font-weight:500}.metric-footnote{font-size:.7rem;line-height:1.6;margin-top:17px}.cymbal-reference dl{margin:25px 0}.cymbal-reference dt{color:var(--muted);font-size:.78rem;margin-bottom:6px}.cymbal-reference dd{margin:0 0 20px;font:1.6rem Consolas,monospace}.cymbal-guide{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;scroll-margin-top:20px}.cymbal-guide h2{font-size:1.18rem;margin-bottom:18px;line-height:1.4}.cymbal-guide p,.cymbal-guide li{font-size:.875rem;line-height:1.7;color:#b4b7bd}.cymbal-guide li{padding-left:4px;margin-bottom:9px}.cymbal-guide ol{padding-left:20px}.cymbal-guide .source-note{font-size:.73rem;margin-bottom:0}.cymbal-analysis .notice{text-align:left}
@media(max-width:1120px){.cymbal-grid{grid-template-columns:235px minmax(340px,1fr)}.cymbal-reference{grid-column:1/-1}.cymbal-reference dl{display:flex;align-items:baseline;gap:20px;flex-wrap:wrap}}
@media(max-width:680px){.cymbal-grid{display:flex;flex-direction:column}.cymbal-grid>.panel{width:100%}.cymbal-setup{padding:22px}.cymbal-art{display:none}.cymbal-setup .field{margin-bottom:16px}.cymbal-setup #cymbal-tip{margin-bottom:0}.cymbal-analysis{padding:23px 20px}.cymbal-reading strong{font-size:3.5rem}.cymbal-guide{grid-template-columns:1fr}.cymbal-guide .panel{padding:24px}.cymbal-intro{font-size:.85rem}.cymbal-metrics strong{font-size:1.4rem}.cymbal-controls .primary-button{width:100%}.cymbal-bands>div{grid-template-columns:90px 1fr 35px;gap:8px}.cymbal-reference dl{display:block}.cymbal-workspace .workspace-title h1{font-size:1.45rem}.cymbal-workspace .pill{padding:7px;font-size:.6rem}.cymbal-analysis .section-heading{gap:8px}.cymbal-analysis .microphone-status{max-width:140px;font-size:.7rem}}