.publicNavbar{z-index:50;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(16px);background:#faf9f7e0;justify-content:space-between;align-items:center;gap:clamp(12px,2vw,28px);min-width:0;height:70px;transition:background-color .2s,border-color .2s;display:flex;position:sticky;top:0}:root[data-theme=dark] .publicNavbar{border-color:var(--line);background:#0e0c0be0}.publicNavbar>.brand{white-space:nowrap;letter-spacing:-.4px;color:inherit;flex:none;align-items:center;gap:10px;font-size:19px;font-weight:800;text-decoration:none;transition:transform .15s;display:inline-flex}.publicNavbar>.brand:hover{transform:scale(1.02)}.publicNavbar>.brand span{background:var(--ink);color:#fff;border-radius:8px;place-items:center;width:30px;height:30px;transition:transform .2s;display:grid;transform:rotate(-4deg);box-shadow:0 2px 6px #00000029}.publicNavbar>.brand:hover span{transform:rotate(0)scale(1.06)}.publicNavLinks{flex:none;align-items:center;gap:clamp(6px,1.2vw,16px);margin-left:auto;display:flex}.publicNavLinks>a{white-space:nowrap;min-height:38px;color:inherit;opacity:.85;border-radius:999px;align-items:center;padding:6px 14px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.publicNavLinks>a:hover{opacity:1;background:var(--surface-soft);color:var(--ink)}.chatNavUnreadBadge{background:var(--red,#ff5039);color:#fff;vertical-align:middle;border-radius:10px;margin-left:6px;padding:2px 6px;font-size:11px;font-weight:700;line-height:1}.publicNavLinks>a.upload{background:var(--red,#ff5039)!important;color:#fff!important;box-shadow:0 2px 8px var(--red-glow)!important;opacity:1!important;border-radius:999px!important;padding:8px 18px!important;font-weight:600!important}.publicNavLinks>a.upload:hover{transform:translateY(-1px);box-shadow:0 4px 14px var(--red-glow)!important;opacity:.92!important}.publicNavbar a:focus-visible,.publicNavToggle:focus-visible{outline:2px solid var(--red);outline-offset:2px}.publicNavMobileActions{display:none}.publicNavToggle{border:1.5px solid var(--line);background:var(--surface,#fff);width:42px;height:42px;color:var(--ink);cursor:pointer;border-radius:11px;flex:none;margin-left:auto;transition:all .15s;display:none;position:relative}.publicNavToggle:hover{background:var(--surface-soft,#ebe7df);border-color:#b8b3a8;transform:scale(1.03)}.publicNavToggle span{pointer-events:none;background:currentColor;border-radius:2px;width:20px;height:2px;transition:transform .16s,opacity .16s;position:absolute;left:10px}.publicNavToggle span:first-child{top:13px}.publicNavToggle span:nth-child(2){top:19px}.publicNavToggle span:nth-child(3){top:25px}.publicNavbar[data-compact=true]>.publicNavMobileActions{flex:none;align-items:center;gap:8px;margin-left:auto;display:flex}.publicNavbar[data-compact=true] .publicNavToggle{margin-left:0;display:block}.publicNavbar[data-compact=true] .desktopOnlyBell{display:none!important}.desktopOnlyBell{align-items:center;display:inline-flex}.navMobileUpload{background:var(--red,#ff5b42);width:42px;height:42px;box-shadow:2px 2px 0 var(--solid,#20201d);border-radius:10px;justify-content:center;align-items:center;font-size:20px;font-weight:700;line-height:1;text-decoration:none;transition:transform .12s,opacity .12s;display:inline-flex;color:#fff!important}.navMobileUpload:hover{opacity:.92;transform:scale(1.04)}.navMobileUpload:active{transform:scale(.97)}.navMobileUpload:focus-visible{outline:3px solid var(--red);outline-offset:2px}.navBellLink{width:42px;height:42px;color:var(--ink);background:0 0;border-radius:10px;justify-content:center;align-items:center;text-decoration:none;transition:background-color .15s,color .15s,border-color .15s;display:inline-flex;position:relative}.publicNavMobileActions .navBellLink{border:1px solid var(--line);background:var(--surface,#fff)}.publicNavMobileActions .navBellLink:hover{background:var(--surface-soft,#ebe7df);border-color:#c9c5bd}.navBellLink:hover{background:var(--surface-soft,#ebe7df);color:var(--red)}.navBellLink:focus-visible{outline:3px solid var(--red);outline-offset:2px}.navBellIconWrap{justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:relative}.navBellIcon{width:20px;height:20px;transition:transform .2s;display:block}.navBellLink.hasUnread .navBellIcon{transform-origin:top;animation:.35s cubic-bezier(.16,1,.3,1) bellNotice}.navBellBadge{background:var(--red,#ff5b42);color:#fff;min-width:17px;height:17px;box-shadow:0 0 0 2px var(--paper);pointer-events:none;z-index:2;border-radius:9px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:800;line-height:1;animation:.22s cubic-bezier(.16,1,.3,1) badgePop;display:flex;position:absolute;top:-6px;right:-8px}@keyframes bellNotice{0%{transform:rotate(0)}20%{transform:rotate(12deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(6deg)}80%{transform:rotate(-3deg)}to{transform:rotate(0)}}@keyframes badgePop{0%{opacity:0;transform:scale(.5)}70%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.publicNavLinks>a.active,.publicNavLinks>a[aria-current=page]{background:var(--surface-soft);color:var(--ink)}.publicNavbar[data-compact=true][data-open=true]:before{content:"";-webkit-backdrop-filter:blur(2px);z-index:10;pointer-events:none;background:#00000038;animation:.2s ease-out overlayFadeIn;position:fixed;inset:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.publicNavbar[data-compact=true]>.publicNavLinks{overscroll-behavior:contain;border:1.5px solid var(--line);background:var(--surface,#fff);visibility:hidden;opacity:0;z-index:20;border-radius:18px;flex-direction:column;align-items:stretch;gap:6px;width:min(320px,100% - 32px);max-height:calc(100dvh - 96px);margin:0;padding:14px;transition:opacity .18s cubic-bezier(.16,1,.3,1),transform .18s cubic-bezier(.16,1,.3,1),visibility .18s;display:flex;position:absolute;top:calc(100% + 10px);right:clamp(16px,3vw,28px);overflow-y:auto;transform:translateY(-8px)scale(.98);box-shadow:0 20px 48px #20201d29,0 4px 12px #20201d0f}.publicNavbar[data-compact=true]>.publicNavLinks>a{white-space:normal;overflow-wrap:anywhere;border-radius:10px;padding:12px 14px;font-size:14.5px;font-weight:700}.publicNavbar[data-compact=true]>.publicNavLinks>a:hover{background:var(--surface-soft,#ebe7df);color:var(--ink)}.publicNavbar[data-compact=true]>.publicNavLinks>.upload{text-align:center;justify-content:center;margin:6px 0 2px}.publicNavLogout{flex:none;margin:0;display:flex}.publicNavLogoutButton{border:1px solid var(--line);min-height:44px;color:var(--ink);white-space:nowrap;cursor:pointer;background:0 0;border-radius:9px;justify-content:center;align-items:center;padding:10px 14px;font:700 14px Arial,sans-serif;display:inline-flex}.publicNavLogoutButton:hover{background:var(--surface-soft,#ebe7df)}.publicNavLogoutButton:focus-visible{outline:3px solid var(--red);outline-offset:3px}.publicNavLogoutButton:disabled{opacity:.65;cursor:wait}.publicNavbar[data-compact=true]>.publicNavLinks>.publicNavLogout{border-top:1px solid var(--line);width:100%;margin-top:5px;padding-top:8px}.publicNavbar[data-compact=true]>.publicNavLinks>.publicNavLogout button{justify-content:flex-start;width:100%}.settingsMenuDivider{border:0;border-top:1px solid var(--line);width:100%;margin:6px 0}.staffDashboardItem{font-weight:700;color:var(--accent,#ff5039)!important}.publicNavbar[data-compact=true][data-open=true]>.publicNavLinks{visibility:visible;opacity:1;transform:translateY(0)scale(1)}.publicNavbar[data-open=true]>.publicNavToggle span:first-child{transform:translateY(6px)rotate(45deg)}.publicNavbar[data-open=true]>.publicNavToggle span:nth-child(2){opacity:0;transform:scaleX(0)}.publicNavbar[data-open=true]>.publicNavToggle span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.publicNavbar[data-compact=true][data-open=true]>.publicNavLinks>a:first-child{animation:.2s ease-out 20ms backwards menuItemIn}.publicNavbar[data-compact=true][data-open=true]>.publicNavLinks>a:nth-child(2){animation:.2s ease-out 50ms backwards menuItemIn}.publicNavbar[data-compact=true][data-open=true]>.publicNavLinks>a:nth-child(3){animation:.2s ease-out 80ms backwards menuItemIn}.publicNavbar[data-compact=true][data-open=true]>.publicNavLinks>a:nth-child(4){animation:.2s ease-out .11s backwards menuItemIn}@keyframes menuItemIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:translate(0)}}.publicNavbar>.publicNavLinks[data-measuring=true]{visibility:hidden!important;border:0!important;flex-direction:row!important;align-items:center!important;gap:24px!important;width:max-content!important;max-height:none!important;margin:0!important;padding:0!important;transition:none!important;position:fixed!important;top:0!important;left:0!important;right:auto!important;overflow:visible!important;transform:none!important}.publicNavbar>.publicNavLinks[data-measuring=true]>a{white-space:nowrap!important;margin:0!important;padding:0!important;display:inline-flex!important}.publicNavbar>.publicNavLinks[data-measuring=true]>.desktopOnlyBell{margin:0!important;padding:0!important;display:inline-flex!important}.publicNavbar>.publicNavLinks[data-measuring=true]>.upload{padding:12px 18px!important}.publicNavbar>.publicNavLinks[data-measuring=true]>.staffDashboardLink{padding:10px 14px!important}.publicNavbar>.publicNavLinks[data-measuring=true]>.publicNavLogout{border:0!important;width:auto!important;margin:0!important;padding:0!important}.publicNavbar>.publicNavLinks[data-measuring=true]>.publicNavLogout button{width:auto!important}@media (max-width:600px){.publicNavbar{height:68px}.publicNavbar>.brand{font-size:18px}}@media (max-width:360px){.publicNavbar{gap:6px;padding-left:12px;padding-right:12px}.publicNavbar>.brand{font-size:16px}.publicNavbar>.brand span{width:26px;height:26px;font-size:13px}.publicNavMobileActions{gap:5px}.publicNavMobileActions .navBellLink,.publicNavMobileActions .navMobileUpload,.publicNavbar[data-compact=true] .publicNavToggle{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.publicNavbar .publicNavLinks,.publicNavToggle span,.navBellLink.hasUnread .navBellIcon,.navBellBadge,.notifDropdownPanel,.notifCommentPopover{transition:none!important;animation:none!important}}.notifDropdownPanel{background:var(--surface,#fff);border:1px solid var(--line,#e2ded6);z-index:120;width:380px;max-width:calc(100vw - 24px);color:var(--ink,#171715);text-align:left;border-radius:14px;flex-direction:column;animation:.16s cubic-bezier(.16,1,.3,1) notifDropIn;display:flex;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 16px 40px #0000002e,0 4px 12px #00000014}:root[data-theme=dark] .notifDropdownPanel{background:var(--surface,#181716);border-color:var(--line,#2d2a27);color:var(--ink,#edebe8);box-shadow:0 16px 40px #0000005c,0 4px 12px #00000026}@keyframes notifDropIn{0%{opacity:0;transform:translateY(-6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.notifTabsHeader{background:var(--surface-soft,#00000008);border-bottom:1px solid var(--line,#e2ded6);display:flex;position:relative}:root[data-theme=dark] .notifTabsHeader{background:var(--surface-secondary,#0003);border-bottom-color:var(--line,#2d2a27)}.notifTabBtn{color:var(--muted,#8c8880);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;flex:1;justify-content:center;align-items:center;gap:6px;padding:12px 6px;font-family:inherit;font-size:13.5px;font-weight:600;transition:all .15s;display:flex}.notifTabBtn:hover{color:var(--ink,#171715);background:#00000005}:root[data-theme=dark] .notifTabBtn:hover{color:var(--ink,#edebe8);background:#ffffff08}.notifTabBtn.active{color:var(--red,#ff5039);border-bottom:3px solid var(--red,#ff5039);background:#ff50390f;font-weight:700}.notifTabCountBadge{background:var(--red,#ff5039);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10.5px;font-weight:700;line-height:1;display:inline-flex}.notifSubBar{background:var(--surface,#fff);border-bottom:1px solid var(--line,#e2ded6);justify-content:flex-end;align-items:center;padding:7px 14px;display:flex}:root[data-theme=dark] .notifSubBar{background:var(--surface,#181716);border-bottom-color:var(--line,#2d2a27)}.notifMarkAllBtn{color:var(--muted,#8c8880);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:3px 6px;font-size:11px;font-weight:700;transition:color .15s}.notifMarkAllBtn:hover:not(:disabled){color:var(--ink,#edebe8)}.notifMarkAllBtn:disabled{opacity:.35;cursor:not-allowed}.notifListContainer{overscroll-behavior:contain;max-height:380px;overflow-y:auto}.notifLoadingState{text-align:center;color:var(--muted,#8c8880);padding:30px 20px;font-size:13px}.notifEmptyState{text-align:center;color:var(--muted,#8c8880);padding:40px 20px}.notifEmptyIcon{margin-bottom:10px;font-size:30px}.notifEmptyTitle{color:var(--ink,#edebe8);margin:0 0 4px;font-size:14px;font-weight:700}.notifEmptySubtitle{margin:0;font-size:12px;line-height:1.45}.notifItemsList{flex-direction:column;display:flex}.notifItem{border-bottom:1px solid var(--line,#ffffff0f);cursor:pointer;color:inherit;outline:none;align-items:flex-start;gap:12px;padding:12px 14px;text-decoration:none;transition:background .15s;display:flex;position:relative}.notifItem:last-child{border-bottom:0}.notifItem:hover,.notifItem:focus-visible{background:var(--surface-soft,#ffffff0a)}.notifItem.unread{background:#ff50390a}.notifItem.unread:hover{background:#ff503914}.notifActorAvatarWrap{flex:0 0 38px;width:38px;height:38px;position:relative}.notifActorAvatarImg{object-fit:cover;border-radius:50%;width:38px;height:38px;display:block}.notifActorAvatarFallback{background:var(--surface-soft,#2c2925);width:38px;height:38px;color:var(--ink,#edebe8);border-radius:50%;justify-content:center;align-items:center;font-size:15px;font-weight:700;display:flex}.notifSupportIconBadge{color:#818cf8;background:#6366f126;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.notifItemBody{flex:auto;min-width:0;font-size:13px;line-height:1.45}.notifActorName{color:var(--ink,#edebe8);margin-right:3px;font-weight:700}.notifActionText{color:var(--text-secondary,#b3ada6);word-break:break-word}.notifRankBadgeInline{vertical-align:middle;margin-left:4px;display:inline-flex}.notifItemMeta{color:var(--muted,#8c8880);margin-top:4px;font-size:11.5px}.notifStaffCommentNotice{margin-top:6px;position:relative}.notifStaffCommentPreview{background:#6366f11f;border:1px solid #6366f140;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:flex}.notifModBadge{color:#818cf8;white-space:nowrap;font-weight:600}.notifCommentExcerpt{color:var(--ink,#edebe8);text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.notifTooltipTrigger{cursor:pointer;background:0 0;border:0;flex-shrink:0;padding:0 2px;font-size:12px;line-height:1}.notifCommentPopover{background:var(--surface,#181716);z-index:150;border:1px solid #6366f173;border-radius:8px;width:280px;padding:12px;font-size:12px;animation:.15s ease-out notifTooltipIn;position:absolute;bottom:calc(100% + 6px);left:0;box-shadow:0 8px 24px #00000080}@keyframes notifTooltipIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.notifCommentPopoverHeader{color:#818cf8;justify-content:space-between;align-items:center;margin-bottom:6px;font-weight:700;display:flex}.notifReadOnlyTag{color:var(--muted,#8c8880);background:#ffffff14;border-radius:3px;padding:1px 5px;font-size:10px}.notifCommentPopoverText{color:var(--ink,#edebe8);white-space:pre-wrap;margin:0 0 6px;line-height:1.45}.notifCommentPopoverFooter{color:var(--muted,#8c8880);border-top:1px solid var(--line,#2d2a27);padding-top:5px;font-size:10px}.notifItemRight{flex-direction:column;flex:none;justify-content:center;align-items:flex-end;gap:6px;margin-left:auto;display:flex}.notifThumbnailWrap{border:1px solid var(--line,#2d2a27);background:#000;border-radius:6px;width:40px;height:40px;overflow:hidden}.notifThumbnailImg{object-fit:cover;width:100%;height:100%;display:block}.notifUnreadDot{background:var(--red,#ff5039);width:8px;height:8px;box-shadow:0 0 6px var(--red,#ff5039);border-radius:50%}.notifDropdownFooter{background:var(--surface-secondary,#00000026);border-top:1px solid var(--line,#2d2a27);text-align:center;padding:10px 14px}.notifViewAllLink{color:var(--muted,#8c8880);align-items:center;gap:4px;font-size:12.5px;font-weight:600;text-decoration:none;transition:color .15s;display:inline-flex}.notifViewAllLink:hover{color:var(--red,#ff5039)}@media (max-width:480px){.notifDropdownPanel{width:auto;max-width:none;max-height:calc(100dvh - 80px);position:fixed;top:68px;left:10px;right:10px}}