:root{color:#fff;background:#050505;font-family:Pretendard,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:#111}button,a{color:inherit;font:inherit}button{cursor:pointer}.center-intro{position:fixed;inset:0;display:grid;place-items:center;overflow:hidden;background:#000}.center-intro:before{position:absolute;inset:0;content:"";background:radial-gradient(circle at center,rgba(229,9,20,.35),transparent 24%),linear-gradient(90deg,#000,#120204 46% 54%,#000);animation:okflix-center-bloom-final 3.4s ease-in-out forwards}.center-intro-tunnel{position:absolute;width:min(120vmax,1600px);aspect-ratio:1;border-radius:50%;border:40px solid rgba(229,9,20,.15);box-shadow:0 0 0 90px #e509141a,0 0 0 170px #e5091412,inset 0 0 90px #e5091473;transform:scale(.12);animation:okflix-center-tunnel-final 3.4s cubic-bezier(.76,0,.24,1) forwards}.center-intro-logo{position:relative;z-index:2;font-size:clamp(9rem,26vw,25rem);font-weight:950;line-height:.85;color:#e50914;text-shadow:0 0 22px rgba(229,9,20,.8),0 0 90px rgba(229,9,20,.6);transform:scale(.7);animation:okflix-center-logo-final 3.4s cubic-bezier(.76,0,.24,1) forwards}.center-intro-hint{position:absolute;bottom:42px;margin:0;color:#ffffff8c;font-size:.95rem;animation:okflix-center-hint-final 3.4s ease forwards}.profiles{position:relative;width:min(100%,430px);min-height:100vh;margin:0 auto;display:flex;flex-direction:column;justify-content:end;justify-items:center;overflow:hidden;padding:56px 24px 42px;background:#050505;box-shadow:0 0 80px #0000008c}.profile-backdrop{position:absolute;inset:0;width:100%;height:72%;object-fit:cover;filter:saturate(1.08)}.profiles:after{position:absolute;z-index:1;inset:0;content:"";background:linear-gradient(180deg,#0000002e,#0505051a 42%,#050505 74%),linear-gradient(0deg,rgba(26,95,110,.48),transparent 46%)}.profiles.is-selecting:after{z-index:3;animation:profile-backdrop-blackout .92s cubic-bezier(.45,0,.2,1) both}.profiles.is-selecting .profile-backdrop-copy,.profiles.is-selecting .profile-grid{animation:profile-content-fade .52s ease both}.profile-backdrop-copy{position:relative;z-index:2;width:100%;display:grid;justify-items:center;margin-bottom:18px;text-align:center}.profile-backdrop-copy strong{color:#e50914;font-size:.74rem;font-weight:950}.profile-backdrop-copy h1{max-width:340px;margin:0;font-size:clamp(2rem,10vw,3.1rem);line-height:1.05;font-weight:950}.profile-backdrop-copy p{max-width:310px;margin:12px 0 0;color:#ffffffc2;font-size:.9rem;line-height:1.5}.profile-grid{position:relative;z-index:2;width:min(100%,330px);align-self:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 14px;justify-items:center}.profile{width:100%;display:grid;gap:8px;justify-items:center;border:0;background:transparent;color:#ffffffe0;font-size:.78rem;font-weight:600}.profile-avatar{width:clamp(72px,21vw,88px);aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:0;border-radius:14px;background:#ffffff1f;color:#fff;font-size:clamp(3rem,7vw,6rem);font-weight:900;transition:border-color .16s ease,transform .16s ease}.profile-avatar img{width:100%;height:100%;display:block;object-fit:cover}.profile:hover,.profile:focus-visible{color:#fff}.profile:hover .profile-avatar,.profile:focus-visible .profile-avatar{outline:2px solid #fff;transform:translateY(-4px)}.profile-transition{position:absolute;z-index:5;left:50%;top:50%;display:grid;justify-items:center;gap:14px;color:#fff;transform:translate(-50%,-50%);animation:profile-select-in .52s cubic-bezier(.2,.8,.2,1) both}.profile-transition-avatar{width:132px;aspect-ratio:1;overflow:hidden;border-radius:20px;background:#222;box-shadow:0 24px 72px #0000009e}.profile-transition-avatar img{width:100%;height:100%;object-fit:cover}.profile-transition strong{font-size:1.05rem}.profile-handoff{position:fixed;z-index:80;left:50%;top:50%;width:132px;aspect-ratio:1;overflow:hidden;border-radius:20px;background:#222;box-shadow:0 24px 72px #0000009e;transform:translate(-50%,-50%);pointer-events:none;animation:profile-handoff-to-tab .76s cubic-bezier(.22,.9,.24,1) both}.profile-handoff img{width:100%;height:100%;display:block;object-fit:cover}.profile-loader{width:92px;height:4px;overflow:hidden;border-radius:999px;background:#ffffff2e}.profile-loader:after{display:block;width:42%;height:100%;border-radius:inherit;background:#e50914;content:"";animation:profile-loader-run .78s ease-in-out infinite}.home{position:relative;width:min(100%,430px);min-height:100vh;margin:0 auto;overflow:hidden;padding-bottom:88px;background:#0e0e0ed6;box-shadow:0 0 80px #0000008c;animation:home-enter .68s ease-out .3s both}@media(min-width:900px){.home{width:100%;max-width:none}}.nav{position:fixed;z-index:20;top:0;left:50%;right:auto;width:min(100%,430px);transform:translate(-50%);display:flex;align-items:center;gap:14px;height:66px;padding:10px 18px 8px;background:linear-gradient(180deg,#1a1a1ab8,#1212128f);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}@media(min-width:900px){.nav{width:100%;max-width:none;left:0;transform:none;padding-inline:clamp(32px,4vw,56px)}}.brand{text-decoration:none;color:#e50914;display:inline-flex;align-items:flex-start;height:42px;font-size:clamp(1.5rem,2.7vw,2.25rem);font-weight:950;line-height:.92;letter-spacing:0;margin-top:18px}.brand span{display:inline-block;transform-origin:50% 0%}.brand span:nth-child(1){transform:scaleY(1.12) skewY(-1.4deg)}.brand span:nth-child(2){transform:scaleY(1.07) skewY(-.7deg)}.brand span:nth-child(3),.brand span:nth-child(4){transform:scaleY(1)}.brand span:nth-child(5){transform:scaleY(1.07) skewY(.7deg)}.brand span:nth-child(6){transform:scaleY(1.12) skewY(1.4deg)}.nav nav{position:fixed;z-index:30;left:50%;right:auto;bottom:0;width:min(100%,430px);height:66px;display:flex;justify-content:space-around;gap:0;padding:8px 14px max(8px,env(safe-area-inset-bottom));background:#080808f0;border-top:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.nav a{text-decoration:none;font-weight:700}.nav nav a{min-width:58px;display:grid;place-items:center;color:#ffffffbd;font-size:.82rem;font-weight:900}.nav-actions{margin-left:auto;display:flex;gap:10px}.nav-actions button{width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent}.nav-title{font-size:1.18rem;font-weight:850}.profile-menu-button{position:absolute;top:54px;right:14px;width:auto!important;height:38px!important;padding:0 14px!important;border-radius:10px;background:#1e1e1ef5!important;box-shadow:0 12px 28px #0000005c;color:#fff;font-size:.84rem;font-weight:800}.bottom-nav{position:fixed;z-index:50;left:50%;bottom:0;width:min(100%,430px);height:74px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:7px 22px max(8px,env(safe-area-inset-bottom));border-top:1px solid rgba(255,255,255,.11);background:#161616ad;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.bottom-nav button{min-width:0;display:grid;place-items:center;gap:2px;padding:4px 0;border:0;border-radius:10px;background:transparent;color:#ffffff8f;font-size:.72rem;font-weight:700}.bottom-nav button.is-active{color:#fff;outline:2px solid #2c8dff;outline-offset:-2px}.bottom-profile-thumb{width:34px;aspect-ratio:1;overflow:hidden;border-radius:9px;background:#222}.bottom-profile-thumb img{width:100%;height:100%;display:block;object-fit:cover}.profile-tab.is-active .bottom-profile-thumb{outline:2px solid #fff}.hero{position:relative;min-height:760px;margin:0 0 24px;padding:92px 18px 28px;background:linear-gradient(180deg,#0e0e0e00,#0e0e0e47 44%,#0e0e0ef5),linear-gradient(145deg,#38383880,#12121252),#0e0e0ef5}.hero-badge{position:absolute;z-index:4;top:110px;left:34px;margin:0;padding:9px 14px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:#ffffff14;color:#f5e7cb;font-size:.82rem;font-weight:900;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero:after{position:absolute;inset:auto 0 0;height:230px;content:"";background:linear-gradient(180deg,transparent,rgba(14,14,14,.96) 74%)}.projector{display:none}.hero-media{position:absolute;inset:66px 16px 0;z-index:1;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.14);background:#ffffff08;box-shadow:0 22px 42px #00000061,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-media:after{position:absolute;inset:0;z-index:2;content:"";background:linear-gradient(180deg,#ffffff0f,#00000057),linear-gradient(110deg,transparent 0 44%,rgba(255,255,255,.08) 50%,transparent 56%)}.hero-media img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;opacity:0;transform:scale(1.015);transition:opacity .9s ease,transform 1.2s ease}.hero-media img.is-active{opacity:1;transform:scale(1)}.screen-shape{position:absolute;top:90px;left:50%;width:min(78vw,320px);aspect-ratio:2 / 3;border:8px solid rgba(240,190,118,.72);border-radius:18px;background:linear-gradient(145deg,#f8cf82db,#91a0a4b8),linear-gradient(90deg,rgba(229,9,20,.16),transparent);box-shadow:0 30px 72px #0000009e;transform:translate(-50%) perspective(780px) rotateY(-7deg) rotate(-1deg)}.film-strip{position:absolute;top:17%;right:-2%;width:min(19vw,330px);height:76vh;opacity:.58;background:repeating-linear-gradient(0deg,transparent 0 42px,rgba(255,255,255,.42) 42px 52px),linear-gradient(90deg,#ffffff29,#000000e6);transform:rotate(8deg)}.hero-copy{position:absolute;z-index:3;left:18px;right:18px;bottom:28px;max-width:100%;display:grid;gap:20px;justify-items:center;text-align:center}.eyebrow{display:inline-flex;margin:0 0 16px;padding:9px 14px;border:1px solid rgba(255,255,255,.25);border-radius:6px;background:#00000073;color:#fff0d9;font-size:.88rem;font-weight:900}.hero h1{max-width:520px;margin:0 0 4px;font-size:clamp(1.55rem,5vw,2.2rem);line-height:1.02;font-weight:950}.hero-actions{justify-content:center}@media(min-width:900px){.hero{min-height:820px;padding-inline:clamp(32px,4vw,56px)}.hero-media{inset:72px clamp(32px,4vw,56px) 0;border-radius:28px}.hero-copy{left:clamp(32px,4vw,56px);right:auto;bottom:32px;max-width:540px;justify-items:start;text-align:left}.hero-actions{justify-content:flex-start}}.summary{max-width:740px;margin:18px 0 20px;color:#ffffffdb;font-size:1rem;line-height:1.65}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-actions button{height:54px;min-width:170px;display:inline-flex;align-items:center;gap:10px;padding:0 24px;border:0;border-radius:8px;font-size:.95rem;font-weight:900}.primary{background:#f5f5f5;color:#111}.secondary{background:#6d6d6ee0;color:#fff}.meta{display:flex;gap:24px;margin:22px 0 0}.meta dt,.meta dd{margin:0}.meta dt{color:#ffffff94;font-size:.95rem}.meta dd{margin-top:4px;font-size:1.2rem;font-weight:900}.row{position:relative;z-index:4;margin-top:0;padding:0 18px 34px}@media(min-width:900px){.row{padding-inline:clamp(32px,4vw,56px)}}.hero+.row{margin-top:-30px}.row-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:14px}.row-title h2{margin:0;font-size:1.35rem;line-height:1.08}.row-title span{color:#ffffffb3;font-size:.76rem;font-weight:900}.cards{display:flex;gap:12px;overflow-x:auto;margin:0 -18px;padding:0 18px 8px;scrollbar-width:none}.cards::-webkit-scrollbar{display:none}.memory-card{flex:0 0 clamp(260px,72vw,310px);min-width:0}@media(min-width:900px){.cards{margin:0;padding-inline:0}.memory-card{flex-basis:clamp(220px,16vw,280px)}}.memory-button{width:100%;display:block;padding:0;border:0;background:transparent;text-align:left}.poster{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:10px;background:radial-gradient(circle at 80% 20%,var(--card-accent),transparent 35%),linear-gradient(135deg,var(--card-color),#101010 120%);transition:transform .16s ease}.poster img{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover}.poster:after{position:absolute;z-index:2;inset:0;content:"";background:linear-gradient(110deg,transparent 0 45%,rgba(255,255,255,.08) 45% 52%,transparent 52%),linear-gradient(0deg,rgba(0,0,0,.35),transparent 65%)}.memory-card:hover .poster{transform:scale(1.035)}.image-badge{position:absolute;z-index:4;left:12px;top:12px;height:30px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;border-radius:999px;background:#0000009e;color:#fff;font-size:.78rem;font-weight:900}.rank{position:absolute;z-index:3;left:12px;bottom:-20px;color:#ffffff1a;-webkit-text-stroke:3px rgba(255,255,255,.72);font-size:clamp(5.3rem,9vw,8rem);font-weight:950;line-height:.8}.poster-title{position:absolute;z-index:4;right:14px;top:12px;font-size:.92rem;font-weight:950}.card-meta-line{display:flex;gap:8px;flex-wrap:wrap;min-height:22px;margin-top:10px}.card-meta-line span{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:999px;background:#ffffff1f;color:#ffffffb8;font-size:.78rem;font-weight:800}.memory-card h3{margin:8px 0 3px;font-size:.94rem;line-height:1.28}.memory-card p{margin:0;color:#ffffff9e;display:-webkit-box;overflow:hidden;font-size:.82rem;line-height:1.38;-webkit-box-orient:vertical;-webkit-line-clamp:2}.home .card-meta-line,.home .memory-card p,.home .series-copy small,.home .series-copy em,.home .row-title span:empty{display:none}.home .memory-card h3{margin-top:7px;font-size:.86rem}.home .series-copy{gap:0}.home .series-copy strong{font-size:.88rem}.series-showcase{position:relative;z-index:4;padding:0 18px 36px}@media(min-width:900px){.series-showcase{padding-inline:clamp(32px,4vw,56px)}}.series-grid{display:flex;gap:12px;overflow-x:auto;margin:0 -18px 18px;padding:0 18px 8px;scrollbar-width:none}.series-grid::-webkit-scrollbar{display:none}.series-card{flex:0 0 clamp(250px,68vw,300px);min-width:clamp(250px,68vw,300px);display:grid;gap:12px;padding:0;border:0;background:transparent;color:#fff;text-align:left}@media(min-width:900px){.series-card{flex-basis:clamp(190px,14vw,240px);min-width:clamp(190px,14vw,240px)}}.series-poster{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:14px;background:radial-gradient(circle at 80% 20%,var(--card-accent),transparent 34%),linear-gradient(135deg,var(--card-color),#111 120%);box-shadow:inset 0 0 0 2px transparent;transition:box-shadow .16s ease,transform .16s ease}.series-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.series-poster:after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,rgba(0,0,0,.7),transparent 64%),linear-gradient(110deg,transparent 0 45%,rgba(255,255,255,.08) 45% 52%,transparent 52%)}.series-poster span{position:absolute;z-index:2;left:14px;bottom:12px;font-size:clamp(1.45rem,2.4vw,2.4rem);font-weight:950;line-height:.95}.series-card:hover .series-poster,.series-card:focus-visible .series-poster,.series-card.is-active .series-poster{box-shadow:inset 0 0 0 3px #fff;transform:translateY(-3px)}.series-copy{display:grid;gap:5px}.series-copy strong{font-size:.98rem}.series-copy small{color:#ffffffa3;font-size:.82rem;font-style:normal;font-weight:900}.series-copy em{color:#ffffff9e;display:-webkit-box;overflow:hidden;font-size:.82rem;font-style:normal;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.episode-panel{overflow:hidden;border-radius:18px;background:#181818;box-shadow:inset 0 0 0 1px #ffffff14}.episode-heading{display:flex;align-items:start;flex-direction:column;justify-content:space-between;gap:20px;padding:20px 16px 12px}.episode-heading span,.episode-heading strong{color:#ffffffad;font-size:.94rem;font-weight:900}.episode-heading h3{margin:4px 0 0;font-size:2rem;line-height:1}.episode-list{display:grid}.episode-item{min-width:0;display:grid;grid-template-columns:28px 118px minmax(0,1fr);align-items:center;gap:12px;padding:16px;border:0;border-top:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;text-align:left}.episode-item:hover,.episode-item:focus-visible,.episode-item.is-active{background:#ffffff14}.series-detail{position:fixed;z-index:60;inset:0;width:min(100%,430px);margin:0 auto;overflow-y:auto;background:#050505;animation:modal-backdrop-in .16s ease-out both}@media(min-width:900px){.series-detail{width:min(92vw,960px)}}.series-detail-hero{position:relative;min-height:430px;background:#111}.series-detail-close{position:absolute;z-index:5;top:16px;right:16px;width:42px;height:42px;display:grid;place-items:center;border:0;border-radius:999px;background:#0000009e;color:#fff}.series-detail-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#000}.series-detail-media img,.series-detail-media video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}.series-detail-media video{z-index:2;opacity:0;transition:opacity .18s ease}.series-detail-media video.is-ready{opacity:1}.series-detail-poster{z-index:1;filter:brightness(.72);transition:opacity .18s ease}.series-detail-play{position:absolute;z-index:3;left:50%;top:50%;width:58px;aspect-ratio:1;display:grid;place-items:center;border:2px solid rgba(255,255,255,.84);border-radius:999px;background:#0000007a;color:#fff;transform:translate(-50%,-50%)}.series-detail-poster.is-hidden{opacity:0}.series-detail-copy{padding:20px 18px 24px}.series-detail-copy span{color:#e5b0b0;font-size:.86rem;font-weight:900}.series-detail-copy h2{margin:8px 0 10px;font-size:2rem;line-height:1.05}.series-detail-copy p{margin:0;color:#ffffffc2;line-height:1.6}.series-detail-list{padding-bottom:28px}.episode-number{color:#ffffffb8;padding-top:0;font-size:1.6rem;font-weight:700;text-align:center}.episode-thumb{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:10px;background:#050505}.episode-thumb img{width:100%;height:100%;display:block;object-fit:cover}.episode-thumb svg{position:absolute;left:50%;top:50%;width:42px;height:42px;padding:11px;border:2px solid rgba(255,255,255,.82);border-radius:999px;background:#0000007a;color:#fff;transform:translate(-50%,-50%)}.episode-copy{min-width:0;display:grid;gap:5px}.episode-copy strong{font-size:1rem;line-height:1.2}.episode-copy em{color:#ffffffbd;display:-webkit-box;overflow:hidden;font-size:.84rem;font-style:normal;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:3}.episode-copy small{color:#ffffff8a;font-size:.86rem;font-weight:900}.letter{margin:0 18px 28px;padding:24px 18px;border-radius:18px;background:linear-gradient(90deg,#0006,#0000),linear-gradient(135deg,#491219,#8d2429 48%,#221012)}.letter p{margin:0 0 8px;color:#ffb3b3;font-weight:900}.letter h2{margin:0 0 12px;font-size:1.7rem}.letter span{color:#ffffffd1;font-size:.98rem;line-height:1.7}.letter-page,.family-page{min-height:100vh;padding:104px 28px 122px;background:#000}.letter-page{display:grid;align-content:start;gap:22px}.letter-card{min-height:220px;display:grid;align-content:space-between;gap:24px;padding:22px 18px;border-radius:22px;background:radial-gradient(circle at 2px 2px,rgba(0,0,0,.08) 1px,transparent 1.2px),linear-gradient(135deg,#fffdf7,#fbf5e5);background-size:18px 18px,auto;color:#222;box-shadow:0 18px 38px #0003}.letter-card p{margin:16px 0 0;color:#0000009e;font-size:.84rem;line-height:1.62}.letter-from,.letter-to{display:grid;gap:6px}.letter-from span,.letter-to span{color:#0000007a;font-size:.75rem;font-weight:700}.letter-from strong,.letter-to strong{color:#171717;font-size:1rem;font-weight:900}.letter-to{justify-self:end;text-align:right}.family-page{position:relative;overflow:hidden;text-align:center}.family-page h1{position:relative;z-index:1;margin:30px auto 36px;max-width:330px;font-size:1.42rem;line-height:1.32;font-weight:900}.family-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 42px}.family-member{min-width:0;display:grid;justify-items:center;gap:13px;border:0;background:transparent;color:#fff;font-size:.98rem;font-weight:850}.family-member.is-full{grid-column:1 / -1;width:min(50%,160px);justify-self:center}.family-member span{width:min(100%,112px);aspect-ratio:1;overflow:hidden;border-radius:14px;background:#ffffff1f;box-shadow:0 18px 36px #0000003d}.family-member img{width:100%;height:100%;display:block;object-fit:cover}.family-helper{position:relative;z-index:1;margin:44px 0 24px;color:#ffffffc7;font-size:.84rem}.share-button{position:relative;z-index:1;height:54px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:0 24px;border:0;border-radius:999px;background:#ffffff1f;color:#fff;font-size:.92rem;font-weight:800}.modal-backdrop{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:clamp(18px,4vw,54px);background:#000000c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:modal-backdrop-in .18s ease-out both}.memory-modal{position:relative;width:min(1040px,100%);max-height:min(860px,92vh);overflow:hidden;border-radius:8px;background:#141414;box-shadow:0 30px 120px #000000b8;animation:modal-content-in .22s cubic-bezier(.2,.8,.2,1) both}@media(min-width:900px){.memory-modal{width:min(1180px,100%)}}.modal-close{position:absolute;z-index:5;top:16px;right:16px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:999px;background:#000000ad}.modal-media{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:#000}.modal-media img,.modal-media video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain}.modal-media video{z-index:2;opacity:0;transition:opacity .18s ease}.modal-media video.is-ready{opacity:1}.modal-poster-preview{z-index:1;filter:brightness(.72);transition:opacity .18s ease,transform .36s ease}.modal-poster-preview.is-hidden{opacity:0;transform:scale(1.01)}.video-loading{position:absolute;z-index:3;left:50%;top:50%;width:74px;height:74px;display:grid;place-items:center;border-radius:999px;background:#e50914e0;color:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff2e,0 18px 45px #0000006b;animation:video-loading-pulse 1.1s ease-in-out infinite}.modal-arrow{position:absolute;z-index:4;top:50%;width:48px;height:72px;display:grid;place-items:center;border:0;background:#0000006b;transform:translateY(-50%)}.modal-arrow.left{left:0}.modal-arrow.right{right:0}.modal-copy{padding:26px clamp(22px,4vw,42px) 34px}.modal-copy span{color:#e5b0b0;font-weight:900}.modal-copy h2{margin:8px 0 10px;font-size:clamp(2rem,4vw,3.4rem);line-height:1.05}.modal-copy p{max-width:760px;margin:0 0 12px;color:#ffffffc7;font-size:1.1rem;line-height:1.65}.modal-copy small{color:#ffffff8c;font-weight:800}.modal-copy small:empty{display:none}@keyframes okflix-center-logo-final{0%{opacity:0;transform:scale(.32)}17%{opacity:1;transform:scale(.72)}68%{opacity:1;transform:scale(.92)}to{opacity:0;transform:scale(18)}}@keyframes okflix-center-tunnel-final{0%{opacity:0;transform:scale(.08)}35%{opacity:1}to{opacity:0;transform:scale(2.6)}}@keyframes okflix-center-bloom-final{0%,70%{opacity:1}to{opacity:0}}@keyframes okflix-center-hint-final{0%,65%{opacity:.75}to{opacity:0}}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes modal-content-in{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes video-loading-pulse{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.06)}}@keyframes profile-backdrop-blackout{0%{background:linear-gradient(180deg,#0000002e,#0505051a 42%,#050505 74%),linear-gradient(0deg,rgba(26,95,110,.48),transparent 46%)}52%{background:linear-gradient(180deg,#000000c7,#000000d1),linear-gradient(0deg,#000000bd,#0000006b)}to{background:#000}}@keyframes profile-content-fade{0%{opacity:1;transform:scale(1)}to{opacity:.16;transform:scale(.985)}}@keyframes profile-select-in{0%{opacity:0;transform:translate(-50%,28%) scale(.62)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes profile-handoff-to-tab{0%{opacity:1;border-radius:20px;box-shadow:0 24px 72px #0000009e;transform:translate(-50%,-50%) scale(1)}36%{opacity:1;border-radius:18px;transform:translate(-50%,-50%) scale(.82)}to{opacity:0;border-radius:9px;box-shadow:0 8px 26px #0000006b;transform:translate(calc(-50% + clamp(118px,33vw,148px)),calc(-50% + 50vh - 58px)) scale(.27)}}@keyframes home-enter{0%{opacity:0}45%{opacity:.78}to{opacity:1}}@keyframes profile-loader-run{0%{transform:translate(-120%)}to{transform:translate(260%)}}@media(max-width:430px){.profiles{gap:22px;padding:52px 20px 30px}.profile-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}}