.site-header .notification-bell{grid-area:1/3;position:relative}.notification-badge{background:var(--accent);min-width:18px;height:18px;color:var(--on-accent);text-align:center;border-radius:9px;padding:0 4px;font:700 10px/18px Arial,sans-serif;position:absolute;inset-block-start:0;inset-inline-end:0}.notification-center{--notification-top:max(16px, env(safe-area-inset-top,0px), var(--safe-top,0px));--notification-bottom:max(16px, env(safe-area-inset-bottom,0px), var(--safe-bottom,0px));--notification-edge:max(12px, env(safe-area-inset-left,0px), env(safe-area-inset-right,0px));inset-block:var(--notification-top) auto;inset-inline:auto var(--notification-edge);width:min(520px, calc(100% - var(--notification-edge) - var(--notification-edge)));max-width:none;max-height:min(880px, calc(100dvh - var(--notification-top) - var(--notification-bottom)));border:1px solid var(--line);background:var(--background);color:var(--text);overscroll-behavior:contain;-webkit-overflow-scrolling:touch;--notification-enter-offset:-8px;border-radius:16px;margin:0;padding:20px;position:fixed;overflow-y:auto}html[dir=ltr] .notification-center{--notification-enter-offset:8px}.notification-center::backdrop{background:#00101880}.notification-center[open]{animation:.16s ease-out notification-enter}.notification-heading,.notification-toolbar,.notification-group>header{justify-content:space-between;align-items:center;gap:10px;display:flex}.notification-heading{margin-block-end:12px}.notification-heading h2{font-size:21px}.notification-heading .icon-button{width:44px;height:44px;box-shadow:none;background:0 0;border:0;border-radius:6px}.notification-filters{gap:4px;min-width:0;display:flex}.notification-filters button{border:0;min-height:44px;color:var(--muted);background:0 0;border-block-end:2px solid #0000;padding:9px 10px}.notification-filters button[aria-pressed=true]{border-color:var(--accent);color:var(--accent-ink);font-weight:700}.notification-toolbar{border-block-end:1px solid var(--line);margin-block-end:12px}.notification-group{border-block-end:1px solid var(--line);padding-block:20px}.notification-group h3{font-size:15px}.reminder-status{color:var(--accent-ink);font-size:12px;font-weight:700}.status-cancelled,.status-expired{color:var(--muted)}.notification-period{color:var(--muted);flex-wrap:wrap;gap:5px 10px;margin-block:5px 12px;font-size:12px;display:flex}.notification-items{margin:0;padding:0;list-style:none}.notification-items li{justify-content:space-between;align-items:center;gap:10px;padding:10px 0;display:flex}.notification-items li[data-unread=true]{border-inline-start:3px solid var(--accent);padding-inline-start:10px}.notification-items p{font-size:13px}.read-notification{min-width:44px;min-height:44px;color:var(--accent-ink);background:0 0;border:0;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:6px;font-size:11px;display:inline-flex}.notification-empty{color:var(--muted);text-align:center;padding:36px 10px}.reminder-buttons{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-block:12px;display:flex}.reminder-buttons button{white-space:normal;min-height:44px}.reminder-buttons .text-button{justify-content:center;align-items:center;gap:4px;padding-inline:4px;display:inline-flex}.reminder-fineprint{color:var(--muted);font-size:11px;line-height:1.85}.reminder-notice{color:var(--accent-ink);overflow-wrap:anywhere;margin-block:10px;font-size:13px}.reminder-settings{border-block-start:1px solid var(--line);margin-block-start:18px}.reminder-settings>summary{align-items:center;gap:8px;min-height:52px;font-weight:700;display:flex}.reminder-settings-content{gap:12px;padding-block-end:8px;font-size:13px;display:grid}.reminder-settings-content summary{min-height:44px;color:var(--accent-ink);align-items:center;display:flex}.reminder-prompt{border-block:1px solid var(--line);margin-block:16px;padding-block:20px}.reminder-prompt h3{color:var(--accent-ink);align-items:center;gap:8px;font-size:16px;display:flex}.reminder-plan{margin:14px 0 8px;padding:0;list-style:none}.reminder-plan li{justify-content:space-between;align-items:baseline;gap:12px;padding-block:7px;font-size:12px;display:flex}.reminder-plan bdi{flex-shrink:0;font-size:14px;font-weight:700}.reminder-confirmation{gap:18px;padding-block:32px;display:grid}.reminder-confirmation>svg{color:var(--accent-ink)}.reminder-confirmation>section{border-block:1px solid var(--line);padding-block:18px}@keyframes notification-enter{0%{opacity:0;transform:translateX(var(--notification-enter-offset))}to{opacity:1;transform:translate(0)}}@media (max-width:400px){.notification-center{padding:16px}.notification-filters button{padding-inline:7px;font-size:12px}.notification-items li{align-items:flex-start}.read-notification{max-width:76px;font-size:10px}}@media (prefers-reduced-motion:reduce){.notification-center[open]{animation:none}}