@layer reset,theme,base,layout,components;@property --_tag-color{syntax: "<color>"; inherits: false; initial-value: transparent;}@property --_rating-color{syntax: "<color>"; inherits: false; initial-value: transparent;}@layer theme{:root{color-scheme:light dark;--bg: light-dark(oklch(100% 0 0), oklch(16.81% .0088 307.88));--text: light-dark(oklch(25% 0 0), oklch(95% 0 0));--text-muted: light-dark(oklch(46.4% 0 0), oklch(70% 0 0));--border: light-dark(oklch(92% 0 0), oklch(28% 0 0));--bar-fill: light-dark(oklch(85.6% 0 0), oklch(37.21% .0088 307.88));--bg-hover: light-dark(oklch(95% 0 0), oklch(25% 0 0));--rating-high: light-dark(oklch(37% .09 145), oklch(72% .09 145));--rating-mid: light-dark(oklch(39% .08 85), oklch(72% .08 85));--rating-low: light-dark(oklch(37% .09 25), oklch(72% .09 25));--tag-action: light-dark(oklch(37% .09 35), oklch(72% .09 35));--tag-adventure: light-dark(oklch(37% .09 145), oklch(72% .09 145));--tag-animation: light-dark(oklch(37% .08 195), oklch(72% .08 195));--tag-biography: light-dark(oklch(39% .07 65), oklch(72% .07 65));--tag-comedy: light-dark(oklch(39% .08 95), oklch(72% .08 95));--tag-crime: light-dark(oklch(37% .09 280), oklch(72% .09 280));--tag-documentary: light-dark(oklch(37% .07 180), oklch(72% .07 180));--tag-drama: light-dark(oklch(37% .09 260), oklch(72% .09 260));--tag-fantasy: light-dark(oklch(37% .1 305), oklch(72% .1 305));--tag-history: light-dark(oklch(39% .07 115), oklch(72% .07 115));--tag-horror: light-dark(oklch(37% .09 5), oklch(72% .09 5));--tag-music: light-dark(oklch(37% .1 330), oklch(72% .1 330));--tag-mystery: light-dark(oklch(37% .09 295), oklch(72% .09 295));--tag-romance: light-dark(oklch(37% .09 350), oklch(72% .09 350));--tag-science: light-dark(oklch(37% .08 220), oklch(72% .08 220));--tag-thriller: light-dark(oklch(37% .09 15), oklch(72% .09 15));--tag-war: light-dark(oklch(37% .06 235), oklch(72% .06 235));--tag-western: light-dark(oklch(39% .07 45), oklch(72% .07 45));--font-sans: ui-sans-serif, system-ui, sans-serif;--font-serif: serif;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--transition-fast: .2s ease}}@layer reset{*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}}@layer base{html{scroll-behavior:smooth}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:2rem;font-weight:600;text-wrap:balance}}@layer layout{header,main,footer{inline-size:750px;max-inline-size:100%;margin-inline:auto;padding-inline:14px}main{margin-block:20px}.skip-link{position:absolute;inset-block-start:-40px;inset-inline-start:0;background:var(--text);color:var(--bg);padding:var(--space-sm);text-decoration:none;z-index:100}.skip-link:focus{inset-block-start:0}header{display:flex;justify-content:space-between;align-items:baseline;padding-block-start:10px;margin-block-end:var(--space-xl);background-color:var(--bg);position:sticky;inset-block-start:0;z-index:100}header:after{content:"";position:absolute;inset-block-end:0;inset-inline:14px;block-size:1px;background-color:var(--border)}header h1{font-size:.8rem;font-weight:600;text-transform:uppercase;padding-block-end:var(--space-sm)}header h1 a{color:inherit;text-decoration:none}.tabs{display:flex;justify-content:flex-end;gap:var(--space-xl)}.tab{color:var(--text-muted);text-decoration:none;font-size:.8rem;font-weight:400;padding-block-end:var(--space-sm);border-block-end:2px solid transparent;text-transform:uppercase;transition:border-color var(--transition-fast),color var(--transition-fast)}.tab:hover,.tab.active{color:var(--text);border-block-end-color:var(--text)}footer{display:flex;justify-content:center;align-items:center;gap:var(--space-md);margin-block:40px var(--space-lg);padding-block-start:20px;text-align:center;font-size:.8rem;color:var(--text-muted)}footer a{color:inherit;text-decoration:underline}footer a:hover{color:var(--text)}.movies-list{display:flex;flex-direction:column;gap:18px;margin-block-start:18px;container-type:inline-size}}@layer components{@view-transition{navigation: auto;}::view-transition-group(root){animation-duration:.15s}::view-transition-old(root),::view-transition-new(root){animation:fade .15s ease}@keyframes fade{0%,to{opacity:1}}movie-card{display:block}.movie-card{display:flex;flex-direction:column;padding-block-end:18px;border-block-end:1px solid var(--border)}.movie-card.hidden{display:none}.movie-card--focused .movie-card__title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.movie-card__link{color:inherit;text-decoration:none;display:flex;flex-direction:column;gap:6px}.movie-card__link:focus-visible{outline:2px solid var(--text);outline-offset:4px}.movie-card__tags{display:flex;gap:12px;font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.05em;line-height:1;margin-block-end:9px}.movie-card__tag{color:var(--_tag-color)}.movie-card__tag[data-genre=action]{--_tag-color: var(--tag-action)}.movie-card__tag[data-genre=adventure]{--_tag-color: var(--tag-adventure)}.movie-card__tag[data-genre=animation]{--_tag-color: var(--tag-animation)}.movie-card__tag[data-genre=biography]{--_tag-color: var(--tag-biography)}.movie-card__tag[data-genre=comedy]{--_tag-color: var(--tag-comedy)}.movie-card__tag[data-genre=crime]{--_tag-color: var(--tag-crime)}.movie-card__tag[data-genre=documentary]{--_tag-color: var(--tag-documentary)}.movie-card__tag[data-genre=drama]{--_tag-color: var(--tag-drama)}.movie-card__tag[data-genre=fantasy]{--_tag-color: var(--tag-fantasy)}.movie-card__tag[data-genre=history]{--_tag-color: var(--tag-history)}.movie-card__tag[data-genre=horror]{--_tag-color: var(--tag-horror)}.movie-card__tag[data-genre=music]{--_tag-color: var(--tag-music)}.movie-card__tag[data-genre=mystery]{--_tag-color: var(--tag-mystery)}.movie-card__tag[data-genre=romance]{--_tag-color: var(--tag-romance)}.movie-card__tag[data-genre=science]{--_tag-color: var(--tag-science)}.movie-card__tag[data-genre=thriller]{--_tag-color: var(--tag-thriller)}.movie-card__tag[data-genre=war]{--_tag-color: var(--tag-war)}.movie-card__tag[data-genre=western]{--_tag-color: var(--tag-western)}.movie-card__title-row{display:flex;align-items:flex-start;gap:12px;min-inline-size:0}.movie-card__title-content{display:flex;flex-direction:column;gap:12px;min-inline-size:0;flex:1}.movie-card__title-group{display:flex;align-items:baseline;gap:4px 10px;min-inline-size:0;flex-wrap:wrap}.movie-card__title{font-size:1.25rem;font-weight:400;line-height:1;font-family:var(--font-serif)}.movie-card__original-title{font-size:.9rem;color:var(--text-muted);font-weight:400;font-family:var(--font-serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-inline-size:100%}.movie-card__description{font-size:.92rem;font-weight:300;font-style:italic;margin-block-start:2px;line-height:1.4}.movie-card__meta{display:flex;flex-direction:column;gap:10px;font-size:.85rem;color:var(--text-muted);margin-block-start:10px;line-height:1}.movie-card__meta-row{display:flex;align-items:center;gap:8px 12px;flex-wrap:wrap}.movie-card__meta-item{display:flex;align-items:center;gap:3px}.movie-card__icon{inline-size:14px;block-size:14px;fill:var(--text-muted);flex-shrink:0}.movie-card__rating{font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:500;color:var(--_rating-color);flex-shrink:0;line-height:1}.movie-card__rating[data-rating=high]{--_rating-color: var(--rating-high)}.movie-card__rating[data-rating=mid]{--_rating-color: var(--rating-mid)}.movie-card__rating[data-rating=low]{--_rating-color: var(--rating-low)}.movie-card__rating-max{font-size:.7em;font-weight:400;opacity:.5}.movie-card__watch-links{display:flex;gap:6px;flex-wrap:wrap}.movie-card__watch-link{color:var(--text-muted);text-decoration:none;font-size:.75rem;padding:3px 10px;border:1px solid var(--border);transition:color var(--transition-fast),border-color var(--transition-fast)}.movie-card__watch-link:hover{color:var(--text);border-color:var(--text)}@container (max-inline-size: 400px){.movie-card__title-content{gap:4px}.movie-card__title,.movie-card__description{white-space:normal;text-overflow:clip}}.filters-bar{display:flex;align-items:flex-end;gap:clamp(16px,3vw,26px);inline-size:100%;margin-block-end:var(--space-xl)}.filters-bar__year-range{display:flex;align-items:flex-end;gap:var(--space-sm);flex-shrink:0;inline-size:160px}.filters-bar__divider{color:var(--text-muted);padding-block-end:var(--space-sm);font-size:.85rem}.filters-bar__input-group,.filters-bar__select-group,.filters-bar__search-group{flex:1;display:flex;flex-direction:column;gap:var(--space-xs);border-block-end:1px solid var(--border);padding-block-end:var(--space-sm);transition:border-color var(--transition-fast);position:relative}.filters-bar__input-group:hover,.filters-bar__select-group:hover,.filters-bar__search-group:hover{border-block-end-color:var(--text)}.filters-bar__input-group:focus-within,.filters-bar__search-group:focus-within{border-block-end-color:var(--text)}.filters-bar__search-group{flex:2}.filters-bar__label{font-size:.75rem;color:var(--text-muted);line-height:1.2;text-transform:uppercase}.filters-bar__input,.filters-bar__select{inline-size:100%;background:transparent;border:none;font-family:inherit;font-size:.85rem;color:var(--text);outline:none;block-size:calc(.85rem * 1.2 + var(--space-sm));margin-block-end:calc(-1 * var(--space-sm));padding-block-end:var(--space-sm)}.filters-bar__select{appearance:none;cursor:pointer;padding-inline-end:20px;padding-inline-start:0}.filters-bar__input--number{appearance:textfield;-moz-appearance:textfield}.filters-bar__input--number::-webkit-inner-spin-button,.filters-bar__input--number::-webkit-outer-spin-button{appearance:none;margin:0}.filters-bar__select-wrapper,.filters-bar__search-wrapper{position:relative;display:flex;align-items:center}.filters-bar__select-icon{position:absolute;inset-inline-end:0;inset-block-end:0;inline-size:14px;block-size:14px;fill:var(--text-muted);pointer-events:none}.filters-bar__input--search{padding-inline-end:50px}.filters-bar__input--search::-webkit-search-cancel-button{appearance:none}.filters-bar__input--search::placeholder{color:var(--text-muted)}.filters-bar__hint{position:absolute;inset-inline-end:0;display:flex;gap:3px;font-size:.65rem;color:var(--text-muted);pointer-events:none;opacity:.6;transition:opacity var(--transition-fast)}.filters-bar__hint[hidden]{display:none}.filters-bar__input--search:focus+.filters-bar__hint--shortcut{opacity:.15}.filters-bar__input--search:not(:placeholder-shown)~.filters-bar__hint--shortcut{display:none}.filters-bar__input--search:not(:placeholder-shown)~.filters-bar__hint--clear{display:flex}.filters-bar__kbd{font-family:inherit;border:1px solid var(--border);padding:1px var(--space-xs);background:transparent}@media (max-width: 750px){.filters-bar{display:grid;grid-template-columns:auto 1fr 1fr;gap:16px 20px}.filters-bar__search-group{grid-column:1 / -1}}@media (max-width: 600px){.filters-bar{display:flex;flex-direction:column;align-items:stretch;gap:20px}.filters-bar__year-range,.filters-bar__select-group,.filters-bar__search-group{flex:none;inline-size:100%}.filters-bar__hint{display:none}}.stats__summary{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md);margin-block-end:var(--space-md)}.stats__summary:last-of-type{margin-block-end:var(--space-xl)}@media (max-width: 600px){.stats__summary{grid-template-columns:repeat(2,1fr)}}.stats__card{display:flex;flex-direction:column;gap:2px;border:1px solid var(--border);padding:var(--space-md) var(--space-lg)}.stats__card-label{font-size:.68rem;font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted)}.stats__card-value{font-size:1.5rem;font-weight:500;line-height:1.3;font-variant-numeric:tabular-nums}.stats__card-sub{font-size:.75rem;color:var(--text-muted);line-height:1.3}.stats__two-col{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--space-xl);margin-block-end:var(--space-xl)}@media (max-width: 500px){.stats__two-col{grid-template-columns:1fr;gap:var(--space-xl) 0}}.stats__section{margin-block-end:0}.stats__heading{font-size:.7rem;font-weight:400;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);padding-block-end:10px;border-block-end:.5px solid var(--border);text-align:start;margin-block-end:var(--space-sm)}.stats__bar-row{display:flex;align-items:center;gap:var(--space-sm);padding-block:6px}.stats__bar-label{flex-shrink:0;inline-size:90px;font-size:.82rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stats__bar-track{flex:1;block-size:4px;background:var(--border);overflow:hidden}.stats__bar-fill{display:block;block-size:100%;background:var(--text)}.stats__bar-count{flex-shrink:0;font-size:.82rem;font-variant-numeric:tabular-nums;min-inline-size:20px;text-align:end}.stats__bar-row--decade .stats__bar-label{inline-size:50px}.stats__bar-track--decade{block-size:16px;background:var(--bg-hover)}.stats__bar-fill--decade{background:var(--text)}.stats__person-row{display:flex;justify-content:space-between;align-items:center;padding-block:var(--space-sm);border-block-end:.5px solid var(--border)}.stats__person-row:last-child{border-block-end:none}.stats__person-name{font-size:.85rem;min-inline-size:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-inline-end:var(--space-sm)}.stats__pill{flex-shrink:0;font-size:.82rem;font-weight:500;color:var(--text);font-variant-numeric:tabular-nums}}