.film-root{width:100%;background:hsl(var(--bg));overflow:visible;min-height:0}.film-giant{position:relative;width:100%;height:calc(100dvh - 64px);min-height:560px;max-height:900px;display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;gap:6px;padding:0 0 8px;overflow:hidden}.film-bg{inset:0;pointer-events:none;z-index:0}.film-bg,.gblob{position:absolute}.gblob{border-radius:50%;filter:blur(90px);opacity:.45}.b1{width:520px;height:520px;background:radial-gradient(circle,hsl(var(--primary)/.7) 0,transparent 70%);left:-100px;top:-80px}.b2{width:420px;height:420px;background:radial-gradient(circle,hsl(var(--primary)/.35) 0,transparent 70%);right:-60px;bottom:12%}.strip-wrap{position:relative;width:100%;max-width:100%;height:64px;flex-shrink:0;overflow:hidden;background:hsl(var(--surface)/.82);backdrop-filter:blur(16px);border-top:1px solid hsl(var(--border));border-bottom:1px solid hsl(var(--border));z-index:4;border-radius:12px}.strip-wrap.upper{border-top:none}.strip-track{display:flex;gap:8px;width:-moz-max-content;width:max-content;align-items:center;height:100%;padding:0 8px}.strip-track.ltr{animation:scrollLtr 42s linear infinite}.strip-track.rtl{animation:scrollRtl 42s linear infinite}.strip-card{width:118px;height:48px;border-radius:8px;overflow:hidden;border:1px solid hsl(var(--border));flex-shrink:0;background:hsl(var(--surface));cursor:pointer}.strip-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}@keyframes scrollLtr{0%{transform:translateX(0)}to{transform:translateX(-33.333%)}}@keyframes scrollRtl{0%{transform:translateX(-33.333%)}to{transform:translateX(0)}}.film-center{width:100%;flex:1 1 auto;min-height:0;display:flex;padding:0 6px;box-sizing:border-box}.center-cover{position:relative;width:100%;height:100%;border-radius:16px;overflow:hidden;background:hsl(var(--surface));border:1px solid hsl(var(--border));box-shadow:0 0 0 1px hsl(var(--border)),0 18px 40px -16px hsl(var(--primary)/.55)}.center-cover img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;display:block}.center-fade{position:absolute;inset:auto 0 0 0;height:62%;background:linear-gradient(0deg,hsl(var(--bg)) 12%,hsl(var(--bg)/.65) 38%,transparent 100%)}.center-top{position:absolute;left:12px;top:12px;display:flex;gap:6px;z-index:2}.c-pill{padding:4px 9px;border-radius:999px;background:hsl(var(--surface)/.85);border:1px solid hsl(var(--border));color:hsl(var(--text));font-size:9px;font-weight:800}.c-pill.muted{color:hsl(var(--text-muted))}.center-desc{position:absolute;right:14px;bottom:14px;max-width:280px;text-align:right;z-index:2}.c-title{font-size:20px;font-weight:900;color:hsl(var(--text));text-transform:lowercase;line-height:1}.c-meta{margin-top:3px}.c-meta,.c-text{font-size:10px;color:hsl(var(--text-muted))}.c-text{margin-top:4px;line-height:1.3}.play-3d.glass{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:74px;height:74px;border-radius:50%;border:1px solid hsl(0 0% 100%/.18);background:hsl(0 0% 100%/.08);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:4;transition:transform.22s cubic-bezier(.34,1.56,.64,1),border-color.3s,background.3s;box-shadow:inset 0 1px 0 hsl(0 0% 100%/.25),inset 0 -1px 0 hsl(0 0% 0%/.2),0 10px 30px hsl(0 0% 0%/.35),0 0 0 1px hsl(var(--border)/.4)}.play-3d.glass:hover{background:hsl(0 0% 100%/.12);border-color:hsl(0 0% 100%/.28);transform:translate(-50%,-50%) scale(1.04)}.play-3d.glass.clicking{transform:translate(-50%,-50%) scale(.88)}.play-core{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}.play-tri{width:28px;height:28px;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));transform:translateX(1px)}.play-smoke{position:absolute;inset:-2px;border-radius:50%;pointer-events:none;z-index:1;animation:smokeOut .9s cubic-bezier(.16,1,.3,1) forwards}.play-smoke.full{background:radial-gradient(circle,hsl(var(--primary)/.55) 0,hsl(var(--primary)/.22) 28%,transparent 68%);border:1px solid hsl(var(--primary)/.35)}.play-smoke.preview{background:radial-gradient(circle,hsl(var(--text)/.28) 0,hsl(var(--text)/.12) 30%,transparent 70%);border:1px solid hsl(var(--text)/.18)}.play-smoke-2{position:absolute;inset:-10px;border-radius:50%;background:radial-gradient(circle,hsl(0 0% 100%/.14) 0,transparent 60%);pointer-events:none;z-index:1;opacity:.6}@keyframes smokeOut{0%{transform:scale(.55);opacity:.9}35%{transform:scale(1.15);opacity:.55}to{transform:scale(2.9);opacity:0}}.controls-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-shrink:0;z-index:7;padding:2px 0 0}.dots-wrap{display:flex;gap:6px}.dot{width:7px;height:7px;border-radius:999px;border:none;background:hsl(var(--border));cursor:pointer;transition:.3s}.dot.active{width:22px;background:hsl(var(--text))}.anchor-btns{display:flex;border-radius:999px;overflow:hidden;background:hsl(var(--surface));border:1px solid hsl(var(--border))}.a-btn{padding:7px 14px;border:none;font-size:8.5px;font-weight:800;letter-spacing:.1em;cursor:pointer;color:hsl(var(--text-muted));background:transparent}.a-btn.full.on{background:hsl(var(--primary));color:hsl(var(--primary-text))}.a-btn.prev.on{background:hsl(var(--surface-hover));color:hsl(var(--text))}@media(min-width:769px){.film-giant{height:calc(100dvh - 78px);gap:6px}.strip-wrap{height:62px;border-radius:10px}.film-center{padding:0 6px}.center-cover{border-radius:16px}}@media(max-width:768px){.film-giant{height:calc(100dvh - 58px - 72px - 3px);min-height:0;max-height:none;gap:4px;padding-bottom:48px;position:relative}.strip-wrap{height:52px;border-radius:0}.strip-card{width:88px;height:38px}.film-center{padding:0;width:100%;aspect-ratio:auto;flex:1}.center-cover{border-radius:12px}.center-desc{right:10px;left:10px;bottom:10px;max-width:none;text-align:left}.c-title{font-size:18px}.controls-row{flex-direction:column;gap:6px;position:absolute;left:0;right:0;bottom:8px;z-index:20}.film-root{width:100vw;margin-left:calc(-50vw + 50%)}.film-giant,.film-root{padding-left:0!important;padding-right:0!important}.film-giant{width:100%!important;max-width:100vw!important}.strip-wrap{margin-left:0!important;border-radius:0!important;border-left:none!important;border-right:none!important}.film-center,.strip-wrap{width:100vw!important;max-width:100vw!important}.film-center{padding:0!important}.center-cover{border-radius:0!important;border-left:none!important;border-right:none!important}}.c-title,.l-card-title,.latest-title{text-transform:capitalize!important}@media (max-width:768px){body,html{width:100%!important;position:relative!important}.film-root,body,html{overflow-x:hidden!important;overscroll-behavior-x:none!important}.film-root,.strip-wrap,body,html{max-width:100vw!important;touch-action:pan-y!important}.strip-wrap{overflow:hidden!important}.strip-track{-webkit-user-select:none!important;-moz-user-select:none!important;user-select:none!important}.center-cover img,.strip-card img,.strip-track{-webkit-user-drag:none!important;-webkit-touch-callout:none!important}}.hero-corner-actions.pc-only{position:absolute;left:14px;bottom:14px;z-index:8;display:flex;gap:8px}.hca-btn{display:inline-flex;gap:6px;padding:8px 12px;border-radius:6px;background:rgba(0,0,0,.55);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:10px;font-weight:900;letter-spacing:.06em}.hca-btn,.m-icon-btn{align-items:center;cursor:pointer}.m-icon-btn{width:38px;height:33px;display:flex;justify-content:center;border-radius:999px;background:hsl(var(--surface));border:1px solid hsl(var(--border));color:hsl(var(--text));flex-shrink:0}@media(min-width:769px){.mobile-only,.mobile-same-line{display:none!important}.pc-only{display:flex!important}}@media(max-width:768px){.pc-only{display:none!important}.mobile-only,.mobile-same-line{display:flex!important}.mobile-same-line{width:100%;align-items:center;justify-content:space-between;gap:10px;padding:0 12px}.mobile-same-line .anchor-btns{flex:0 0 auto}.mobile-same-line .a-btn{padding:8px 16px;display:flex;align-items:center;height:33px}.film-center{padding-left:12px!important;padding-right:12px!important;width:100%!important;box-sizing:border-box!important}.center-cover{width:100%!important;border-radius:10px 10px 0 0!important;overflow:hidden!important}.center-cover>img,.center-fade{border-radius:8px 8px 0 0!important}}