.diary-alert-settings { margin: 0 0 22px; padding: 20px; background: #fff3e7; border: 1px solid #efcfb4; border-radius: 22px; }
.diary-alert-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 18px; }
.diary-alert-heading img { border-radius: 13px; }
.diary-alert-heading p { margin: 0 0 4px; color: #9b623e; font-size: 11px; font-weight: 700; }
.diary-alert-heading h3 { margin: 0; font-size: 18px; }
.diary-walk-heading { margin: 0 0 14px; font-size: 17px; }
.diary-alert-toggle, .diary-alert-time { display: flex; align-items: center; justify-content: space-between; gap: 12px; font-size: 13px; font-weight: 700; }
.diary-alert-toggle { min-height: 44px; }
.diary-alert-toggle input { width: 24px; height: 24px; accent-color: #cd733d; }
.diary-alert-time { margin: 12px 0; }
.diary-alert-time input { min-width: 112px; min-height: 44px; border: 1px solid #e1c4ae; border-radius: 12px; padding: 8px; background: #fffdfa; font: inherit; color: #563d2d; }
.diary-alert-status, .diary-alert-permission, .diary-alert-limit { font-size: 12px; line-height: 1.65; word-break: keep-all; }
.diary-alert-status { color: #7b5136; }
.diary-alert-permission { color: #77675b; margin: 16px 0 10px; }
.diary-alert-limit { color: #807368; margin: 14px 0 0; }
.diary-alert-settings button { min-height: 44px; padding: 10px 12px; font: inherit; font-size: 12px; font-weight: 700; cursor: pointer; border-radius: 12px; border: 1px solid #e1c4ae; background: #fffdfa; color: #60432f; }
.diary-alert-settings button[hidden] { display: none; }
.diary-alert-settings .diary-alert-save { width: 100%; border-color: #f2955e; background: #f2955e; color: #472b1b; }
.diary-alert-buttons { display: flex; gap: 8px; flex-wrap: wrap; }
.diary-alert-settings :focus-visible, .diary-alert-banner button:focus-visible { outline: 3px solid #9e572e; outline-offset: 3px; }
.diary-alert-banner { position: fixed; z-index: 45; right: max(20px, env(safe-area-inset-right)); bottom: max(24px, env(safe-area-inset-bottom)); width: min(370px, calc(100vw - 24px)); box-sizing: border-box; display: flex; align-items: flex-start; gap: 12px; padding: 20px 45px 18px 18px; border: 1px solid #ebc7ac; border-radius: 23px; background: #fffaf3; box-shadow: 0 12px 40px #6e462d30; color: #4b372b; }
.diary-alert-banner img { border-radius: 14px; }
.diary-alert-banner strong { font-size: 15px; }
.diary-alert-banner p { margin: 6px 0 9px; font-size: 12px; line-height: 1.55; }
.diary-alert-banner button { cursor: pointer; font: inherit; border: 0; }
.diary-alert-write { min-height: 40px; background: #f2955e; color: #4b2d1a; padding: 8px 13px; border-radius: 10px; font-size: 12px !important; font-weight: 750 !important; }
.diary-alert-dismiss { position: absolute; right: 3px; top: 3px; width: 44px; height: 44px; background: transparent; color: #806b5c; font-size: 25px !important; }
@media (max-width: 820px) {
  .topbar .header-actions .icon-button { display: grid; width: 38px; }
  .diary-alert-banner { right: 12px; bottom: calc(94px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width: 360px) { #pet-install-button img { display: none; } .diary-alert-settings { padding: 16px; } }