.notification-bell{position:relative;display:grid;place-items:center;width:48px;height:48px;min-width:48px;border-radius:24px;color:var(--muted);padding:0;flex:none}.notification-bell>.solar{width:24px;height:24px}.notification-bell:hover,.notification-bell.has-notifications{background:var(--accent-container);color:var(--on-accent)}#notification-count{position:absolute;top:0;right:0;min-width:20px;height:20px;padding:0 4px;border-radius:12px;display:grid;place-items:center;font-size:11px;font-weight:700;background:#b3261e;color:#fff;border:2px solid var(--bg)}.notification-drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(480px,100vw);height:100dvh;max-height:100dvh;max-width:100vw;overflow:auto;padding:24px;background:var(--surface);color:var(--ink);border:0;border-left:1px solid var(--line);border-radius:24px 0 0 24px;box-shadow:-8px 0 32px #0002}.notification-drawer::backdrop{background:#08060e66}.notification-drawer>header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:32px}.notification-drawer>header h2{font-size:20px;margin:0 0 8px}.notification-drawer>header p,.notification-footnote{font-size:12px;color:var(--muted);line-height:1.6}.notification-drawer>section{margin-bottom:32px}.notification-drawer>section>h3{font-size:14px;margin:0 0 16px}.notification-drawer>section>h3 span{margin-left:8px;color:var(--p)}.notification-item{padding:16px;border:1px solid var(--line);border-radius:16px;margin-top:16px;background:var(--bg)}.notification-item .notification-date{font-size:12px;color:var(--p);margin-bottom:8px}.notification-item h3{font-size:14px;margin:0 0 8px;line-height:1.5}.notification-item p{font-size:13px;color:var(--muted);line-height:1.6}.notification-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.notification-actions button{font-size:12px;min-height:40px}.notification-empty{font-size:13px;color:var(--muted);padding:16px;background:var(--bg);border-radius:16px}.notification-footnote{border-top:1px solid var(--line);padding-top:16px}.notification-bell:focus-visible{outline:3px solid var(--p);outline-offset:3px}@media(max-width:640px){.top .header-actions{gap:8px!important}.top .header-actions>.primary{font-size:12px;padding:8px 16px;min-height:40px}.notification-drawer{border-radius:0}}