header.new-header{-webkit-backdrop-filter:none;z-index:1000;background:0 0;border-bottom:none;padding:0;position:fixed;top:0;left:0;right:0}header.new-header .container{justify-content:space-between;align-items:center;gap:20px;padding:16px 20px;display:flex}header.new-header .header-left{flex:1;align-items:center;gap:32px;display:flex}header.new-header .header-logo{width:auto;height:32px}header.new-header .header-menu{align-items:center;gap:20px;display:flex}header.new-header .header-burger{cursor:pointer;width:32px;height:32px;display:none}header.new-header .header-burger path{fill:none;stroke:var(--text-main);stroke-width:3px;transition:all .3s}header.new-header .header-nav ul{gap:24px;margin:0;padding:0;list-style:none;display:flex}header.new-header .header-nav-item a{color:var(--text-main);font-size:14px;font-weight:500;text-decoration:none;transition:color .3s}header.new-header .header-nav-item a:hover{color:var(--accent-primary)}header.new-header .header-search{flex:1;max-width:400px;position:relative}header.new-header .header-search-open{position:relative}header.new-header .header-search-result{background:var(--bg-elevated);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-subtle);z-index:1001;max-height:400px;box-shadow:var(--shadow-soft);border-radius:8px;margin:0;padding:8px;list-style:none;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}header.new-header .header-search-result-item{border-radius:6px;transition:background .2s}header.new-header .header-search-result-item:hover{background:var(--bg-elevated-soft)}header.new-header .header-search-result-item a{color:var(--text-main);align-items:center;gap:12px;padding:12px;text-decoration:none;display:flex}header.new-header .header-search-result-item img{object-fit:cover;border-radius:6px;width:48px;height:48px}header.new-header .header-search-result-item-content{flex:1}header.new-header .header-search-result-item-title{margin-bottom:4px;font-size:14px;font-weight:600}header.new-header .header-search-result-item-tags{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}header.new-header .header-search-result-item-sponsored{border:1px solid #ffd7004d}header.new-header .nav-user{position:relative}header.new-header .nav-user .btn-login{height:40px;padding:0 12px 0 0}header.new-header .nav-user .btn-login .user-initials{margin-right:8px}header.new-header .user-initials{background:linear-gradient(135deg,var(--accent-primary),#60a5fa);color:#fff;border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:inline-flex}header.new-header .user-menu{background:var(--bg-elevated);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);z-index:1001;border-radius:12px;min-width:200px;padding:8px;animation:.2s ease-out menuSlideDown;position:absolute;top:calc(100% + 10px);right:0}@keyframes menuSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}header.new-header .user-menu-item{text-align:left;width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:10px 14px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:block}header.new-header .user-menu-item:hover{background:var(--bg-elevated-soft);color:var(--accent-primary)}header.new-header .user-menu-item.admin-item{color:#fbbf24}header.new-header .user-menu-item.admin-item:hover{background:#fbbf241a}header.new-header .user-menu-item.logout-item{color:#fff;background:#ef4444;margin-top:4px;font-weight:700}header.new-header .user-menu-item.logout-item:hover{background:#dc2626;box-shadow:0 2px 8px #ef444459}header.new-header .header-right{align-items:center;gap:12px;display:flex}header.new-header .header-right .btn{align-items:center;gap:8px;height:40px;padding:0 16px;font-size:14px;display:inline-flex}header.new-header .header-right .btn-fab{justify-content:center;width:40px;padding:0;font-size:18px}header.new-header .btn-login{align-items:center;gap:8px;display:flex}header.new-header .btn-discord{color:#fff;background:#5865f2}header.new-header .btn-discord:hover{background:#4752c4}header.new-header .btn-search{display:none}@media (max-width:1024px){header.new-header .header-search{display:none}header.new-header .btn-search{display:flex}}@media (max-width:768px){header.new-header .header-burger{display:block}header.new-header .header-nav{background:var(--bg-elevated);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-subtle);opacity:0;pointer-events:none;padding:20px;transition:all .3s;position:fixed;top:65px;left:0;right:0;transform:translateY(-100%)}header.new-header .header-nav.open{opacity:1;pointer-events:all;transform:translateY(0)}header.new-header .header-nav ul{flex-direction:column;gap:16px}header.new-header .btn-login span,header.new-header .header-right .btn:not(.btn-fab):not(.btn-opacity) span{display:none}header.new-header .header-right .btn:not(.btn-fab):not(.btn-opacity){justify-content:center;width:40px;padding:0}}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0009;animation:.3s fadeIn;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu{background:var(--bg-elevated);-webkit-backdrop-filter:blur(20px);border-left:1px solid var(--border-subtle);z-index:1101;flex-direction:column;width:320px;max-width:85vw;transition:transform .3s;display:flex;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%);box-shadow:-4px 0 24px #0003}.mobile-menu-open{transform:translate(0)}.mobile-menu-header{border-bottom:1px solid var(--border-subtle);flex-shrink:0;justify-content:space-between;align-items:center;padding:20px;display:flex}.mobile-menu-title{color:var(--text-main);margin:0;font-size:18px;font-weight:700}.mobile-menu-close{background:var(--bg-elevated-soft);width:40px;height:40px;color:var(--text-main);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:20px;transition:all .2s;display:flex}.mobile-menu-close:hover{background:var(--bg-elevated);color:var(--accent-primary)}.mobile-menu-nav{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.mobile-menu-user{background:var(--bg-elevated-soft);border-radius:12px;align-items:center;gap:12px;margin-bottom:8px;padding:16px;display:flex}.mobile-menu-user-avatar{background:linear-gradient(135deg,var(--accent-primary),#60a5fa);color:#fff;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:20px;font-weight:700;display:flex}.mobile-menu-user-info{flex:1;min-width:0}.mobile-menu-user-name{color:var(--text-main);text-overflow:ellipsis;white-space:nowrap;margin-bottom:2px;font-size:15px;font-weight:700;overflow:hidden}.mobile-menu-user-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.mobile-menu-item{color:var(--text-main);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.mobile-menu-item i{text-align:center;width:20px;color:var(--text-soft);font-size:16px}.mobile-menu-item:hover{background:var(--bg-elevated-soft);color:var(--accent-primary)}.mobile-menu-item:hover i{color:var(--accent-primary)}.mobile-menu-item-primary{background:var(--accent-primary);color:#fff}.mobile-menu-item-primary i{color:#fff}.mobile-menu-item-primary:hover{background:var(--accent-hover);color:#fff}.mobile-menu-item-primary:hover i{color:#fff}.mobile-menu-item-admin,.mobile-menu-item-admin i{color:#fbbf24}.mobile-menu-item-admin:hover{background:#fbbf241a}.mobile-menu-item-logout{color:#fff;background:#ef4444;margin-top:8px}.mobile-menu-item-logout i{color:#fff}.mobile-menu-item-logout:hover{color:#fff;background:#dc2626}.mobile-menu-divider{background:var(--border-subtle);height:1px;margin:8px 0}@media (min-width:769px){.mobile-menu,.mobile-menu-overlay{display:none}}
