.header{background:var(--header-bg);color:var(--text);border-bottom:1px solid var(--border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);position:sticky;top:0;z-index:var(--z-index-header)}body.amoled-dark .header{border-bottom:transparent}body.no-blur .header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--header-bg-solid)}html.scroll-lock .header{border-bottom-color:transparent;background:none;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:background .2s ease,backdrop-filter .2s ease,-webkit-backdrop-filter .2s ease,border-bottom-color .2s ease;transition-delay:.2s}.header-container{max-width:100%;height:60px;margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.header-logo{font-size:1.2rem;font-weight:700;color:var(--text);text-decoration:none;flex-shrink:0;height:40px;width:40px}.header-logo img{height:100%;width:auto;transition:opacity .3s}.header-actions{display:flex;align-items:center;gap:10px}.header-nav{display:none;align-items:center;flex-grow:0}.header-nav ul{list-style:none;display:flex;padding:0 0 0 60px;margin:0;gap:5px}.header-nav a{color:var(--nav-a);text-decoration:none;opacity:.9;font-size:1rem;font-weight:500;padding:.7rem 1rem;border-radius:50px;position:relative;white-space:nowrap;transition:background .2s ease,color .2s ease}.header-nav a:hover,.header-nav a.active{background:var(--nav-a-bg);color:var(--text)}body.floating-header .header{background:linear-gradient(180deg,var(--bg),transparent);border-bottom:none;backdrop-filter:none;-webkit-backdrop-filter:none}body.floating-header .header-container{height:80px}body.floating-header .header-logo{background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);height:60px;width:60px;padding:8px;border-radius:50px;display:flex;align-items:center;justify-content:center;flex-shrink:0}body.floating-header .header-actions{background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:8px 12px;border-radius:50px;height:60px;flex-shrink:0}body.floating-header .header-nav{background:var(--header-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:16px 8px;border-radius:50px;margin:0 0 0 60px}body.floating-header .header-nav ul{padding:0!important;margin:0;height:100%;align-items:center}body.floating-header.no-blur .header-logo,body.floating-header.no-blur .header-nav,body.floating-header.no-blur .header-actions{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--header-bg-solid)}html.scroll-lock body.floating-header .header-logo,html.scroll-lock body.floating-header .header-nav,html.scroll-lock body.floating-header .header-actions{border-bottom-color:transparent;background:none;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:background .2s ease,backdrop-filter .2s ease,-webkit-backdrop-filter .2s ease;transition-delay:.2s}.logo-dark,body.dark .logo-light,body.amoled-dark .logo-light,#card-modal.dark-mode .logo-light{display:none!important}body.dark .logo-dark,body.amoled-dark .logo-dark,#card-modal.dark-mode .logo-dark{display:block!important}