:root{color-scheme:dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#101217;color:#f7f7f8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 20% 0,#4b223322,transparent 30rem),#101217}a{color:inherit}.container{width:min(1280px,calc(100% - 48px));margin:auto}.topbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;border-bottom:1px solid #292d37;background:#101217ee;backdrop-filter:blur(16px)}.brand{font-weight:850;letter-spacing:-.04em;text-decoration:none}.topbar form{display:flex;gap:9px;width:min(100%,520px)}input{min-width:0;flex:1;padding:12px 16px;border:1px solid #3a3e48;border-radius:10px;background:#1b1e26;color:#fff;font:inherit}button{padding:0 20px;border:0;border-radius:10px;background:#dc3b47;color:#fff;font:inherit;font-weight:700;cursor:pointer}.hero{padding:72px 0 45px}.hero h1,.page-heading h1{max-width:780px;margin:10px 0;font-size:clamp(36px,6vw,74px);line-height:.98;letter-spacing:-.065em}.hero-copy,.overview{max-width:650px;color:#bfc4cf;line-height:1.7}.eyebrow{margin:0;color:#e76b72;font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.shelf{padding:25px 0}.shelf-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin-bottom:15px}.shelf h2{margin:0;font-size:25px;letter-spacing:-.04em}.shelf p,.shelf-heading>span,.detail-meta{margin:5px 0 0;color:#9298a5;font-size:13px}.movie-row,.movie-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:15px}.movie-card{position:relative;overflow:hidden;min-width:0;aspect-ratio:2/3.2;border:1px solid #292d37;border-radius:13px;background:#1b1e26;text-decoration:none;transition:transform .2s,border-color .2s}.movie-card:hover{transform:translateY(-5px);border-color:#c76b76}.movie-card>img,.movie-card>.no-poster{width:100%;height:100%;object-fit:cover}.no-poster{display:grid;place-items:center;color:#9298a5}.card-copy{position:absolute;right:0;bottom:0;left:0;padding:38px 12px 12px;background:linear-gradient(transparent,#101217f5)}.card-copy h3{overflow:hidden;margin:0 0 6px;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.card-copy span{color:#aab0bc;font-size:11px}.card-copy strong{float:right;color:#f4c970;font-size:11px}.page-heading{padding:48px 0 25px}.detail{display:grid;grid-template-columns:220px minmax(0,1fr);gap:30px;padding:35px 0}.detail-poster,.person-photo{width:100%;border-radius:12px}.detail h1,.person h1{margin:8px 0;font-size:clamp(32px,5vw,58px);letter-spacing:-.06em}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0}.chips span{padding:7px 10px;border:1px solid #3a4b4a;border-radius:6px;color:#9fd3c4;font-size:12px}.text-link,.back{display:inline-block;margin-top:18px;color:#edaaa0;text-decoration:none}.back{margin-top:32px}.cast-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cast-card{display:flex;align-items:center;gap:14px;padding:10px;border:1px solid #30343e;border-radius:10px;background:#1b1e26;text-decoration:none}.cast-card img,.cast-photo{width:55px;height:68px;object-fit:cover;border-radius:5px}.cast-photo{display:grid;place-items:center;background:#292d37;color:#aaa}.cast-card small{display:block;margin-top:5px;color:#9298a5}.person{display:grid;grid-template-columns:205px 1fr;gap:30px;padding:35px 0}.message{margin:40px 0;padding:18px;border:1px solid #373c48;border-radius:12px;text-align:center;color:#c8cbd3}.error{color:#f2b6a6}.loading{padding:80px 0;color:#aab0bc}.footer{padding:50px 0;color:#858b98;font-size:13px}.footer a{color:#dfaaa1}@media(max-width:950px){.movie-row,.movie-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:650px){.container{width:min(100% - 32px,1280px)}.topbar{align-items:stretch;flex-direction:column;padding:14px 16px}.topbar form{width:100%;height:42px}.hero{padding:50px 0 25px}.movie-row,.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail,.person{grid-template-columns:120px 1fr;gap:18px}.cast-grid{grid-template-columns:1fr}.detail h1,.person h1{font-size:30px}}
.topbar-left{display:flex;align-items:center;gap:20px}.fountain-nav{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid #4d3a50;border-radius:999px;background:#261d31aa;color:#f1c8ef;text-decoration:none;font-size:13px;font-weight:750;box-shadow:inset 0 1px #ffffff12,0 8px 25px #08060d33;transition:background .2s,border-color .2s,transform .2s}.fountain-nav:hover{transform:translateY(-1px);border-color:#c76bba;background:#392541}.fountain-nav span{color:#c69bc8;font-size:15px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fountain-intro{padding:34px 0 28px}.fountain-intro h1{max-width:780px;margin:10px 0;font-size:clamp(36px,6vw,74px);line-height:.98;letter-spacing:-.065em}.fountain{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;padding:8px 0 80px;overflow:hidden}.fountain-column{display:grid;gap:16px}.fountain-column-2{padding-top:70px}.fountain-column-3{padding-top:26px}.fountain-item{animation:fountain-drift 7s ease-in-out infinite;animation-delay:var(--delay);will-change:transform}.fountain-item .movie-card{box-shadow:0 18px 50px #05030855}.fountain-item:nth-child(3n){animation-duration:8.5s}@keyframes fountain-drift{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-10px) rotate(.6deg)}}
.topbar-left{display:flex;align-items:center;gap:20px}@media(max-width:650px){.topbar-left{justify-content:space-between}.fountain{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fountain-column-3{display:none}.fountain-column-2{padding-top:42px}.fountain-column{gap:12px}}@media(prefers-reduced-motion:reduce){.fountain-item{animation:none}}
.fountain-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:26px}.fountain-controls>span{margin-right:4px;color:#8f96a2;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.fountain-control{padding:8px 12px;border:1px solid #3c3948;border-radius:999px;background:#17151f;color:#bbb5c6;font-size:12px;font-weight:700;transition:background .2s,border-color .2s,color .2s}.fountain-control:hover,.fountain-control.is-active{border-color:#b875aa;background:#3a253d;color:#fff}.pause-control{margin-left:8px;border-color:#57435a;color:#e7c7e2}.fountain[data-speed="slow"] .fountain-item{animation-duration:13s}.fountain[data-speed="normal"] .fountain-item{animation-duration:7s}.fountain[data-speed="fast"] .fountain-item{animation-duration:3.5s}.fountain.is-paused .fountain-item{animation-play-state:paused}
.shuffle-control{border-color:#5c8d9c;color:#bce4e8}.shuffle-control:hover{border-color:#8ccfdb;background:#193b45}
.card-preview{position:absolute;inset:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:18px 12px 14px;background:linear-gradient(transparent 22%,#08060df5 68%);opacity:0;transform:translateY(10px);transition:opacity .22s ease,transform .22s ease}.card-preview p{display:-webkit-box;margin:0 0 10px;color:#e3dfe6;font-size:12px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden}.card-preview span{color:#f0b3df;font-size:12px;font-weight:800}.movie-card:hover .card-preview,.movie-card:focus-visible .card-preview{opacity:1;transform:translateY(0)}.movie-card:hover .card-copy,.movie-card:focus-visible .card-copy{opacity:0}.movie-card:focus-visible{outline:2px solid #e7a0dc;outline-offset:3px}
.fountain-intro{position:relative;overflow:hidden;margin-top:20px;padding:34px 36px 32px;border:1px solid #ffffff1a;border-radius:28px;background:linear-gradient(135deg,#ffffff0d,#bb6ab90a 45%,#6c9ad00b);box-shadow:inset 0 1px #ffffff1c,0 22px 70px #05030840;backdrop-filter:blur(22px)}.fountain-intro::before,.fountain-intro::after{position:absolute;z-index:-1;width:240px;height:240px;border-radius:50%;content:"";filter:blur(32px);opacity:.28;pointer-events:none}.fountain-intro::before{top:-150px;right:12%;background:#d97ac4}.fountain-intro::after{bottom:-180px;left:8%;background:#5f99dc}.fountain-intro .back{margin-top:0}.fountain{position:relative;margin-top:18px;padding:34px 22px 90px;border:1px solid #ffffff12;border-radius:30px;background:linear-gradient(180deg,#ffffff07,#ffffff02);box-shadow:inset 0 1px #ffffff14,0 26px 80px #03020755;backdrop-filter:blur(18px)}.fountain::before{position:absolute;inset:12% 25%;z-index:-1;border-radius:50%;background:radial-gradient(circle,#d079bd18,transparent 68%);content:"";filter:blur(25px);pointer-events:none}.fountain-column{position:relative}.fountain .movie-card{border-color:#ffffff1c;background:#ffffff0b;box-shadow:0 18px 42px #02010666,inset 0 1px #ffffff24;backdrop-filter:blur(12px)}.fountain .movie-card:hover{border-color:#e7a0dc;box-shadow:0 22px 54px #02010688,0 0 0 1px #e7a0dc33}.fountain .card-copy{background:linear-gradient(transparent,#08060de8 86%)}
.fountain-column{height:min(78vh,900px);min-height:560px;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent)}.fountain-track{display:flex;flex-direction:column;will-change:transform;animation:fountain-flow 62s linear infinite}.fountain-set{display:grid;flex:none;gap:16px}.fountain[data-speed="slow"] .fountain-track{animation-duration:96s}.fountain[data-speed="normal"] .fountain-track{animation-duration:62s}.fountain[data-speed="fast"] .fountain-track{animation-duration:32s}.fountain.is-paused .fountain-track{animation-play-state:paused}@keyframes fountain-flow{from{transform:translateY(0)}to{transform:translateY(-50%)}}
.fountain-intro{margin-top:8px;padding:18px 26px 20px;border-radius:22px}.fountain-intro h1{max-width:650px;margin:7px 0;font-size:clamp(30px,4.5vw,54px)}.fountain-intro .hero-copy{max-width:620px;margin:8px 0;line-height:1.45}.fountain-controls{margin-top:15px}.fountain{margin-top:12px;padding:26px 18px 90px}.fountain-column{height:min(86vh,1080px);min-height:680px}
@media(max-width:650px){.fountain-intro{padding:16px 18px 18px}.fountain-intro h1{font-size:32px}.fountain-intro .hero-copy{font-size:14px}.fountain{padding:20px 12px 70px}.fountain-column{height:78vh;min-height:560px}}
.fountain-intro{padding:14px 22px 15px;border-radius:20px}.fountain-intro h1{margin:5px 0;font-size:clamp(28px,3.5vw,42px)}.fountain-controls{margin-top:10px}.fountain{margin-top:10px}
@media(max-width:650px){.fountain-intro{padding:12px 16px 13px}.fountain-intro h1{font-size:28px}.fountain-controls{margin-top:8px}}
.card-meta{position:relative;display:block;width:100%;padding-right:42px}.card-copy strong{position:absolute;top:0;right:0;float:none;margin:0;white-space:nowrap;text-align:right}
.movie-card .rating-badge{position:absolute;right:12px;bottom:12px;z-index:1;color:#f4c970;font-size:11px;white-space:nowrap}.movie-card:hover .rating-badge,.movie-card:focus-visible .rating-badge{opacity:0}
@media(max-width:650px){.movie-card .rating-badge,.movie-card:hover .rating-badge,.movie-card:focus-visible .rating-badge{z-index:3;opacity:1}}