.modal-overlay.svelte-av8bnm{position:fixed;inset:0;background:#000000b3;z-index:30000;backdrop-filter:blur(8px)}@media (min-width: 768px){.modal-overlay.svelte-av8bnm{right:auto;width:700px}}.modal-container.svelte-av8bnm{position:fixed;inset:0;background:#181a20;z-index:30001;display:flex;flex-direction:column}@media (min-width: 768px){.modal-container.svelte-av8bnm{left:0;right:auto;width:100%;max-width:700px;border-radius:0 1.25rem 0 0;box-shadow:0 -8px 32px #0006}}.modal-header.svelte-av8bnm{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;padding-top:calc(1rem + env(safe-area-inset-top));padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0;position:sticky;top:0;background:#181a20;z-index:10}.modal-header-content.svelte-av8bnm{display:flex;align-items:center;gap:12px;color:#fff}.modal-header-content.svelte-av8bnm h2:where(.svelte-av8bnm){font-size:24px;font-weight:700;margin:0}.notification-badge.svelte-av8bnm{background:#ef4444;color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:12px;min-width:20px;text-align:center}.header-actions.svelte-av8bnm{display:flex;align-items:center;gap:8px}.mark-read-btn.svelte-av8bnm{width:36px;height:36px;border-radius:10px;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.mark-read-btn.svelte-av8bnm:hover{background:#3b82f64d}.close-btn.svelte-av8bnm{width:40px;height:40px;border-radius:12px;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.close-btn.svelte-av8bnm:hover{background:#fff3;transform:scale(1.05)}.modal-content.svelte-av8bnm{flex:1;overflow-y:auto;padding:1.5rem;padding-bottom:calc(5rem + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:1rem;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.2) transparent}.modal-content.svelte-av8bnm::-webkit-scrollbar{width:4px}.modal-content.svelte-av8bnm::-webkit-scrollbar-track{background:transparent}.modal-content.svelte-av8bnm::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.filter-tabs.svelte-av8bnm{display:flex;gap:8px;margin-bottom:20px;overflow-x:auto;scrollbar-width:none}.filter-tabs.svelte-av8bnm::-webkit-scrollbar{display:none}.filter-tab.svelte-av8bnm{padding:8px 16px;background:#ffffff14;border:none;border-radius:12px;color:#ffffffb3;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;white-space:nowrap}.filter-tab.svelte-av8bnm:hover{background:#ffffff1f;color:#fff}.filter-tab.active.svelte-av8bnm{background:#3b82f64d;color:#60a5fa}.notifications-list.svelte-av8bnm{display:flex;flex-direction:column;gap:4px}.notification-item.svelte-av8bnm{display:flex;align-items:flex-start;gap:12px;padding:14px;background:#ffffff08;border-radius:12px;transition:all .2s;text-align:left;width:100%;position:relative}.notification-item.svelte-av8bnm:hover{background:#ffffff14}.notification-item.unread.svelte-av8bnm{background:#3b82f614}.notification-avatar.svelte-av8bnm{position:relative;flex-shrink:0;background:none;border:none;padding:0;cursor:pointer;transition:transform .2s}.notification-avatar.svelte-av8bnm:hover{transform:scale(1.1)}.notification-avatar.svelte-av8bnm img:where(.svelte-av8bnm){width:44px;height:44px;border-radius:50%;object-fit:cover}.notification-icon.svelte-av8bnm{position:absolute;bottom:-2px;right:-2px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:2px solid #16181e}.notification-icon.vote.svelte-av8bnm{background:#3b82f6;color:#fff}.notification-icon.like.svelte-av8bnm{background:#ef4444;color:#fff}.notification-icon.follow.svelte-av8bnm{background:#10b981;color:#fff}.notification-icon.comment.svelte-av8bnm{background:#8b5cf6;color:#fff}.notification-content.svelte-av8bnm{flex:1;cursor:pointer}.notification-text.svelte-av8bnm{color:#ffffffe6;font-size:14px;line-height:1.5;margin-bottom:4px}.notification-text.svelte-av8bnm strong:where(.svelte-av8bnm){color:#fff;font-weight:600}.notification-poll.svelte-av8bnm{color:#60a5fa;font-weight:600}.notification-time.svelte-av8bnm{color:#ffffff80;font-size:12px}.unread-dot.svelte-av8bnm{width:8px;height:8px;border-radius:50%;background:#3b82f6;flex-shrink:0;margin-top:6px}.empty-state.svelte-av8bnm{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#ffffff80;text-align:center}.empty-state.svelte-av8bnm p:where(.svelte-av8bnm){margin-top:16px;font-size:16px}