.notification-stack{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:1000;pointer-events:none;gap:8px;width:min(380px,100vw - 32px);max-height:calc(100dvh - 32px);display:grid;position:fixed;overflow-y:auto}.notification-toast{background:var(--notification-surface,var(--paper));color:var(--ink);border:1px solid var(--rule);border-left:3px solid var(--notification-accent,var(--bdx-600));font:14px/1.4 var(--sans);overflow-wrap:anywhere;border-radius:8px;gap:12px;padding:14px 16px;display:flex;box-shadow:0 4px 18px #231f2029}.notification-stack-overflow{pointer-events:auto;overscroll-behavior:contain}.notification-stack:focus-visible{outline:2px solid var(--bdx-600);outline-offset:2px}.notification-toast strong{font-size:14px;display:block}.notification-toast p{margin:4px 0 0}.notification-icon{color:var(--notification-accent,var(--bdx-600));font-size:20px;font-weight:650}.notification-kind{color:var(--ink-500);font-size:12px}.notification-success{--notification-accent:#2f6849;--notification-surface:#edf5ee}.notification-info{--notification-accent:#315e86;--notification-surface:#edf3f8}.notification-warning{--notification-accent:#8a5708;--notification-surface:#fcf3df}.notification-error{--notification-accent:#9b2c36;--notification-surface:#faeeee}.notification-trigger{align-items:center;gap:8px;display:inline-flex}.notification-trigger svg{flex:none;width:18px;height:18px}.notification-badge{background:var(--bdx-100);color:var(--bdx-800);white-space:nowrap;border-radius:12px;padding:2px 7px;font-size:12px}.notification-drawer{box-sizing:border-box;width:min(560px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;color:var(--ink);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:0;border-left:1px solid var(--rule);background:#f4f0eadb;margin:0 0 0 auto;padding:22px;inset:0;overflow-y:auto;box-shadow:-8px 0 32px #231f2024}.notification-drawer[open]{animation:.18s ease-out notification-enter}.notification-drawer::backdrop{background:#231f2038}.notification-drawer-heading,.notification-day-heading,.notification-item-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.notification-drawer-heading{z-index:1;background:#f4f0eaf7;justify-content:space-between;padding-block:8px;position:sticky;top:-22px}.notification-drawer-heading .button{min-width:44px}.notification-drawer h2{font:650 21px/1.3 var(--sans);margin:0}.notification-drawer h3{font:650 15px/1.3 var(--sans);margin:0}.notification-history-note{color:var(--ink-500);margin:12px 0;font-size:13px}.notification-day{margin-top:20px}.notification-day-heading{justify-content:space-between;margin-bottom:8px}.notification-history-item{background:var(--notification-surface);border-left:3px solid var(--notification-accent);overflow-wrap:anywhere;border-radius:6px;margin-bottom:8px;padding:12px;font-size:14px}.notification-history-item strong{margin-right:8px}.notification-history-item time{color:var(--ink-500);margin-top:4px;font-size:12px;display:block}.notification-history-item p{margin:6px 0 10px}.notification-drawer .button{min-height:44px;padding:6px 10px;font-size:13px}.notification-delete-confirm{background:var(--bdx-050);border-left:3px solid var(--bdx-600);margin:12px 0;padding:12px}.notification-delete-confirm .button{margin-right:8px}@keyframes notification-enter{0%{transform:translate(100%)}to{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.notification-drawer[open]{animation:none}}@media (width<=480px){.notification-drawer{padding:16px}.notification-drawer-heading{top:-16px}}