header{background-color:var(--panel-bg);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);position:sticky;top:0;z-index:1000;height:64px;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.header-container{max-width:1200px;margin:0 auto;height:100%;padding:0 20px;display:flex;align-items:center;justify-content:space-between}.site-logo{font-size:1.3rem;font-weight:800;color:var(--color-accent);text-decoration:none;display:flex;align-items:center;gap:10px}.logo-img{width:32px;height:32px;object-fit:contain;border-radius:var(--radius-button)}.nav-banner{display:flex;gap:15px}.nav-link{color:var(--text-color);text-decoration:none;font-weight:500;padding:6px 14px;border-radius:var(--radius-button)}.nav-link:hover{background-color:var(--border-color)}.header-controls{display:flex;align-items:center;gap:12px}.icon-button{background:0 0;border:1px solid transparent;padding:8px;border-radius:50%;color:var(--text-color);display:flex;align-items:center;justify-content:center}.icon-button:hover{background-color:var(--border-color)}.header-icon{width:20px;height:20px;object-fit:contain;display:block}.hamburger-button{display:none}.mobile-drawer{position:fixed;top:64px;right:-100%;width:250px;height:calc(100vh - 64px);background-color:var(--panel-bg);backdrop-filter:blur(12px);border-left:1px solid var(--border-color);z-index:999;transition:right var(--transition-normal)ease-in-out;padding:24px;display:flex;flex-direction:column;gap:16px}.mobile-drawer.active{right:0}@media(max-width:768px){.nav-banner{display:none}.hamburger-button{display:flex}}