.notification-bell{display:inline-flex;position:relative}.notification-button{color:#f4f5ef;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;transition:background-color .15s;display:inline-grid;position:relative}.notification-button:hover,.notification-button[aria-expanded=true]{color:#fff;background:#ffffff29}.notification-button:focus-visible{outline-offset:2px;outline:3px solid #fff}.notification-button svg{width:21px;height:21px}.notification-badge{border:2px solid var(--pt-frame);background:var(--pt-ice);min-width:18px;height:18px;color:var(--pt-on-selected);text-align:center;box-sizing:border-box;border-radius:999px;padding:0 5px;font-size:10px;font-weight:900;line-height:14px;position:absolute;top:-1px;right:-2px}.notification-panel{z-index:60;width:min(360px,100vw - 24px);max-height:min(480px,100dvh - 90px);color:var(--pt-text);text-align:left;background:#fff;border:1px solid #e1e6da;border-radius:16px;padding:14px 8px 8px;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 18px 44px #0000003a}.notification-panel h2{margin:0 8px 8px;font-size:15px}.notification-action{margin:0 0 8px}.notification-panel .notification-action a{border:1px solid var(--pt-info-soft);background:var(--pt-surface-2);color:var(--pt-text);border-radius:10px;margin:0 4px;padding:12px;font-size:13px;line-height:1.5;text-decoration:none;display:block}.notification-action small{color:var(--pt-muted);margin-top:2px;display:block}.notification-action a:focus-visible{outline:3px solid var(--pt-ice);outline-offset:2px}.notification-gift{margin:0 0 8px}.topbar nav .notification-panel .notification-gift a,.notification-panel .notification-gift a{color:var(--pt-text);background:linear-gradient(120deg,#fff8e8,#fdeef4);border:1px solid #f3d9a4;border-radius:12px;align-items:center;gap:11px;margin:0 4px;padding:10px 12px;text-decoration:none;display:flex}.notification-panel .notification-gift a:hover{border-color:#ebc274}.notification-gift a:focus-visible{outline:3px solid var(--pt-ice);outline-offset:2px}.notification-gift-art{background:#fff;border-radius:12px;flex:none;justify-content:center;align-items:center;min-width:40px;height:40px;padding:0 4px;font-size:21px;line-height:1;display:flex;box-shadow:0 2px 8px #c0821e22}.notification-gift-art>span+span{margin-left:-7px}.notification-gift-art>span{animation:.5s ease-out both notification-gift-pop}.notification-gift-art>span:nth-child(2){animation-delay:80ms}.notification-gift-art>span:nth-child(3){animation-delay:.16s}@keyframes notification-gift-pop{0%{opacity:0;transform:scale(.4)translateY(4px)}70%{transform:scale(1.12)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.notification-gift-art>span{animation:none}}.notification-gift-text{flex:1;gap:1px;min-width:0;font-size:13px;display:grid}.notification-gift-text small{color:var(--pt-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.notification-gift-open{background:var(--pt-brand);color:var(--pt-on-brand);border-radius:999px;flex:none;padding:5px 11px;font-size:12px;font-weight:800}.notification-panel ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.notification-panel li a{color:inherit;border-radius:10px;align-items:flex-start;gap:10px;padding:9px 8px;font-size:13px;line-height:1.4;text-decoration:none;display:flex}.notification-panel li a:hover{background:#f4f8eb}.notification-panel li.is-unread a{background:var(--pt-surface-2)}.notification-avatar{background:#f0f3e9;border-radius:50%;flex:0 0 36px;width:36px;height:36px;overflow:hidden}.notification-avatar img,.notification-avatar svg{object-fit:cover;width:100%;height:100%}.notification-text{overflow-wrap:anywhere;min-width:0}.notification-text small{color:var(--pt-muted);margin-top:2px;font-size:11px;display:block}.notification-empty{color:var(--pt-muted);margin:6px 8px 10px;font-size:13px}@media (max-width:600px){.notification-button{width:34px;height:34px}.notification-panel{position:fixed;top:64px;right:12px}}.topbar nav .notification-panel a{display:block}.topbar nav .notification-panel li a{display:flex}.notification-empty a{color:var(--pt-brand-deep);font-weight:700;text-decoration:none}.account-menu{display:inline-flex;position:relative}.topbar nav button.account-chip,button.account-chip{cursor:pointer;font:inherit}.account-menu-panel{z-index:60;text-align:left;background:#fff;border:1px solid #e3e6df;border-radius:14px;min-width:210px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 16px 40px #0000002e}.account-menu-who{border-bottom:1px solid #eceee8;gap:2px;margin-bottom:4px;padding:10px 12px 12px;display:grid}.account-menu-who strong{color:#111;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:800;overflow:hidden}.account-menu-who small{color:var(--pt-muted);font-size:12px;font-weight:600}.topbar nav .account-menu-panel a,.topbar nav .account-menu-panel button,.account-menu-panel a,.account-menu-panel button{width:100%;box-shadow:none;color:var(--pt-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:650;line-height:1.2;text-decoration:none;display:block}.topbar nav .account-menu-panel a:hover,.topbar nav .account-menu-panel button:hover{background:var(--pt-surface-2);color:#111}.account-menu-panel a:focus-visible{background:var(--pt-surface-2);color:#111}.account-menu-panel button:focus-visible{background:var(--pt-surface-2);color:#111}.topbar nav .account-menu-panel .account-menu-sign-out{color:#b3261e;border-top:1px solid #eceee8;border-radius:0 0 9px 9px;margin-top:4px}.topbar nav .account-menu-panel .account-menu-sign-out:hover{color:#b3261e;background:#fdeeee}