:root{color:#f7f4fa;background:#101015;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 70% -10%,#40243a 0,transparent 36%),#101015}a{color:inherit;text-decoration:none}button,input{font:inherit}.page-shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding-bottom:72px}.app-header{height:78px;display:flex;align-items:center}.brand{display:inline-flex;align-items:center;gap:10px;font-size:20px;font-weight:760;letter-spacing:.02em}.brand-logo{display:block;width:32px;height:32px;object-fit:contain}.hero{max-width:680px;padding:30px 0}.eyebrow{margin:0 0 8px;color:#ff77a5!important;font-size:10px!important;font-weight:800;letter-spacing:.16em}.hero h1{margin:0;font-size:clamp(28px,4vw,42px);line-height:1.12;letter-spacing:-.035em}.hero p{margin:10px 0 0;color:#aaa3b2;font-size:14px}.search-box{width:min(520px,100%);height:48px;margin-top:18px;padding:0 16px;display:flex;align-items:center;gap:10px;border:1px solid #39333f;border-radius:14px;background:#1a181fdd;transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:#ff5d8f;box-shadow:0 0 0 3px #ff5d8f22}.search-box span{color:#847d8b;font-size:25px}.search-box input{width:100%;border:0;outline:0;color:#fff;background:transparent}.movie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:30px 20px}.movie-card{min-width:0}.cover{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:15px;background:#211e25;box-shadow:0 12px 30px #0004}.cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s,filter .35s}.movie-card:hover img{transform:scale(1.045);filter:brightness(.72)}.cover-placeholder{width:100%;height:100%;display:grid;place-items:center;color:#5d5662;font-size:32px}.play-button{position:absolute;inset:50% auto auto 50%;width:48px;height:48px;display:grid;place-items:center;padding-left:3px;border-radius:50%;background:#fff;color:#17131a;opacity:0;transform:translate(-50%,-40%);transition:opacity .25s,transform .25s}.movie-card:hover .play-button{opacity:1;transform:translate(-50%,-50%)}.format-badge{position:absolute;right:10px;bottom:10px;padding:4px 7px;border-radius:6px;background:#100e12cc;font-size:10px;font-weight:800}.movie-card h2{margin:12px 2px 0;overflow:hidden;font-size:15px;font-weight:600;line-height:1.5;text-overflow:ellipsis;white-space:nowrap}.state-message{padding:60px 20px;border:1px solid #302c34;border-radius:16px;color:#aaa3b2;text-align:center;background:#18161b}.state-message.error{color:#ff91a9}.player-page{width:min(1380px,calc(100% - 36px))}.player-page .app-header{height:58px}.back-link{display:inline-block;margin:8px 0 10px;color:#aaa3b2;font-size:14px}.back-link:hover{color:#fff}.player-title{margin:0 0 12px;overflow:hidden;font-size:clamp(16px,1.7vw,22px);font-weight:650;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}.player-container{width:100%;aspect-ratio:16/9;max-height:calc(100vh - 210px);border-radius:16px;overflow:hidden;background:#000;box-shadow:0 25px 60px #0008}@media(max-width:640px){.page-shell{width:min(100% - 24px,1180px)}.hero{padding:22px 0 24px}.movie-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.movie-card h2{font-size:13px}.player-page{width:100%}.player-page .app-header,.player-page .back-link,.player-page .player-title{margin-left:12px;margin-right:12px}.player-container{border-radius:0}}