/* Reminder sounds (loaded after accessibility.css): each alert sits beside its sound menu and Listen button, and a bar offers Stop while an alert's sound plays. */
.reminder-options{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:16px 18px}
.reminder-options>.alert-field:last-child{grid-column:auto}
.reminder-options .reminder-start-option{justify-self:start}
.sound-picker{display:flex;gap:8px;align-items:stretch;min-width:0}
.sound-picker select{flex:1 1 auto}
.listen-button{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;min-width:96px;padding:0 14px;white-space:nowrap}
.listen-button svg{width:14px;height:14px}
.listen-button.playing{background:var(--green);border-color:var(--green);color:#fff}
.listen-button:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:520px){.reminder-options{grid-template-columns:minmax(0,1fr);gap:14px}}
.sound-bar{position:fixed;z-index:60;left:50%;bottom:calc(88px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);padding:10px 10px 10px 16px;border:1px solid var(--border);border-radius:12px;background:#fff;box-shadow:0 10px 36px #112f2426;color:var(--ink);font-size:.9375rem}
.sound-bar svg{width:18px;height:18px;flex:none;color:var(--green)}
.sound-bar span{min-width:0}
.sound-bar .button{min-height:44px;flex:none}
@media(min-width:721px){.sound-bar{bottom:24px}}
@media(forced-colors:active){.listen-button.playing{border:2px solid Highlight}}