.login-bar{background:#181818;border-radius:0 8px 8px;flex-wrap:nowrap;align-items:center;gap:16px;padding:8px 24px 8px 196px;display:flex;position:relative;overflow:visible}.login-bar-logo-wrap{background:#181818;position:absolute;top:0;left:-1px}.login-bar-logo-wrap:before{content:"";border:1px solid var(--surface-3);pointer-events:none;border-bottom:none;border-right:none;border-radius:8px 0 0;width:9px;height:68px;position:absolute;top:0;left:0}.login-bar-logo-wrap:after{content:"";border:1px solid var(--surface-3);pointer-events:none;border-top:none;border-radius:0 0 8px 8px;position:absolute;inset:68px 0 0}.logo-corner{width:13px;height:13px;box-shadow:inset 1px 1px 0 0 var(--surface-3);pointer-events:none;background:#181818;border-top-left-radius:12px;position:absolute;top:67px;right:-12px}.login-bar-logo{cursor:pointer;background:#181818;border-radius:12px;transition:opacity .2s;display:block}.login-bar-logo:hover{opacity:.8}.login-bar-logo-text{color:#fff;letter-spacing:.1em;white-space:nowrap;flex-direction:column;align-items:flex-start;gap:0;font-family:Jura,sans-serif;font-size:1.5rem;font-weight:700;line-height:1;display:none}.logo-stripe{border-radius:2px;width:100%;height:3px;margin-top:3px;display:block}.logo-stripe--blue{background:#1976d2;box-shadow:0 0 4px #1976d2,0 0 10px #1976d266}.logo-stripe--green{background:#4caf50;box-shadow:0 0 4px #4caf50,0 0 10px #4caf5066}.logo-stripe--pink{background:#e91e63;box-shadow:0 0 4px #e91e63,0 0 10px #e91e6366}.nav-buttons{flex-wrap:nowrap;align-items:center;gap:16px;display:flex}.nav-group{border-left:1px solid #333;border-right:1px solid #333;align-items:center;gap:8px;padding:0 8px;display:flex}.nav-button,.favorite-button,.modal-button,.logout-button,.patreon-button{cursor:pointer;border:none;border-radius:8px;height:52px;font-size:16px;transition:background .2s}.nav-button{color:#fff;background:#1976d2}.nav-button.secondary{color:#fff;background:#333;border:1px solid #1976d2}.nav-button.more-button{color:#fff;letter-spacing:.03em;background:#2a2a2a;border:1px solid #555;padding:0 18px;font-weight:500}.nav-button.more-button:hover{background:#3a3a3a;border-color:#777}.nav-button.highlight{color:#fff;background:#4caf50;font-weight:600}.favorite-button{color:#222;background:#ffa000}.modal-button{color:#fff;background:#333;border:1px solid #1976d2}.patreon-button{color:#fff;background:#ff424d;align-items:center;gap:8px;padding:0 16px;font-weight:600;display:flex}.patreon-button:hover{background:#e5353f}.logout-button{color:#fff;background:#d32f2f}.user-info{color:#fff;align-items:center;gap:12px;margin-left:auto;font-size:.95rem;display:flex}.dropdown-container{position:relative}.dropdown-menu{z-index:1000;background:#2a2a2a;border:1px solid #404040;border-radius:8px;min-width:220px;animation:.2s ease-out dropdownSlide;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 4px 20px #00000080}.dropdown-menu-right{left:auto;right:0}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:#fff;text-align:left;cursor:pointer;background:0 0;border:none;width:100%;padding:12px 16px;font-size:.95rem;transition:background .2s;display:block}.dropdown-item:hover{background:#333}.dropdown-item.favorite-item{color:#ffa000}.dropdown-item.favorite-item:hover{background:#ffa0001a}.dropdown-item.logout-item{color:#f44336}.dropdown-item.logout-item:hover{background:#f443361a}.dropdown-item.patreon-dropdown-item{color:#ff424d}.dropdown-item.patreon-dropdown-item:hover{background:#ff424d1a}.dropdown-divider{background:#404040;height:1px;margin:4px 0}.nav-buttons .global-search{height:52px;margin:0 8px}.nav-buttons .search-trigger{width:52px!important;height:52px!important}@media (max-width:1560px){.login-bar,.nav-buttons{gap:8px}.nav-button,.favorite-button,.modal-button,.logout-button,.patreon-button{white-space:nowrap;height:44px;padding:0 10px;font-size:14px}.nav-button.more-button{padding:0 12px}.nav-buttons .global-search{height:44px;margin:0}.nav-buttons .search-trigger{width:44px!important;height:44px!important}}@media (max-width:1600px){.login-bar{border-top-left-radius:8px;padding:8px 24px}.login-bar-logo-wrap{cursor:pointer;background:0 0;flex-shrink:0;align-items:center;display:flex;position:static}.login-bar-logo-wrap:before,.login-bar-logo-wrap:after,.logo-corner{display:none}.login-bar-logo{display:none!important}.login-bar-logo-text{display:flex}}@media (max-width:768px){.login-bar{gap:12px;padding:8px 16px}.nav-buttons{gap:12px}.nav-button,.patreon-button,.modal-button{height:44px;font-size:14px}.nav-buttons .global-search{order:1;width:100%}}@media (max-width:480px){.login-bar{flex-direction:column;gap:8px;padding:8px 12px}.nav-buttons{flex-wrap:wrap;gap:8px;width:100%}.nav-button{flex:1;min-width:calc(50% - 4px);height:40px;padding:0 8px;font-size:12px}.nav-button.secondary,.modal-button{padding:0 8px}.patreon-button{display:none}.nav-buttons .global-search{order:1;width:100%;margin:0}.user-info{justify-content:space-between;width:100%;font-size:.85rem}.user-info span{text-overflow:ellipsis;white-space:nowrap;max-width:150px;overflow:hidden}}