.site-header{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap;padding:8px 0 10px;margin:0 0 8px;border-bottom:1px solid var(--color-border)}.site-brand{display:inline-flex;align-items:center;gap:10px;color:var(--color-text-primary);text-decoration:none;min-width:0}.site-brand img{width:32px;height:32px;border-radius:8px;object-fit:cover;display:block;flex-shrink:0}.site-brand-name{font-size:22px;font-weight:700;line-height:1.2;color:var(--color-text-primary);white-space:nowrap}.site-nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.site-nav-btn{background:var(--color-bg-input);border:1px solid var(--color-border);color:var(--color-text-secondary);padding:6px 12px;border-radius:4px;cursor:pointer;font-weight:700;font-size:14px;font-family:inherit;line-height:1.2;text-decoration:none;white-space:nowrap}.site-nav-btn:hover{color:var(--color-text-primary);background:var(--color-border)}.site-nav-btn.active,.site-nav-btn.active:hover{color:var(--color-accent);background:var(--color-accent-hover-bg);border-color:var(--color-accent)}.site-account{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.site-header .top-bar-email{color:var(--color-text-muted);font-size:12px;white-space:nowrap}.site-header .top-bar-meta-row{display:inline-flex;align-items:center;gap:6px}.site-header .top-bar-chip{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:28px;padding:0 10px;border-radius:4px;font-size:11px;line-height:1;white-space:nowrap;font-family:inherit;cursor:pointer}.site-header #display-vip.top-bar-chip{background:var(--color-accent-active-bg);color:var(--color-accent);border:1px solid transparent;cursor:default}.site-header .top-bar-btn-account{background:0 0;border:1px solid var(--color-divider-accent);color:var(--color-accent)}.site-header .account-dropdown,.site-header .tools-dropdown{position:relative;display:inline-block}.site-header .account-dropdown-content,.site-header .tools-dropdown-content{display:none;position:absolute;top:100%;background:var(--color-bg-input);border:1px solid var(--color-border);border-radius:4px;box-shadow:0 4px 12px rgba(0,0,0,.5);z-index:1000;margin-top:5px;padding:4px 0}.site-header .account-dropdown-content{right:0;min-width:120px}.site-header .tools-dropdown-content{left:0;min-width:160px}.site-header .account-dropdown-content::before,.site-header .tools-dropdown-content::before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px}.site-header .account-dropdown-content a,.site-header .tools-dropdown-content a{color:var(--color-text-secondary);padding:8px 16px;text-decoration:none;display:block;font-size:13px;font-weight:700;white-space:nowrap}.site-header .tools-dropdown-content a[hidden]{display:none!important}.site-header .account-dropdown-content a:hover,.site-header .tools-dropdown-content a:hover{color:var(--color-text-primary);background:var(--color-border)}.site-header .account-dropdown:focus-within .account-dropdown-content,.site-header .account-dropdown:hover .account-dropdown-content,.site-header .tools-dropdown:focus-within .tools-dropdown-content,.site-header .tools-dropdown:hover .tools-dropdown-content{display:block}.page-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 12px}@media (max-width:768px){body:has(.mobile-bottom-nav) .site-nav{display:none}.site-brand-name{font-size:18px}}