.search-autocomplete{width:100%;position:relative}.search-autocomplete form{display:flex;position:relative}.search-autocomplete__input{width:100%;height:40px;padding:0 var(--spacing-md);background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--border-radius-full);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);padding-right:44px}.search-autocomplete__input::placeholder{color:var(--color-text-tertiary)}.search-autocomplete__input:focus{border-color:var(--color-primary);outline:none;box-shadow:0 0 0 2px #7b4fe233}.search-autocomplete__button{border-radius:var(--border-radius-full);width:32px;height:32px;color:var(--color-text-tertiary);cursor:pointer;transition:color var(--transition-fast),background-color var(--transition-fast);background-color:#0000;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.search-autocomplete__button:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.search-autocomplete__dropdown{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);box-shadow:var(--shadow-lg);z-index:1000;max-height:400px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow-y:auto}.search-autocomplete__loading,.search-autocomplete__empty{padding:var(--spacing-md);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.search-autocomplete__list{margin:0;padding:0;list-style:none}.search-autocomplete__item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-fast);display:flex}.search-autocomplete__item:hover,.search-autocomplete__item.active{background:var(--color-surface-hover)}.search-autocomplete__poster{background:var(--color-surface-hover);border-radius:var(--border-radius-sm);flex-shrink:0;width:40px;height:60px;position:relative;overflow:hidden}.search-autocomplete__image{object-fit:cover}.search-autocomplete__details{flex-direction:column;flex:1;display:flex;overflow:hidden}.search-autocomplete__title{font-size:var(--font-size-sm);color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.search-autocomplete__subtitle{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.navbar{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#1a1d29f2;position:sticky;top:0}.navbar__container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;height:80px;margin:0 auto;padding:0 1rem;display:flex}.navbar__logo{font-size:var(--font-size-xl);color:var(--color-primary);letter-spacing:-.02em;transition:color var(--transition-fast);white-space:nowrap;font-weight:700}.navbar__logo:hover{color:var(--color-primary-hover)}.navbar__desktop{align-items:center;gap:var(--spacing-md);margin-left:var(--spacing-xl);display:flex}@media (max-width:1024px){.navbar__desktop{display:none}}.navbar__dropdown{position:relative}.navbar__dropdown-trigger{border-radius:var(--border-radius-md);font-size:var(--font-size-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px;font-weight:500;display:flex}.navbar__dropdown-trigger svg{transition:transform var(--transition-fast)}.navbar__dropdown-trigger:hover,.navbar__dropdown-trigger.active{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.navbar__dropdown-trigger.active svg{transform:rotate(180deg)}.navbar__dropdown-menu{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--border-radius-md);min-width:200px;box-shadow:var(--shadow-lg);padding:var(--spacing-sm) 0;animation:.2s fadeInDown;position:absolute;top:calc(100% + 8px);left:0}.navbar__dropdown-menu a{padding:var(--spacing-sm) var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm);transition:all var(--transition-fast);display:block}.navbar__dropdown-menu a:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.navbar__link{font-size:var(--font-size-md);color:var(--color-text-secondary);border-radius:var(--border-radius-md);transition:all var(--transition-fast);padding:8px 12px;font-weight:500}.navbar__link:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.navbar__actions{align-items:center;gap:var(--spacing-md);display:flex}.navbar__search{width:260px}@media (max-width:768px){.navbar__search{display:none}}.navbar__spoiler-toggle{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface-hover);border-radius:var(--border-radius-full);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);white-space:nowrap;font-weight:500;display:flex}.navbar__spoiler-toggle:hover{background-color:var(--color-border)}.navbar__spoiler-toggle[aria-pressed=true]{background-color:var(--color-primary);color:#fff}@media (max-width:640px){.navbar__spoiler-toggle .navbar__spoiler-text{display:none}}.navbar__spoiler-icon{font-size:1.2em}.navbar__mobile-toggle{cursor:pointer;background:0 0;border:none;width:40px;height:40px;display:none;position:relative}@media (max-width:1024px){.navbar__mobile-toggle{justify-content:center;align-items:center;display:flex}}.navbar__hamburger,.navbar__hamburger:before,.navbar__hamburger:after{background-color:var(--color-text-primary);width:24px;height:2px;transition:all var(--transition-fast);border-radius:2px}.navbar__hamburger{position:relative}.navbar__hamburger:before,.navbar__hamburger:after{content:"";position:absolute;left:0}.navbar__hamburger:before{top:-8px}.navbar__hamburger:after{bottom:-8px}.navbar__mobile-overlay{background-color:var(--color-surface);z-index:2000;width:100%;height:100vh;transition:right var(--transition-base);box-shadow:var(--shadow-lg);position:fixed;top:0;right:-100%}.navbar__mobile-overlay.open{right:0}@media (min-width:1025px){.navbar__mobile-overlay{display:none}}.navbar__mobile-menu{flex-direction:column;height:100%;display:flex;overflow-y:auto}.navbar__mobile-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.navbar__mobile-logo{font-size:var(--font-size-lg);color:var(--color-primary);font-weight:700}.navbar__mobile-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;display:flex}.navbar__mobile-links{padding:var(--spacing-lg)}.navbar__mobile-section{gap:var(--spacing-md);flex-direction:column;display:flex}.navbar__mobile-dropdown{border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-sm)}.navbar__mobile-dropdown-trigger{width:100%;padding:var(--spacing-sm) 0;font-size:var(--font-size-lg);color:var(--color-text-primary);cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;font-weight:500;display:flex}.navbar__mobile-dropdown-trigger svg{transition:transform var(--transition-fast)}.navbar__mobile-dropdown-trigger[aria-expanded=true] svg{transform:rotate(180deg)}.navbar__mobile-submenu{gap:var(--spacing-sm);padding:var(--spacing-sm) 0 var(--spacing-md) var(--spacing-md);flex-direction:column;display:flex}.navbar__mobile-submenu a{color:var(--color-text-secondary);font-size:var(--font-size-md);padding:var(--spacing-xs) 0;transition:color var(--transition-fast)}.navbar__mobile-submenu a:hover{color:var(--color-text-primary)}.navbar__mobile-link{padding:var(--spacing-sm) 0;font-size:var(--font-size-lg);color:var(--color-text-primary);transition:color var(--transition-fast);font-weight:500;display:block}.navbar__mobile-link:hover{color:var(--color-primary)}.navbar__lang-toggle{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-surface-hover);border-radius:var(--border-radius-full);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:all var(--transition-fast);white-space:nowrap;font-weight:500;display:flex}.navbar__lang-toggle:hover{background-color:var(--color-border)}.navbar__lang-icon{font-size:1.2em}@media (max-width:640px){.navbar__lang-text{display:none}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}