.search-box{position:relative;display:flex;align-items:center;inline-size:100%}.search-box__glyph{position:absolute;inset-inline-start:var(--space-3);inline-size:18px;block-size:18px;color:var(--color-text-muted);pointer-events:none}.search-box__input{inline-size:100%;padding-block:var(--space-2);padding-inline-start:calc(var(--space-3) * 2 + 18px);padding-inline-end:var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-primary);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.search-box__input::placeholder{color:var(--color-text-muted)}.search-box__input:hover{border-color:var(--color-border-strong)}.search-box__input:focus{outline:none;border-color:var(--color-accent);background-color:var(--color-background-elevated)}.search-box__input::-webkit-search-cancel-button{cursor:pointer}.language-switcher{display:inline-flex;align-items:center;gap:2px;padding:3px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-surface)}.language-switcher__option{padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);transition:background-color var(--transition-fast),color var(--transition-fast)}.language-switcher__option:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.language-switcher__option--active{background-color:var(--color-accent);color:var(--color-text-on-accent)}.language-switcher--expanded .language-switcher__option{padding:var(--space-2) var(--space-5);font-size:var(--font-size-base)}.top-bar{position:sticky;inset-block-start:0;z-index:var(--z-index-sticky);background-color:#08080de6;border-block-end:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-bar__inner{display:flex;align-items:center;gap:var(--space-4);block-size:var(--layout-top-bar-height);padding-inline:var(--space-5);max-inline-size:calc(var(--layout-content-maximum-width) + var(--layout-side-navigation-width));margin-inline:auto}.top-bar__brand{display:flex;align-items:center;gap:var(--space-3);flex:0 0 auto}.top-bar__brand-mark{inline-size:30px;block-size:30px;border-radius:var(--radius-medium);background:linear-gradient(135deg,var(--color-accent),var(--color-secondary-accent));box-shadow:var(--shadow-accent)}.top-bar__brand-text{display:flex;flex-direction:column;line-height:1.15}.top-bar__brand-name{font-weight:var(--font-weight-bold);font-size:var(--font-size-medium)}.top-bar__brand-tagline{font-size:var(--font-size-tiny);color:var(--color-text-muted)}.top-bar__search{flex:1 1 auto;max-inline-size:520px;margin-inline:auto}.top-bar__actions{display:flex;align-items:center;gap:var(--space-3);flex:0 0 auto}.top-bar__settings{display:inline-flex;align-items:center;justify-content:center;inline-size:38px;block-size:38px;border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);transition:color var(--transition-fast),background-color var(--transition-fast)}.top-bar__settings:hover{color:var(--color-accent);background-color:var(--color-surface-hover)}@media (max-width: 900px){.top-bar__inner{padding-inline:var(--space-4);gap:var(--space-3)}.top-bar__brand-tagline{display:none}}@media (max-width: 620px){.top-bar__brand-text{display:none}}.side-navigation{position:sticky;inset-block-start:var(--layout-top-bar-height);align-self:flex-start;flex:0 0 var(--layout-side-navigation-width);inline-size:var(--layout-side-navigation-width);block-size:calc(100vh - var(--layout-top-bar-height));display:flex;flex-direction:column;justify-content:space-between;gap:var(--space-4);padding:var(--space-5) var(--space-3);border-inline-end:1px solid var(--color-border);overflow-y:auto}.side-navigation__list{display:flex;flex-direction:column;gap:var(--space-1)}.side-navigation__tab{position:relative;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),color var(--transition-fast)}.side-navigation__tab:hover{background-color:var(--color-surface);color:var(--color-text-primary)}.side-navigation__tab--active{background-color:var(--color-accent-soft);color:var(--color-accent)}.side-navigation__tab--active:before{content:"";position:absolute;inset-inline-start:0;inset-block:var(--space-2);inline-size:3px;border-radius:var(--radius-pill);background-color:var(--color-accent)}.side-navigation__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-navigation__footer{border-block-start:1px solid var(--color-border);padding-block-start:var(--space-3)}@media (max-width: 900px){.side-navigation{display:none}}.bottom-navigation,.bottom-navigation__backdrop,.bottom-navigation__sheet{display:none}@media (max-width: 900px){.bottom-navigation{position:fixed;inset-block-end:0;inset-inline:0;z-index:var(--z-index-navigation);display:flex;align-items:stretch;block-size:var(--layout-bottom-navigation-height);background-color:#0a0a10f5;border-block-start:1px solid var(--color-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-inline:var(--space-1)}.bottom-navigation__tab{flex:1 1 0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--color-text-muted);font-size:var(--font-size-tiny);border-radius:var(--radius-medium);padding-block:var(--space-1);min-inline-size:0}.bottom-navigation__tab--active{color:var(--color-accent)}.bottom-navigation__label{max-inline-size:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bottom-navigation__backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-overlay);background-color:var(--color-overlay)}.bottom-navigation__sheet{display:block;position:fixed;inset-block-end:var(--layout-bottom-navigation-height);inset-inline:0;z-index:calc(var(--z-index-overlay) + 1);background-color:var(--color-background-elevated);border-block-start:1px solid var(--color-border);border-start-start-radius:var(--radius-large);border-start-end-radius:var(--radius-large);padding:var(--space-4);box-shadow:var(--shadow-raised)}.bottom-navigation__sheet-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.bottom-navigation__sheet .bottom-navigation__tab{flex-direction:row;justify-content:flex-start;gap:var(--space-3);padding:var(--space-3);background-color:var(--color-surface);border:1px solid var(--color-border);font-size:var(--font-size-small);color:var(--color-text-secondary)}.bottom-navigation__sheet .bottom-navigation__tab--active{color:var(--color-accent);border-color:var(--color-accent-border)}.bottom-navigation__sheet-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.app-shell{display:flex;flex-direction:column;min-block-size:100vh;background-color:var(--color-background)}.app-shell__body{display:flex;align-items:flex-start;flex:1 1 auto;inline-size:100%;max-inline-size:calc(var(--layout-content-maximum-width) + var(--layout-side-navigation-width));margin-inline:auto}.app-shell__main{flex:1 1 auto;min-inline-size:0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);padding-block-end:var(--space-3);border-block-end:1px solid var(--color-border)}.section-heading__text{display:flex;flex-direction:column;gap:var(--space-1);min-inline-size:0}.section-heading__title{font-size:var(--font-size-large);position:relative;padding-inline-start:var(--space-3)}.section-heading__title:before{content:"";position:absolute;inset-inline-start:0;inset-block:2px;inline-size:4px;border-radius:var(--radius-pill);background:linear-gradient(var(--color-accent),var(--color-secondary-accent))}.section-heading__subtitle{font-size:var(--font-size-small);color:var(--color-text-secondary);padding-inline-start:var(--space-3)}.section-heading__see-all{flex:0 0 auto;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);border:1px solid transparent;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.section-heading__see-all:hover{background-color:var(--color-accent-soft);border-color:var(--color-accent-border)}.score-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);background-color:#08080dbf;border:1px solid var(--color-border-strong);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.score-badge--large{font-size:var(--font-size-base);padding:var(--space-1) var(--space-3)}.score-badge__star{inline-size:12px;block-size:12px}.score-badge--large .score-badge__star{inline-size:16px;block-size:16px}.score-badge--high{color:var(--color-positive);border-color:var(--color-positive)}.score-badge--middle{color:var(--color-warning);border-color:var(--color-warning)}.score-badge--low{color:var(--color-text-secondary)}.status-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);border:1px solid transparent;white-space:nowrap}.status-badge--ongoing{background-color:var(--color-positive-soft);border-color:var(--color-positive);color:var(--color-positive)}.status-badge--completed{background-color:var(--color-secondary-accent-soft);border-color:var(--color-secondary-accent);color:var(--color-secondary-accent)}.status-badge--upcoming{background-color:var(--color-warning-soft);border-color:var(--color-warning);color:var(--color-warning)}.status-badge--cancelled{background-color:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.status-badge--hiatus{background-color:var(--color-surface-hover);border-color:var(--color-border-strong);color:var(--color-text-secondary)}.status-badge--unknown{background-color:var(--color-surface);border-color:var(--color-border);color:var(--color-text-muted)}.next-episode-countdown{display:inline-flex;align-items:center;gap:var(--space-2);padding:2px var(--space-2);border-radius:var(--radius-pill);background-color:var(--color-secondary-accent-soft);border:1px solid var(--color-secondary-accent);color:var(--color-secondary-accent);font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);white-space:nowrap}.next-episode-countdown--large{font-size:var(--font-size-base);padding:var(--space-2) var(--space-4)}.next-episode-countdown--airing{background-color:var(--color-accent-soft);border-color:var(--color-accent);color:var(--color-accent)}.next-episode-countdown__episode{color:var(--color-text-secondary)}.next-episode-countdown__time{font-variant-numeric:tabular-nums}.anime-card{inline-size:100%;min-inline-size:0}.anime-card__link{display:flex;flex-direction:column;gap:var(--space-3);border-radius:var(--radius-large);transition:transform var(--transition-base)}.anime-card__link:hover{transform:translateY(-4px)}.anime-card__poster{position:relative;aspect-ratio:2 / 3;border-radius:var(--radius-large);overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-card);background-color:var(--color-surface-raised)}.anime-card__image{inline-size:100%;block-size:100%;object-fit:cover}.anime-card__link:hover .anime-card__poster{border-color:var(--color-accent-border);box-shadow:var(--shadow-accent)}.anime-card__poster-top{position:absolute;inset-block-start:var(--space-2);inset-inline-end:var(--space-2);display:flex;gap:var(--space-1)}.anime-card__poster-bottom{position:absolute;inset-block-end:0;inset-inline:0;display:flex;flex-wrap:wrap;gap:var(--space-1);padding:var(--space-2);background:linear-gradient(to top,#040408eb,#04040800)}.anime-card__body{display:flex;flex-direction:column;gap:var(--space-1);min-inline-size:0}.anime-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.anime-card__meta{font-size:var(--font-size-tiny);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.anime-card__footnote{font-size:var(--font-size-tiny);color:var(--color-accent)}.anime-card__placeholder{inline-size:100%;block-size:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-3);background:linear-gradient(135deg,#ffffff14,#00000080);text-align:center}.anime-card__placeholder-text{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-secondary);line-height:1.3}.anime-carousel{display:flex;flex-direction:column;gap:var(--space-4)}.anime-carousel__rail{display:flex;gap:var(--space-4);overflow-x:auto;padding-block-end:var(--space-3);scroll-snap-type:x proximity;scroll-padding-inline-start:var(--space-1)}.anime-carousel__item{flex:0 0 auto;inline-size:168px;scroll-snap-align:start}@media (max-width: 600px){.anime-carousel__item{inline-size:138px}}.favorite-button{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background-color:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.favorite-button:hover{color:var(--color-accent);border-color:var(--color-accent-border)}.favorite-button--active{color:var(--color-accent);border-color:var(--color-accent);background-color:var(--color-accent-soft)}.favorite-button--icon-only{padding:var(--space-2);inline-size:38px;block-size:38px;justify-content:center}.favorite-button__heart{inline-size:18px;block-size:18px;flex:0 0 auto}.genre-chip-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.genre-chip-list__chip{padding:2px var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-surface-raised);color:var(--color-text-secondary);font-size:var(--font-size-tiny);white-space:nowrap}.featured-anime-hero{position:relative;overflow:hidden;border-radius:var(--radius-large);border:1px solid var(--color-border);min-block-size:320px;display:flex;align-items:flex-end;background-color:var(--color-surface)}.featured-anime-hero__background{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover;filter:saturate(1.1)}.featured-anime-hero__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#05050af5 8%,#05050a59 70%),linear-gradient(to bottom,#05050a8c,#05050a0d)}.featured-anime-hero__content{position:relative;z-index:var(--z-index-content);display:flex;align-items:flex-end;gap:var(--space-5);padding:var(--space-6) var(--space-5);inline-size:100%}.featured-anime-hero__cover{flex:0 0 auto;inline-size:132px;border-radius:var(--radius-medium);box-shadow:var(--shadow-raised);border:1px solid var(--color-border-strong)}.featured-anime-hero__text{display:flex;flex-direction:column;gap:var(--space-3);min-inline-size:0}.featured-anime-hero__badges{display:flex;flex-wrap:wrap;gap:var(--space-2)}.featured-anime-hero__title{font-size:var(--font-size-display);text-shadow:0 2px 18px rgba(0,0,0,.6)}.featured-anime-hero__secondary-title{color:var(--color-text-secondary);font-size:var(--font-size-base)}.featured-anime-hero__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-block-start:var(--space-2)}.featured-anime-hero__watch{padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);background-color:var(--color-accent);color:var(--color-text-on-accent);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-accent);transition:background-color var(--transition-fast)}.featured-anime-hero__watch:hover{background-color:var(--color-accent-hover)}.featured-anime-hero__details{padding:var(--space-3) var(--space-5);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background-color:#0a0a10b3;font-weight:var(--font-weight-medium);transition:border-color var(--transition-fast)}.featured-anime-hero__details:hover{border-color:var(--color-accent-border)}@media (max-width: 720px){.featured-anime-hero__cover{display:none}.featured-anime-hero__title{font-size:var(--font-size-heading)}}.continue-watching-card{inline-size:100%;min-inline-size:0}.continue-watching-card__link{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-large);border:1px solid var(--color-border);background-color:var(--color-surface);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.continue-watching-card__link:hover{border-color:var(--color-accent-border);background-color:var(--color-surface-raised)}.continue-watching-card__thumbnail{position:relative;flex:0 0 auto;inline-size:76px;block-size:108px;border-radius:var(--radius-medium);overflow:hidden;background-color:var(--color-surface-raised)}.continue-watching-card__image{inline-size:100%;block-size:100%;object-fit:cover;display:block}.continue-watching-card__image-placeholder{inline-size:100%;block-size:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f140,#10b98140);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);color:var(--color-accent)}.continue-watching-card__play{position:absolute;inset-block-end:var(--space-1);inset-inline-end:var(--space-1);inline-size:24px;block-size:24px;border-radius:50%;background-color:var(--color-accent);color:var(--color-text-on-accent);display:flex;align-items:center;justify-content:center}.continue-watching-card__play svg{inline-size:16px;block-size:16px}.continue-watching-card__body{display:flex;flex-direction:column;gap:var(--space-1);justify-content:center;min-inline-size:0;flex:1 1 auto}.continue-watching-card__title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.continue-watching-card__episode{font-size:var(--font-size-small);color:var(--color-text-secondary)}.continue-watching-card__position{font-size:var(--font-size-tiny);color:var(--color-accent)}.continue-watching-card__progress{display:block;block-size:4px;border-radius:var(--radius-pill);background-color:var(--color-surface-hover);overflow:hidden;margin-block-start:var(--space-1)}.continue-watching-card__progress-fill{display:block;block-size:100%;border-radius:var(--radius-pill);background-color:var(--color-accent)}.error-message{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border:1px solid var(--color-danger);background-color:var(--color-danger-soft);border-radius:var(--radius-large);color:var(--color-text-primary)}.error-message__mark{flex:0 0 auto;inline-size:26px;block-size:26px;border-radius:50%;background-color:var(--color-danger);color:var(--color-background);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center}.error-message__text{flex:1 1 auto;font-size:var(--font-size-base)}.error-message__retry{flex:0 0 auto;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background-color:var(--color-surface-raised);border:1px solid var(--color-border-strong);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast)}.error-message__retry:hover{background-color:var(--color-surface-hover)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding-block:var(--space-7);color:var(--color-text-secondary)}.loading-spinner--compact{padding-block:var(--space-4)}.loading-spinner__disc{inline-size:38px;block-size:38px;border-radius:50%;border:3px solid var(--color-border-strong);border-block-start-color:var(--color-accent);animation:loading-spinner-rotate .8s linear infinite}.loading-spinner--compact .loading-spinner__disc{inline-size:24px;block-size:24px;border-width:2px}.loading-spinner__label{font-size:var(--font-size-small)}@keyframes loading-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.home-page{gap:var(--space-7)}.home-page__continue{display:flex;flex-direction:column;gap:var(--space-4)}.home-page__continue-rail{display:flex;gap:var(--space-3);overflow-x:auto;padding-block-end:var(--space-2)}.home-page__continue-item{flex:0 0 auto;inline-size:300px;max-inline-size:82vw}.anime-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:var(--space-5) var(--space-4)}@media (min-width: 1200px){.anime-grid{grid-template-columns:repeat(auto-fill,minmax(182px,1fr))}}@media (max-width: 480px){.anime-grid{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:var(--space-4) var(--space-3)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-7) var(--space-5);border:1px dashed var(--color-border-strong);border-radius:var(--radius-large);background-color:var(--color-surface);text-align:center}.empty-state__glyph{inline-size:46px;block-size:46px;border-radius:var(--radius-medium);background:linear-gradient(135deg,var(--color-accent-soft),var(--color-secondary-accent-soft));border:1px solid var(--color-border-strong)}.empty-state__message{color:var(--color-text-secondary);max-inline-size:46ch}.empty-state__action{margin-block-start:var(--space-2)}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-4);padding-block:var(--space-5)}.pagination__button{padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background-color:var(--color-surface);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.pagination__button:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-accent-border)}.pagination__button:disabled{opacity:.4;cursor:not-allowed}.pagination__position{font-size:var(--font-size-small);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.catalog-listing-page{display:flex;flex-direction:column;gap:var(--space-5)}.tab-bar{display:flex;align-items:center;gap:var(--space-2);overflow-x:auto;padding-block-end:var(--space-2);scrollbar-width:none}.tab-bar::-webkit-scrollbar{display:none}.tab-bar__tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);white-space:nowrap;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.tab-bar__tab:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.tab-bar__tab--active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent);box-shadow:var(--shadow-accent)}.tab-bar__badge{display:inline-flex;align-items:center;justify-content:center;min-inline-size:20px;padding-inline:var(--space-1);border-radius:var(--radius-pill);background-color:#00000040;font-size:var(--font-size-tiny);font-variant-numeric:tabular-nums}.tab-bar__tab:not(.tab-bar__tab--active) .tab-bar__badge{background-color:var(--color-surface-hover);color:var(--color-text-secondary)}.last-watched-page__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4)}.last-watched-page__header .section-heading{flex:1 1 auto;border-block-end:none;padding-block-end:0}.last-watched-page__clear{flex:0 0 auto;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background-color:var(--color-surface);font-size:var(--font-size-small);color:var(--color-text-secondary);transition:color var(--transition-fast),border-color var(--transition-fast)}.last-watched-page__clear:hover{color:var(--color-danger);border-color:var(--color-danger)}.last-watched-page__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-3)}.schedule-page__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.schedule-page__step{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background-color:var(--color-surface);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);transition:border-color var(--transition-fast),background-color var(--transition-fast)}.schedule-page__step:hover{border-color:var(--color-accent-border);background-color:var(--color-surface-hover)}.schedule-page__range{font-size:var(--font-size-small);color:var(--color-text-secondary)}.schedule-page__week{display:grid;grid-template-columns:repeat(7,minmax(210px,1fr));gap:var(--space-3);overflow-x:auto;padding-block-end:var(--space-3)}.schedule-page__day{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-large);border:1px solid var(--color-border);background-color:var(--color-surface);min-inline-size:0}.schedule-page__day--today{border-color:var(--color-accent);background-color:var(--color-accent-soft)}.schedule-page__day-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2);padding-block-end:var(--space-2);border-block-end:1px solid var(--color-border)}.schedule-page__day-name{font-size:var(--font-size-base)}.schedule-page__day-date{font-size:var(--font-size-tiny);color:var(--color-text-muted)}.schedule-page__today-mark{padding:1px var(--space-2);border-radius:var(--radius-pill);background-color:var(--color-accent);color:var(--color-text-on-accent);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold)}.schedule-page__no-episodes{font-size:var(--font-size-tiny);color:var(--color-text-muted)}.schedule-page__episodes{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;padding:0;margin:0}.schedule-page__episode{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-medium);background-color:var(--color-background-elevated);border:1px solid var(--color-border);transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast);text-decoration:none;color:inherit}.schedule-page__episode:hover{border-color:var(--color-accent);background-color:var(--color-surface-hover);transform:translateY(-1px)}.schedule-page__episode-poster-wrap{flex:0 0 46px;inline-size:46px;block-size:64px;border-radius:var(--radius-small);overflow:hidden;background-color:var(--color-surface-raised)}.schedule-page__episode-poster{inline-size:100%;block-size:100%;object-fit:cover;display:block}.schedule-page__episode-poster-placeholder{inline-size:100%;block-size:100%;background:linear-gradient(135deg,var(--color-accent-soft),var(--color-surface-raised));display:flex;align-items:center;justify-content:center;font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);color:var(--color-accent)}.schedule-page__episode-info{display:flex;flex-direction:column;gap:3px;min-inline-size:0;flex:1 1 auto}.schedule-page__time-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-1)}.schedule-page__time{font-size:var(--font-size-tiny);color:var(--color-accent);font-variant-numeric:tabular-nums;font-weight:var(--font-weight-bold)}.schedule-page__episode-number{font-size:var(--font-size-tiny);color:var(--color-text-secondary);background-color:var(--color-surface-raised);padding:1px 4px;border-radius:4px}.schedule-page__episode-title{font-size:var(--font-size-small);font-weight:var(--font-weight-medium);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.25}@media (max-width: 900px){.schedule-page__week{grid-template-columns:minmax(0,1fr);overflow-x:visible}}.news-page__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-4)}.news-page__card{min-inline-size:0}.news-page__link{display:flex;flex-direction:column;block-size:100%;border-radius:var(--radius-large);overflow:hidden;border:1px solid var(--color-border);background-color:var(--color-surface);transition:border-color var(--transition-fast),transform var(--transition-base)}.news-page__link:hover{border-color:var(--color-accent-border);transform:translateY(-3px)}.news-page__image{inline-size:100%;block-size:168px;object-fit:cover}.news-page__body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);flex:1 1 auto}.news-page__meta{display:flex;flex-wrap:wrap;gap:var(--space-2);font-size:var(--font-size-tiny)}.news-page__source{color:var(--color-accent);font-weight:var(--font-weight-medium)}.news-page__date{color:var(--color-text-muted)}.news-page__headline{font-size:var(--font-size-medium)}.news-page__excerpt{font-size:var(--font-size-small);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.news-page__read{margin-block-start:auto;font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-accent)}.anime-information-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-3);margin:0}.anime-information-grid__row{display:flex;flex-direction:column;gap:2px;padding:var(--space-3);border-radius:var(--radius-medium);background-color:var(--color-surface);border:1px solid var(--color-border)}.anime-information-grid__label{font-size:var(--font-size-tiny);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.anime-information-grid__value{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-medium)}.anime-title-block{display:flex;flex-direction:column;gap:var(--space-1);margin:0}.anime-title-block__row{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:baseline}.anime-title-block__label{font-size:var(--font-size-tiny);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;min-inline-size:92px}.anime-title-block__value{margin:0;font-size:var(--font-size-base);color:var(--color-text-secondary)}.external-link-list{display:flex;flex-direction:column;gap:var(--space-3)}.external-link-list__title{font-size:var(--font-size-large)}.external-link-list__items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.external-link-list__link{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-surface);font-size:var(--font-size-small);transition:background-color var(--transition-fast)}.external-link-list__link:hover{background-color:var(--color-surface-hover)}.external-link-list__language{font-size:var(--font-size-tiny);color:var(--color-text-muted);text-transform:uppercase}.ranking-list{display:flex;flex-direction:column;gap:var(--space-3)}.ranking-list__title{font-size:var(--font-size-large)}.ranking-list__items{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ranking-list__item{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-surface);font-size:var(--font-size-small)}.ranking-list__rank{font-weight:var(--font-weight-bold);color:var(--color-warning);font-variant-numeric:tabular-nums}.ranking-list__context{color:var(--color-text-secondary)}.ranking-list__scope{color:var(--color-text-muted);font-size:var(--font-size-tiny)}.related-anime-section{display:flex;flex-direction:column;gap:var(--space-5)}.related-anime-section__title{font-size:var(--font-size-heading)}.related-anime-section__groups{display:flex;flex-direction:column;gap:var(--space-6)}.episode-picker{display:flex;flex-direction:column;gap:var(--space-3)}.episode-picker__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2)}.episode-picker__header-left{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.episode-picker__heading{font-size:var(--font-size-medium);font-weight:var(--font-weight-bold);margin:0}.episode-picker__total-badge{font-size:var(--font-size-small);color:var(--color-text-secondary);background-color:var(--color-surface);border:1px solid var(--color-border);padding:2px var(--space-2);border-radius:var(--radius-small);font-variant-numeric:tabular-nums}.episode-picker__canon-tag{color:var(--color-accent);font-weight:var(--font-weight-medium)}.episode-picker__toggle-button{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:var(--radius-medium);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none}.episode-picker__toggle-button:hover{background:var(--color-surface-hover);color:var(--color-text-primary);border-color:var(--color-border-hover, var(--color-border))}.episode-picker__toggle-button--active{background:#f59e0b26;border-color:var(--color-warning, #f59e0b);color:var(--color-warning, #f59e0b);font-weight:var(--font-weight-bold);box-shadow:0 0 10px #f59e0b33}.episode-picker__toggle-icon{font-size:13px;line-height:1}.episode-picker__toggle-count{font-size:11px;opacity:.85}.episode-picker__filter-banner{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-radius:var(--radius-medium);background:#f59e0b1a;border:1px dashed rgba(245,158,11,.4);color:var(--color-text-primary);font-size:var(--font-size-small)}.episode-picker__filter-banner-action{background:none;border:none;padding:0;margin:0;color:var(--color-accent);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);text-decoration:underline;cursor:pointer;transition:color var(--transition-fast)}.episode-picker__filter-banner-action:hover{color:var(--color-accent-hover, var(--color-text-primary))}.episode-picker__ranges{display:flex;gap:var(--space-1);overflow-x:auto;padding-block-end:var(--space-1);scrollbar-width:thin}.episode-picker__range-tab{flex-shrink:0;padding:4px var(--space-2);border-radius:var(--radius-medium);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-small);font-variant-numeric:tabular-nums;cursor:pointer;transition:all var(--transition-fast)}.episode-picker__range-tab:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.episode-picker__range-tab--active{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent);font-weight:var(--font-weight-bold)}.episode-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:var(--space-2);max-block-size:260px;overflow-y:auto;padding-inline-end:var(--space-1)}.episode-picker__episode{display:flex;align-items:center;justify-content:center;block-size:40px;border-radius:var(--radius-medium);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-small);font-variant-numeric:tabular-nums;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.episode-picker__episode:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary);transform:translateY(-1px)}.episode-picker__episode--selected{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent);font-weight:var(--font-weight-bold)}.episode-picker__episode--watched{border-color:var(--color-secondary-accent);color:var(--color-secondary-accent)}.episode-picker__episode--filler,.episode-picker__episode--recap{position:relative}.episode-picker__badge{position:absolute;inset-block-start:-1px;inset-inline-end:-1px;min-inline-size:15px;block-size:15px;display:flex;align-items:center;justify-content:center;border-start-end-radius:var(--radius-medium);border-end-start-radius:var(--radius-medium);font-size:9px;font-weight:var(--font-weight-bold);line-height:1;letter-spacing:0;box-shadow:0 1px 3px #0000004d}.episode-picker__episode--filler .episode-picker__badge{background-color:var(--color-warning, #f59e0b);color:#000}.episode-picker__episode--recap .episode-picker__badge{background-color:#8b5cf6;color:#fff}.episode-picker__episode--filler{border-color:#f59e0b66}.episode-picker__episode--recap{border-color:#8b5cf666}.episode-picker__summary{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);font-size:var(--font-size-small);color:var(--color-text-secondary)}.episode-picker__swatch{display:inline-flex;align-items:center;justify-content:center;min-inline-size:16px;block-size:16px;border-radius:var(--radius-small);background-color:var(--color-warning, #f59e0b);color:#000;font-size:10px;font-weight:var(--font-weight-bold)}.episode-picker__source{opacity:.75}.trailer-embed{display:flex;flex-direction:column;gap:var(--space-3)}.trailer-embed__title{font-size:var(--font-size-large)}.trailer-embed__frame-holder{inline-size:100%;max-inline-size:760px;aspect-ratio:16 / 9;border-radius:var(--radius-large);overflow:hidden;border:1px solid var(--color-border);background-color:#000}.trailer-embed__frame{inline-size:100%;block-size:100%;border:none;display:block}.trailer-embed__link{align-self:flex-start;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background-color:var(--color-surface);font-size:var(--font-size-small)}.trailer-embed__link:hover{border-color:var(--color-accent-border);color:var(--color-accent)}.watch-list-selector{display:flex;flex-direction:column;gap:var(--space-2)}.watch-list-selector__heading{font-size:var(--font-size-small);color:var(--color-text-muted)}.watch-list-selector__options{display:flex;flex-wrap:wrap;gap:var(--space-2)}.watch-list-selector__option{padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background-color:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);transition:color var(--transition-fast),border-color var(--transition-fast),background-color var(--transition-fast)}.watch-list-selector__option:hover{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.watch-list-selector__option--selected{background-color:var(--color-secondary-accent);border-color:var(--color-secondary-accent);color:#fff}.anime-detail-page{display:flex;flex-direction:column}.anime-detail-page__header{position:relative;overflow:hidden;border-block-end:1px solid var(--color-border);min-block-size:340px;display:flex;align-items:flex-end}.anime-detail-page__banner{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;object-fit:cover}.anime-detail-page__header-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#06060cfa 6%,#06060c8c 60%),linear-gradient(to bottom,#06060c99,#06060c1a)}.anime-detail-page__header-content{position:relative;z-index:var(--z-index-content);display:flex;align-items:flex-end;gap:var(--space-5);inline-size:100%;max-inline-size:var(--layout-content-maximum-width);margin-inline:auto;padding:var(--space-6) var(--space-5)}.anime-detail-page__cover{flex:0 0 auto;inline-size:176px;border-radius:var(--radius-large);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-raised)}.anime-detail-page__header-text{display:flex;flex-direction:column;gap:var(--space-3);min-inline-size:0}.anime-detail-page__badges{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.anime-detail-page__title{font-size:var(--font-size-display);text-shadow:0 2px 18px rgba(0,0,0,.65)}.anime-detail-page__next-episode{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-medium);background-color:#0a0a12b8;border:1px solid var(--color-border)}.anime-detail-page__next-episode-label{font-size:var(--font-size-small);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.anime-detail-page__next-episode-date{font-size:var(--font-size-small);color:var(--color-text-secondary)}.anime-detail-page__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3)}.anime-detail-page__watch{padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);background-color:var(--color-accent);color:var(--color-text-on-accent);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-accent);transition:background-color var(--transition-fast)}.anime-detail-page__watch:hover{background-color:var(--color-accent-hover)}.anime-detail-page__body{gap:var(--space-7)}.anime-detail-page__section{display:flex;flex-direction:column;gap:var(--space-3)}.anime-detail-page__section-title{font-size:var(--font-size-large)}.anime-detail-page__synopsis{white-space:pre-line;color:var(--color-text-secondary);max-inline-size:78ch}@media (max-width: 720px){.anime-detail-page__header-content{flex-direction:column;align-items:flex-start;padding-inline:var(--space-4)}.anime-detail-page__cover{inline-size:124px}.anime-detail-page__title{font-size:var(--font-size-heading)}}.source-badge-row{display:flex;flex-wrap:wrap;gap:var(--space-1)}.source-badge-row__badge{padding:1px var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--color-border);background-color:var(--color-surface-raised);color:var(--color-text-secondary);font-size:var(--font-size-tiny);white-space:nowrap}.source-badge-row__badge--official{border-color:var(--color-positive);background-color:var(--color-positive-soft);color:var(--color-positive)}.source-badge-row__badge--access{border-color:var(--color-border-strong);color:var(--color-text-primary)}.source-badge-row__badge--arabic{border-color:var(--color-accent);background-color:var(--color-accent-soft);color:var(--color-accent);font-weight:var(--font-weight-medium)}.source-badge-row__badge--region{border-color:var(--color-warning);background-color:var(--color-warning-soft);color:var(--color-warning)}.server-selector{display:flex;flex-direction:column;gap:var(--space-3)}.server-selector__header{display:flex;align-items:center;justify-content:space-between}.server-selector__heading{font-size:var(--font-size-medium);font-weight:var(--font-weight-bold)}.server-selector__count{font-size:var(--font-size-small);color:var(--color-text-muted)}.server-selector__tabs{display:flex;gap:var(--space-2);flex-wrap:wrap;padding-bottom:var(--space-1)}.server-selector__tab{padding:4px 10px;font-size:var(--font-size-tiny);font-weight:var(--font-weight-medium);border-radius:var(--radius-small);border:1px solid var(--color-border);background-color:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.server-selector__tab:hover{background-color:var(--color-surface-raised);border-color:var(--color-border-strong)}.server-selector__tab--active{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.server-selector__list{display:flex;flex-direction:column;gap:var(--space-2)}.server-selector__server{inline-size:100%;display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);border:1px solid var(--color-border);background-color:var(--color-surface);text-align:start;transition:border-color var(--transition-fast),background-color var(--transition-fast);cursor:pointer}.server-selector__server:hover{border-color:var(--color-border-strong);background-color:var(--color-surface-raised)}.server-selector__server--selected{border-color:var(--color-accent);background-color:var(--color-accent-soft)}.server-selector__title-row{display:flex;inline-size:100%;align-items:center;justify-content:space-between;gap:var(--space-3)}.server-selector__name{font-weight:var(--font-weight-medium)}.server-selector__provider-badge{font-size:var(--font-size-tiny);padding:2px 6px;border-radius:4px;font-weight:var(--font-weight-bold);letter-spacing:.02em}.server-selector__provider-badge--9anime{background-color:#6366f12e;color:#818cf8;border:1px solid rgba(99,102,241,.35)}.server-selector__provider-badge--animerco{background-color:#f59e0b2e;color:#fbbf24;border:1px solid rgba(245,158,11,.35)}.server-selector__provider-badge--witanime{background-color:#10b9812e;color:#34d399;border:1px solid rgba(16,185,129,.35)}.server-selector__note{font-size:var(--font-size-tiny);color:var(--color-text-secondary)}.server-selector__legal{font-size:var(--font-size-tiny);color:var(--color-text-muted)}.video-player{position:relative;inline-size:100%;aspect-ratio:16 / 9;border-radius:var(--radius-large);overflow:hidden;background-color:#000;border:1px solid var(--color-border);box-shadow:var(--shadow-raised)}.video-player__frame{inline-size:100%;block-size:100%;border:none;display:block}.video-player__video{inline-size:100%;block-size:100%;display:block;background-color:#000;object-fit:contain}.video-player--error{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,var(--color-secondary-accent-soft),transparent 60%),var(--color-surface)}.video-player__error-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);text-align:center;max-inline-size:46ch}.video-player__error-hint{font-size:var(--font-size-large);font-weight:var(--font-weight-bold)}.video-player__error-detail{font-size:var(--font-size-small);color:var(--color-text-secondary)}.video-player__error-retry{padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);background-color:var(--color-accent);color:var(--color-text-on-accent);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-accent);transition:background-color var(--transition-fast)}.video-player__error-retry:hover{background-color:var(--color-accent-hover)}.video-player--external{display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 40%,var(--color-secondary-accent-soft),transparent 60%),var(--color-surface)}.video-player__external-body{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5);text-align:center;max-inline-size:46ch}.video-player__external-name{font-size:var(--font-size-large);font-weight:var(--font-weight-bold)}.video-player__external-explanation{font-size:var(--font-size-small);color:var(--color-text-secondary)}.video-player__external-button{padding:var(--space-3) var(--space-6);border-radius:var(--radius-pill);background-color:var(--color-accent);color:var(--color-text-on-accent);font-weight:var(--font-weight-bold);box-shadow:var(--shadow-accent);transition:background-color var(--transition-fast)}.video-player__external-button:hover{background-color:var(--color-accent-hover)}.watch-page__header{display:flex;flex-direction:column;gap:var(--space-1)}.watch-page__episode-label{font-size:var(--font-size-small);color:var(--color-accent);font-weight:var(--font-weight-medium)}.watch-page__title{font-size:var(--font-size-heading)}.watch-page__title-link:hover{color:var(--color-accent)}.watch-page__layout{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(280px,1fr);gap:var(--space-5);align-items:start}.watch-page__stage{display:flex;flex-direction:column;gap:var(--space-4);min-inline-size:0}.watch-page__side{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4);border-radius:var(--radius-large);border:1px solid var(--color-border);background-color:var(--color-background-elevated);min-inline-size:0}.watch-page__no-servers{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6);border-radius:var(--radius-large);border:1px dashed var(--color-border-strong);background-color:var(--color-surface);text-align:center}.watch-page__no-servers-title{font-size:var(--font-size-medium)}.watch-page__no-servers-text{font-size:var(--font-size-small);color:var(--color-text-secondary);margin-inline:auto;max-inline-size:60ch}.watch-page__provider-failures{font-size:var(--font-size-tiny);color:var(--color-text-muted)}@media (max-width: 1000px){.watch-page__layout{grid-template-columns:minmax(0,1fr)}}.watch-page__player-container{display:flex;flex-direction:column;gap:var(--space-2)}.watch-page__player-actions{display:flex;justify-content:flex-end;padding-top:var(--space-1)}.watch-page__external-link-action{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-small);color:var(--color-text-secondary);text-decoration:none;padding:4px 10px;border-radius:var(--radius-small);background:var(--color-surface);border:1px solid var(--color-border);transition:color .15s ease,border-color .15s ease,background .15s ease}.watch-page__external-link-action:hover{color:var(--color-accent);border-color:var(--color-accent);background:var(--color-surface-hover)}.search-page__box{max-inline-size:560px;inline-size:100%}.browse-filter-page{display:flex;flex-direction:column;gap:var(--space-5)}.browse-filter-page__layout{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--space-5)}.browse-filter-panel{display:flex;flex-direction:column;gap:var(--space-5);flex:1 1 260px;max-inline-size:320px;padding:var(--space-4);background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large)}.browse-filter-panel__section{display:flex;flex-direction:column;gap:var(--space-3);padding-block-end:var(--space-4);border-block-end:1px solid var(--color-border)}.browse-filter-panel__section:last-of-type{border-block-end:none;padding-block-end:0}.browse-filter-panel__legend{margin:0;font-size:var(--font-size-small);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.browse-filter-panel__search{inline-size:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-family-base);font-size:var(--font-size-small);color:var(--color-text-primary);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-medium)}.browse-filter-panel__search:focus{outline:none;border-color:var(--color-accent-border)}.browse-filter-chips{display:flex;flex-wrap:wrap;gap:var(--space-2);max-block-size:220px;overflow-y:auto}.browse-filter-chips--selected{max-block-size:none}.browse-filter-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-family:var(--font-family-base);font-size:var(--font-size-small);color:var(--color-text-secondary);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-pill);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.browse-filter-chip:hover{background-color:var(--color-surface-hover);color:var(--color-text-primary)}.browse-filter-chip--selected{color:var(--color-text-on-accent);background-color:var(--color-accent);border-color:var(--color-accent)}.browse-filter-chip--selected:hover{background-color:var(--color-accent-hover);color:var(--color-text-on-accent)}.browse-filter-chip__remove{font-size:var(--font-size-medium);line-height:1}.browse-filter-field{display:flex;flex-direction:column;gap:var(--space-2)}.browse-filter-field__label{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.browse-filter-field__value{font-weight:var(--font-weight-bold);color:var(--color-accent)}.browse-filter-field__control{inline-size:100%;padding:var(--space-2) var(--space-3);font-family:var(--font-family-base);font-size:var(--font-size-small);color:var(--color-text-primary);background-color:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-medium);cursor:pointer}.browse-filter-field__control:focus{outline:none;border-color:var(--color-accent-border)}.browse-filter-field__slider{inline-size:100%;accent-color:var(--color-accent);cursor:pointer}.browse-filter-panel__actions{display:flex;gap:var(--space-3)}.browse-filter-panel__apply,.browse-filter-panel__reset{flex:1 1 0;padding:var(--space-3);font-family:var(--font-family-base);font-size:var(--font-size-small);font-weight:var(--font-weight-bold);border-radius:var(--radius-medium);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.browse-filter-panel__apply{color:var(--color-text-on-accent);background-color:var(--color-accent);border:1px solid var(--color-accent)}.browse-filter-panel__apply:hover{background-color:var(--color-accent-hover)}.browse-filter-panel__reset{color:var(--color-text-primary);background-color:transparent;border:1px solid var(--color-border-strong)}.browse-filter-panel__reset:hover{background-color:var(--color-surface-hover)}.browse-filter-results{display:flex;flex-direction:column;gap:var(--space-5);flex:1 1 420px;min-inline-size:0}.browse-filter-results__count{margin:0;font-size:var(--font-size-small);color:var(--color-text-secondary)}@media (max-width: 720px){.browse-filter-panel{max-inline-size:none;flex-basis:100%}}.settings-page{max-inline-size:760px}.settings-page__section{display:flex;flex-direction:column;gap:var(--space-4)}.settings-page__section-title{font-size:var(--font-size-medium)}.settings-page__explanation{font-size:var(--font-size-small);color:var(--color-text-secondary)}.settings-page__field{display:flex;flex-direction:column;gap:var(--space-2)}.settings-page__field-label{font-size:var(--font-size-small);color:var(--color-text-muted)}.settings-page__input{padding:var(--space-3) var(--space-4);border-radius:var(--radius-medium);border:1px solid var(--color-border);background-color:var(--color-background-elevated);color:var(--color-text-primary);max-inline-size:340px}.settings-page__input:focus{outline:none;border-color:var(--color-accent)}.settings-page__buttons{display:flex;flex-wrap:wrap;gap:var(--space-3)}.settings-page__button{padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);background-color:var(--color-surface);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.settings-page__button:hover:not(:disabled){background-color:var(--color-surface-hover);border-color:var(--color-accent-border)}.settings-page__button:disabled{opacity:.45;cursor:not-allowed}.settings-page__button--primary{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-on-accent)}.settings-page__button--primary:hover:not(:disabled){background-color:var(--color-accent-hover);border-color:var(--color-accent-hover)}.settings-page__status{font-size:var(--font-size-small)}.settings-page__status--good{color:var(--color-positive)}.settings-page__status--bad{color:var(--color-danger)}.not-found-page__home-link{display:inline-flex;padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);background-color:var(--color-accent);color:var(--color-text-on-accent);font-weight:var(--font-weight-medium)}.not-found-page__home-link:hover{background-color:var(--color-accent-hover)}:root{--color-background: #08080d;--color-background-elevated: #0f0f18;--color-surface: #14141f;--color-surface-raised: #1d1d2b;--color-surface-hover: #262638;--color-border: #2a2a3c;--color-border-strong: #3a3a52;--color-overlay: rgba(4, 4, 8, .82);--color-text-primary: #f4f4f9;--color-text-secondary: #a6a6bd;--color-text-muted: #71718c;--color-text-on-accent: #14000a;--color-accent: #ff2e88;--color-accent-hover: #ff5aa3;--color-accent-soft: rgba(255, 46, 136, .16);--color-accent-border: rgba(255, 46, 136, .45);--color-secondary-accent: #7c5cff;--color-secondary-accent-soft: rgba(124, 92, 255, .18);--color-positive: #3ddc97;--color-positive-soft: rgba(61, 220, 151, .16);--color-warning: #ffb020;--color-warning-soft: rgba(255, 176, 32, .16);--color-danger: #ff5c5c;--color-danger-soft: rgba(255, 92, 92, .16);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-small: 6px;--radius-medium: 10px;--radius-large: 16px;--radius-pill: 999px;--shadow-card: 0 6px 20px rgba(0, 0, 0, .45);--shadow-raised: 0 14px 40px rgba(0, 0, 0, .55);--shadow-accent: 0 8px 24px rgba(255, 46, 136, .28);--font-family-base: "Segoe UI", "Noto Sans Arabic", "Noto Kufi Arabic", Tahoma, "Helvetica Neue", Arial, sans-serif;--font-size-tiny: 11px;--font-size-small: 13px;--font-size-base: 15px;--font-size-medium: 17px;--font-size-large: 21px;--font-size-heading: 27px;--font-size-display: 38px;--font-weight-regular: 400;--font-weight-medium: 600;--font-weight-bold: 800;--line-height-tight: 1.25;--line-height-base: 1.6;--layout-side-navigation-width: 248px;--layout-top-bar-height: 64px;--layout-bottom-navigation-height: 62px;--layout-content-maximum-width: 1440px;--transition-fast: .12s ease;--transition-base: .2s ease;--z-index-content: 1;--z-index-sticky: 20;--z-index-navigation: 30;--z-index-overlay: 40}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-block-size:100%}html{color-scheme:dark;-webkit-text-size-adjust:100%}body{background-color:var(--color-background);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);text-align:start;-webkit-font-smoothing:antialiased}#application-root{min-block-size:100vh}h1,h2,h3,h4{margin:0;line-height:var(--line-height-tight);font-weight:var(--font-weight-bold)}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}img{display:block;max-inline-size:100%}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:none;border:none;padding:0}input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-small)}.page-container{inline-size:100%;max-inline-size:var(--layout-content-maximum-width);margin-inline:auto;padding-inline:var(--space-5);padding-block:var(--space-5) var(--space-8);display:flex;flex-direction:column;gap:var(--space-6)}.page-title{font-size:var(--font-size-heading)}.visually-hidden{position:absolute;inline-size:1px;block-size:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.surface-panel{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-large);padding:var(--space-5)}*{scrollbar-color:var(--color-border-strong) transparent;scrollbar-width:thin}*::-webkit-scrollbar{inline-size:10px;block-size:10px}*::-webkit-scrollbar-thumb{background-color:var(--color-border-strong);border-radius:var(--radius-pill)}*::-webkit-scrollbar-track{background-color:transparent}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}@media (max-width: 900px){.page-container{padding-inline:var(--space-4);padding-block-end:calc(var(--layout-bottom-navigation-height) + var(--space-6))}}