/* Crème 2.4 — таймер, который можно услышать и остановить. */
.timers[hidden] { display:none!important; }
.timers {width:min(385px,calc(100vw - 24px));max-height:min(70vh,540px);overflow-y:auto;overscroll-behavior:contain;border-radius:17px;}
.timer-toolbar {display:flex;align-items:center;flex-wrap:wrap;gap:7px 9px;padding:11px 12px;border-radius:15px;background:#fffaf2;border:1px solid #dfcdb9;box-shadow:0 10px 28px #48302124;}
.timer-toolbar strong {display:flex;align-items:center;gap:5px;margin-right:auto;font:700 13px/1.25 var(--font-ui);color:#4b352b;}
.timer-toolbar strong .icon{width:17px;height:17px;}
.timer-toolbar-btn {display:flex;align-items:center;gap:5px;justify-content:center;min-height:42px;padding:9px 10px;border-radius:11px;border:1px solid #d9c7b4;background:#fffdf8;color:#5d3d31;font:650 12px/1.2 var(--font-ui);cursor:pointer;}
.timer-toolbar-btn:hover {background:#f5eadc;}
.timer-toolbar-btn .icon {width:15px;height:15px;}
.timer-audio-feedback {flex-basis:100%;font-size:12px;line-height:1.45;color:#526b4d;}
.timer-audio-warning {flex-basis:100%;font-size:12px;line-height:1.45;color:#99564b;}
.timer-ringing {border-left-color:#af4f50!important;background:#fae5df!important;box-shadow:0 0 0 2px #c4786826,0 10px 24px #4b302b1c;}
.timer-btns {gap:6px;align-items:center;flex-wrap:wrap;justify-content:end;}
.timer-btns .btn.timer-stop {min-height:44px;padding:10px 13px;font-size:13px;}
.timer-snooze {min-height:44px;padding:8px 10px;border:1px solid #bda693;background:#fff8ef;color:#62493d;border-radius:11px;font:650 12px/1.2 var(--font-ui);cursor:pointer;}
.timer-snooze:hover {background:#f0e1d2;}
.timer.done .timer-time {color:#933e41;}
@media(max-width:640px) {
 .timers {right:12px;left:12px;width:auto;max-height:40vh;}
 .timer-toolbar {gap:6px;}
 .timer-toolbar strong {width:auto;}
 .timer-toolbar-btn {padding:8px;min-height:42px;}
 body[data-page="cook"] .timers {bottom:89px!important;}
}
@media(prefers-reduced-motion:reduce){.timer.done {animation:none!important;}}
@media print {.timer-toolbar{display:none!important;}}

@media(max-width:640px) { body:not([data-page="cook"]) .timers {bottom:calc(84px + env(safe-area-inset-bottom,0px));} }

/* v2.6: sound diagnostics, never claim audible output just from an API promise. */
.timer-audio-help {flex-basis:100%;display:grid;gap:6px;padding:12px;border-radius:12px;background:#fff7ed;border:1px solid #d9bd9c;font-size:12px;line-height:1.45;color:#5d3d31;}
.timer-audio-help p {margin:0;}
.timer-audio-help audio {width:100%;min-height:40px;}
.timer-audio-check {flex-basis:100%;display:flex;flex-wrap:wrap;gap:8px;}
.timer-audio-check .timer-toolbar-btn {flex:1;min-width:120px;}
.cook-timer-sound-test {display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px;}
.cook-timer-sound-test span {font-size:12px;color:#736054;}