body{margin:0;background:#f5f8fb}*{box-sizing:border-box}:focus-visible{outline:3px solid #f5b94f;outline-offset:3px}.notification-badge{display:inline-grid;min-width:1.4rem;min-height:1.4rem;place-items:center;border-radius:999px;background:#008f79;color:#fff;font-size:.75rem;font-weight:900}.notification-tools,.notification-list,.notification-preferences{display:grid;gap:.75rem;margin-top:1rem}.notification-tools{grid-template-columns:1fr auto auto;align-items:center}.stream-status{width:fit-content;border:1px solid #bfe7dc;border-radius:999px;background:#effaf7;color:#065f52;padding:.35rem .65rem;font-size:.78rem;font-weight:900;text-transform:uppercase}.notification-list article,.notification-preferences,.drawer-message{border:1px solid #e6edf4;border-radius:8px;background:#fff;padding:.75rem}.notification-list article.unread{border-color:#008f79;background:#f2fbf8}.notification-list header,.notification-list footer,.notification-preferences label{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.notification-list p{color:#475569}.notification-list span,.notification-preferences span{color:#64748b;font-size:.85rem}.notification-preferences h3{margin:0;color:#111827}.notification-preferences label{justify-content:flex-start;font-weight:800}.notification-preferences input:not([type=checkbox]){min-height:38px;width:100%;border:1px solid #cad7e3;border-radius:8px;padding:.55rem}.drawer-message{margin-top:1rem;border-color:#bfe7dc;background:#effaf7;color:#065f52;font-weight:800}@media(max-width:980px){.notification-tools{grid-template-columns:1fr}}