.topbar-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;width:100%;box-sizing:border-box;flex-shrink:0;background-color:color-mix(in srgb,var(--color-cream) 88%,black);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);transition:background-color .15s;border-bottom:1px solid rgba(255,255,255,.12)}@media (min-width:1024px){.topbar-header{display:none}}.topbar-container{position:relative;margin-left:auto;margin-right:auto;display:flex;height:72px;width:100%;max-width:100%;box-sizing:border-box;flex-direction:row;align-items:center;justify-content:space-between;padding:0 24px}@media (min-width:1024px){.topbar-container{padding:0 32px}}.topbar-menuBtn{display:flex;height:44px;width:44px;align-items:center;justify-content:center;border-radius:9999px;background-color:rgba(0,0,0,.05);color:var(--color-charcoal);transition:all .15s;border:1px solid rgba(0,0,0,.1);cursor:pointer}.topbar-menuBtn:hover{background-color:rgba(0,0,0,.08);border-color:rgba(0,0,0,.15)}.topbar-menuBtn:active{transform:scale(.9)}@media (min-width:1024px){.topbar-menuBtn{display:none}}.topbar-menuIcon{height:24px;width:24px}.topbar-logoTitle{font-family:var(--font-heading);font-size:20px;font-weight:900;letter-spacing:-.025em;color:var(--color-charcoal);margin:0;text-shadow:none}.topbar-logoHighlight{color:var(--color-dang)}.topbar-logoImageWrapper{position:relative;height:44px;width:44px;overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.22);box-shadow:0 2px 8px -2px rgba(0,0,0,.3)}.topbar-logoImage{height:100%;width:100%;object-fit:cover}.topbar-drawerRoot{position:fixed;inset:0;z-index:100}@media (min-width:1024px){.topbar-drawerRoot{display:none}}.topbar-drawerBackdrop{position:absolute;inset:0;background-color:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.topbar-drawerPanel{position:absolute;top:0;left:0;height:100vh;height:100dvh;width:min(320px,85vw);background-color:var(--color-surface);box-shadow:var(--shadow-ambient);display:flex;flex-direction:column;overflow-y:auto;box-sizing:border-box;padding:20px 20px 24px}.topbar-drawerHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.topbar-drawerBrand{display:flex;align-items:center;gap:12px}.topbar-drawerLogoBox{height:44px;width:44px;border-radius:12px;overflow:hidden;background-color:var(--color-surface-sunken);display:flex;align-items:center;justify-content:center;padding:4px;box-sizing:border-box}.topbar-drawerLogoImg{height:100%;width:100%;object-fit:contain}.topbar-drawerBrandText{font-family:var(--font-heading);font-size:18px;font-weight:800;letter-spacing:-.01em;color:var(--color-charcoal)}.topbar-drawerCloseBtn{height:40px;width:40px;display:flex;align-items:center;justify-content:center;border-radius:9999px;background-color:var(--color-surface-sunken);color:var(--color-charcoal);border:none;cursor:pointer;transition:background-color .15s}.topbar-drawerCloseBtn:hover{background-color:color-mix(in srgb,var(--color-surface-sunken) 90%,black)}.topbar-drawerCloseBtn:active{transform:scale(.95)}.topbar-drawerCloseIcon{height:18px;width:18px}.topbar-drawerNav{flex:1 1 auto}.topbar-drawerList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.topbar-drawerItem{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border-radius:16px;border:none;background-color:transparent;color:var(--color-charcoal);font-family:var(--font-heading);font-size:15px;font-weight:700;text-align:left;cursor:pointer;transition:background-color .15s,transform .15s}.topbar-drawerItem:hover{background-color:var(--color-surface-sunken)}.topbar-drawerItem:active{transform:scale(.98)}.topbar-drawerItemActive{background-color:var(--color-dang-soft);color:var(--color-dang);box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.topbar-drawerItemActive:hover{background-color:color-mix(in srgb,var(--color-dang-soft) 88%,var(--color-dang))}.topbar-drawerItemIcon{height:20px;width:20px;flex-shrink:0}.topbar-drawerItemLabel{flex:1 1 auto}.topbar-drawerFooter{margin-top:16px;padding:12px 16px;border-top:1px solid var(--color-border);text-align:center}.topbar-drawerFooterText{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}@media (prefers-reduced-motion:reduce){.topbar-drawerPanel{transition:none!important}}