.cap{--cap-g:#1f7a55;--cap-g2:#e7f3ec;background:var(--cap-g2);border:1px solid #cfe5d8;border-radius:14px;align-items:center;gap:18px;margin:6px 0 26px;padding:18px 20px;display:flex}html[data-theme=dark] .cap{--cap-g:#1f7a55;--cap-g2:#252f29;background:var(--cap-g2);border:1px solid #1b2c23}.cap-play{background:var(--cap-g);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:62px;height:62px;transition:transform .15s;display:grid;box-shadow:0 8px 20px #1f7a5540}html[data-theme=dark] .cap-play{background:var(--cap-g);color:#fff;box-shadow:0 8px 20px #1f7a5540}.cap-play:hover{transform:scale(1.05)}.cap.playing .cap-play{animation:1.6s ease-in-out infinite cap-pulse}@keyframes cap-pulse{0%,to{box-shadow:0 0 #1f7a5555}50%{box-shadow:0 0 0 10px #1f7a5500}}.cap-main{flex:1;min-width:0}.cap-top{flex-wrap:wrap;align-items:baseline;gap:10px;font-size:14px;display:flex}.cap-top b{color:#16452f}html[data-theme=dark] .cap-top b{color:#a9dabe}.cap-top span{color:#4f6b5c;font-size:13px}html[data-theme=dark] .cap-top span{color:#8caa99}.cap-wave{cursor:pointer;outline-offset:4px;align-items:center;gap:2px;height:46px;margin:8px 0 4px;display:flex;overflow:hidden}.cap-wave i{background:#9cc9b0;border-radius:2px;flex:1;min-width:1px;transition:background .15s}html[data-theme=dark] .cap-wave i{background:#1a4531}.cap-wave i.on,html[data-theme=dark] .cap-wave i.on{background:var(--cap-g)}.cap-foot{color:#4f6b5c;justify-content:space-between;align-items:center;font-size:12px;display:flex}html[data-theme=dark] .cap-foot{color:#8caa99}.cap .mono{font-variant-numeric:tabular-nums;font-family:IBM Plex Mono,ui-monospace,Menlo,Consolas,monospace}.cap-rate{color:#16452f;background:#fff;border:1px solid #b9d9c7;border-radius:99px;padding:2px 8px;font-size:12px}html[data-theme=dark] .cap-rate{color:#a9dabe;background:#161616;border:1px solid #1b3729}@media (max-width:520px){.cap{gap:12px;padding:14px}.cap-play{width:52px;height:52px}.cap-wave{gap:1px;height:38px}}@media (prefers-reduced-motion:reduce){.cap.playing .cap-play{animation:none}}:root[data-theme=dark] .cap{--cap-g2:#13261d;border-color:#24443a}:root[data-theme=dark] .cap-top b{color:#cfeedd}:root[data-theme=dark] .cap-top span,:root[data-theme=dark] .cap-foot{color:#9dbfad}:root[data-theme=dark] .cap-wave i{background:#2f5a46}:root[data-theme=dark] .cap-wave i.on{background:#3fae7d}:root[data-theme=dark] .cap-rate{color:#cfeedd;background:#0f1f18;border-color:#2f5a46}