.reverb-page{--reverb-bg:var(--background);--reverb-panel:#1b1d22;--reverb-raised:#22252b;--reverb-line:#363940;--reverb-ink:#f5f5f2;--reverb-muted:#a8a9ad;background:var(--reverb-bg);color:var(--reverb-ink);font-synthesis:none;min-width:300px;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:normal}.reverb-shell{max-width:1180px;margin-inline:auto;padding:0 28px 64px}.reverb-top{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:30px;padding:38px 0 24px;display:grid}.reverb-intro h1{color:#fff;margin:0}.reverb-title-accent{color:var(--orange)}.reverb-description{color:var(--reverb-muted);margin:14px 0 0;font-size:16px;line-height:1.5}.reverb-tempo{background:var(--reverb-panel);border:1px solid var(--reverb-line);border-radius:18px;padding:18px 20px}.reverb-tempo-heading{color:var(--reverb-muted);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;font-size:13px;font-weight:800;display:flex}.reverb-tempo-heading span:last-child{color:var(--orange);letter-spacing:.08em;font-size:12px}.reverb-tempo-controls{align-items:center;gap:12px;margin-top:10px;display:flex}.reverb-bpm-input{-webkit-appearance:textfield;appearance:textfield;width:100%;min-width:0;color:var(--reverb-ink);letter-spacing:-.065em;font-variant-numeric:tabular-nums;background:0 0;border:0;padding:0;font-size:clamp(47px,5vw,62px);font-weight:800;line-height:1.1}.reverb-bpm-input::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none;margin:0}.reverb-bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}.reverb-bpm-input:focus-visible{outline:2px solid var(--orange);outline-offset:3px}.reverb-stepper{gap:6px;display:flex}.reverb-stepper button{width:39px;height:39px;color:var(--reverb-ink);background:var(--reverb-raised);border:1px solid #4b4e55;border-radius:10px;flex:none;padding:0;font-size:24px;line-height:1}.reverb-stepper button:hover{border-color:var(--orange);color:var(--orange)}.reverb-tempo-error{color:#ffad92;min-height:18px;margin:8px 0 0;font-size:13px}.reverb-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;display:grid}.reverb-card{background:var(--reverb-panel);border:1px solid var(--reverb-line);border-radius:18px;flex-direction:column;grid-column:span 2;min-width:0;min-height:240px;padding:21px 23px 22px;display:flex}.reverb-card:nth-child(5){grid-column:2/span 2}.reverb-card-heading{justify-content:space-between;align-items:start;gap:12px;display:flex}.reverb-card h3{letter-spacing:-.025em;margin:0;font-family:inherit;font-size:20px;font-weight:700;line-height:normal}.reverb-note{color:var(--orange);white-space:nowrap;background:#33231f;border:1px solid #743c2a;border-radius:7px;padding:4px 7px;font-size:12px;font-weight:750;line-height:normal}.reverb-metric-label{color:var(--reverb-muted);letter-spacing:.13em;text-transform:uppercase;margin-top:24px;font-size:12px;font-weight:800}.reverb-decay-row{align-items:center;gap:9px;margin-top:8px;display:flex}.reverb-decay{color:var(--reverb-ink);letter-spacing:-.055em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(32px,3.1vw,42px);font-weight:750;line-height:1.15}.reverb-decay small{letter-spacing:0;color:var(--reverb-muted);font-size:.46em;font-weight:600}.reverb-total{color:var(--reverb-muted);justify-content:space-between;gap:10px;margin-top:9px;font-size:14px;display:flex}.reverb-total strong{color:var(--reverb-ink);font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:650}.reverb-pre{border-top:1px solid var(--reverb-line);justify-content:space-between;align-items:center;gap:8px;margin-top:auto;padding-top:15px;font-size:14px;display:flex}.reverb-pre>span:first-child{color:var(--reverb-muted);flex:1;min-width:0}.reverb-pre-value{flex:none;align-items:center;gap:6px;display:flex}.reverb-pre strong{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:750}.reverb-copy{width:26px;height:26px;color:var(--reverb-muted);background:0 0;border:1px solid #4b4e55;border-radius:7px;flex:none;place-items:center;padding:0;display:grid;position:relative}.reverb-copy svg{width:14px;height:14px}.reverb-copy:hover:not(:disabled),.reverb-copy.is-copied{border-color:var(--orange);color:var(--orange)}.reverb-copy:disabled{opacity:.4;cursor:not-allowed}.reverb-copy.is-error:after{content:attr(data-error);z-index:2;color:var(--reverb-ink);letter-spacing:0;text-transform:none;white-space:nowrap;background:#33363c;border-radius:6px;padding:5px 7px;font-size:12px;font-weight:600;position:absolute;bottom:calc(100% + 6px);right:0}.reverb-notes{border-top:1px solid var(--reverb-line);color:var(--reverb-muted);justify-content:space-between;gap:16px;margin-top:23px;padding-top:17px;font-size:13px;line-height:1.5;display:flex}.reverb-notes p{margin:0}.reverb-notes strong{color:var(--reverb-ink);font-weight:650}.reverb-live-status{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1050px){.reverb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.reverb-card,.reverb-card:nth-child(5){grid-column:auto}.reverb-top{grid-template-columns:minmax(0,1fr) 290px}}@media (max-width:660px){.reverb-shell{padding:0 18px 44px}.reverb-top{grid-template-columns:1fr;gap:24px;padding:30px 0 22px}.reverb-description{margin-top:10px}.reverb-grid{grid-template-columns:1fr;gap:10px}.reverb-card{min-height:0;padding:18px 20px}.reverb-metric-label{margin-top:15px}.reverb-pre{margin-top:17px;padding-top:12px}.reverb-notes{flex-direction:column;gap:6px}}@media (pointer:coarse){.reverb-copy:before{content:"";position:absolute;inset:-9px}.reverb-stepper button{min-width:44px;min-height:44px}}@media (prefers-reduced-motion:no-preference){.reverb-card,.reverb-stepper button{transition:border-color .18s,color .18s}}
