[data-live-status][data-state="connected"]{color:#2d7b68}[data-live-status][data-state="reconnecting"],[data-live-status][data-state="fallback"]{color:#9a6b20}[data-live-status][data-state="stale"]{color:#a13f47}.notification-center{margin:2rem 0;padding:1.2rem;border:1px solid #c5c8c7;background:#fff}.notification-center>header{display:flex;align-items:end;justify-content:space-between;gap:1rem}.notification-center h2{margin:.15rem 0;font-family:Georgia,serif;font-size:2rem}.notification-center>header>strong{padding:.4rem .6rem;background:#e2eeeb;color:#315f58;font-size:.65rem;text-transform:uppercase}.notification-center>form{margin:.8rem 0}.notification-center ol{margin:1rem 0 0;padding:0;display:grid;gap:.45rem;list-style:none}.notification-center li{padding:.9rem;display:flex;justify-content:space-between;gap:1rem;border-left:3px solid transparent;background:#f1f2ee}.notification-center li.is-unread{border-left-color:#4da99c;background:#edf6f3}.notification-center li p{margin:.35rem 0;color:#5d6670;line-height:1.5}.notification-center li small{color:#727b85;font-size:.62rem}.notification-center .empty-state{display:block;border:1px dashed #adb4ba;background:#f7f7f3}.desktop-window [data-notification-center]{margin:0}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #d0a955;outline-offset:3px}@media(max-width:640px){.notification-center>header,.notification-center li{align-items:flex-start;flex-direction:column}.notification-center{padding:.8rem}}@media(prefers-reduced-motion:reduce){.notification-center *{transition:none!important}}