.sound-player{--sound-accent:#b8d979;--sound-line:#657158;--sound-bg:#272e21;margin:28px 0;padding:25px 26px;border:1px solid #566247;border-left:3px solid var(--sound-accent);background:var(--sound-bg);color:#e9ebe3}.sound-label{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.sound-title{font:500 16px/1.6 Arial,'Noto Sans JP',sans-serif;overflow-wrap:anywhere}.sound-state{font:11px/1.5 Arial,'Noto Sans JP',sans-serif;white-space:nowrap;color:#aab69a;display:flex;align-items:center;gap:8px}.sound-state:before{content:'';display:block;width:6px;height:6px;border-radius:50%;background:#69765a}.is-playing .sound-state{color:var(--sound-accent)}.is-playing .sound-state:before{background:var(--sound-accent);animation:sound-pulse 1.1s ease-in-out infinite}.sound-layout{display:grid;grid-template-columns:52px minmax(0,1fr);gap:22px;align-items:center}.sound-play{appearance:none;width:52px;height:52px;border:1px solid #7f9658;border-radius:50%;background:#343f28;color:var(--sound-accent);font-size:20px;cursor:pointer;display:grid;place-items:center;padding:0}.sound-play:hover{background:#40502d}.sound-play:focus-visible,.sound-seek:focus-visible{outline:2px solid var(--sound-accent);outline-offset:5px}.sound-center{min-width:0}.sound-wave{height:66px;position:relative;display:flex;align-items:center}.sound-bars{height:100%;width:100%;display:flex;align-items:center;gap:3px}.sound-bar{flex:1;min-width:0;background:#667456;border-radius:1px;transition:background-color .1s}.sound-bar.played{background:var(--sound-accent)}.sound-no-peaks{height:4px;background:linear-gradient(to right,var(--sound-accent) var(--sound-progress,0%),#667456 var(--sound-progress,0%));align-self:center}.sound-seek{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer;appearance:none}.sound-wave:focus-within{outline:1px solid #7f9658;outline-offset:6px}.sound-times{display:flex;justify-content:space-between;margin-top:10px;font:11px/1.4 'Courier New',monospace;color:#adb79e}.sound-player audio{display:none}.sound-player p.sound-error{font:12px/1.7 Arial,'Noto Sans JP',sans-serif!important;color:#efb0a4!important;margin:15px 0 0!important}.sound-player [hidden]{display:none!important}@keyframes sound-pulse{50%{opacity:.35}}@media(max-width:600px){.sound-player{padding:19px 17px}.sound-title{font-size:14px}.sound-layout{grid-template-columns:44px minmax(0,1fr);gap:14px}.sound-play{width:44px;height:44px;font-size:17px}.sound-wave{height:54px}.sound-bars{gap:2px}.sound-label{gap:10px}}@media(prefers-reduced-motion:reduce){.is-playing .sound-state:before{animation:none}.sound-bar{transition:none}}

.sound-volume{display:flex;align-items:center;justify-content:flex-end;gap:13px;border-top:1px solid #46513b;margin-top:19px;padding-top:15px}.sound-mute{background:transparent;border:1px solid #657158;border-radius:3px;color:#cbd6bc;font:11px/1.5 Arial,'Noto Sans JP',sans-serif;padding:5px 9px;min-width:66px;cursor:pointer}.sound-mute[aria-pressed="true"]{color:var(--sound-accent);border-color:#91aa66}.sound-volume-label{display:flex;align-items:center;gap:10px;color:#adb79e;font:11px/1.5 Arial,'Noto Sans JP',sans-serif}.sound-player input.sound-volume-range{appearance:auto;accent-color:var(--sound-accent);width:120px;height:24px;min-width:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;margin:0}.sound-volume-value{min-width:35px;font:11px/1.5 'Courier New',monospace;color:#cbd6bc;text-align:right}.sound-mute:focus-visible,.sound-player input.sound-volume-range:focus-visible{outline:2px solid var(--sound-accent);outline-offset:4px}@media(max-width:600px){.sound-volume{gap:9px}.sound-player input.sound-volume-range{width:90px}.sound-volume-label{gap:7px}}