.we-shell{--we-bg: #fffaf4;--we-ink: #15202b;--we-muted: #60717f;--we-line: #e7d8c8;--we-aqua: #00a6b2;--we-coral: #ff5a4f;--we-gold: #f4b942;--we-panel: #fff;--we-soft: #f7efe5;color:var(--we-ink);width:100%}.theme-dark .we-shell{--we-bg: #101416;--we-ink: #f7fbfc;--we-muted: #afbdc4;--we-line: #2a373d;--we-panel: #151d21;--we-soft: #1d282d}.we-panel{background:var(--we-bg);border:1px solid var(--we-line);border-radius:8px;display:grid;gap:1rem;padding:clamp(1rem,3vw,1.5rem)}.we-stage{align-items:center;background:var(--we-panel);border:1px solid var(--we-line);border-radius:8px;display:grid;gap:1rem;grid-template-columns:minmax(9rem,.9fr) minmax(10rem,1.1fr);min-height:15rem;overflow:hidden;padding:clamp(1rem,4vw,2rem)}.we-speaker{aspect-ratio:1;background:radial-gradient(circle,#27343b 0 23%,#0f171b 24% 36%,#26343b 37% 53%,#0c1215 54%);border:10px solid #182227;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff29,0 24px 60px #00000038;display:grid;isolation:isolate;justify-self:center;max-width:17rem;min-width:9rem;place-items:center;position:relative;width:100%}.we-speaker-icon{color:var(--we-gold);height:28%;width:28%;z-index:3}.we-wave,.we-drop{position:absolute}.we-wave{border:2px solid rgba(0,166,178,.72);border-radius:50%;inset:17%;opacity:0}.we-drop{background:var(--we-aqua);border-radius:999px 999px 999px 0;height:1rem;opacity:.9;transform:rotate(-45deg);width:1rem;z-index:4}.we-drop-a{right:4%;top:15%}.we-drop-b{bottom:8%;right:16%;transform:rotate(-20deg) scale(.75)}.we-drop-c{left:9%;top:18%;transform:rotate(10deg) scale(.55)}.we-shell[data-playing=true] .we-wave-a{animation:we-ping .9s infinite}.we-shell[data-playing=true] .we-wave-b{animation:we-ping .9s .18s infinite}.we-shell[data-playing=true] .we-wave-c{animation:we-ping .9s .36s infinite}.we-shell[data-playing=true] .we-drop{animation:we-eject .95s infinite}.we-readout{display:grid;gap:.35rem}.we-status{color:var(--we-coral);font-size:.8rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.we-frequency{color:var(--we-ink);font-size:clamp(3rem,12vw,7rem);font-weight:900;letter-spacing:0;line-height:.9}.we-timer{color:var(--we-muted);font-size:clamp(1.15rem,4vw,2rem);font-weight:800}.we-controls{display:grid;gap:.8rem;grid-template-columns:1.5fr 1fr 1fr}.we-control{background:var(--we-panel);border:1px solid var(--we-line);border-radius:8px;display:grid;gap:.75rem;padding:.9rem}.we-control label{color:var(--we-muted);font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.we-slider{accent-color:var(--we-aqua);width:100%}.we-presets{display:grid;gap:.45rem;grid-template-columns:repeat(3,minmax(0,1fr))}.we-preset{background:var(--we-soft);border:1px solid var(--we-line);border-radius:8px;color:var(--we-ink);cursor:pointer;font-weight:800;min-height:2.5rem}.we-preset[data-active=true]{background:var(--we-aqua);border-color:var(--we-aqua);color:#fff}.we-toggle{align-items:center;background:var(--we-coral);border:0;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:900;gap:.65rem;justify-content:center;min-height:4.25rem;text-transform:uppercase}.we-toggle[data-playing=true]{background:#25313a}.we-stop-icon,.we-toggle[data-playing=true] .we-play-icon{display:none}.we-toggle[data-playing=true] .we-stop-icon{display:block}.we-play-icon,.we-stop-icon{height:1.5rem;width:1.5rem}.we-notes{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.we-note{align-items:flex-start;background:var(--we-panel);border:1px solid var(--we-line);border-radius:8px;display:flex;gap:.75rem;padding:.9rem}.we-note-icon{color:var(--we-aqua);flex:0 0 auto;height:1.4rem;width:1.4rem}.we-note strong,.we-note span{display:block}.we-note strong{font-size:.9rem}.we-note span{color:var(--we-muted);font-size:.86rem;line-height:1.45;margin-top:.15rem}@keyframes we-ping{0%{opacity:.9;transform:scale(.5)}to{opacity:0;transform:scale(1.55)}}@keyframes we-eject{0%,to{opacity:.9;transform:translateY(0) rotate(-45deg)}55%{opacity:.25;transform:translateY(-1.1rem) rotate(-45deg)}}@media(max-width:760px){.we-stage,.we-controls,.we-notes{grid-template-columns:1fr}.we-stage{text-align:center}.we-speaker{max-width:13rem}}