.site-search{position:relative;display:flex;align-items:center}.site-search__toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.site-search__toggle:hover{background-color:var(--color-bg-hover);color:var(--color-primary-light)}.site-search__toggle:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.site-search__toggle svg{width:20px;height:20px}.site-search__panel{min-width:0;max-width:0;overflow:hidden;transition:max-width .28s cubic-bezier(.4,0,.2,1)}.site-search[data-open=true]{flex:1}.site-search[data-open=true] .site-search__panel{max-width:100%}.header__actions:has(.site-search[data-open=true]){flex:1;margin-left:var(--spacing-md)}.header__actions:has(.site-search[data-open=true])>:not(.site-search){display:none}.header__container:has(.site-search[data-open=true]) .header__logo-text{display:none}.site-search__field{position:relative;display:flex;align-items:center;width:100%;background-color:var(--color-bg-input);border:1px solid var(--color-border);border-radius:var(--radius-full);box-shadow:var(--shadow-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.site-search__field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(37,99,235,.25)}.site-search__field-icon{position:absolute;left:14px;width:17px;height:17px;color:var(--color-text-muted);pointer-events:none}.site-search__input{width:100%;padding:10px 38px 10px 40px;background:transparent;border:none;color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--font-sm)}.site-search__input:focus{outline:none}.site-search__input::-moz-placeholder{color:var(--color-text-muted)}.site-search__input::placeholder{color:var(--color-text-muted)}.site-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.site-search__clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.site-search__clear:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.site-search__clear svg{width:14px;height:14px}.site-search__results{position:absolute;top:calc(100% + 10px);left:0;right:0;z-index:2;max-height:min(60vh,420px);overflow-y:auto;margin:0;padding:6px;list-style:none;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.site-search__result{display:flex;align-items:center;gap:10px;width:100%;padding:6px 8px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-primary);text-align:left;cursor:pointer}.site-search__result.is-active,.site-search__result:hover{background-color:var(--color-bg-hover)}.site-search__result-poster{width:32px;height:48px;flex-shrink:0;border-radius:var(--radius-sm);-o-object-fit:cover;object-fit:cover}.site-search__result-title{flex:1;overflow:hidden;font-size:var(--font-sm);text-overflow:ellipsis;white-space:nowrap}.site-search__result-year{flex-shrink:0;font-size:var(--font-xs);color:var(--color-text-muted)}.site-search__all{width:100%;padding:8px;margin-top:4px;border:none;border-top:1px solid var(--color-border);border-radius:0 0 var(--radius-md) var(--radius-md);background:transparent;color:var(--color-primary-light);font-size:var(--font-xs);text-align:left;cursor:pointer}.site-search__all:hover{background-color:var(--color-bg-hover)}@media (min-width:992px){.site-search__toggle{display:none}.site-search__panel{width:220px;max-width:none;overflow:visible;transition:none}.site-search__field{box-shadow:none}}@media (min-width:1200px){.site-search__panel{width:280px}}@media (prefers-reduced-motion:reduce){.site-search__panel{transition:none}}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background-color:transparent;z-index:var(--z-sticky);transition:background-color var(--transition-normal)}.header--scrolled{background-color:rgba(0,0,0,.9);backdrop-filter:blur(10px);box-shadow:var(--shadow-md)}.header__container{display:flex;align-items:center;justify-content:space-between;height:100%;gap:var(--spacing-sm)}@media (min-width:576px){.header__container{gap:var(--spacing-md)}}.header__logo{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-bold);font-size:var(--font-xl);text-decoration:none;flex-shrink:0}.header__logo,.header__logo:hover{color:var(--color-text-primary)}.header__logo-icon{display:block;width:36px;height:36px;border-radius:var(--radius-md)}.header__logo-text{display:block;font-size:var(--font-lg)}@media (min-width:576px){.header__logo-text{font-size:var(--font-xl)}}.header__nav{display:none}@media (min-width:768px){.header__nav{display:flex;align-items:center;gap:var(--spacing-lg)}}.header__nav a{color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:var(--font-medium);transition:color var(--transition-fast);padding:var(--spacing-sm) 0;position:relative}.header__nav a.active,.header__nav a:hover{color:var(--color-text-primary)}.header__nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background-color:var(--color-primary)}.header__actions{display:flex;align-items:center;gap:var(--spacing-sm)}@media (min-width:768px){.header__actions{gap:var(--spacing-md)}}.header__icon-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-text-primary);background-color:transparent;transition:background-color var(--transition-fast)}@media (min-width:576px){.header__icon-btn{width:40px;height:40px}}.header__icon-btn:hover{background-color:var(--color-bg-hover)}.header__icon-btn svg{width:18px;height:18px}@media (min-width:576px){.header__icon-btn svg{width:20px;height:20px}}.header__lang{background-color:transparent;border:1px solid var(--color-bg-hover);color:var(--color-text-secondary);font-size:var(--font-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer}.header__lang:hover{border-color:var(--color-text-muted)}.header__lang option{background-color:var(--color-bg-card)}.mobile-nav-toggle{display:flex}@media (min-width:768px){.mobile-nav-toggle{display:none}}.header__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:var(--z-modal);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.header__mobile-nav{position:fixed;top:0;right:-280px;width:280px;height:100vh;background-color:var(--color-bg-primary);z-index:calc(var(--z-modal) + 1);transition:right var(--transition-normal);overflow-y:auto;padding:calc(var(--header-height) + var(--spacing-md)) var(--spacing-lg) var(--spacing-xl)}.header__mobile-nav.open{right:0}.header--menu-open{z-index:calc(var(--z-modal) + 2)}.header--menu-open .mobile-nav-toggle{position:relative;z-index:calc(var(--z-modal) + 2)}.mobile-nav-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.mobile-nav-list a{display:block;padding:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-base);font-weight:var(--font-medium);border-radius:var(--radius-md);transition:all var(--transition-fast)}.mobile-nav-list a.active,.mobile-nav-list a:hover{background-color:var(--color-bg-hover);color:var(--color-text-primary)}.mobile-nav-list a.active{color:var(--color-primary)}@media (min-width:768px){.header__mobile-nav{display:none}}.install-fab{position:fixed;right:20px;bottom:calc(20px + env(safe-area-inset-bottom, 0px));z-index:var(--z-sticky);display:inline-flex;align-items:center;height:56px;padding:0 16px;border:none;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff;font-family:var(--font-body);font-size:var(--font-sm);font-weight:var(--font-semibold);cursor:pointer;box-shadow:var(--shadow-lg),var(--shadow-glow);animation:install-fab-in var(--transition-normal) both;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.install-fab:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl),var(--shadow-glow)}.install-fab:focus-visible{outline:2px solid var(--color-primary-light);outline-offset:3px}.install-fab__icon{width:24px;height:24px;flex-shrink:0}.install-fab__label{max-width:0;margin-left:0;opacity:0;overflow:hidden;white-space:nowrap;transition:max-width var(--transition-normal),margin-left var(--transition-normal),opacity var(--transition-fast)}.install-fab--expanded .install-fab__label{max-width:140px;margin-left:8px;opacity:1}@keyframes install-fab-in{0%{opacity:0;transform:translateY(16px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.install-dialog{position:fixed;inset:0;z-index:calc(var(--z-modal) + 10);display:flex;align-items:center;justify-content:center;padding:16px}.install-dialog__overlay{position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(4px);animation:install-fade-in var(--transition-fast) both}.install-dialog__panel{position:relative;width:100%;max-width:400px;max-height:calc(100vh - 32px);overflow-y:auto;padding:32px 24px 24px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);animation:install-panel-in var(--transition-normal) both}.install-dialog__panel:focus{outline:none}.install-dialog__close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.install-dialog__close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.install-dialog__header{text-align:center;margin-bottom:24px}.install-dialog__logo{width:72px;height:72px;border-radius:var(--radius-lg);margin:0 auto 16px;box-shadow:var(--shadow-glow)}.install-dialog__badge{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:16px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-primary);font-size:28px}.install-dialog__header h2{margin:0 0 8px;font-family:var(--font-display);font-size:var(--font-xl);color:var(--color-text-primary)}.install-dialog__header p{margin:0;font-size:var(--font-sm);color:var(--color-text-secondary)}.install-dialog__features{list-style:none;margin:0 0 24px;padding:0;display:flex;flex-direction:column;gap:10px}.install-dialog__feature{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-tertiary)}.install-dialog__feature-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:var(--radius-md);background:rgba(37,99,235,.15);color:var(--color-primary-light);font-size:18px}.install-dialog__feature strong{display:block;font-size:var(--font-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.install-dialog__feature small{font-size:var(--font-xs);color:var(--color-text-secondary)}.install-dialog__steps{margin:0 0 24px;padding-left:20px;display:flex;flex-direction:column;gap:12px;font-size:var(--font-sm);color:var(--color-text-secondary)}.install-dialog__steps strong{color:var(--color-text-primary)}.install-dialog__hint{color:var(--color-text-muted)}.install-dialog__actions{display:flex;flex-direction:column;gap:10px}.install-dialog__btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 20px;border:none;border-radius:var(--radius-lg);font-family:var(--font-body);font-size:var(--font-base);font-weight:var(--font-semibold);cursor:pointer;transition:transform var(--transition-fast),background var(--transition-fast)}.install-dialog__btn--primary{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);color:#fff;box-shadow:var(--shadow-glow)}.install-dialog__btn--primary:hover{transform:translateY(-2px)}.install-dialog__btn--secondary{background:transparent;color:var(--color-text-secondary)}.install-dialog__btn--secondary:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.install-dialog__note{margin:16px 0 0;text-align:center;font-size:var(--font-xs);color:var(--color-text-muted)}@keyframes install-fade-in{0%{opacity:0}to{opacity:1}}@keyframes install-panel-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.install-link{display:inline-flex;align-items:center;gap:6px;padding:0;border:none;background:none;color:inherit;font:inherit;cursor:pointer;text-align:left}.install-link:hover{color:var(--color-primary-light)}@media (prefers-reduced-motion:reduce){.install-dialog__overlay,.install-dialog__panel,.install-fab{animation:none}.install-dialog__btn,.install-dialog__close,.install-fab,.install-fab__label{transition:none}.install-dialog__btn--primary:hover,.install-fab:hover{transform:none}}.pagination{justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg) 0}.pagination,.pagination__pages{display:flex;align-items:center}.pagination__pages{gap:var(--spacing-xs)}.pagination__btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--spacing-sm);background-color:var(--color-bg-card);border:1px solid var(--color-bg-hover);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-sm);font-weight:var(--font-medium);transition:all var(--transition-fast)}.pagination__btn:hover:not(:disabled){background-color:var(--color-bg-hover);color:var(--color-text-primary);border-color:var(--color-text-muted)}.pagination__btn:disabled{opacity:.4;cursor:not-allowed}.pagination__btn--active{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-primary)}.pagination__btn--active:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);color:var(--color-text-primary)}.pagination__btn--nav{padding:0}.pagination__btn svg{width:18px;height:18px}.pagination__ellipsis{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;color:var(--color-text-muted);font-size:var(--font-sm)}@media (max-width:575.98px){.pagination__btn{min-width:32px;height:32px}.pagination__btn--nav:first-child,.pagination__btn--nav:last-child{display:none}}