.notif-bell-wrapper{align-items:center;display:flex;position:relative}.notif-bell-trigger{cursor:pointer;font:inherit;border:0}.notif-count-badge{background:var(--accent);color:#fff;border:2px solid #fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.65rem;font-weight:800;line-height:1;display:flex;position:absolute;top:2px;right:0;box-shadow:0 2px 6px #ff4d4d59}.notif-panel{background:var(--panel-strong);-webkit-backdrop-filter:blur(24px);border:1px solid var(--line);border-radius:var(--radius-md);width:min(380px,100vw - 32px);max-height:min(560px,100vh - 140px);box-shadow:var(--shadow-hover);z-index:200;flex-direction:column;animation:.18s cubic-bezier(.4,0,.2,1) notif-pop;display:flex;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden}@keyframes notif-pop{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.notif-panel-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.notif-panel-head strong{font-size:.95rem}.notif-linkish{color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:0;padding:0;font-size:.78rem;text-decoration:underline}.notif-enable-row{background:var(--accent-soft);border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;width:100%;font:inherit;align-items:flex-start;gap:10px;padding:12px 16px;display:flex}.notif-enable-row:disabled{opacity:.6;cursor:progress}.notif-enable-row strong{color:var(--accent-deep);font-size:.85rem;display:block}.notif-enable-row small{color:var(--muted);margin-top:2px;font-size:.74rem;display:block}.notif-enable-dot{background:var(--accent);border-radius:50%;flex:none;width:8px;height:8px;margin-top:6px;box-shadow:0 0 0 4px #ff4d4d2e}.notif-panel-list{overscroll-behavior:contain;flex:1;overflow-y:auto}.notif-item{border:0;border-bottom:1px solid var(--line);text-align:left;cursor:pointer;width:100%;font:inherit;background:0 0;padding:12px 16px;transition:background .15s;display:block}.notif-item:hover,.notif-item:focus-visible{background:#00000008}.notif-item.is-unread{background:#ff4d4d0d}.notif-item-type{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:.66rem;font-weight:700;display:inline-block}.notif-item-title{color:var(--text);margin-top:3px;font-size:.87rem;font-weight:600;display:block}.notif-item-body{-webkit-line-clamp:2;line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;margin-top:2px;font-size:.78rem;display:-webkit-box;overflow:hidden}.notif-item-time{color:var(--muted);margin-top:6px;font-size:.7rem;display:block}.notif-empty{text-align:center;color:var(--muted);padding:28px 16px;font-size:.83rem}.notif-panel-foot{border-top:1px solid var(--line);background:#00000004;justify-content:space-between;gap:12px;padding:12px 16px;display:flex}.notif-panel-foot a{color:var(--muted);font-size:.78rem;text-decoration:none}.notif-panel-foot a:hover{color:var(--accent)}.push-optin{z-index:1100;background:var(--panel-strong);-webkit-backdrop-filter:blur(24px);border:1px solid var(--line-strong);border-radius:var(--radius-md);grid-template-columns:auto 1fr auto;grid-template-areas:"icon copy actions"".settings settings";align-items:center;gap:8px 14px;width:min(620px,100vw - 24px);padding:16px 18px;animation:.28s cubic-bezier(.16,1,.3,1) push-optin-in;display:grid;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 24px 60px -18px #45221859}.push-optin.is-closing{opacity:0;transition:opacity .2s,transform .2s;transform:translate(-50%)translateY(8px)}@keyframes push-optin-in{0%{opacity:0;transform:translate(-50%)translateY(16px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.push-optin-icon{background:var(--accent-soft);width:42px;height:42px;color:var(--accent);border-radius:14px;grid-area:icon;justify-content:center;align-items:center;display:flex}.push-optin-copy{grid-area:copy}.push-optin-copy strong{font-size:.95rem;display:block}.push-optin-copy p{color:var(--muted);margin:3px 0 0;font-size:.8rem;line-height:1.45}.push-optin-actions{flex-shrink:0;grid-area:actions;gap:8px;display:flex}.push-optin-settings{color:var(--muted);text-underline-offset:3px;grid-area:settings;justify-self:start;font-size:.72rem;text-decoration:underline}@media (max-width:640px){.push-optin{grid-template-columns:auto 1fr;grid-template-areas:"icon copy""actions actions""settings settings";bottom:108px}.push-optin-actions{justify-content:stretch}.push-optin-actions>*{flex:1;justify-content:center}}.notif-settings{gap:18px;display:grid}.notif-card{background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:22px}.notif-card h2{margin:6px 0 0;font-size:1.15rem}.notif-card-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.notif-muted{color:var(--muted);margin:6px 0 0;font-size:.85rem;line-height:1.5}.notif-error{border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-deep);margin:12px 0 0;padding:10px 12px;font-size:.82rem}.notif-device-card.is-ok{border-color:#9bafa08c}.notif-device-card.is-warn{border-color:#d4af3780}.notif-status-pill{color:var(--muted);background:#0000000d;border-radius:999px;flex-shrink:0;padding:5px 12px;font-size:.72rem;font-weight:700}.notif-status-pill.is-ok{color:#46604f;background:#9bafa040}.notif-status-pill.is-warn{color:#7a5f10;background:#d4af3733}.notif-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.notif-devices{border-top:1px dashed var(--line-strong);margin-top:20px;padding-top:16px}.notif-devices ul{gap:6px;margin:8px 0 0;padding:0;list-style:none;display:grid}.notif-devices li{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:.83rem;display:flex}.notif-devices .notif-muted{margin:0;font-size:.75rem}.notif-fieldset{border:0;margin:18px 0 0;padding:0}.notif-fieldset:disabled{opacity:.5}.notif-fieldset legend{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0;font-size:.7rem;font-weight:700}.notif-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:14px 0;display:flex}.notif-row:last-child{border-bottom:0}.notif-row-master{border-bottom:1px solid var(--line-strong);padding-top:4px}.notif-row strong{font-size:.9rem;display:block}.notif-row small{color:var(--muted);margin-top:2px;font-size:.78rem;line-height:1.45;display:block}.notif-segmented{background:#0000000a;border-radius:999px;gap:4px;margin:10px 0 0;padding:4px;display:inline-flex}.notif-segment{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;padding:7px 16px;font-size:.8rem;font-weight:600;transition:background .18s,color .18s}.notif-segment.is-active{color:var(--accent);background:#fff;box-shadow:0 2px 8px #00000014}.notif-switch{cursor:pointer;background:#00000026;border:0;border-radius:999px;flex-shrink:0;width:46px;height:26px;padding:0;transition:background .2s;position:relative}.notif-switch.is-on{background:var(--accent)}.notif-switch:disabled{opacity:.5;cursor:not-allowed}.notif-switch-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 5px #0003}.notif-switch.is-on .notif-switch-knob{transform:translate(20px)}.notif-time-row{flex-wrap:wrap;gap:16px;margin-top:18px;display:flex}.notif-time-row label{color:var(--muted);gap:6px;font-size:.78rem;display:grid}.notif-time-row input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);font:inherit;color:var(--text);background:#fff;padding:10px 14px;font-size:.9rem}.notif-time-row input:disabled{opacity:.5}.notif-page-list{gap:10px;display:grid}.notif-page-item{background:var(--panel-strong);border:1px solid var(--line);border-radius:var(--radius-md);color:inherit;border-left:3px solid #0000;padding:16px 18px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:block}.notif-page-item:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.notif-page-item.is-unread{border-left-color:var(--accent);background:linear-gradient(90deg, #ff4d4d0f, var(--panel-strong) 40%)}.notif-page-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;display:flex}.notif-page-item h3{margin:0;font-size:1.02rem}.notif-page-item p{color:var(--muted);margin:4px 0 0;font-size:.87rem;line-height:1.5}@media (prefers-reduced-motion:reduce){.notif-panel,.push-optin,.notif-page-item,.notif-switch-knob{transition:none;animation:none}}.inline-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.page-lede{max-width:62ch;color:var(--muted);margin:10px 0 0;font-size:.95rem;line-height:1.6}