.notif-panel.svelte-fwh7kt{position:fixed;top:calc(var(--ann-h) + var(--header-h) + 8px);right:var(--page-px);left:var(--page-px);z-index:var(--z-modal);display:flex;flex-direction:column;max-height:min(560px,100dvh - var(--header-h) - 96px);overflow:hidden;border-radius:var(--radius-shell);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-strong),var(--shadow-xl);animation:svelte-fwh7kt-notif-in .16s var(--ease)}@media(min-width:640px){.notif-panel.svelte-fwh7kt{position:absolute;top:calc(100% + 10px);right:0;left:auto;width:400px}}.notif-head.svelte-fwh7kt{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 10px 6px 18px}.notif-head.svelte-fwh7kt h3:where(.svelte-fwh7kt){display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800;letter-spacing:-.01em}.notif-count.svelte-fwh7kt{padding:2px 8px;border-radius:999px;background-color:var(--brand-500);background-image:var(--accent-grad);color:#fff;font-size:11.5px;font-weight:800}.notif-tool.svelte-fwh7kt{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;color:var(--text-tertiary);transition:background-color var(--transition-fast),color var(--transition-fast)}.notif-tabs.svelte-fwh7kt{display:flex;gap:6px;padding:6px 14px 10px;box-shadow:inset 0 -1px 0 var(--border-subtle)}.notif-tabs.svelte-fwh7kt button:where(.svelte-fwh7kt){display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:999px;color:var(--text-secondary);font-size:13px;font-weight:700}.notif-tabs.svelte-fwh7kt button:where(.svelte-fwh7kt) span:where(.svelte-fwh7kt){padding:1px 6px;border-radius:999px;background:#ffecf61a;font-size:11px}.notif-tabs.svelte-fwh7kt button:where(.svelte-fwh7kt).is-active{background:var(--accent-tint);box-shadow:inset 0 0 0 1px #f0527a66;color:var(--brand-400)}.notif-list.svelte-fwh7kt{flex:1;min-height:0;padding:4px 8px 8px;overflow-y:auto;overscroll-behavior:contain}.notif-group.svelte-fwh7kt{padding:12px 10px 6px;color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.notif-item.svelte-fwh7kt{position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;padding:10px 28px 10px 10px;border-radius:var(--radius-inner);color:var(--text-primary);text-align:left;text-decoration:none;transition:background-color var(--transition-fast)}.notif-item.svelte-fwh7kt.is-unread{background:#ffecf60a}.notif-icon.svelte-fwh7kt{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:14px;background:#ffecf60f;color:rgb(var(--tone))}.tone-green.svelte-fwh7kt{--tone: 52 211 153}.tone-red.svelte-fwh7kt{--tone: 248 113 113}.tone-amber.svelte-fwh7kt{--tone: 251 191 36}.tone-blue.svelte-fwh7kt{--tone: 96 165 250}.tone-violet.svelte-fwh7kt{--tone: 167 139 250}.tone-pink.svelte-fwh7kt{--tone: 255 155 184}.tone-neutral.svelte-fwh7kt{--tone: 191 176 196}.notif-title-row.svelte-fwh7kt{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.notif-title-row.svelte-fwh7kt time:where(.svelte-fwh7kt){flex:none;color:var(--text-tertiary);font-size:11.5px}.notif-title.svelte-fwh7kt{overflow:hidden;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.notif-item:where(.svelte-fwh7kt):not(.is-unread) .notif-title.svelte-fwh7kt{color:var(--text-secondary)}.notif-body.svelte-fwh7kt{display:-webkit-box;margin-top:2px;overflow:hidden;color:var(--text-tertiary);font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2}.notif-dot.svelte-fwh7kt{position:absolute;top:16px;right:12px;width:8px;height:8px;border-radius:50%;background:var(--brand-bright)}.notif-empty.svelte-fwh7kt{display:grid;justify-items:center;gap:10px;padding:36px 16px;color:var(--text-tertiary);font-size:13.5px;text-align:center}.notif-empty__icon.svelte-fwh7kt{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#ffecf60f}.notif-all.svelte-fwh7kt{display:flex;align-items:center;justify-content:center;gap:6px;flex:none;height:48px;box-shadow:inset 0 1px 0 var(--border-subtle);color:var(--brand-400);font-size:13.5px;font-weight:700;text-decoration:none;transition:background-color var(--transition-fast)}@keyframes svelte-fwh7kt-notif-in{0%{opacity:0;transform:translateY(-4px)}}@media(hover:hover){.notif-tool.svelte-fwh7kt:hover,.notif-tabs.svelte-fwh7kt button:where(.svelte-fwh7kt):not(.is-active):hover,.notif-item.svelte-fwh7kt:hover,.notif-all.svelte-fwh7kt:hover{background:#ffecf612;color:var(--text-primary)}.notif-tool--danger.svelte-fwh7kt:hover{color:#f87171}.notif-item.is-unread.svelte-fwh7kt:hover{background:#ffecf617}}.user-menu.svelte-ab7hwt{position:absolute;top:calc(100% + 10px);right:0;z-index:var(--z-dropdown);display:grid;gap:2px;width:300px;max-width:calc(100vw - 24px);padding:10px;border-radius:var(--radius-shell);background:var(--surface);box-shadow:inset 0 0 0 1px var(--border-strong),var(--shadow-xl);text-align:left;animation:svelte-ab7hwt-menu-in .16s var(--ease)}.um-head.svelte-ab7hwt{display:flex;align-items:center;gap:14px;padding:10px 10px 14px}.um-head.svelte-ab7hwt>span:where(.svelte-ab7hwt):last-child{display:grid;justify-items:start;gap:2px}.um-ava.svelte-ab7hwt{display:grid;width:56px;height:56px;flex:none;place-items:center;overflow:hidden;border-radius:50%;background-color:var(--brand-500);background-image:var(--accent-grad);box-shadow:inset 0 1px #ffffff38,0 0 0 2px #ff9bb82e;color:#fff;font-size:22px;font-weight:800}.um-ava.svelte-ab7hwt img:where(.svelte-ab7hwt){width:100%;height:100%;object-fit:cover}.um-name.svelte-ab7hwt{max-width:100%;overflow:hidden;color:var(--text-primary);font-size:16px;font-weight:800;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.um-handle.svelte-ab7hwt{max-width:100%;overflow:hidden;color:var(--text-tertiary);font-size:13px;text-overflow:ellipsis;white-space:nowrap}.um-role.svelte-ab7hwt{display:inline-flex;align-items:center;gap:4px;margin-top:4px;padding:3px 8px;border-radius:8px;background:#ffecf612;color:var(--brand-400);font-size:11px;font-weight:800;letter-spacing:.06em}.um-balance.svelte-ab7hwt{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px;padding:12px 12px 12px 14px;border-radius:var(--radius-inner);background:var(--surface-raised);box-shadow:inset 0 0 0 1px var(--border-subtle)}.um-balance.svelte-ab7hwt>span:where(.svelte-ab7hwt){display:grid;gap:2px}.um-label.svelte-ab7hwt{color:var(--text-tertiary);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.um-amount.svelte-ab7hwt{background-image:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.um-amount.svelte-ab7hwt small:where(.svelte-ab7hwt){font-size:11px;font-weight:700;letter-spacing:.04em}.um-topup.svelte-ab7hwt{display:inline-flex;flex:none;align-items:center;gap:4px;height:38px;padding:0 14px 0 10px;border-radius:999px;background:#ffecf614;box-shadow:inset 0 0 0 1px var(--border-strong);color:var(--text-primary);font-size:13.5px;font-weight:700;text-decoration:none;transition:background-color var(--transition-fast)}.um-list.svelte-ab7hwt{display:grid;gap:2px}.um-sep.svelte-ab7hwt{height:1px;margin:6px 10px;background:var(--border-subtle)}.um-item.svelte-ab7hwt{display:flex;width:100%;min-height:46px;align-items:center;gap:14px;padding:0 12px;border-radius:14px;color:var(--text-primary);font-size:14.5px;font-weight:600;text-decoration:none}.um-item.svelte-ab7hwt svg{flex:none;color:var(--text-secondary)}.um-item.svelte-ab7hwt[aria-current=page]{background:#ffecf60f}.um-item.svelte-ab7hwt[aria-current=page] svg{color:var(--brand-bright)}.um-item.svelte-ab7hwt.um-item--danger{color:var(--brand-400)}.um-item.svelte-ab7hwt.um-item--danger svg{color:var(--brand-400)}@keyframes svelte-ab7hwt-menu-in{0%{opacity:0;transform:translateY(-4px)}}@media(hover:hover){.um-item.svelte-ab7hwt:hover,.um-topup.svelte-ab7hwt:hover{background:#ffecf614;color:var(--text-primary)}}.bal-pill.svelte-1qbm1g6{flex:none;align-items:center;gap:6px;height:40px;padding:0 14px 0 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--border-subtle);color:var(--text-primary);font-size:13px;font-weight:700;text-decoration:none;transition:background-color var(--transition-fast)}.bal-pill.svelte-1qbm1g6 small:where(.svelte-1qbm1g6){color:var(--text-tertiary);font-size:10.5px;font-weight:700;letter-spacing:.04em}@media(hover:hover){.bal-pill.svelte-1qbm1g6:hover{background:#ffecf614}}