.topbar{left:0;right:0;top:var(--topbar-top);z-index:50;display:flex;align-items:center;padding:0 16px}@media (max-width:639px){.topbar{top:var(--topbar-mobile-top,var(--topbar-top))}}.topbar.topbar-frosted{left:12px;right:12px;padding:6px 22px;border-radius:24px;background:var(--glass-panel-bg);border:1px solid var(--glass-panel-border);box-shadow:var(--shadow-panel);backdrop-filter:blur(5px);color:var(--text-primary);transition:color .36s ease,background-color .36s ease,border-color .36s ease,box-shadow .36s ease}.topbar-inner{display:flex;align-items:center;width:100%;margin:0 auto}@media (min-width:640px){.topbar-compact{pointer-events:none}.topbar-compact .pointer-events-auto,.topbar-compact a,.topbar-compact button{pointer-events:auto}}.topbar-left{display:flex;align-items:center;min-width:0}.topbar-center{flex:1;display:flex;justify-content:center;position:relative;pointer-events:none}.topbar-center>*{pointer-events:auto}.topbar-mobile-left-extra,.topbar-right{display:flex;align-items:center}.topbar-mobile-left-extra{min-width:0}@media (min-width:640px){.topbar-mobile-left-extra{display:none}}.topbar-auth-row{display:flex;align-items:center;gap:8px}.topbar-pricing-divider{width:1px;height:18px;background:rgba(0,0,0,.16)}.topbar-pricing-link{padding:0 10px 0 4px;font-size:14px;font-weight:500;color:var(--text-primary);transition:color .15s}.topbar-pricing-link:hover{color:var(--text-secondary)}.topbar-icon-btn{width:32px;height:32px;border-radius:9999px;display:flex;align-items:center;justify-content:center;position:relative;transition:background-color .15s}.topbar-icon-btn svg{z-index:1}.topbar-icon-btn svg,.topbar-usercontext-icon-wrap{color:var(--text-primary);display:block;margin:0 auto;position:relative}.topbar-usercontext-icon-wrap{width:20px;height:20px;overflow:visible}.topbar-usercontext-icon-wrap .topbar-usercontext-icon{position:absolute;inset:0;overflow:visible}.topbar-usercontext-paper{position:absolute;left:6px;top:5px;width:8px;height:1.5px;background:currentColor;border-radius:9999px;opacity:0;z-index:0;transform:translateX(-10px)}.topbar-usercontext-lid{transform-box:fill-box;transform-origin:50% 100%}.topbar-usercontext-pulse .topbar-usercontext-lid{animation:topbar-usercontext-lid-pop 2s ease-in-out}.topbar-usercontext-pulse .topbar-usercontext-paper{animation:topbar-usercontext-paper-drop 2s ease-in-out}@keyframes topbar-usercontext-lid-pop{0%,12%,to{transform:translateY(0) rotate(0deg)}24%{transform:translateY(-5px) rotate(-5deg)}68%{transform:translateY(-5px) rotate(4deg)}82%{transform:translateY(0) rotate(0deg)}}@keyframes topbar-usercontext-paper-drop{0%,28%{opacity:0;transform:translateX(-10px) translateY(0)}34%{opacity:1;transform:translateX(-8px) translateY(0)}54%{opacity:1;transform:translateX(0) translateY(0)}66%{opacity:1;transform:translateX(0) translateY(4px)}67%,to{opacity:0;transform:translateX(0) translateY(4px)}}.topbar-file-icon,.topbar-hamburger-icon{width:20px;height:20px}.topbar-newthread-icon{width:20px;height:24px}.topbar-usercontext-icon{width:20px;height:20px}.topbar-mobile-only{display:block}@media (min-width:640px){.topbar-mobile-only{display:none}}.topbar-desktop-only{display:none}@media (min-width:640px){.topbar-desktop-only{display:block}.topbar-desktop-only[style*=justify-content]{display:flex}}@media (min-width:640px) and (max-width:767px){.topbar-chat-layout .topbar-mobile-only{display:block}.topbar-chat-layout .topbar-mobile-left-extra{display:flex}.topbar-chat-layout .topbar-desktop-only,.topbar-chat-layout .topbar-desktop-only[style*=justify-content]{display:none}}.topbar-logo{padding:2px 8px;font-size:20px;font-weight:700;transition:color .15s;color:var(--text-primary)}.topbar-logo:hover{color:var(--text-secondary)}.topbar-auth-hidden-mobile{display:none}@media (min-width:640px){.topbar-auth-hidden-mobile{display:block}}