/* The notice reuses the single optional glass surface of the running timer. */
.rest-pill[hidden]{display:none!important}
.rest-complete{width:min(360px,calc(100vw - 32px));padding:12px;gap:10px;color:var(--text)}
.rest-complete-copy{flex:1;min-width:0}
.rest-complete strong{display:block;font-size:14px;line-height:1.35}
.rest-complete p{margin:4px 0 0;font-size:12px;line-height:1.4;color:var(--muted)}
.rest-complete-mark{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border-radius:50%;background:var(--accentDim);color:var(--accentSoft);font-weight:800}
.rest-complete .rest-close{width:auto;flex-shrink:0;min-width:44px;min-height:44px;font-size:13px;font-weight:750;padding:0 12px}
:root:not([data-viewport-anchor=on]) body.rest-running:has(.rest-complete:not([hidden])) .toast{bottom:calc(270px + env(safe-area-inset-bottom))}
:root:not([data-viewport-anchor=on]) body.rest-ready{padding-bottom:calc(180px + env(safe-area-inset-bottom))}
:root[data-viewport-anchor=on] body.rest-ready{padding-bottom:calc(var(--viewport-nav-height,100px) + var(--viewport-fab-height,0px) + var(--viewport-rest-height,80px) + 36px)}