:root{--sf-bg:#0b0b0b;--sf-green:#00ff88;--sf-red:#e50914;--sf-text:#f5f5f5} .shaoflix-app{background:var(--sf-bg);color:var(--sf-text);font-family:Inter,Montserrat,Arial,sans-serif;min-height:70vh;padding-bottom:3rem}.shaoflix-nav{height:64px;display:flex;align-items:center;gap:1rem;padding:0 4%;background:rgba(5,5,5,.96);position:sticky;top:0;z-index:5}.shaoflix-nav strong{font-size:1rem;white-space:nowrap}.shaoflix-nav strong span{color:var(--sf-green)}.shaoflix-search{margin-left:auto;max-width:250px;background:#1b1b1b;border:1px solid #333;border-radius:4px;padding:.55rem .75rem;color:white}.shaoflix-avatar{background:var(--sf-green);color:#06100b;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-weight:800}.shaoflix-hero{min-height:360px;display:flex;align-items:end;padding:3rem 6%;background:linear-gradient(90deg,#0b0b0b 15%,transparent),linear-gradient(0deg,#0b0b0b,transparent),radial-gradient(circle at 75% 30%,#123c2c,#121212 52%)}.shaoflix-hero h1{font-size:clamp(2rem,6vw,4.5rem);margin:.2rem 0}.shaoflix-hero p{max-width:520px;color:#c7c7c7}.shaoflix-kicker{color:var(--sf-green)!important;font-weight:bold;font-size:.75rem;letter-spacing:.16em}.shaoflix-button{display:inline-block;border:0;background:var(--sf-green);color:#07130c;padding:.8rem 1.2rem;border-radius:4px;font-weight:800;text-decoration:none;cursor:pointer}.shaoflix-button.small{font-size:.72rem;padding:.55rem .75rem;background:var(--sf-red);color:#fff}.shaoflix-rows{padding:0 4%}.shaoflix-row{margin:2rem 0}.shaoflix-row.is-locked{opacity:.58}.shaoflix-row-title{display:flex;align-items:center;gap:1rem;justify-content:space-between}.shaoflix-row-title h2{font-size:1.35rem}.shaoflix-cards{display:flex;gap:1rem;overflow-x:auto;scroll-behavior:smooth;padding:.5rem 0 1rem}.shaoflix-card{min-width:190px;max-width:220px;cursor:pointer}.shaoflix-thumb{height:122px;background:#202020;border-radius:5px;overflow:hidden;position:relative}.shaoflix-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.shaoflix-card:hover .shaoflix-thumb img,.shaoflix-card:focus .shaoflix-thumb img{transform:scale(1.08)}.play-icon{position:absolute;inset:0;display:grid;place-items:center;font-size:2rem;color:#fff;text-shadow:0 2px 8px #000;opacity:0;transition:opacity .2s}.shaoflix-card:hover .play-icon,.shaoflix-card:focus .play-icon{opacity:1}.shaoflix-card h3{font-size:.92rem;margin:.6rem 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shaoflix-card small{color:#aaa}.progress{height:3px;background:#444;margin-top:.6rem}.progress i{display:block;height:100%;background:var(--sf-red)}.shaoflix-lock{text-align:center;color:#ddd;padding:.5rem}.shaoflix-login{text-align:center;background:#0b0b0b;color:#fff;padding:3rem}.shaoflix-modal{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:20;display:grid;place-items:center;padding:1rem}.shaoflix-modal[hidden]{display:none}.shaoflix-modal-inner{max-width:850px;width:100%;background:#151515;padding:1rem;position:relative}.shaoflix-modal video{width:100%;max-height:70vh;background:#000}.shaoflix-close{position:absolute;right:.5rem;top:.25rem;z-index:2;background:none;border:0;color:white;font-size:2rem;cursor:pointer}@media(max-width:600px){.shaoflix-search{width:100px}.shaoflix-hero{min-height:300px;padding:2rem 5%}.shaoflix-card{min-width:150px}.shaoflix-thumb{height:100px}.shaoflix-row-title{align-items:flex-start;flex-direction:column;gap:.2rem}}