.ofx{--red:#e50914;--bg:#141414;--muted:#b3b3b3;background:#000;color:#fff;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;overflow-x:hidden;max-width:100%;min-height:100vh}.ofx *{margin:0;padding:0;box-sizing:border-box}.ofx button{font-family:inherit}.ofx .intro{position:fixed;inset:0;background:#000;z-index:100;display:flex;align-items:center;justify-content:center}.ofx .intro .logo{font-size:clamp(2.6rem,13vw,8.5rem);font-weight:900;color:var(--red);text-shadow:0 0 60px rgba(229,9,20,.55);transform:scale(.62);opacity:0;animation:ofx-boom 3.4s cubic-bezier(.3,0,.2,1) forwards}@keyframes ofx-boom{0%{transform:scale(.62);opacity:0}18%{transform:scale(1);opacity:1}72%{transform:scale(1.02);opacity:1}to{transform:scale(1.4);opacity:0}}.ofx .intro.done{display:none}.ofx .profiles{position:fixed;inset:0;background:var(--bg);z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4rem;opacity:0;transition:opacity .6s;pointer-events:none}.ofx .profiles.show{opacity:1;pointer-events:auto}.ofx .profiles.gone{display:none}.ofx .profiles h1{font-weight:400;font-size:clamp(1.5rem,4.5vw,3rem);color:#e5e5e5}.ofx .profile-row{display:flex;gap:clamp(1.2rem,4vw,2.2rem)}.ofx .profile{display:flex;flex-direction:column;align-items:center;gap:.8rem;cursor:pointer;background:none;border:none;color:var(--muted)}.ofx .avatar{width:clamp(96px,22vw,150px);height:clamp(96px,22vw,150px);border-radius:6px;overflow:hidden;border:3px solid transparent;transition:.2s}.ofx .avatar img{width:100%;height:100%;object-fit:cover}.ofx .profile:focus .avatar,.ofx .profile:hover .avatar{border-color:#fff;transform:scale(1.04)}.ofx .profile:focus,.ofx .profile:hover{color:#fff;outline:none}.ofx .profile span{font-size:1.05rem}.ofx .app{opacity:0;transition:opacity .9s;background:var(--bg)}.ofx .app.show{opacity:1}.ofx header{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:2rem;padding:.85rem 4%;background:linear-gradient(180deg,rgba(0,0,0,.75),transparent);transition:background .35s}.ofx header.solid{background:#141414}.ofx .brand{color:var(--red);font-weight:900;font-size:clamp(1.2rem,3.5vw,1.6rem)}.ofx header nav{display:flex;gap:1.2rem;font-size:.85rem;color:#e5e5e5}.ofx header nav span{cursor:pointer}.ofx header nav span:hover{color:var(--muted)}@media (max-width:640px){.ofx header nav{display:none}}.ofx .hero{position:relative;height:92vh;min-height:520px;display:flex;align-items:flex-end;overflow:hidden}.ofx .hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 26%}.ofx .hero .fade{position:absolute;inset:0;background:linear-gradient(0deg,#141414 2%,hsla(0,0%,8%,.45) 28%,transparent 55%),linear-gradient(78deg,rgba(0,0,0,.78),rgba(0,0,0,.35) 40%,transparent 68%)}.ofx .hero .content{position:relative;z-index:2;padding:0 4% 15vh;max-width:640px}.ofx .brandline{display:flex;align-items:center;gap:.5rem;margin-bottom:.9rem}.ofx .brandline .n{color:var(--red);font-weight:900;font-size:1.4rem}.ofx .brandline .s{letter-spacing:.42em;font-size:.72rem;color:#d2d2d2;font-weight:700}.ofx .hero h2{font-size:clamp(2.2rem,7.5vw,4.6rem);font-weight:900;line-height:1;margin-bottom:1rem;text-shadow:0 2px 18px rgba(0,0,0,.6)}.ofx .badges{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-bottom:1rem;font-size:.88rem;color:#e5e5e5}.ofx .match{color:#46d369;font-weight:700}.ofx .tag{border:1px solid hsla(0,0%,100%,.55);padding:0 .38rem;border-radius:3px;font-size:.72rem}.ofx .hero p{color:#e8e8e8;font-size:clamp(.92rem,2vw,1.12rem);line-height:1.5;margin-bottom:1.5rem;text-shadow:0 1px 6px rgba(0,0,0,.8)}.ofx .btns{display:flex;gap:.7rem}.ofx .btn{display:inline-flex;align-items:center;gap:.55rem;border:none;border-radius:4px;cursor:pointer;font-weight:700;font-size:clamp(.92rem,2vw,1.08rem);padding:.68rem 1.5rem;transition:.2s}.ofx .btn.play{background:#fff;color:#000}.ofx .btn.info{background:hsla(240,0%,43%,.7);color:#fff}.ofx .btn:hover{opacity:.82}.ofx main{position:relative;z-index:3;margin-top:-10vh;padding-bottom:3rem}.ofx .row{margin:2.4rem 0}.ofx .row h3{font-size:clamp(1rem,2.4vw,1.35rem);font-weight:700;margin:0 4% .65rem;color:#e5e5e5}.ofx .slider{display:flex;gap:.45rem;overflow-x:auto;padding:.4rem 4% .9rem;scroll-behavior:smooth;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.ofx .slider::-webkit-scrollbar{display:none}.ofx .card{flex:0 0 auto;width:clamp(170px,30vw,310px);aspect-ratio:16/9;border-radius:4px;overflow:hidden;position:relative;cursor:pointer;background:#222;border:none;padding:0;transition:transform .25s,box-shadow .25s}.ofx .card:focus,.ofx .card:hover{transform:scale(1.09);z-index:6;box-shadow:0 10px 30px rgba(0,0,0,.7);outline:none}.ofx .card:focus-visible{box-shadow:0 0 0 3px #fff}.ofx .card img{width:100%;height:100%;object-fit:cover}.ofx .card .shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72) 0,transparent 38%)}.ofx .card .label{position:absolute;left:.6rem;right:.6rem;bottom:.45rem;font-size:.78rem;font-weight:600;text-align:left;text-shadow:0 1px 4px #000}.ofx .rank{position:absolute;left:0;bottom:-6px;font-size:4.4rem;font-weight:900;line-height:1;color:#141414;-webkit-text-stroke:2px #979797;z-index:2}.ofx .card .top10{position:absolute;top:0;right:8px;background:var(--red);font-size:.56rem;font-weight:800;padding:.28rem .34rem;border-radius:0 0 3px 3px;line-height:1.15;text-align:center}.ofx .playicon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:rgba(0,0,0,.5);border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;pointer-events:none}.ofx .progress-track{position:absolute;bottom:0;left:0;right:0;height:3px;background:hsla(0,0%,100%,.25)}.ofx .progress{height:100%;background:var(--red)}.ofx .modal{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.88);display:none;align-items:center;justify-content:center;padding:.8rem}.ofx .modal.open{display:flex}.ofx .modal .inner{background:#181818;border-radius:8px;max-width:820px;width:100%;max-height:94vh;overflow-y:auto;position:relative;box-shadow:0 12px 70px rgba(0,0,0,.9);animation:ofx-pop .25s ease}@keyframes ofx-pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.ofx .modal .media{width:100%;background:#000;display:flex;align-items:center;justify-content:center;border-radius:8px 8px 0 0;overflow:hidden}.ofx .modal .media img,.ofx .modal .media video{width:100%;max-height:72vh;object-fit:contain}.ofx .modal .meta{padding:1.2rem 1.5rem 1.8rem}.ofx .modal .meta .sub{color:#46d369;font-weight:700;font-size:.88rem;margin-bottom:.4rem}.ofx .modal .meta .sub .grey{color:var(--muted);font-weight:400}.ofx .modal .meta h4{font-size:1.45rem;margin-bottom:.5rem}.ofx .modal .meta p{color:#d2d2d2;line-height:1.55}.ofx .closeModal{position:-webkit-sticky;position:sticky;top:10px;margin-left:calc(100% - 46px);z-index:3;width:36px;height:36px;border-radius:50%;border:none;cursor:pointer;background:#181818;color:#fff;font-size:1.05rem}.ofx .finale{text-align:center;padding:4.5rem 6% 5.5rem;background:radial-gradient(ellipse at 50% 100%,#2a0507 0,#141414 65%)}.ofx .heart{font-size:3rem;animation:ofx-beat 1.5s infinite}@keyframes ofx-beat{0%,to{transform:scale(1)}22%{transform:scale(1.2)}38%{transform:scale(1)}}.ofx .finale h2{font-size:clamp(1.6rem,4.5vw,2.6rem);margin:.9rem 0 .7rem}.ofx .finale p{color:var(--muted);max-width:560px;margin:0 auto;line-height:1.65}.ofx footer{color:#666;font-size:.78rem;padding:1.8rem 1.8rem .6rem}.ofx .madewith,.ofx footer{text-align:center;background:#141414}.ofx .madewith{display:block;color:var(--muted,#b3b3b3);font-size:.82rem;font-weight:600;padding:.4rem 1.2rem 2rem;text-decoration:none}.ofx .madewith:hover{color:#fff}@media (prefers-reduced-motion:reduce){.ofx *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.ofx .ribbon{position:fixed;top:16px;left:-46px;transform:rotate(-45deg);background:var(--red,#e50914);color:#fff;font-weight:800;letter-spacing:2px;font-size:.72rem;padding:6px 60px;z-index:70;box-shadow:0 2px 10px rgba(0,0,0,.5);pointer-events:none}.ofx .editdot{position:absolute;top:6px;left:6px;width:24px;height:24px;border-radius:50%;background:rgba(0,0,0,.6);border:1px solid hsla(0,0%,100%,.6);display:flex;align-items:center;justify-content:center;font-size:.7rem;z-index:4}.ofx .editbox{margin-top:.3rem}.ofx .editlabel{display:block;font-size:.72rem;color:var(--muted,#b3b3b3);margin:.5rem 0 .25rem;text-transform:uppercase;letter-spacing:.06em}.ofx .editinput{width:100%;background:#2a2a2a;border:1px solid #444;border-radius:6px;color:#fff;font:inherit;font-size:.95rem;padding:.6rem .7rem;resize:vertical}.ofx .editinput:focus{outline:none;border-color:#888}.ofx .editrow{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.ofx .editbtn{background:#333;color:#fff;border:1px solid #555;border-radius:6px;padding:.5rem .8rem;font-size:.85rem;cursor:pointer}.ofx .editbtn:hover:not(:disabled){background:#444}.ofx .editbtn:disabled{opacity:.4;cursor:default}