.ripples{--ripple-cool: #3e5e3a;--ripple-warm: #c8956d;--ripple-mid: #6a8b6a;--ring-cool: #5a9b52;--ring-warm: #d4a57a;max-width:960px;margin-inline:auto;padding-inline:var(--space-s);padding-block:var(--space-xl) var(--space-l)}.ripples-head{max-width:640px;margin-inline:auto;margin-bottom:var(--space-l);text-align:center}.ripples-title{font-family:var(--serif);font-size:clamp(3rem,8vw,5.25rem);line-height:1;letter-spacing:-.03em;color:var(--accent);font-weight:400}.now-playing-strip{margin-bottom:var(--space-s)}.now-playing-text{font-family:var(--sans)!important;font-size:.78rem!important;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-dim)!important;line-height:1.4!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.now-playing-since{font-family:var(--sans)!important;font-size:.7rem!important;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-dim)!important;line-height:1.4!important;margin:0!important}.ripples-hero{max-width:640px;margin-inline:auto;text-align:center;margin-bottom:var(--space-m)}.hero-descriptor{font-family:var(--serif);font-style:italic;font-size:1.1rem;font-weight:350;color:var(--ink);margin-bottom:var(--space-s)}.spectrum-row{display:flex;align-items:center;justify-content:center;gap:.75rem}.spectrum-end-label{font-family:var(--sans);font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-dim);flex-shrink:0}.spectrum-bar{position:relative;width:240px;height:10px;border-radius:5px;overflow:visible}.spectrum-gradient{width:100%;height:100%;border-radius:5px;background:linear-gradient(to right,var(--ripple-cool),var(--ripple-mid),var(--ripple-warm));opacity:.7}.spectrum-marker{position:absolute;top:50%;width:12px;height:12px;border-radius:50%;background:var(--ink);border:2px solid var(--bg);transform:translate(-50%,-50%);transition:left .6s ease;box-shadow:0 0 6px #f5f2ec4d}.hero-meta{font-family:var(--sans);font-size:.72rem;font-style:italic;color:var(--ink-dim);margin-top:.75rem;letter-spacing:.02em}.pond-container{position:relative;width:100%;max-width:700px;margin-inline:auto;aspect-ratio:1 / 1}.pond-svg{width:100%;height:100%;display:block}.pond-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--sans);font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:var(--ink-dim)}.ripple-hit{cursor:pointer;outline:none}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.ripples-explain{max-width:480px;margin-inline:auto;margin-top:var(--space-l);text-align:left}.ripples-explain p{font-family:var(--sans);font-size:.78rem;color:var(--ink-dim);line-height:1.6;margin:.4rem 0;opacity:.7}.ripples-foot{max-width:640px;margin-inline:auto;margin-top:var(--space-m);padding-top:var(--space-m);border-top:1px solid var(--rule);text-align:center}.foot-links{font-family:var(--sans);font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-dim);margin-top:var(--space-m)}.foot-links a{color:var(--accent);text-decoration:none}.foot-links a:hover{text-decoration:underline}.foot-copyright{font-family:var(--sans);font-size:.65rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ink-dim);text-align:center;margin-top:var(--space-s);opacity:.7}.mobile-list{display:none}@media(max-width:600px){.pond-container{display:none}.mobile-list{display:block;max-width:480px;margin-inline:auto}.mobile-card{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0}.mobile-droplet-zone{flex-shrink:0;width:40px;height:40px;position:relative;display:flex;align-items:center;justify-content:center}.mobile-droplet{width:8px;height:8px;border-radius:50%}.mobile-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:28px;height:28px;border-radius:50%;border:1px solid;opacity:.25}.mobile-text{flex:1;min-width:0}.mobile-title{font-family:var(--sans);font-size:.9rem;font-weight:500;color:var(--ink);margin:0}.mobile-artist{font-family:var(--sans);font-size:.78rem;color:var(--ink-dim);margin:.1rem 0 0}.mobile-fact{font-family:var(--serif);font-style:italic;font-size:.88rem;font-weight:350;color:var(--ink);margin:.4rem 0 0;opacity:.9}.mobile-section-divider{display:flex;align-items:center;gap:.75rem;margin:.75rem 0}.mobile-section-divider:before,.mobile-section-divider:after{content:"";flex:1;height:1px;background:var(--rule)}.mobile-section-label{font-family:var(--sans);font-size:.6rem;text-transform:lowercase;letter-spacing:.12em;color:var(--ink-dim)}}