.hppn-remind-button{font:600 .8rem var(--font-sans,sans-serif);min-width:96px!important;width:auto!important;min-height:44px;padding:8px 12px!important;border-radius:24px;border:2px solid var(--ink,#1a2e35);background:var(--paper,#fffaf3);color:var(--ink,#1a2e35);cursor:pointer}
.hppn-remind-button[aria-pressed=true]{background:var(--accent,#d4725c);color:white}
.hppn-remind-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;touch-action:manipulation}
.reminder-bell{width:16px;height:16px;flex:none}
.hppn-remind-button[aria-pressed=true] .reminder-bell{display:none}
.hppn-remind-button:disabled{opacity:.65;cursor:wait}
.hppn-remind-button[hidden]{display:none!important}
.hppn-remind-button:active:not(:disabled){transform:translateY(1px)}
.hppn-remind-button:focus-visible{outline:3px solid var(--teal,#267084);outline-offset:3px}
.reminder-dialog{box-sizing:border-box;width:min(420px,calc(100% - 32px));max-height:90dvh;padding:28px;border:2px solid var(--ink,#1a2e35);border-radius:24px;background:var(--paper,#fffaf3);color:var(--ink,#1a2e35);font-family:var(--font-sans,sans-serif);box-shadow:6px 6px 0 var(--ink,#1a2e35)}
.reminder-dialog::backdrop{background:rgba(15,30,35,.6)}
.reminder-dialog{margin:auto}
.reminder-dialog h2{font-family:var(--font-serif,Georgia);font-size:clamp(22px,5vw,26px);line-height:1.25;margin:8px 14px 10px 0;overflow-wrap:anywhere}.reminder-dialog p{line-height:1.5}
.reminder-dialog #reminder-description{margin:0 0 18px;font-size:15px}
.reminder-dialog label{font-size:14px;font-weight:600}
.reminder-dialog .reminder-fine{text-align:center;margin:12px 0 0}
.reminder-dialog #reminder-error:empty{display:none}
.reminder-dialog #reminder-error{font-size:14px;margin:0 0 12px}
.reminder-dialog.reminder-success #reminder-description{margin-bottom:4px}
.reminder-dialog [hidden]{display:none!important}
.reminder-dialog input[type=email]{box-sizing:border-box;width:100%;padding:12px;margin:8px 0 12px;font:inherit;font-size:16px;border:2px solid var(--ink,#1a2e35);border-radius:10px;background:white}
.reminder-close{position:absolute;right:8px;top:4px;border:0;background:none;min-height:44px;min-width:44px;font-size:28px;color:inherit;cursor:pointer}
.reminder-primary,.reminders-page button{min-height:44px;padding:10px 18px;border:2px solid var(--ink,#1a2e35);border-radius:24px;background:var(--accent,#d4725c);font:600 16px var(--font-sans,sans-serif);color:var(--ink,#1a2e35);cursor:pointer}
.reminder-primary{width:100%}.reminder-fine{font-size:.8rem;color:var(--text-muted,#52666d)}
.reminder-honey{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.reminder-toast{position:fixed;z-index:10050;bottom:calc(90px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 48px);padding:12px 18px;border:2px solid #1a2e35;border-radius:16px;background:#fffaf3;color:#1a2e35;box-shadow:3px 3px 0 #1a2e35;font:500 14px sans-serif}
.reminders-page{max-width:640px;margin:auto;padding:28px 20px 120px;font-family:var(--font-sans,sans-serif);color:var(--ink,#1a2e35)}
.reminders-page h1{font-family:var(--font-serif,Georgia)}.reminders-page .reminder-card{padding:20px;margin:16px 0;border:2px solid var(--ink,#1a2e35);border-radius:20px;background:var(--paper,#fffaf3);box-shadow:3px 3px 0 var(--ink,#1a2e35)}
.reminders-page .reminder-card a{font:700 1.2rem var(--font-serif,Georgia);color:inherit}.reminders-page .reminder-card p{line-height:1.5}
.reminder-dialog :focus-visible,.reminders-page :focus-visible{outline:3px solid #267084;outline-offset:3px}
#reminder-error{color:#9c2929}.reminder-dialog button:disabled,.reminders-page button:disabled{opacity:.6;cursor:wait}

.reminder-library-group{display:grid;gap:16px;margin:0 0 32px;min-width:0}
.reminder-group-title{font:700 24px var(--font-serif,Georgia);margin:8px 0 0}
.reminder-library-error{color:#9c2929}
#reminder-event-date{font-weight:600;font-size:14px;margin:0 0 8px}
.hppn-map-list-save.hppn-remind-button,.hppn-save-icon-button.hppn-remind-button{min-width:120px!important}
.hppn-remind-button .reminder-bell{width:16px!important;height:16px!important}