.reminder-dialog { width:min(610px,calc(100vw - 24px)); padding:0; border:1px solid var(--line); border-radius:18px; background:var(--surface); color:var(--text); max-height:calc(100dvh - 24px); }
.reminder-dialog::backdrop {background:#0009;backdrop-filter:blur(3px)}
.reminder-shell {padding:20px;max-height:calc(100dvh - 26px);overflow:auto;display:grid;gap:12px;box-sizing:border-box}
.reminder-shell header,.reminder-month,.reminder-time-heading {display:flex;align-items:center;gap:8px;justify-content:space-between;min-width:0}
.reminder-shell h2,.reminder-shell p {margin:0}
.reminder-shell p,.reminder-shell small {overflow-wrap:anywhere}
.reminder-shell label {display:grid;gap:6px;min-width:0}
.reminder-shell input:not([type=checkbox]),.reminder-shell select,.reminder-shell textarea {width:100%;box-sizing:border-box;min-width:0;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);font:inherit}
.reminder-shell button {min-height:40px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);padding:6px 10px;cursor:pointer;margin:0;font-size:14px}
.reminder-shell button.primary-button {background:var(--accent);color:var(--accent-ink);min-height:46px}
.reminder-shell button.active,.reminder-shell button[aria-pressed=true] {background:var(--accent);color:var(--accent-ink)}
.reminder-shell button:disabled {opacity:.35;cursor:default}
.reminder-weekdays,.reminder-days {display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:5px;text-align:center}
.reminder-days .outside {opacity:.55}.reminder-days button{padding:6px 0}
.reminder-times {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.reminder-times button{padding:6px 0}
.reminder-presets,.reminder-item-actions {display:flex;gap:8px;flex-wrap:wrap}
.reminder-shell .reminder-check {display:flex;align-items:center;gap:10px}.reminder-check input {width:22px;height:22px;flex:none;accent-color:var(--accent)}
.reminder-item,.reminder-preset-row {display:grid;gap:10px;padding:14px;margin-top:10px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2)}
.reminder-item.due {border-left:4px solid #e6ad48}.reminder-item small{display:block;color:var(--muted)}
#reminder-error,#reminder-preset-error {color:#cf5b50}#reminders-toggle{position:relative}
#reminder-badge {position:absolute;right:-4px;top:-6px;min-width:20px;height:20px;border-radius:12px;display:grid;place-items:center;background:var(--accent);color:var(--accent-ink);font-size:12px;font-weight:bold}
#reminder-badge.hidden{display:none}.calendar-event.reminder{border-style:dashed}.calendar-agenda-event.is-reminder{border-left-color:#e6ad48}
.calendar-agenda-body > .calendar-chat-button {justify-self:start;width:auto;min-width:88px;min-height:38px}