@font-face{font-family:OdfansAvenir;src:url('/fonts/AvenirNextCyr-Bold.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}
html.odfans-transition-pending body > :not(.odfans-tab-transition){visibility:hidden!important}
html.odfans-transition-pending body > .odfans-tab-transition{visibility:visible!important}
.odfans-tab-transition.odfans-tab-transition-initial{display:none}
html[data-odfans-transition="home"]{--transition-title:"OnlyDeepFans";--transition-image:none;--transition-gradient:linear-gradient(135deg,#392246,#21162c 55%,#100d18);--transition-glow:rgba(182,91,202,.28)}
html[data-odfans-transition="video"]{--transition-title:"Дипфейк видео";--transition-image:url('https://i.postimg.cc/Qd1hY5cW/videobot.png');--transition-gradient:linear-gradient(135deg,#DC143C,#8B0000 52%,#2B0A12);--transition-glow:rgba(220,20,60,.28)}
html[data-odfans-transition="photo"]{--transition-title:"Дипфейк фото";--transition-image:url('https://i.postimg.cc/K8kr6cYP/photobot.png');--transition-gradient:linear-gradient(135deg,#8A2BE2,#4B0082 55%,#16213E);--transition-glow:rgba(138,43,226,.28)}
html[data-odfans-transition="edit"]{--transition-title:"Редактор фото";--transition-image:url('https://i.postimg.cc/zvhgG7yP/edit.png');--transition-gradient:linear-gradient(135deg,#2E8B57,#008B8B 55%,#123524);--transition-glow:rgba(46,139,87,.28)}
html[data-odfans-transition="animate"]{--transition-title:"Animate";--transition-image:url('https://i.postimg.cc/vmSRVjt2/aniamtetest.png');--transition-gradient:linear-gradient(135deg,#D2691E,#8B4513 55%,#2F1A12);--transition-glow:rgba(210,105,30,.28)}
.odfans-mobile-nav{display:none}
.odfans-first-free-tip{display:none}
@media(max-width:899px){
  html.odfans-mobile-site #odfansMobileNav.is-visible{z-index:2147483000;visibility:visible!important;pointer-events:auto;isolation:isolate}
  html.odfans-transition-pending #odfansMobileNav{visibility:visible!important}
  html.odfans-mobile-nav-active{scroll-padding-bottom:calc(var(--odfans-mobile-nav-height) + 16px)}
  html.odfans-mobile-nav-active[data-odfans-page="edit"] #results,
  html.odfans-mobile-nav-active[data-odfans-page="animate"] #historyView{padding-bottom:calc(var(--odfans-mobile-nav-height) + 24px)}
  html.odfans-mobile-nav-active[data-odfans-page="video"] #detail,
  html.odfans-mobile-nav-active[data-odfans-page="video"] #picker,
  html.odfans-mobile-nav-active[data-odfans-page="video"] #myVideoDetail,
  html.odfans-mobile-nav-active[data-odfans-page="video"] #pickerVideoFullscreen,
  html.odfans-mobile-nav-active[data-odfans-page="animate"] #detail,
  html.odfans-mobile-nav-active[data-odfans-page="animate"] #historyDetail,
  html.odfans-mobile-nav-active[data-odfans-page="animate"] #resultNotice,
  html.odfans-mobile-nav-active[data-odfans-page="edit"] #lightbox,
  html.odfans-mobile-nav-active[data-odfans-page="edit"] #resultNotice,
  html.odfans-mobile-nav-active[data-odfans-page="edit"] #firstSub,
  html.odfans-mobile-nav-active[data-odfans-page="photo"] #lightbox{bottom:var(--odfans-mobile-nav-height);max-height:calc(100dvh - var(--odfans-mobile-nav-height))}
  html.odfans-mobile-nav-active #lightboxImage{max-height:calc(100dvh - var(--odfans-mobile-nav-height) - 28px)}
  html.odfans-mobile-nav-active[data-odfans-page="video"] .sheet{bottom:var(--odfans-mobile-nav-height)}
  html.odfans-mobile-nav-active[data-odfans-page="home"] #topupPanel{bottom:var(--odfans-mobile-nav-height)}
  html.odfans-mobile-nav-active[data-odfans-page="home"] #topupPanel.open #topupSlide{max-height:calc(100dvh - var(--odfans-mobile-nav-height))}
  html.odfans-mobile-nav-active .odfans-tab-transition{bottom:var(--odfans-mobile-nav-height)}
  html.odfans-mobile-nav-active dialog[open]{max-height:calc(100dvh - var(--odfans-mobile-nav-height) - 32px);margin-bottom:calc(var(--odfans-mobile-nav-height) + 16px)}
}
@media(max-width:899px){
  html.odfans-mobile-site{--odfans-mobile-nav-height:var(--odfans-mobile-nav-measured-height,calc(70px + env(safe-area-inset-bottom,0px)))}
  html.odfans-mobile-site .odfans-mobile-nav.is-visible{
    position:fixed;right:0;bottom:0;left:0;z-index:20;
    display:grid;grid-template-columns:repeat(5,minmax(0,1fr));
    min-height:calc(70px + env(safe-area-inset-bottom,0px));
    padding:6px 5px calc(8px + env(safe-area-inset-bottom,0px));
    border-top:1px solid rgba(210,175,255,.18);
    background:rgba(15,12,21,.96);
    box-shadow:0 -12px 30px rgba(7,3,15,.35),0 -2px 18px rgba(135,67,187,.14);
    backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  }
  .odfans-mobile-nav a{
    min-width:0;min-height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;
    border-radius:12px;color:#a9a1b3;text-decoration:none;text-align:center;
    font:700 10px/1.1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
    -webkit-tap-highlight-color:transparent;
  }
  .odfans-mobile-nav a:focus-visible{outline:2px solid #eab8ff;outline-offset:-2px}
  .odfans-mobile-nav a[aria-current="page"]{color:#f4b0fa;background:linear-gradient(180deg,rgba(183,82,210,.13),transparent)}
  .odfans-mobile-nav svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .odfans-mobile-nav .odfans-nav-icon{display:grid;place-items:center;width:35px;height:30px;border-radius:10px}
  .odfans-mobile-nav .odfans-free-price{display:none;position:absolute;top:0;right:3px;min-width:29px;height:17px;padding:0 4px;border-radius:7px;background:#efc6f1;color:#3d2246;box-shadow:0 2px 9px #0008;font:800 9px/17px -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
  .odfans-mobile-nav a.is-first-free{position:relative;color:#f3d6f6}
  .odfans-mobile-nav a.is-first-free .odfans-nav-icon{background:#c679d329;box-shadow:0 0 0 1px #df9ce06e,0 0 17px #b653d46a}
  .odfans-mobile-nav a.is-first-free .odfans-free-price{display:block}
  html.odfans-mobile-site .odfans-first-free-tip:not([hidden]){display:block;position:fixed;z-index:21;bottom:calc(var(--odfans-mobile-nav-height) + 9px);left:12px;right:12px;width:calc(100% - 24px);max-width:430px;margin:auto;padding:13px 38px 13px 16px;border:1px solid #e9bff584;border-radius:16px;background:#33203e;box-shadow:0 15px 35px #0009,0 0 22px #c179db35;color:#fff;text-align:center}
  .odfans-first-free-tip::after{content:"";position:absolute;bottom:-7px;left:var(--odfans-free-tip-arrow,50%);width:12px;height:12px;transform:translateX(-50%) rotate(45deg);background:#33203e;border-right:1px solid #e9bff584;border-bottom:1px solid #e9bff584}
  .odfans-first-free-tip strong{display:block;font:800 13px/1.3 OdfansAvenir,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
  .odfans-first-free-tip span{display:block;margin-top:7px;color:#d2bbd9;font:500 11px/1.35 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
  .odfans-first-free-tip button{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:31px;height:31px;border:0;border-radius:9px;background:transparent;color:#e2c9e7;font:22px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;cursor:pointer}
  .odfans-first-free-tip button:focus-visible{outline:2px solid #fff;outline-offset:-2px}
  html.odfans-mobile-nav-active[data-odfans-page="home"] .card-stack{padding-bottom:calc(106px + env(safe-area-inset-bottom,0px))}
  html.odfans-mobile-nav-active[data-odfans-page="video"] .catalog-scroll{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
  html.odfans-mobile-nav-active[data-odfans-page="video"] #startTestsView{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
  html.odfans-mobile-nav-active[data-odfans-page="video"] #myVideosView{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
  html.odfans-mobile-nav-active[data-odfans-page="video"] #ownFlowFooter{margin-bottom:var(--odfans-mobile-nav-height);padding-bottom:12px}
  html.odfans-mobile-nav-active[data-odfans-page="video"] #ownFlow .own-flow-scroll{padding-bottom:112px}
  html.odfans-mobile-nav-active.catalog-generation-active[data-odfans-page="video"] .catalog-scroll,
  html.odfans-mobile-nav-active.catalog-generation-active[data-odfans-page="video"] #startTestsView,
  html.odfans-mobile-nav-active.catalog-generation-active[data-odfans-page="video"] #myVideosView{padding-bottom:calc(190px + env(safe-area-inset-bottom,0px))}
  html.odfans-mobile-nav-active.catalog-generation-active[data-odfans-page="video"] #ownFlowFooter{margin-bottom:calc(var(--odfans-mobile-nav-height) + 80px)}
  html.odfans-mobile-nav-active.catalog-generation-active[data-odfans-page="video"] #ownFlow .own-flow-scroll{padding-bottom:190px}
  html.odfans-mobile-nav-active[data-odfans-page="animate"] .app{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
  html.odfans-mobile-nav-active[data-odfans-page="edit"] .app{padding-bottom:calc(210px + env(safe-area-inset-bottom,0px))}
  html.odfans-mobile-nav-active[data-odfans-page="photo"] .app{padding-bottom:calc(225px + env(safe-area-inset-bottom,0px))}
  html.odfans-mobile-nav-active[data-odfans-page="edit"] #dock,
  html.odfans-mobile-nav-active[data-odfans-page="photo"] #dock{bottom:var(--odfans-mobile-nav-height)}
  .odfans-tab-transition{
    position:fixed;inset:0;z-index:2000;display:grid;place-items:center;
    overflow:hidden;padding:24px;color:#fff;background:radial-gradient(circle at 50% 45%,var(--transition-glow),transparent 55%),#100d16;
    opacity:1;transition:opacity .3s ease;isolation:isolate;
  }
  .odfans-tab-transition.is-leaving{opacity:0;pointer-events:none}
  .odfans-transition-content{position:relative;width:min(100%,460px)}
  .odfans-transition-content,.odfans-transition-content *{box-sizing:border-box}
  .odfans-transition-content .odfans-tab-transition-card{width:100%}
  .odfans-slow-connection{position:absolute;top:calc(100% + 24px);left:0;right:0;text-align:center}
  .odfans-slow-connection[hidden],.odfans-slow-connection [hidden]{display:none!important}
  .odfans-slow-connection p{margin:0 0 14px;color:#c8bdcf;font:400 15px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
  .odfans-slow-connection a{display:flex;justify-content:center;align-items:center;gap:10px;min-height:54px;padding:14px 20px;border-radius:16px;color:#241330;background:#e3c8ff;box-shadow:0 8px 28px rgba(170,104,232,.2);font:700 17px/1.3 OdfansAvenir,-apple-system,BlinkMacSystemFont,sans-serif;text-decoration:none}
  .odfans-slow-connection a:hover{background:#efdfff}
  .odfans-slow-connection a:focus-visible{outline:2px solid #dab6ff;outline-offset:4px}
  .odfans-slow-connection svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
  .odfans-slow-connection small{display:block;margin-top:12px;color:#d6c6df;font:700 14px/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
  .odfans-slow-connection .odfans-slow-error{margin:10px 0 0;font-size:13px}
  @media(max-height:620px){.odfans-tab-transition:has(.odfans-transition-content){align-items:start;overflow-y:auto;padding-top:24px}.odfans-slow-connection{position:static;margin-top:20px}}
  @media(max-height:420px){.odfans-tab-transition:has(.odfans-transition-content){padding-top:16px}.odfans-transition-content .odfans-tab-transition-card{min-height:130px}.odfans-slow-connection{margin-top:16px}}
  html.odfans-transition-pending .odfans-tab-transition-initial,.odfans-tab-transition-initial.is-leaving{display:grid}
  .odfans-tab-transition-initial .odfans-tab-transition-card{animation:odfans-card-breathe 2.8s ease-in-out infinite}
  .odfans-tab-transition-initial .odfans-tab-transition-label::before{content:var(--transition-title,"OnlyDeepFans")}
  .odfans-tab-transition-card{position:relative;display:flex;align-items:flex-end;width:min(100%,460px);min-height:188px;overflow:hidden;border:1px solid rgba(255,255,255,.22);border-radius:28px;background:var(--transition-gradient);box-shadow:0 28px 85px rgba(0,0,0,.5),0 0 50px var(--transition-glow);animation:odfans-card-arrive .45s cubic-bezier(.18,.76,.22,1) both,odfans-card-breathe 2.8s ease-in-out .45s infinite}
  .odfans-tab-transition-image{position:absolute;inset:-10px;background-image:var(--transition-image);background-size:cover;background-position:center;filter:blur(4px) brightness(.65);transform:scale(1.08);opacity:0;transition:opacity .55s ease;animation:odfans-card-pan 7s ease-in-out infinite alternate}
  .odfans-tab-transition.image-ready .odfans-tab-transition-image{opacity:1}
  .odfans-tab-transition-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,5,12,.62),rgba(7,5,12,.25)),linear-gradient(0deg,rgba(7,5,12,.55),transparent 70%)}
  .odfans-tab-transition-card::after{content:"";position:absolute;inset:-120% -50%;width:35%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.13),transparent);transform:rotate(23deg);animation:odfans-card-sheen 2.8s ease-in-out infinite;pointer-events:none}
  .odfans-tab-transition-copy{position:relative;z-index:1;display:flex;flex-direction:column;gap:9px;padding:27px 26px 25px}
  .odfans-tab-transition-label{font:700 clamp(26px,7vw,35px)/1.12 OdfansAvenir,-apple-system,BlinkMacSystemFont,sans-serif;letter-spacing:-.025em;text-shadow:0 2px 15px rgba(0,0,0,.27)}
  .odfans-tab-transition-caption{color:rgba(255,255,255,.82);font:700 15px/1.3 OdfansAvenir,-apple-system,BlinkMacSystemFont,sans-serif;animation:odfans-loading-pulse 1.5s ease-in-out infinite}
  @keyframes odfans-card-arrive{from{opacity:0;transform:translateY(20px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}
  @keyframes odfans-card-breathe{50%{box-shadow:0 32px 95px rgba(0,0,0,.48),0 0 78px var(--transition-glow)}}
  @keyframes odfans-card-pan{to{transform:scale(1.18) translateX(-2%)}}
  @keyframes odfans-card-sheen{0%,35%{left:-80%}75%,100%{left:150%}}
  @keyframes odfans-loading-pulse{50%{opacity:.46}}
  @media(prefers-reduced-motion:reduce){.odfans-tab-transition-card,.odfans-tab-transition-image,.odfans-tab-transition-card::after,.odfans-tab-transition-caption{animation:none}.odfans-tab-transition{transition:none}}
}

/* Fixed actions must move independently of their full-screen parent. */
@media(max-width:899px){
  html.odfans-mobile-nav-active[data-odfans-page="animate"] .detail-dock{bottom:var(--odfans-mobile-nav-height)}
  html.odfans-mobile-nav-active[data-odfans-page="animate"] #generationResult{height:calc(100dvh - var(--odfans-mobile-nav-height));min-height:0;overflow-y:auto}
  html.odfans-mobile-nav-active[data-odfans-page="animate"] .free-start-view.has-photo .free-start-create,
  html.odfans-mobile-nav-active[data-odfans-page="edit"] .first-start.has-photo .first-create{bottom:calc(var(--odfans-mobile-nav-height) + 8px)}
  html.odfans-mobile-nav-active[data-odfans-page="edit"] .edit-progress{bottom:calc(var(--odfans-mobile-nav-height) + 12px)}
  html.odfans-mobile-nav-active[data-odfans-page="video"] #pickerGenerationOverlay,
  html.odfans-mobile-nav-active[data-odfans-page="video"] #catalogFundsOverlay,
  html.odfans-mobile-nav-active[data-odfans-page="video"] #promoPreview,
  html.odfans-mobile-nav-active[data-odfans-page="animate"] .animate-topup,
  html.odfans-mobile-nav-active[data-odfans-page="animate"] .animate-free-sub,
  html.odfans-mobile-nav-active[data-odfans-page="animate"] #promoPreview,
  html.odfans-mobile-nav-active[data-odfans-page="photo"] .photo-preview-overlay{bottom:var(--odfans-mobile-nav-height);max-height:calc(100dvh - var(--odfans-mobile-nav-height))}
}
@media(max-width:899px) and (max-height:500px){
  html.odfans-mobile-site.odfans-mobile-nav-active[data-odfans-page="photo"] .app.photo-studio{height:calc(100dvh - var(--odfans-mobile-nav-height));overflow-y:auto;padding-bottom:12px}
  html.odfans-mobile-site.odfans-mobile-nav-active[data-odfans-page="photo"] .app.photo-studio:has(#processingView:not([hidden])){height:calc(100dvh - var(--odfans-mobile-nav-height))}
  html.odfans-mobile-site.odfans-mobile-nav-active[data-odfans-page="photo"] .photo-studio #editorView{flex:none}
  html.odfans-mobile-site.odfans-mobile-nav-active[data-odfans-page="photo"] .photo-studio #editorView #dock{position:sticky;bottom:0;z-index:10;padding:8px 0;background:#0b0b10}
}

/* Catalog result dialogs must end above the persistent navigation too. */
@media(max-width:899px){
  html.odfans-mobile-nav-active[data-odfans-page="video"] #catalogResultNotice,
  html.odfans-mobile-nav-active[data-odfans-page="video"] #catalogPhotoError{bottom:var(--odfans-mobile-nav-height);max-height:calc(100dvh - var(--odfans-mobile-nav-height))}
  html.odfans-mobile-nav-active[data-odfans-page="video"] #catalogResultNotice .catalog-result-sheet,
  html.odfans-mobile-nav-active[data-odfans-page="video"] #catalogPhotoError .catalog-result-sheet{max-height:calc(100dvh - var(--odfans-mobile-nav-height) - 24px);overflow-y:auto}
  html.odfans-mobile-nav-active[data-odfans-page="video"] #catalogResultNotice.expanded .catalog-result-sheet{height:100%;max-height:100%;overflow:hidden}
}
