.notification-center{max-width:900px;color:var(--theme-text,#efebf4);min-height:80dvh;margin:0 auto;padding:38px 24px 150px;font:13px/1.7 Arial,sans-serif}.notification-back{opacity:.7;align-items:center;gap:8px;margin-bottom:38px;font-size:12px;text-decoration:none;display:inline-flex}.notification-header{align-items:center;gap:22px;margin-bottom:32px;display:flex}.notification-emblem{background:var(--theme-accent,#baa2cf);width:68px;height:68px;color:var(--theme-on-accent,#282033);border-radius:50%;flex:none;place-items:center;display:grid}.notification-eyebrow{letter-spacing:.13em;text-transform:uppercase;opacity:.7;margin:0 0 8px;font-size:10px}.notification-header h1{letter-spacing:-.035em;overflow-wrap:anywhere;margin:0 0 10px;font-size:clamp(25px,4vw,38px);font-weight:500;line-height:1.2}.notification-header p:last-child{opacity:.75;margin:0;font-size:14px;line-height:1.65}.notification-toolbar{border-bottom:1px solid var(--theme-border,#ffffff26);flex-wrap:wrap;align-items:center;gap:10px;padding-bottom:20px;display:flex}.notification-center button,.notification-center select{font:inherit;cursor:pointer}.notification-center button:disabled{cursor:default;opacity:.5}.notification-tabs{background:var(--theme-surface,#242633);border:1px solid var(--theme-border,#ffffff26);border-radius:999px;gap:4px;padding:4px;display:flex}.notification-tabs button{color:inherit;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 15px;font-size:12px;display:flex}.notification-tabs button[aria-pressed=true]{background:var(--theme-accent,#baa2cf);color:var(--theme-on-accent,#282033)}.notification-count{background:var(--theme-text,#efebf4);min-width:18px;color:var(--theme-page,#181a22);border-radius:20px;padding:2px 4px;font-size:10px}.notification-kind{margin-left:auto}.notification-kind select{background:var(--theme-surface,#242633);color:inherit;border:1px solid var(--theme-border,#ffffff26);border-radius:10px;max-width:220px;padding:10px;font-size:12px}.notification-icon-button{border:1px solid var(--theme-border,#ffffff26);width:40px;height:40px;color:inherit;background:0 0;border-radius:50%;place-items:center;display:grid}.notification-status{justify-content:space-between;align-items:center;gap:12px;margin:22px 0;font-size:12px;display:flex}.notification-status>span{opacity:.65}.notification-status button{color:inherit;background:0 0;border:0;align-items:center;gap:6px;padding:8px 0;font-size:12px;display:flex}.notification-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.notification-list>li{border:1px solid var(--theme-border,#ffffff26);background:var(--theme-surface,#242633);border-radius:16px;align-items:center;display:flex;overflow:hidden}.notification-list>li.is-unread{border-left:3px solid var(--theme-accent,#9c79ba);background:color-mix(in srgb,var(--theme-accent,#baa2cf) 10%,var(--theme-surface,#242633))}.notification-entry{text-align:left;min-width:0;color:inherit;background:0 0;border:0;flex:1;align-items:flex-start;gap:15px;padding:20px;display:flex}.notification-center .notification-entry:disabled{opacity:1}.notification-avatar{background:color-mix(in srgb,var(--theme-accent,#baa2cf) 18%,var(--theme-surface,#242633));border-radius:50%;flex:none;place-items:center;width:42px;height:42px;display:grid;position:relative}.notification-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%}.notification-avatar i{background:var(--theme-surface,#242633);border:1px solid var(--theme-border,#ffffff26);border-radius:50%;place-items:center;width:20px;height:20px;display:grid;position:absolute;bottom:-3px;right:-3px}.notification-entry-copy{overflow-wrap:anywhere;flex-direction:column;gap:6px;min-width:0;font-size:13px;line-height:1.6;display:flex}.notification-message strong{font-weight:600}.notification-title{opacity:.8;font-weight:500}.notification-entry time{opacity:.55;font-size:10px}.notification-dot{background:var(--theme-accent,#9c79ba);border-radius:50%;flex:none;width:7px;height:7px;margin-top:7px;margin-left:auto}.notification-entry-actions{flex-direction:column;gap:3px;padding:10px;display:flex}.notification-entry-actions button{color:inherit;opacity:.6;background:0 0;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.notification-entry-actions button:hover,.notification-icon-button:hover{background:color-mix(in srgb,var(--theme-accent,#baa2cf) 18%,transparent);opacity:1}.notification-empty{text-align:center;border:1px dashed var(--theme-border,#ffffff26);border-radius:20px;padding:58px 20px}.notification-empty>svg{opacity:.5;margin:0 auto 20px}.notification-empty h2{margin:0 0 12px;font-size:23px;font-weight:400}.notification-empty p{opacity:.7;max-width:460px;margin:0 auto 24px;font-size:14px;line-height:1.8}.notification-empty a{font-size:13px}.notification-primary{background:var(--theme-accent,#baa2cf);color:var(--theme-on-accent,#282033);border-radius:999px;padding:12px 20px;text-decoration:none;display:inline-block}.notification-more{border:1px solid var(--theme-border,#ffffff26);color:inherit;background:0 0;border-radius:999px;margin:28px auto;padding:12px 20px;font-size:12px;display:block}.notification-preferences{border:1px solid var(--theme-border,#ffffff26);background:var(--theme-surface,#242633);border-radius:18px;margin-top:16px;padding:24px}.notification-preferences h2{margin:0 0 10px;font-size:18px;font-weight:500}.notification-preferences p{opacity:.7;font-size:12px;line-height:1.7}.notification-preferences>div{grid-template-columns:1fr 1fr;gap:14px;margin:22px 0;display:grid}.notification-preferences label{align-items:center;gap:10px;font-size:13px;display:flex}.notification-preferences input{accent-color:var(--theme-accent,#9c79ba);width:18px;height:18px}.notification-muted{opacity:.6;font-size:11px}.notification-error{border:1px solid var(--theme-border,#c98989);border-radius:14px;padding:16px;font-size:13px}.notification-error button{color:inherit;background:0 0;border:1px solid;border-radius:8px;padding:6px 10px}.notification-loading{text-align:center;padding:44px;font-size:13px}.notification-center :focus-visible{outline:2px solid var(--theme-accent,#9c79ba);outline-offset:4px}@media (max-width:600px){.notification-center{padding:24px 16px 140px}.notification-back{margin-bottom:26px}.notification-header{align-items:flex-start;gap:14px}.notification-emblem{width:45px;height:45px}.notification-emblem svg{width:22px}.notification-header p:last-child{font-size:12px}.notification-eyebrow{font-size:8px}.notification-kind{order:2;width:100%;margin:0}.notification-kind select{width:100%;max-width:none}.notification-tabs{margin-right:auto}.notification-entry{gap:12px;padding:16px 10px 16px 14px}.notification-entry-actions{padding:6px}.notification-entry-copy{font-size:12px}.notification-avatar{width:34px;height:34px}.notification-preferences{padding:18px}.notification-preferences>div{grid-template-columns:1fr}.notification-status,.notification-status button{font-size:11px}}