.header{backdrop-filter:blur(8px);position:absolute;top:0;left:0;width:100%;z-index:50;border-bottom:1px solid var(--border);background:var(--background)}.header-container{margin:0 auto;padding:1rem 1.5rem;justify-content:space-between}.header-container,.header-logo{display:flex;align-items:center}.header-logo{gap:.5rem}.header-logo-text{font-size:1.25rem;font-weight:700;color:var(--foreground);cursor:pointer}.header-nav{display:none}@media (min-width:768px){.header-nav{display:flex;align-items:center;gap:1.5rem}}.header-link{color:var(--muted-foreground);font-size:1rem;transition:color .2s;text-decoration:none}.header-link:hover,.header-signin-btn{color:var(--foreground)}.header-signin-btn{border:1px solid var(--border);background:var(--background)}.dark .header-signin-btn{border:1px solid var(--border);background:var(--card)}.header-create-btn{background:linear-gradient(90deg,#2563eb,#a21caf);color:#fff}.header-mobile-menu-btn{display:block;padding:.5rem;border-radius:.5rem;background:none;border:none;outline:none}@media (min-width:768px){.header-mobile-menu-btn{display:none}}.header-mobile-menu-icon{width:1.75rem;height:1.75rem;color:var(--foreground)}.header-mobile-dropdown{position:absolute;top:100%;left:0;width:100%;background:var(--background);border-bottom:1px solid var(--border);box-shadow:0 4px 24px rgba(0,0,0,.08);z-index:50;animation:fade-in .2s}.header-mobile-dropdown-content{display:flex;flex-direction:column;gap:.5rem;padding:1rem}.header-mobile-link{padding:.5rem;border-radius:.5rem;color:var(--muted-foreground);text-decoration:none;font-size:1rem;transition:color .2s}.header-mobile-link:hover{color:var(--foreground)}.header-link-active{color:#a21caf;font-weight:600}.header-mobile-theme-toggle{padding:.5rem 0}.header-mobile-signin-btn{border:1px solid var(--border);color:var(--foreground);background:var(--background);width:100%;margin-bottom:.5rem}.header-mobile-create-btn{background:linear-gradient(90deg,#2563eb,#a21caf);color:#fff;width:100%}@keyframes fade-in{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.header-mobile-theme-toggle .theme-toggle-btn:hover,.header-nav .theme-toggle-btn:hover{background:var(--muted);color:var(--foreground)}body.mobile-menu-open{overflow:hidden}body.mobile-menu-open:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;backdrop-filter:blur(8px);z-index:49;pointer-events:none}.header-logo-container{display:flex;flex-direction:row;align-items:center;gap:.5rem}