.calendar-reminders{position:fixed;right:1rem;bottom:1rem;width:360px;max-width:calc(100vw - 2rem);max-height:45vh;overflow:auto;background:#fff;border:1px solid var(--color-line);border-radius:12px;box-shadow:0 8px 28px #17356824;color:var(--color-midnight);z-index:65;padding:.8rem;font-size:.78rem}
.calendar-reminders[hidden]{display:none}
.calendar-reminders>header{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border-bottom:1px solid var(--color-line);padding-bottom:.6rem}
.calendar-reminders>header button{font-size:.67rem;border:0;background:none;color:var(--color-midnight);cursor:pointer;text-align:right}
.calendar-reminders>p{font-size:.72rem;margin:.4rem 0;color:var(--color-muted)}
.reminder-list article{display:grid;gap:.4rem;padding:.7rem 0}.reminder-list article+article{border-top:1px solid var(--color-line)}
.reminder-list strong{font-size:.82rem;overflow-wrap:anywhere}.reminder-list small{font-size:.7rem;color:var(--color-muted)}
.reminder-actions{display:flex;gap:.35rem;flex-wrap:wrap}.reminder-actions button{font:inherit;font-size:.7rem;border:1px solid var(--color-line);border-radius:7px;background:#fff;color:var(--color-midnight);padding:.4rem .5rem;cursor:pointer}
.reminder-actions button:first-child{background:var(--color-sunrise);border-color:var(--color-sunrise)}
.reminder-actions button:hover{border-color:var(--color-midnight)}.reminder-actions button:disabled{opacity:.5;cursor:not-allowed}
.calendar-reminders button:focus-visible{outline:2px solid var(--color-midnight);outline-offset:2px}