*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--header-h: 60px;--frame-w: 3;--frame-h: 4;--app-h: 100vh;--safe-bottom: env(safe-area-inset-bottom, 0px);--stage-h: var(--app-h);--shell-w: calc(var(--stage-h) * var(--frame-w) / var(--frame-h));--brand: #e1464f;--cta: #a0242b;--cta-hover: #c02c34}@supports (height: 100dvh){:root{--app-h: 100dvh}}@media (max-height: 600px){:root{--header-h: 50px}}@media (max-height: 430px){:root{--header-h: 42px}}@media (max-height: 350px){:root{--header-h: 36px}}html,body{width:100%;height:100%;background-color:#000;font-family:Roboto,Arial,sans-serif;overflow:hidden;overscroll-behavior:none;-webkit-text-size-adjust:100%}#root{height:100%}a{text-decoration:none;color:#fff}.app{position:relative;display:flex;flex-direction:column;width:100%;max-width:var(--shell-w);height:var(--app-h);max-height:var(--app-h);margin:0 auto;overflow:hidden}.app-header{position:absolute;top:0;left:0;right:0;z-index:10;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;color:#fff;background:linear-gradient(180deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.35) 55%,rgba(0,0,0,0) 100%);pointer-events:none}.app-header>*{pointer-events:auto}.app-header .site-logo{min-width:0;overflow:hidden}.app-header .site-logo a{position:relative;display:flex;align-items:center;gap:15px;font-family:Fugaz One,sans-serif;font-weight:900;font-size:clamp(13px,min(7.2vw,calc(var(--shell-w) * .075)),28px);line-height:1;color:#fff;white-space:nowrap;text-shadow:0 1px 4px rgba(0,0,0,.55)}.app-header .site-logo svg{position:absolute;top:50%;left:50%;height:1.29em;width:1.29em;fill:var(--brand);stroke-width:0;transform:translate(-45%,-52%);filter:drop-shadow(0 1px 4px rgba(0,0,0,.55))}.app-header .site-logo h1{font-size:10px;font-weight:300;color:#d4d4d4;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:0 1px 3px rgba(0,0,0,.6)}.app-header .filters{flex:0 0 auto;display:flex;align-items:center;gap:15px}@media (max-height: 600px){.app-header .site-logo a{gap:12px}}@media (max-height: 430px){.app-header .site-logo a{gap:10px}.app-header .site-logo h1{display:none}}@media (max-height: 350px){.app-header{padding:0 8px;gap:6px}.app-header .site-logo a,.app-header .filters{gap:8px}}.app-content{position:relative;flex:1 1 auto;min-height:0;width:100%;overflow:hidden}.app>footer{display:none}.tiktok-container{position:relative;width:100%;height:100%;overflow:hidden;overscroll-behavior:contain;touch-action:none;background-color:#000}.vertical-container{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background-color:#000}.video-card{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:0;background-color:#000;transition:opacity .4s ease;will-change:transform,opacity;backface-visibility:hidden;container-type:inline-size;container-name:card}.video-card.current{z-index:2}.video-card.prev{z-index:1}.fit-cover{object-fit:cover!important}.fit-contain{object-fit:contain!important}.player-container{display:block;width:100%;height:100%;border-radius:inherit;object-fit:contain;opacity:0;transition:filter .22s ease,opacity .22s ease;transform:translateZ(0);backface-visibility:hidden;will-change:transform,opacity,filter;background-image:none!important;background-color:transparent!important}.player-container.is-ready{opacity:1}.player-container.prev{height:100%;margin:auto 0;filter:blur(8px);transition:filter .18s ease,opacity .18s ease}.snapshot-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;background-color:#000;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:1;filter:blur(0);transition:opacity .22s ease,filter .22s ease;transform:translateZ(0);backface-visibility:hidden;will-change:opacity,filter;pointer-events:none}.snapshot-overlay.fit-contain{background-size:contain}.snapshot-overlay.fade-out{opacity:0;filter:blur(6px)}.sound-control,.fit-control{position:absolute;right:15px;z-index:5;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.3));transition:transform .2s ease}.sound-control{top:calc(var(--header-h) + 8px)}.fit-control{top:calc(var(--header-h) + 48px);opacity:0;animation:neofap-fade-in .4s ease .3s forwards}.sound-control:hover,.fit-control:hover{transform:scale(1.1)}.sound-control.sound-toggled,.fit-control.fit-toggled{transform:scale(1.2)}.live-info{position:absolute;top:calc(var(--header-h) + 8px);left:12px;z-index:5;display:flex;align-items:center;gap:8px;max-width:calc(100% - 80px);opacity:0;animation:neofap-fade-in .4s ease .3s forwards}.live-info .live-tag{display:flex;align-items:center;gap:6px;padding:5px 10px;border-radius:4px;background-color:#000000b3;color:#fff;font-size:12px;white-space:nowrap}.live-tag .dot{display:inline-block;width:8px;height:8px;border-radius:50%;background-color:var(--brand);animation:neofap-pulse 1.5s infinite}.live-info .viewers{display:flex;align-items:center;gap:2px;color:#fff;font-size:14px;white-space:nowrap;filter:drop-shadow(2px 2px 2px rgba(0,0,0,.2))}.model-info{position:absolute;left:0;bottom:0;z-index:5;display:flex;align-items:center;gap:10px;width:100%;padding:60px 15px calc(22px + var(--safe-bottom));color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,0) 100%);opacity:0;animation:neofap-fade-in .4s ease .2s forwards}.model-info .model-data{flex:0 1 auto;min-width:0;display:flex;align-items:center;gap:6px;overflow:hidden}.model-info .model-data .avatar{flex:0 0 auto;width:40px;height:40px;border-radius:50%;overflow:hidden}.model-info .model-data .avatar img{display:block;width:100%;height:100%;object-fit:cover}.model-info .model-data .text{min-width:0}.model-info h2{display:flex;align-items:center;gap:2px;min-width:0;font-size:16px;line-height:1.2}.model-info h2 .username{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.model-info h2 svg,.model-info h2 img{flex:0 0 auto}.model-info h2 img{margin-left:5px}.model-info .model-data .goal-message{font-size:14px;line-height:1;color:#dbdbdb}.model-info .model-data .goal-message img{display:block;width:50px;margin-left:2px}.model-info .model-cta{flex:0 0 auto;margin-left:auto;display:inline-flex;align-items:center;gap:6px;padding:10px 15px;border-radius:100px;background-color:var(--cta);color:#fff;font-family:Fugaz One,sans-serif;font-size:16px;font-weight:500;line-height:1;text-transform:uppercase;white-space:nowrap;transition:background-color .3s ease,transform .2s ease}.model-info .model-cta:hover{background-color:var(--cta-hover);transform:scale(1.05)}.model-info .model-cta span{line-height:1;margin:0 0 0 3px}.model-info .model-cta svg{flex:0 0 auto;width:18px;height:18px;fill:#fff}.navigation-controls{position:absolute;right:10px;bottom:40%;z-index:5;display:grid;gap:15px}.navigation-controls button{display:flex;align-items:center;justify-content:center;width:50px;height:50px;padding:0;border:0;border-radius:100px;background-color:#00000080;color:#fff;cursor:pointer;transition:transform .2s ease,background-color .2s ease}.navigation-controls button:hover{transform:scale(1.1);background-color:#000000b3}.navigation-controls button:active{transform:scale(.95)}@media (max-width: 768px),(pointer: coarse){.navigation-controls{display:none}}.loading-overlay,.transition-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:flex;align-items:center;justify-content:center}.transition-overlay{background-color:#0000;opacity:0;animation:neofap-fade-overlay .3s ease forwards}.spinner{flex:0 0 auto;width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:var(--brand);border-radius:50%;animation:neofap-spin .9s linear infinite}.error-message{display:flex;flex-direction:column;align-items:center;gap:14px;max-width:90%;padding:20px;color:#fff;font-size:15px;line-height:1.4;text-align:center}.retry-button{padding:10px 18px;border:0;border-radius:100px;background-color:var(--cta);color:#fff;font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s ease}.retry-button:hover{background-color:var(--cta-hover)}@container card (min-width: 520px){.model-info{gap:14px;padding:70px 22px calc(28px + var(--safe-bottom))}.model-info .model-data .avatar{width:48px;height:48px}.model-info h2{font-size:18px}.model-info .model-data .goal-message img{width:58px}.model-info .model-cta{font-size:18px;padding:13px 20px;gap:8px}.model-info .model-cta svg{width:20px;height:20px}.sound-control svg,.fit-control svg{width:32px;height:32px}.sound-control{right:20px}.fit-control{right:20px;top:calc(var(--header-h) + 54px)}.live-info{left:18px}.live-info .live-tag{font-size:13px;padding:6px 11px}.live-info .viewers{font-size:15px}.navigation-controls{right:16px}.navigation-controls button{width:56px;height:56px}}@container card (max-width: 380px){.model-info{gap:8px;padding:52px 12px calc(16px + var(--safe-bottom))}.model-info h2{font-size:15px}.model-info .model-cta{font-size:14px;padding:9px 13px}.model-info .model-cta svg{width:16px;height:16px}}@container card (max-width: 300px){.model-info .model-data .avatar{width:32px;height:32px}.model-info h2{font-size:13px}.model-info .model-data .goal-message img{width:42px}.model-info .model-cta{font-size:12.5px;padding:8px 11px;gap:4px}.model-info .model-cta svg{width:14px;height:14px}.sound-control svg,.fit-control svg{width:24px;height:24px}.fit-control{top:calc(var(--header-h) + 42px)}.live-info .live-tag{padding:4px 8px;font-size:11px}.live-info .viewers{font-size:12px}.spinner{width:36px;height:36px;border-width:3px}}@container card (max-width: 250px){.model-info{flex-wrap:wrap;padding:40px 10px calc(12px + var(--safe-bottom))}.model-info .model-data{flex:1 1 100%}.model-info .model-cta{flex:1 1 100%;margin-left:0;justify-content:center}}@media (max-height: 480px){.model-info{padding-top:30px}.navigation-controls button{width:40px;height:40px}}@keyframes neofap-fade-in{0%{opacity:.3}to{opacity:1}}@keyframes neofap-fade-overlay{0%{opacity:0}to{opacity:1}}@keyframes neofap-spin{to{transform:rotate(360deg)}}@keyframes neofap-pulse{0%,to{opacity:1}50%{opacity:.35}}.unified-selector{position:relative}.selector-button{padding:0;border:0px;border-radius:100px;cursor:pointer;font-size:14px;transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:3px;background-color:transparent;font-family:inherit;white-space:nowrap}.selector-button div{background-color:#1f1f1f;color:#cfcfcf;padding:8px 12px;display:flex;gap:2px;align-items:center;justify-content:center;height:30px}.selector-button div.tag-selector{border-radius:100px 0 0 100px}.selector-button div.gender-selector{border-radius:0 100px 100px 0;padding-left:10px}.selector-button div.gender-selector span{line-height:0}.tag-indicator{width:6px;height:6px;border-radius:50%;background-color:#59bfff;display:inline-block;margin-left:5px}.selector-overlay{position:fixed;top:var(--header-h, 60px);left:0;right:0;bottom:0;background-color:#000000b3;display:flex;align-items:flex-start;justify-content:center;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:20}.selector-overlay.open{opacity:1;visibility:visible}.selector-modal{background-color:#1f1f1f;border-radius:0 0 10px 10px;width:100%;max-width:var(--shell-w, 450px);max-height:calc(100% - 16px);margin:0;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 4px 20px #00000026;position:relative;transform:translateY(-20px);opacity:0;transition:transform .3s ease,opacity .3s ease}.selector-modal.open{transform:translateY(0);opacity:1}.gender-section{padding:16px}.section-title{font-size:14px;font-weight:500;color:#999;margin-bottom:12px}.gender-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.gender-option{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;border-radius:8px;background-color:#262626;cursor:pointer;transition:all .3s ease;color:#cfcfcf}.gender-option span{margin-top:6px;font-size:12px}.gender-option:hover{background-color:#333}.gender-option.active{background-color:#fff;color:#000}.divider{height:1px;background-color:#292929;margin:0 16px}.tags-section{padding:16px}.tags-grid{display:flex;flex-wrap:wrap;gap:12px}.tag-item{padding:8px 16px;border-radius:20px;background-color:#262626;color:#cfcfcf;border:none;cursor:pointer;transition:all .3s ease;font-size:14px}.tag-item:hover{background-color:#333;color:#fff}.tag-item.selected{background-color:#fff;color:#000}@media screen and (max-width: 768px){.gender-grid{gap:8px}.gender-option{padding:8px}.tags-grid{gap:8px}.tag-item{padding:6px 12px;font-size:13px}}@media (max-height: 600px){.selector-button div{height:28px;padding:6px 10px}.gender-section{padding:12px}.gender-option{padding:8px 4px}.gender-option span{margin-top:4px;font-size:11px}}@media (max-height: 430px){.selector-button{font-size:13px}.selector-button div{height:26px;padding:5px 9px}.gender-section{padding:10px}.gender-grid{gap:6px}.gender-option{padding:6px 2px}.gender-option span{font-size:10px}}@media (max-height: 350px){.selector-button{font-size:12px}.selector-button div{height:24px;padding:4px 8px}.selector-button div.tag-selector span{display:none}}