:root{--app-navbar-height:72px}.navbar{position:fixed;top:0;left:0;right:0;background-color:var(--navbar-bg);border-bottom:1px solid var(--navbar-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;width:100%;isolation:isolate;transition:transform .68s cubic-bezier(.16,1,.3,1),opacity .42s ease}.navbar.home-intro-pending{opacity:0;transform:translateY(calc(-100% - env(safe-area-inset-top)));pointer-events:none}.navbar.home-intro-ready{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.navbar{transition:none}}.navbar-container{max-width:1280px;margin:0 auto;padding:1rem 1.5rem;justify-content:space-between;min-width:0}.navbar-container,.navbar-logo{display:flex;align-items:center}.navbar-logo{gap:.75rem;cursor:pointer;text-decoration:none;transition:transform .2s ease;flex:none}.navbar-logo:hover{transform:scale(1.05)}.navbar-logo-image{height:2.5rem;width:auto;max-width:10rem;object-fit:contain}.navbar-logo-text{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.navbar-desktop{display:none;align-items:center;gap:2rem;flex:1;justify-content:space-between;margin-left:2rem;min-width:0}@media (min-width:820px){.navbar-desktop{display:flex}}.navbar-links{min-width:0}.navbar-link,.navbar-links{display:flex;align-items:center;gap:.5rem}.navbar-link{padding:.5rem 1rem;color:var(--text-secondary);background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;text-decoration:none}.navbar-link:hover{color:var(--text-primary);background-color:var(--hover-bg)}.navbar-link.active{color:var(--accent-color);background-color:var(--accent-bg)}.navbar-link-icon{width:1.125rem;height:1.125rem}.navbar-notification-link{position:relative;display:flex;align-items:center;justify-content:center;padding:.5rem;color:var(--text-secondary);background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.navbar-notification-link:hover{color:var(--text-primary);background-color:var(--hover-bg)}.navbar-notification-link.mobile{display:flex}@media (min-width:820px){.navbar-notification-link.mobile{display:none}}.navbar-badge{position:absolute;top:0;right:0;background-color:var(--accent-color);color:white;font-size:.75rem;padding:.125rem .375rem;border-radius:9999px;font-weight:600;min-width:1.25rem;text-align:center}.navbar-controls{display:flex;align-items:center;gap:.5rem}.navbar-dropdown{position:relative}.navbar-control-button{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;color:var(--text-secondary);background:transparent;border:1px solid var(--navbar-border);border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem}.navbar-control-button:hover{color:var(--text-primary);background-color:var(--hover-bg);border-color:var(--border-hover)}.navbar-icon{width:1.125rem;height:1.125rem}.navbar-control-text{display:none}@media (min-width:1024px){.navbar-control-text{display:inline}}.navbar-icon-button{display:flex;align-items:center;justify-content:center;padding:.5rem;color:var(--text-secondary);background:transparent;border:1px solid var(--navbar-border);border-radius:.5rem;cursor:pointer;transition:all .2s ease;text-decoration:none}.navbar-icon-button:hover{color:var(--text-primary);background-color:var(--hover-bg);border-color:var(--border-hover)}.navbar-auth-button{display:flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem;font-weight:500;text-decoration:none;border:none}.navbar-auth-button.secondary{color:var(--text-secondary);background-color:var(--hover-bg);border:1px solid var(--navbar-border)}.navbar-auth-button.secondary:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.navbar-auth-button.primary{color:white;background-color:var(--accent-color)}.navbar-auth-button.primary:hover{background-color:var(--accent-hover)}.navbar-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:150px;background-color:var(--dropdown-bg);border:1px solid var(--navbar-border);border-radius:.5rem;box-shadow:var(--shadow-lg);overflow:hidden;z-index:120}.navbar-dropdown-item{width:100%;display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);background:transparent;border:none;cursor:pointer;transition:all .2s ease;font-size:.875rem;text-align:left}.navbar-dropdown-item:hover{color:var(--text-primary);background-color:var(--hover-bg)}.navbar-dropdown-item.active{color:var(--accent-color);background-color:var(--accent-bg)}.navbar-dropdown-icon{width:1rem;height:1rem}.search-input-wrapper{position:relative}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--text-tertiary);pointer-events:none}.search-input{width:100%;padding:.5rem .75rem .5rem 2.5rem;border-radius:.5rem;background-color:var(--input-bg);border:1px solid var(--input-border);color:var(--text-primary);font-size:.875rem;transition:all .2s ease}.search-input::placeholder{color:var(--text-tertiary)}.search-input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px var(--accent-bg)}.search-suggestions{position:absolute;top:calc(100% + .5rem);left:0;right:0;background-color:var(--dropdown-bg);border:1px solid var(--navbar-border);border-radius:.5rem;box-shadow:var(--shadow-lg);overflow:hidden;z-index:120}.search-suggestions ul{list-style:none;margin:0;padding:0}.search-suggestions li{border-bottom:1px solid var(--navbar-border)}.search-suggestions li:last-child{border-bottom:none}.search-suggestion-item{width:100%;padding:.75rem 1rem;color:var(--text-primary);background:transparent;border:none;cursor:pointer;transition:all .2s ease;text-align:left;font-size:.875rem}.search-suggestion-item:hover{background-color:var(--hover-bg)}.navbar-mobile-header{display:flex;align-items:center;gap:.5rem}@media (min-width:820px){.navbar-mobile-header{display:none}}.navbar-mobile-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;padding:0;color:var(--text-primary);background:transparent;border:none;cursor:pointer;border-radius:.5rem;transition:all .2s ease}.navbar-mobile-toggle:hover{background-color:var(--hover-bg)}.navbar-mobile-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);z-index:200;touch-action:none}@media (min-width:820px){.navbar-mobile-overlay{display:none}}.navbar-mobile-menu{position:fixed;top:0;right:0;width:20rem;max-width:85vw;height:100vh;height:100dvh;background-color:var(--navbar-bg);z-index:210;box-shadow:var(--shadow-lg);overflow-y:auto;overscroll-behavior:contain}@media (min-width:820px){.navbar-mobile-menu{display:none}}.navbar-mobile-content{padding:1.5rem;min-height:100%;display:flex;flex-direction:column}.navbar-mobile-close{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.navbar-mobile-search{margin-bottom:1.5rem}.navbar-mobile-links{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.navbar-mobile-link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;color:var(--text-secondary);background:transparent;border:none;border-radius:.5rem;cursor:pointer;transition:all .2s ease;text-align:left;text-decoration:none;font-size:.875rem;position:relative}.navbar-mobile-link:hover{color:var(--text-primary);background-color:var(--hover-bg)}.navbar-mobile-link.active{color:var(--accent-color);background-color:var(--accent-bg)}.navbar-mobile-link.secondary{background-color:var(--hover-bg)}.navbar-mobile-link.primary{background-color:var(--accent-color);color:white;justify-content:center}.navbar-mobile-link.primary:hover{background-color:var(--accent-hover)}.navbar-mobile-divider{border-top:1px solid var(--navbar-border);margin:1.5rem 0}.navbar-mobile-auth{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.navbar-mobile-section{padding:1rem 0;border-top:1px solid var(--navbar-border)}.navbar-mobile-label{font-size:.875rem;color:var(--text-secondary);margin-bottom:.75rem;font-weight:500}.navbar-mobile-buttons{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.navbar-mobile-option{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;color:var(--text-secondary);background-color:var(--card-bg);border:1px solid var(--navbar-border);border-radius:.5rem;cursor:pointer;transition:all .2s ease;font-size:.875rem}.navbar-mobile-option:hover{color:var(--text-primary);background-color:var(--hover-bg);border-color:var(--border-hover)}.navbar-mobile-option.active{color:var(--accent-color);background-color:var(--accent-bg);border-color:var(--accent-color)}.main-content{padding-top:80px}.navbar-auth-button.hidden,.navbar-dropdown.hidden,.navbar-icon-button.hidden,.navbar-links.hidden{opacity:0;pointer-events:none;width:0;overflow:hidden;transition:opacity .3s ease,width .3s ease}.search-container{width:100%;max-width:28rem;position:relative;transition:max-width .3s ease}.search-container.search-expanded{max-width:100%;flex:1}.search-close-button{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;padding:.25rem;background:transparent;border:none;cursor:pointer;color:var(--text-tertiary);transition:color .2s ease;border-radius:.25rem}.search-close-button:hover{color:var(--text-primary);background-color:var(--hover-bg)}.search-close-icon{width:1.125rem;height:1.125rem}.search-container.search-expanded .search-input{padding-right:2.5rem}.navbar-desktop.search-active{justify-content:flex-start}.navbar-desktop.search-active .navbar-controls{flex:1}@media (min-width:820px) and (max-width:1080px){.navbar-container{padding-inline:1rem}.navbar-desktop{gap:.75rem;margin-left:.75rem}.navbar-links{gap:.2rem}.navbar-link{padding-inline:.65rem}.navbar-control-text,.navbar-logo-text{display:none}.navbar-controls{gap:.35rem;min-width:0}.navbar-control-button,.navbar-icon-button{width:40px;padding-inline:0;justify-content:center}}@media (max-width:819px){.navbar-container{min-height:64px;padding:calc(.7rem + env(safe-area-inset-top)) 1rem .7rem}.navbar-logo-image{height:2.25rem;max-width:8.5rem}.navbar-logo-text{display:none}.navbar-inbox-thread{min-width:0;flex:1;display:flex;align-items:center;gap:.25rem}.navbar.inbox-thread-mode .navbar-logo{display:none}.navbar.inbox-thread-mode .navbar-container{gap:.25rem}.navbar.inbox-thread-mode .navbar-notification-link.mobile{display:none}.navbar-inbox-action,.navbar-inbox-back{width:40px;height:40px;flex:none;display:grid;place-items:center;padding:0;border:0;border-radius:11px;color:var(--text-primary);background:transparent;cursor:pointer;transition:background-color .18s ease,transform .12s ease}.navbar-inbox-action:hover,.navbar-inbox-back:hover{background:var(--hover-bg)}.navbar-inbox-action:active,.navbar-inbox-back:active{transform:scale(.92)}.navbar-inbox-person{min-width:0;flex:1;display:flex;flex-direction:column;align-items:flex-start;padding:.25rem .35rem;border:0;color:var(--text-primary);background:transparent;text-align:left}.navbar-inbox-person:not(:disabled){cursor:pointer}.navbar-inbox-person small,.navbar-inbox-person strong{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.navbar-inbox-person strong{font-size:.86rem;line-height:1.2}.navbar-inbox-person small{margin-top:2px;color:var(--text-secondary);font-size:.67rem;line-height:1.2}}@media (min-width:820px){.navbar-inbox-thread{display:none}}.navbar-auth-button,.navbar-dropdown,.navbar-icon-button,.navbar-links{transition:opacity .3s ease,width .3s ease}.navbar-fs-menu{--fs-red:#c93c3a;--fs-bg:#050505;--fs-txt:#f6f6f3;--fs-muted:#777774;--fs-line:#1c1c1c;position:fixed;inset:0;z-index:220;color:var(--fs-txt);background:radial-gradient(circle at 90% 10%,rgba(201,60,58,.13),transparent 28%),var(--fs-bg);padding:calc(.7rem + env(safe-area-inset-top)) 1rem max(24px,env(safe-area-inset-bottom));-webkit-clip-path:circle(0 at calc(100% - 36px) calc(31px + env(safe-area-inset-top)));clip-path:circle(0 at calc(100% - 36px) calc(31px + env(safe-area-inset-top)));visibility:hidden;pointer-events:none;transition:visibility .52s,-webkit-clip-path .52s cubic-bezier(.16,1,.3,1);transition:clip-path .52s cubic-bezier(.16,1,.3,1),visibility .52s;transition:clip-path .52s cubic-bezier(.16,1,.3,1),visibility .52s,-webkit-clip-path .52s cubic-bezier(.16,1,.3,1)}html:not(.dark) .navbar-fs-menu{--fs-bg:#f5f2ec;--fs-txt:#11110f;--fs-muted:#67645e;--fs-line:#ddd8cf}.navbar-fs-menu.open{-webkit-clip-path:circle(150% at calc(100% - 36px) calc(31px + env(safe-area-inset-top)));clip-path:circle(150% at calc(100% - 36px) calc(31px + env(safe-area-inset-top)));visibility:visible;pointer-events:auto}@media (min-width:820px){.navbar-fs-menu{display:none}}.navbar-fs-top{height:40px;display:flex;align-items:center;justify-content:space-between}.navbar-fs-brand{display:flex;align-items:center;gap:10px;color:var(--fs-txt);text-decoration:none}.navbar-fs-brand-logo{display:block;width:auto;height:36px;max-width:136px;object-fit:contain}.navbar-fs-close{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--fs-line);border-radius:50%;background:transparent;color:var(--fs-txt);cursor:pointer}.navbar-fs-close:hover{color:var(--fs-red);border-color:var(--fs-red)}.navbar-fs-content{height:calc(100dvh - 96px);max-width:680px;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:clamp(14px,3vh,32px);overflow-y:auto}.navbar-fs-kicker{margin:0;color:var(--fs-red);font-weight:600;font-size:10px;letter-spacing:.2em;text-transform:uppercase}.navbar-fs-search{max-width:100%}.navbar-fs-links{display:flex;flex-direction:column}.navbar-fs-links a{color:var(--fs-muted);font-family:Lexend,sans-serif;font-weight:800;font-size:clamp(1.5rem,6.5vw,2.8rem);line-height:1.18;letter-spacing:-.035em;text-transform:uppercase;padding:.1em 0;display:flex;align-items:center;gap:14px;text-decoration:none;transform:translateY(16px);opacity:0}.navbar-fs-menu.open .navbar-fs-links a{transform:none;opacity:1;transition:opacity .4s ease,transform .4s cubic-bezier(.16,1,.3,1),color .2s}.navbar-fs-menu.open .navbar-fs-links a:nth-child(2){transition-delay:50ms}.navbar-fs-menu.open .navbar-fs-links a:nth-child(3){transition-delay:.1s}.navbar-fs-menu.open .navbar-fs-links a:nth-child(4){transition-delay:.15s}.navbar-fs-menu.open .navbar-fs-links a:nth-child(5){transition-delay:.2s}.navbar-fs-menu.open .navbar-fs-links a:nth-child(6){transition-delay:.25s}.navbar-fs-links a span{color:var(--fs-red);font-family:Inter,system-ui,sans-serif;font-weight:600;font-size:9px;letter-spacing:.12em}.navbar-fs-links a.active,.navbar-fs-links a:hover{color:var(--fs-txt)}.navbar-fs-badge{margin-left:auto;min-width:1.4rem;height:1.4rem;padding:0 .4rem;border-radius:999px;background:var(--fs-red);color:#fff;font-family:Inter,system-ui,sans-serif;font-style:normal;font-size:.7rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.navbar-fs-controls{border-top:1px solid var(--fs-line);border-bottom:1px solid var(--fs-line);display:grid;grid-template-columns:1fr 1fr}.navbar-fs-controls>div{padding:14px 0;display:flex;flex-direction:column;gap:9px}.navbar-fs-controls>div+div{border-left:1px solid var(--fs-line);padding-left:18px}.navbar-fs-controls span{color:var(--fs-muted);font-size:9px;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.navbar-fs-controls button{color:var(--fs-txt);display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;text-transform:uppercase;background:transparent;border:none;cursor:pointer;padding:0}.navbar-fs-controls b{color:var(--fs-red);font-weight:700}.navbar-fs-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.navbar-fs-actions a,.navbar-fs-actions button{text-align:center;padding:13px;border:1px solid var(--fs-line);color:var(--fs-txt);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;text-decoration:none;background:transparent;cursor:pointer}.navbar-fs-actions a:last-child:not(:only-child){background:var(--fs-red);border-color:var(--fs-red);color:#fff}.navbar-fs-actions .navbar-fs-logout{grid-column:1/-1;color:var(--fs-muted)}.navbar-fs-actions .navbar-fs-logout:hover{color:var(--fs-red);border-color:var(--fs-red)}@media (max-width:819px){.navbar-fs-menu,.navbar-fs-menu.open{-webkit-clip-path:none;clip-path:none;transition:none}.navbar-fs-menu{opacity:0}.navbar-fs-menu.open{opacity:1}}