:root{--shadow-offset:0;--shadow-blur:20px;--shadow-spread:-5px;--shadow-color:rgba(255,255,255,0.2);--tint-color:255,255,255,0.0;--tint-opacity:0.1;--frost-blur:2px;--noise-frequency:0.001;--distortion-strength:10;--outer-shadow-blur:24px}.header-container{position:fixed;top:1rem;left:50%;transform:translateX(-50%);z-index:50;border:1px solid rgba(255,255,255,.1);transition:all .8s cubic-bezier(.4,0,.2,1);height:4rem;isolation:isolate;box-shadow:0 6px var(--outer-shadow-blur) rgba(0,0,0,.2)}.header-container:before{z-index:0;box-shadow:inset var(--shadow-offset) var(--shadow-offset) var(--shadow-blur) var(--shadow-spread) var(--shadow-color);background-color:rgba(var(--tint-color),var(--tint-opacity))}.header-container:after,.header-container:before{content:"";position:absolute;inset:0;border-radius:inherit}.header-container:after{z-index:-1;backdrop-filter:blur(var(--frost-blur));filter:url(#liquid-glass-distortion);isolation:isolate;-webkit-backdrop-filter:blur(var(--frost-blur));-webkit-filter:url(#liquid-glass-distortion)}.header-container.normal{width:min(calc(100% - 2rem),90rem);max-width:90rem;border-radius:.5rem}.header-container.compact{top:1.5rem;width:520px;border-radius:3rem}.header-container.compact .header-glass-base{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header-container.compact .header-glass-tint{background-color:rgba(var(--glass-tint-color),.08);box-shadow:inset 0 0 var(--glass-inner-shadow-blur) var(--glass-inner-shadow-spread) var(--glass-inner-shadow-color),0 25px 50px -12px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.1)}.header-overlay-1{inset:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent 50%,rgba(255,255,255,.05));z-index:1}.header-overlay-1,.header-overlay-2{position:absolute;pointer-events:none;border-radius:inherit}.header-overlay-2{inset:1px;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 60%);z-index:2}.header-content{position:relative;height:100%;padding:0 1.5rem;justify-content:space-between}.header-content,.logo-section{display:flex;align-items:center}.logo-section{gap:.5rem}.logo-image{width:40px;height:40px}.logo-text{overflow:hidden;white-space:nowrap;transition:width .6s cubic-bezier(.4,0,.2,1) .15s,opacity .4s cubic-bezier(.4,0,.2,1)}.logo-text.normal{width:auto;opacity:1;transition:width .6s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1) .15s}.logo-text.compact{width:0;opacity:0}.navigation-section{display:flex;align-items:center;gap:1.5rem}.nav-item{font-size:.875rem;font-weight:500;color:rgba(255,255,255,.8);text-decoration:none;transition:color .3s ease}.nav-item:hover{color:rgba(255,255,255,1)}.nav-hidden{display:flex;align-items:center;gap:1.5rem;overflow:hidden;transition:width .6s cubic-bezier(.4,0,.2,1) .15s,opacity .4s cubic-bezier(.4,0,.2,1)}.nav-hidden.normal{width:auto;opacity:1;transition:width .6s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1) .15s}.nav-hidden.compact{width:0;opacity:0}.cta-hidden,.cta-section{display:flex;align-items:center;gap:1rem}.cta-hidden{overflow:hidden;transition:width .6s cubic-bezier(.4,0,.2,1) .15s,opacity .4s cubic-bezier(.4,0,.2,1)}.cta-hidden.normal{width:auto;opacity:1;transition:width .6s cubic-bezier(.4,0,.2,1),opacity .4s cubic-bezier(.4,0,.2,1) .15s}.cta-hidden.compact{width:0;opacity:0}.primary-cta{background:rgba(255,255,255,.2);color:white;border:1px solid rgba(255,255,255,.3);transition:all .5s cubic-bezier(.4,0,.2,1);padding:.5rem 1rem;font-size:.875rem}.primary-cta:hover{background:rgba(255,255,255,.3)}.primary-cta.normal{border-radius:.375rem}.primary-cta.compact{border-radius:1.25rem}.nav-badge{margin-left:.5rem;color:rgba(255,255,255,.8)}.nav-badge,.nsfw-button{border:1px solid rgba(255,255,255,.2)}.nsfw-button{color:rgba(255,255,255,.9);background:transparent}.nsfw-button:hover{background:rgba(255,255,255,.1);color:white}.glass-toggle-button{border:none;color:rgba(255,255,255,.6);background:transparent;padding:.5rem;width:2.5rem;height:2.5rem;border-radius:1.25rem;transition:all .3s ease}.glass-toggle-button:hover{background:rgba(255,255,255,.08);color:rgba(255,255,255,.9)}.header-container.glass-disabled:before{background-color:rgba(255,255,255,.05);box-shadow:none}.header-container.glass-disabled:after{backdrop-filter:blur(8px);filter:none;-webkit-backdrop-filter:blur(8px);-webkit-filter:none}@media (max-width:768px){.header-container{display:none}}