.top-actions{display:flex;align-items:center;gap:8px}.notifications-button{position:relative;display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:#fffaf3;color:var(--ink)}.notifications-button:hover{background:#efe2d3}.bell-symbol{position:relative;width:15px;height:16px;border:1.7px solid currentColor;border-radius:9px 9px 5px 5px;border-bottom:0}.bell-symbol:before{content:"";position:absolute;left:2px;right:2px;bottom:0;border-bottom:1.7px solid currentColor}.bell-symbol:after{content:"";position:absolute;left:5px;bottom:-4px;width:4px;height:2px;border-radius:0 0 4px 4px;background:currentColor}.notifications-button b{position:absolute;right:-3px;top:-4px;display:grid;place-items:center;min-width:17px;height:17px;padding:0 4px;border:2px solid var(--paper);border-radius:99px;background:var(--coral);color:#fff;font-size:8px}.notifications-backdrop{align-items:center}.notifications-panel{width:min(430px,calc(100% - 28px));max-height:min(620px,86vh);overflow:hidden;border-radius:26px;background:var(--paper);box-shadow:0 30px 90px rgba(46,29,19,.28)}.notifications-panel>header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 18px;border-bottom:1px solid var(--line)}.notifications-panel h2{margin:0;font:700 24px "Songti SC",serif}.notifications-panel header button{border:0;border-radius:99px;padding:8px 12px;background:#eee4d8;color:var(--muted);font-size:11px}.notifications-list{display:grid;max-height:480px;overflow-y:auto}.notification-item{display:grid;grid-template-columns:38px 1fr auto;gap:11px;padding:16px 22px;border-bottom:1px solid var(--line)}.notification-item.unread{background:#fff5eb}.notification-avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--coral);color:#fff;font-size:12px;font-weight:700}.notification-copy strong,.notification-copy small{display:block}.notification-copy strong{font-size:13px}.notification-copy p{margin:5px 0;color:var(--muted);font-size:11px;line-height:1.5}.notification-copy small,.notification-item time{color:var(--muted);font-size:9px}.notification-dot{display:inline-block;width:6px;height:6px;margin-left:6px;border-radius:50%;background:var(--coral);vertical-align:1px}@media(max-width:580px){.notifications-backdrop{align-items:flex-end}.notifications-panel{width:100%;max-height:82dvh;border-radius:26px 26px 0 0;padding-bottom:env(safe-area-inset-bottom)}}