:root{--bg:#07090d;--panel:#11151d;--panel2:#171c25;--line:#272e3b;--text:#f6f7f9;--muted:#8e98a8;--accent:#e84a5f;--accent2:#ffb347}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--text);margin:0;padding:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input{font:inherit}button{color:inherit}.appShell{width:min(1080px,100%);min-height:100dvh;margin:0 auto;padding:28px clamp(18px,4vw,48px) 40px}.brandHeader{justify-content:space-between;align-items:center;gap:20px;display:flex}.brandHeader p{color:var(--muted);margin:0;font-size:14px}.brandMark{letter-spacing:.08em;font-size:20px;font-weight:900}.brandMark span{color:var(--accent)}.heroSearch{max-width:760px;padding:clamp(50px,10vh,110px) 0 34px}.heroSearch h1{letter-spacing:-.05em;margin:0 0 30px;font-size:clamp(36px,7vw,70px);line-height:.98}.searchBox{border:1px solid var(--line);background:#0e1219;border-radius:18px;align-items:center;gap:12px;height:64px;padding:0 20px;display:flex;box-shadow:0 18px 60px #00000047}.searchBox span{color:var(--muted);font-size:28px;transform:rotate(-20deg)}.searchBox input{color:var(--text);background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:18px}.searchBox input::placeholder{color:#697385}.sectionHeading{justify-content:space-between;align-items:center;display:flex}h2{margin:0 0 18px;font-size:19px}.movieGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px;display:grid}.movieCard{text-align:left;border:1px solid var(--line);background:var(--panel);cursor:pointer;border-radius:20px;gap:16px;width:100%;padding:12px;transition:all .18s;display:flex}.movieCard:hover{background:var(--panel2);border-color:#3a4353;transform:translateY(-2px)}.poster{aspect-ratio:2/3;text-align:center;background:radial-gradient(circle at 60% 25%,#273963 0 18%,#0000 19%),linear-gradient(145deg,#0e254c 0 43%,#8e1a2a 44% 62%,#071627 63%);border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:90px;padding:10px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 40px #0006}.poster:after{content:"";background:repeating-linear-gradient(70deg,#0000 0 16px,#ffffff0d 17px 18px);position:absolute;inset:0}.realPoster{aspect-ratio:2/3;background:#11151d;border-radius:12px;flex:none;width:90px;padding:0;position:relative;overflow:hidden}.realPoster:after{display:none}.largePoster{aspect-ratio:2/3;width:180px;max-width:38vw}.posterImage{object-fit:cover;object-position:center;object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.poster strong,.poster span,.posterWeb{z-index:1;text-shadow:0 2px 8px #000}.poster strong{letter-spacing:.06em;font-size:11px}.poster span{letter-spacing:.12em;font-size:7px}.posterWeb{color:#ffcad1;font-size:7px;position:absolute;top:8px;right:8px}.movieInfo{flex-direction:column;min-width:0;padding:7px 0;display:flex}.movieInfo strong{font-size:17px;line-height:1.3}.movieInfo span{color:#c2c8d1;margin-top:5px}.movieInfo small{color:var(--muted);margin-top:auto}.uploadCard{background:#0b0e13;border:1px dashed #343d4e;border-radius:20px;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;padding:22px;display:flex}.uploadCard strong{font-size:17px}.uploadCard p{color:var(--muted);margin:5px 0 0}.secondaryBtn,.backBtn,.uploadInline button{border:1px solid var(--line);background:var(--panel2);cursor:pointer;border-radius:12px;padding:11px 15px}.hiddenInput{display:none}footer{color:#596273;text-align:center;margin-top:60px;font-size:12px}.movieDetail{padding-top:34px}.backBtn{margin-bottom:28px}.detailHero{border-bottom:1px solid var(--line);align-items:center;gap:26px;padding-bottom:34px;display:flex}.largePoster{border-radius:18px;width:145px}.largePoster strong{font-size:16px}.largePoster span{font-size:9px}.detailHero h1{letter-spacing:-.04em;margin:5px 0 14px;font-size:clamp(32px,6vw,58px);line-height:1}.detailHero p{color:var(--muted);max-width:570px;line-height:1.55}.eyebrow{color:var(--accent2);font-weight:700}.subtitleList{padding:32px 0 14px}.subtitleOption{border:1px solid var(--line);background:var(--panel);cursor:pointer;text-align:left;border-radius:17px;align-items:center;gap:14px;width:100%;padding:16px;display:flex}.subtitleOption:hover{background:var(--panel2)}.languageBadge{background:#262f3d;border-radius:12px;place-items:center;width:44px;height:44px;font-weight:800;display:grid}.subtitleMeta{flex-direction:column;flex:1;gap:3px;display:flex}.subtitleMeta span{color:var(--muted);font-size:13px}.readyTag{color:#73dfaa;font-size:13px;font-weight:700}.downloadTag{color:#cdd3dc;font-size:13px}.statusMessage{color:#9ee1b8;background:#0d1813;border:1px solid #314338;border-radius:12px;margin-top:14px;padding:13px 15px}.uploadInline{color:var(--muted);align-items:center;gap:12px;margin-top:18px;display:flex}.uploadInline button{padding:8px 10px}.cinema{color:#bfc3c9;z-index:999;-webkit-user-select:none;user-select:none;background:#000;position:fixed;inset:0;overflow:hidden}.cinemaLight{color:#111;background:#d9d9d5}.subtitleStage{justify-content:center;align-items:center;padding:8vh 8vw;display:flex;position:absolute;inset:0}.subtitleText{text-align:center;white-space:pre-line;text-shadow:0 2px 5px #000000e6;max-width:1200px;font-weight:650;line-height:1.25}.cinemaLight .subtitleText{text-shadow:none}.controlOverlay{color:#fff;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:linear-gradient(#000000d1,#00000029 25%,#0000001a 65%,#000000d1);flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.controlTop,.controlBottom,.syncRow{align-items:center;gap:9px;display:flex}.controlTop{justify-content:space-between}.controlTop>div:first-child{flex-direction:column;display:flex}.controlTop span{color:#adb5c2;margin-top:2px;font-size:12px}.clock{font-variant-numeric:tabular-nums;font-size:20px;font-weight:700}.controlCenter{flex-direction:column;align-items:center;gap:14px;display:flex}.primaryControl{color:#080a0e;cursor:pointer;background:#fff;border:0;border-radius:999px;padding:14px 28px;font-size:17px;font-weight:800}.syncRow{flex-wrap:wrap;justify-content:center}.syncRow button,.controlBottom button,.ghostBtn{cursor:pointer;background:#0f1219d1;border:1px solid #fff3;border-radius:10px;padding:9px 12px}.syncRow span{text-align:center;min-width:96px;font-size:13px}.secondaryControls{opacity:.9}.controlBottom{flex-wrap:wrap;justify-content:center}.subtitleOptionRow{align-items:stretch;gap:10px;display:flex}.subtitleOptionRow .subtitleOption{flex:1}.reloadSubtitleBtn{color:#fff;min-width:92px;font:inherit;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff24;border-radius:12px;padding:0 14px;font-size:.85rem;font-weight:600;transition:background .15s,border-color .15s}.reloadSubtitleBtn:hover{background:#ffffff1c;border-color:#ffffff38}.reloadSubtitleBtn:active{transform:translateY(1px)}@media (max-width:600px){.subtitleOptionRow{flex-direction:column}.reloadSubtitleBtn{width:100%;min-height:44px}}@media (max-width:640px){.brandHeader p{display:none}.heroSearch{padding-top:70px}.uploadCard{flex-direction:column;align-items:flex-start}.detailHero{align-items:flex-start}.largePoster{width:110px}.detailHero h1{font-size:30px}.readyTag,.downloadTag{font-size:11px}.subtitleText{font-size:34px!important}.controlTop strong{white-space:nowrap;text-overflow:ellipsis;max-width:45vw;overflow:hidden}.syncRow button{padding:8px 9px;font-size:12px}.secondaryControls{display:none}}@media (orientation:landscape) and (max-height:600px){.subtitleText{font-size:36px!important}.controlOverlay{padding:10px 16px}.controlTop{font-size:12px}.controlCenter{gap:8px}.primaryControl{padding:10px 22px}.syncRow button{padding:7px 9px}.controlBottom button{padding:7px 10px}}