.backdrop{width:100%;height:clamp(200px,40vw,400px);position:relative;overflow:hidden}.backdrop img{object-fit:cover;object-position:center 30%;width:100%;height:100%}.backdrop:after{content:"";background:linear-gradient(to top, var(--bg) 0%, #09090bb3 50%, transparent 100%);height:75%;position:absolute;bottom:0;left:0;right:0}html.light-theme .backdrop:after{background:linear-gradient(to top, var(--bg) 0%, #ffffffb3 50%, transparent 100%)}.movie-detail{width:100%;min-width:0;max-width:1040px;padding:var(--space-lg) var(--gutter) var(--space-2xl);z-index:1;margin:0 auto;position:relative;overflow-x:clip}.movie-header{gap:var(--space-xl);margin-bottom:var(--space-xl);align-items:flex-start;min-width:0;display:flex}.movie-header>.movie-poster{border-radius:var(--radius);border:1px solid var(--border);aspect-ratio:2/3;flex-shrink:0;width:clamp(130px,16vw,200px);overflow:hidden;box-shadow:0 8px 24px -4px #00000080,0 2px 8px -2px #0000004d}.movie-header>.movie-poster img{object-fit:cover;width:100%;height:100%;display:block}.movie-info{min-width:0;padding:var(--space-sm) 0;flex:1}.movie-title{font-size:var(--text-3xl);text-wrap:balance;overflow-wrap:break-word;margin-bottom:.5rem;line-height:1.15;display:block;overflow:visible}.year{color:var(--text-muted);font-size:var(--text-xl);font-weight:400}.movie-meta{color:var(--text-muted);font-size:var(--text-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;gap:.5rem 1rem;display:flex}.movie-meta .rating{color:var(--accent);font-weight:600}.movie-genres{margin-bottom:var(--space-md);flex-wrap:wrap;gap:.5rem;display:flex}.genre-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:var(--text-xs);white-space:nowrap;border-radius:20px;padding:.35rem .85rem;transition:border-color .15s,color .15s}.genre-chip:hover{border-color:var(--accent);color:var(--text)}.movie-tagline{color:var(--text-muted);font-family:Playfair Display,serif;font-style:italic;font-size:var(--text-lg);margin-bottom:var(--space-md);text-wrap:balance}.detail-section{margin-bottom:var(--space-xl);min-width:0;max-width:100%;overflow:hidden}.section-title{font-size:var(--text-2xl);margin-bottom:var(--space-md);color:var(--accent);text-wrap:balance}.overview{color:var(--text-muted);line-height:1.8;font-size:var(--text-base);overflow-wrap:anywhere;word-break:break-word;max-width:100%}.cast-grid{gap:var(--space-sm);grid-template-columns:repeat(auto-fill,minmax(min(100px,100%),1fr));display:grid;overflow:hidden}.cast-card{text-align:center;padding:var(--space-sm);border-radius:var(--radius);color:inherit;min-width:0;text-decoration:none;transition:background .15s;display:block}.cast-card:hover{background:var(--surface)}.cast-card img{object-fit:cover;border:2px solid var(--border);border-radius:50%;width:clamp(52px,10vw,80px);height:clamp(52px,10vw,80px);margin:0 auto .4rem;transition:border-color .2s;display:block}.cast-card:hover img{border-color:var(--accent)}.cast-placeholder{background:var(--surface);border:2px solid var(--border);border-radius:50%;width:clamp(52px,10vw,80px);height:clamp(52px,10vw,80px);margin:0 auto .4rem}.cast-card .name{overflow-wrap:anywhere;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:clamp(.6rem,1.2vw,.8rem);font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.cast-card .character{color:var(--text-muted);overflow-wrap:anywhere;text-overflow:ellipsis;-webkit-line-clamp:1;-webkit-box-orient:vertical;min-width:0;font-size:clamp(.55rem,1vw,.72rem);line-height:1.3;display:-webkit-box;overflow:hidden}.trailer-embed{border-radius:var(--radius);border:1px solid var(--border);width:100%;max-width:100%;padding-bottom:56.25%;position:relative;overflow:hidden;box-shadow:0 4px 16px -2px #0000004d}@supports (aspect-ratio:16 / 9){.trailer-embed{aspect-ratio:16/9;padding-bottom:0}}.trailer-embed iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.providers-list{flex-wrap:wrap;gap:.6rem;display:flex}.provider-tag{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text);padding:.5rem 1rem;font-weight:500;transition:border-color .15s,transform .15s}.provider-tag:hover{border-color:var(--accent);transform:translateY(-1px)}.genre-links{flex-wrap:wrap;gap:.5rem;display:flex}.genre-link-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-muted);font-size:var(--text-sm);border-radius:20px;padding:.4rem 1rem;font-weight:500;text-decoration:none;transition:border-color .15s,color .15s}.genre-link-chip:hover{border-color:var(--accent);color:var(--text)}.similar-head{justify-content:space-between;align-items:center;gap:var(--space-md);margin-bottom:var(--space-md);display:flex}.similar-head .section-title{margin-bottom:0}.similar-arrows{flex-shrink:0;gap:.5rem;display:flex}.similar-arrows[hidden]{display:none}.similar-arrow{background:var(--surface);border:1px solid var(--border);width:36px;height:36px;color:var(--text-muted);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:color .18s,border-color .18s,opacity .18s;display:flex}.similar-arrow:hover:not(:disabled){color:var(--accent);border-color:var(--accent)}.similar-arrow:disabled{opacity:.35;cursor:default}.similar-scroll{gap:var(--space-sm);padding-bottom:var(--space-sm);scrollbar-width:thin;scrollbar-color:var(--text-muted) transparent;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;align-items:flex-start;width:100%;min-width:0;max-width:100%;display:flex;overflow-x:auto}.similar-scroll::-webkit-scrollbar{height:8px}.similar-scroll::-webkit-scrollbar-track{background:0 0}.similar-scroll::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}.similar-scroll::-webkit-scrollbar-thumb:hover{background:var(--accent)}.similar-card{color:inherit;scroll-snap-align:start;transition:transform .2s var(--ease-out);flex:0 0 clamp(110px,14vw,150px);text-decoration:none}.similar-card:hover{transform:translateY(-3px)}.similar-card img{aspect-ratio:2/3;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);width:100%;margin-bottom:.4rem;transition:border-color .2s;display:block}.similar-card:hover img{border-color:#f59e0b4d}.similar-card .title{font-size:var(--text-xs);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}@media (width<=768px){.movie-header{align-items:flex-start;gap:var(--space-md);flex-direction:row}.movie-header>.movie-poster{width:clamp(110px,28vw,160px)}.movie-info{padding-top:0}.movie-title{font-size:var(--text-2xl)}.trailer-embed{max-width:100%}.similar-arrows{display:none}.cast-grid{grid-template-columns:repeat(auto-fill,minmax(min(80px,100%),1fr))}.similar-card{flex:0 0 clamp(100px,22vw,130px)}.detail-section{margin-bottom:var(--space-lg)}}@media (width<=480px){.backdrop{height:clamp(140px,40vw,200px)}.movie-detail{padding-top:var(--space-md);overflow-x:hidden}.movie-header{align-items:flex-start;gap:var(--space-sm);flex-direction:row}.movie-header>.movie-poster{width:clamp(90px,28vw,130px)}.movie-info{width:100%;min-width:0}.movie-title{font-size:var(--text-lg);overflow-wrap:anywhere;word-break:break-word}.year{font-size:var(--text-sm)}.movie-meta{font-size:var(--text-xs);flex-wrap:wrap;gap:.3rem .6rem}.movie-meta span{overflow-wrap:anywhere;word-break:break-word}.movie-genres{flex-wrap:wrap}.genre-chip{padding:.25rem .6rem;font-size:.65rem}.movie-tagline,.overview{font-size:var(--text-sm);overflow-wrap:anywhere;word-break:break-word}.trailer-embed{width:100%;max-width:100%;margin-left:0;margin-right:0}.cast-grid{grid-template-columns:repeat(auto-fill,minmax(min(72px,100%),1fr));gap:.4rem}.cast-card{padding:.3rem}.similar-scroll{padding-right:var(--gutter)}.similar-card{flex:0 0 clamp(90px,28vw,120px)}.providers-list{gap:.35rem}.provider-tag{font-size:var(--text-xs);padding:.35rem .65rem}.genre-link-chip{padding:.3rem .75rem}.section-title{font-size:var(--text-xl)}}@media (hover:none){.similar-card:hover{transform:none}.cast-card:hover{background:0 0}.cast-card:hover img{border-color:var(--border)}.genre-chip:hover,.genre-link-chip:hover{border-color:var(--border);color:var(--text-muted)}.provider-tag:hover{border-color:var(--border);transform:none}}