.hymn-listen{padding:65px 0;background:#eeede9}.hymn-player{padding:40px;border:1px solid #ccc;border-radius:16px;background:linear-gradient(130deg,#fff,#f3f3f1);box-shadow:0 20px 60px #00000008}.hymn-playback{border-top:1px solid #d5d5d5;padding-top:15px}.hymn-console[hidden],#hymn-audio[hidden]{display:none}.hymn-stages{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:26px 0;color:#888;font-size:.65rem;letter-spacing:.05em}.hymn-stages li{border-top:2px solid #d6d6d6;padding-top:12px}.hymn-stages [aria-current]{color:#111;border-color:#111}.hymn-wave{height:70px;display:flex;align-items:center;justify-content:space-between;gap:3px;overflow:hidden}.hymn-wave i{display:block;width:4px;flex:none;height:var(--bar);background:#b6b6b6;border-radius:3px}.hymn-player[data-state=playing] .hymn-wave i{background:#333}.hymn-time{display:flex;justify-content:space-between;color:#555;font-size:.7rem;font-variant-numeric:tabular-nums;gap:8px}.hymn-time span:nth-child(2){font-size:.55rem;letter-spacing:.1em}.hymn-console input[type=range]{accent-color:#222;cursor:pointer;min-height:30px}#hymn-seek{width:100%;margin:5px 0 0}.hymn-console>label{font-size:.7rem;color:#555}.hymn-volume{display:flex;align-items:center;gap:14px;margin-top:24px;flex-wrap:wrap;font-size:.75rem}.hymn-volume button{font:inherit;border:1px solid #bbb;background:transparent;padding:10px 18px;border-radius:5px;cursor:pointer}.hymn-volume input{width:110px;max-width:100%}.hymn-player :focus-visible{outline:2px solid #333;outline-offset:4px}@media(prefers-reduced-motion:no-preference){.hymn-player[data-state=playing] .hymn-wave i{animation:hymn-meter 1.3s ease-in-out infinite alternate}.hymn-wave i:nth-child(3n){animation-delay:-.7s!important}.hymn-wave i:nth-child(2n){animation-delay:-.3s!important}@keyframes hymn-meter{from{transform:scaleY(.45)}to{transform:scaleY(1)}}}.hymn-player[data-state=playing] #hymn-play svg{display:none}@media(max-width:600px){.hymn-player{padding:24px 18px;gap:18px}.hymn-player-copy .hymn-rights{font-size:.7rem}.hymn-wave{gap:2px}.hymn-wave i{width:3px}.hymn-time span:nth-child(2){font-size:.48rem}.hymn-stages{font-size:.6rem}.hymn-listen{padding:35px 0}}