:root{--bg: #141414;--bg-elevated: #181818;--text: #fff;--muted: #a3a3a3;--accent: #e50914;--row-gap: 3vw;--card-w: 260px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:Helvetica Neue,Helvetica,Arial,system-ui,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.nav{position:fixed;inset:0 0 auto 0;z-index:100;display:flex;align-items:center;gap:22px;padding:18px var(--row-gap);transition:background-color .35s ease;background:linear-gradient(180deg,rgba(0,0,0,.75) 10%,transparent)}.nav.scrolled{background:var(--bg)}.nav .brand{color:var(--accent);font-weight:800;font-size:26px;letter-spacing:-1px;margin-right:10px}.nav nav{display:flex;gap:18px}.nav nav a{font-size:14px;color:#e5e5e5}.nav nav a:hover{color:#b3b3b3}.nav nav a.active{font-weight:700;color:#fff}.nav .spacer{flex:1}.search-box{display:flex;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.5);background:#000000b3;padding:6px 10px}.search-box input{background:transparent;border:0;outline:none;color:#fff;width:210px;font-size:14px}.billboard{position:relative;height:80vh;min-height:520px;display:flex;align-items:center;padding:0 var(--row-gap);margin-bottom:-6vh}.billboard .backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center 18%;z-index:-2}.billboard:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(77deg,rgba(0,0,0,.85) 0%,transparent 62%),linear-gradient(180deg,transparent 55%,var(--bg) 98%)}.billboard .info{max-width:620px}.billboard h1{font-size:clamp(30px,4.2vw,62px);line-height:1.05;margin:0 0 14px;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.6)}.billboard .meta{display:flex;align-items:center;gap:12px;font-size:14px;margin-bottom:14px;color:#d2d2d2}.billboard p{font-size:16px;line-height:1.45;color:#e5e5e5;text-shadow:0 1px 6px rgba(0,0,0,.7);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.billboard .actions{display:flex;gap:12px;margin-top:20px}.btn{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:4px;padding:11px 24px;font-size:16px;font-weight:700}.btn.play{background:#fff;color:#000}.btn.play:hover{background:#ffffffc7}.btn.more{background:#6d6d6eb3;color:#fff}.btn.more:hover{background:#6d6d6e73}.rows{position:relative;z-index:2;padding-bottom:50px}.row{margin-bottom:3vw}.row h2{font-size:clamp(15px,1.3vw,22px);font-weight:700;margin:0 0 8px var(--row-gap);color:#e5e5e5}.row-viewport{position:relative}.row-track{display:flex;gap:6px;padding:24px var(--row-gap);margin:-24px 0;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none}.row-track::-webkit-scrollbar{display:none}.row-arrow{position:absolute;top:0;bottom:0;width:var(--row-gap);min-width:42px;border:0;background:#14141499;color:#fff;font-size:26px;opacity:0;transition:opacity .2s;z-index:5}.row-viewport:hover .row-arrow{opacity:1}.row-arrow.left{left:0}.row-arrow.right{right:0}.row-arrow:disabled{display:none}.card{position:relative;flex:0 0 var(--card-w);width:var(--card-w);aspect-ratio:16 / 9;background:#2b2b2b;border-radius:4px;overflow:hidden;transition:transform .28s ease,box-shadow .28s ease}.card img{width:100%;height:100%;object-fit:cover;display:block}.card .fallback{display:flex;align-items:center;justify-content:center;height:100%;padding:10px;text-align:center;font-size:13px;color:var(--muted);background:linear-gradient(135deg,#2a2a2a,#1a1a1a)}.card:hover{transform:scale(1.09);z-index:10;box-shadow:0 10px 28px #000000bf}.card .overlay{position:absolute;inset:auto 0 0 0;padding:26px 10px 8px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.92));opacity:0;transition:opacity .28s}.card:hover .overlay{opacity:1}.card .overlay .title{font-size:13px;font-weight:700;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .overlay .sub{font-size:11px;color:#b9b9b9;margin-top:3px;display:flex;gap:6px;align-items:center}.card .site-tag{position:absolute;top:6px;left:6px;font-size:10px;letter-spacing:.7px;text-transform:uppercase;padding:2px 6px;border-radius:2px;background:#000000b8;color:#e5e5e5}.avatar-card{flex:0 0 132px;width:132px;text-align:center;transition:transform .25s}.avatar-card:hover{transform:scale(1.07)}.avatar-card .ring{width:132px;height:132px;border-radius:50%;overflow:hidden;background:#2b2b2b;border:2px solid transparent}.avatar-card:hover .ring{border-color:#fff}.avatar-card img{width:100%;height:100%;object-fit:cover}.avatar-card .name{font-size:13px;margin-top:8px;color:#d8d8d8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.avatar-card .count{font-size:11px;color:var(--muted)}.avatar-card .initials{display:flex;align-items:center;justify-content:center;height:100%;font-size:34px;font-weight:700;color:#6b6b6b}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:#000000b8;overflow-y:auto;padding:40px 16px}.modal{max-width:880px;margin:0 auto;background:var(--bg-elevated);border-radius:8px;overflow:hidden;box-shadow:0 20px 60px #000c}.modal .hero{position:relative;aspect-ratio:16 / 9;background:#000}.modal .hero img{width:100%;height:100%;object-fit:cover}.modal .hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 55%,var(--bg-elevated))}.modal .hero h2{position:absolute;left:32px;bottom:22px;margin:0;z-index:2;font-size:clamp(20px,2.6vw,36px);max-width:70%;text-shadow:0 2px 10px #000}.modal .close{position:absolute;top:14px;right:14px;z-index:3;width:34px;height:34px;border-radius:50%;border:0;background:#141414d9;color:#fff;font-size:18px;line-height:1}.modal .body{display:grid;grid-template-columns:2fr 1fr;gap:24px;padding:6px 32px 32px}.modal .body p{line-height:1.5;color:#e0e0e0}.modal .facts{font-size:13px}.modal .facts .label{color:var(--muted)}.modal .facts div{margin-bottom:10px}.modal .meta-line{display:flex;gap:12px;align-items:center;font-size:14px;color:#d2d2d2;margin-bottom:12px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{font-size:12px;padding:3px 9px;border-radius:999px;background:#333;color:#ddd}.chip.link:hover{background:#454545;color:#fff}.green{color:#46d369;font-weight:700}.badge-year{border:1px solid #575757;padding:0 6px;font-size:12px}.page{padding:110px var(--row-gap) 60px}.page h1{font-size:28px;margin:0 0 6px}.page .sub{color:var(--muted);margin-bottom:26px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.grid .card{flex:initial;width:100%}.empty{color:var(--muted);padding:40px 0}.skeleton{background:linear-gradient(90deg,#202020 25%,#2c2c2c,#202020 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:4px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.profile-head{display:flex;gap:26px;align-items:center;margin-bottom:34px}.profile-head .ring{width:128px;height:128px;border-radius:50%;overflow:hidden;background:#2b2b2b;flex-shrink:0}.profile-head img{width:100%;height:100%;object-fit:cover}@media(max-width:720px){:root{--card-w: 190px}.modal .body{grid-template-columns:1fr}.search-box input{width:130px}.nav nav{gap:12px}}