:root{
--chip-yellow:#E9FF3F;
--accent-red:#d70003;
--bg-1:#0b0b0f;
--bg-2:#15151b;
--text:#eaeaea;
--muted:#9aa0a6;
--card:#1b1c22;
--stroke:#2a2b33;
}
html,body{margin:0;padding:0;background:var(--bg-1);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;overflow-x:hidden}
a{color:var(--text);text-decoration:none}
a:hover{opacity:.9}
.container{max-width:1200px;margin:0 auto;padding:16px}
.grid{display:grid;gap:16px}
.header{position:sticky;top:0;z-index:50;background:rgba(11,11,15,.92);backdrop-filter:saturate(140%) blur(6px);border-bottom:1px solid var(--stroke)}
.header-inner{display:flex;align-items:center;gap:16px;height:64px}
.header .logo, .header .cta{display:flex;gap:8px;white-space:nowrap}
.header .logo{display:inline-flex;align-items:center;gap:10px}
.header .logo img{height:40px}
.header .search{flex:1 1 auto !important; min-width:0 !important; display:flex; align-items:center}
.header .search form{display:flex; flex:1 1 auto; min-width:0}
.header .search input[type=search]{flex:1 1 auto; min-width:0; width:100%;padding:10px 12px;border-radius:14px;border:1px solid var(--stroke);background:var(--bg-2);color:var(--text)}
.header .cta{display:flex;gap:8px;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:14px;border:1px solid var(--stroke);background:var(--card);color:var(--text);font-weight:600;cursor:pointer}
.btn-primary{background:var(--accent-red);border-color:var(--accent-red)}
.btn:hover{transform:translateY(-1px)}
.layout{display:grid;grid-template-columns:260px 1fr 260px;gap:16px}
.sidebar{position:sticky;top:80px;max-height:calc(100dvh - 96px);overflow:auto;scrollbar-width:none}
.sidebar::-webkit-scrollbar{display:none}
.sidebar .section{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding:12px;margin-bottom:12px}
.sidebar .section h3{margin:4px 8px 8px;font-size:14px;color:#fff;opacity:.9}
.sidebar ul{list-style:none;margin:0;padding:0}
.sidebar li{display:flex;align-items:center;gap:8px;padding:8px;border-radius:10px}
.sidebar li:hover{background:rgba(255,255,255,.04)}
.sidebar .divider{height:1px;background:var(--stroke);margin:8px 0}
.sidebar .small a{font-size:11px;color:var(--muted)}
.footer{margin-top:24px;border-top:1px solid var(--stroke);padding:16px;text-align:center;color:var(--muted)}
.feed{display:grid;gap:16px}
.feed-item{background:var(--card);border:1px solid var(--stroke);border-radius:20px;padding:12px;overflow:hidden}
.feed-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.feed-head .name{font-weight:700}
.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}
.badge-verified{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;color:var(--accent-red);border-radius:999px;padding:0 4px;font-size:14px;margin-left:4px}
.badge-verified i{color:var(--accent-red)}
.feed-caption{color:#ddd;font-size:14px;margin:8px 0 10px;white-space:pre-wrap}
.username{font-size:12px;color:var(--muted)}
.media-frame{position:relative;background:#000;border-radius:16px;overflow:hidden}
.media-frame.desktop{aspect-ratio:4/3}
.media-bg{position:absolute;inset:0;filter:blur(22px);transform:scale(1.1);opacity:.7}
.media-content{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;height:100%}
.media-content img,.media-content video{max-width:100%;max-height:100%;display:block}
.watermark{position:absolute;right:3%;bottom:3%;z-index:3;color:rgba(255,255,255,.85);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.8);font-size:12px} @media (min-width: 1025px){
.media-frame.desktop.is-photo .watermark{ right:24%; }
.media-frame.desktop.is-video .watermark{ right:31%; }
}
.like-share{display:flex;align-items:center;justify-content:space-between;margin-top:10px}
.like-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--stroke);padding:6px 10px;border-radius:12px;background:var(--bg-2);cursor:pointer}
.like-btn .heart-old-disabled{width:16px;height:16px;display:inline-block;background:var(--chip-yellow);mask:url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\"><path d=\"M12 21s-6.4-4.6-9-7.2C1.1 12 0.5 10.2 0.5 8.7 0.5 6 2.6 4 5.2 4c1.6 0 3.1 0.8 4.1 2 1-1.2 2.5-2 4.1-2 2.7 0 4.8 2 4.8 4.7 0 1.5-0.6 3.3-2.5 5.1C18.4 16.4 12 21 12 21z\"/></svg>') center/contain no-repeat}
.like-btn.liked .heart{background:var(--accent-red)}
.like-btn .like-count{color:#fff}
.share-btn{border:1px solid var(--stroke);padding:6px 10px;border-radius:12px;color:#eaeaea;background:var(--bg-2)}
.share-btn:hover{border-color:var(--chip-yellow)}
.model-header{position:relative;border-radius:20px;overflow:hidden;margin-bottom:12px;border:1px solid var(--stroke)}
.model-cover{position:relative;height:260px;background:#111;display:flex;align-items:flex-end;justify-content:flex-start}
.model-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9}
.cover-stats{position:absolute;top:10px;right:10px;background:rgba(11, 11, 15);backdrop-filter:blur(6px);border:1px solid var(--stroke);border-radius:14px;padding:8px 10px;font-size:14px;font-weight: bold;display:flex;gap:10px;align-items:center}
.model-avatar{position:absolute;left:16px;bottom:63px !important;border:3px solid #000;border-radius:999px}
.model-avatar img{width:92px;height:92px;object-fit:cover;border-radius:999px}
.model-id{display:flex;flex-direction:column;margin-left:120px;margin-top:8px;padding:8px 12px}
.model-id .name{font-weight:800;font-size:18px}
.model-id .username{color:var(--muted);font-size:12px}
.model-actions{display:flex;gap:8px;margin:8px 12px} .model-actions{min-height:48px} .model-actions.actions-0{min-height:48px}  .model-actions:empty{min-height:48px; display:block}
.model-actions a{flex:1;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--stroke);background:var(--bg-2);padding:10px;border-radius:12px}
.card{background:var(--card);border:1px solid var(--stroke);border-radius:16px;padding-bottom: 14px !important;padding:12px;margin:12px 0} .model-params{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media(max-width:1024px){.model-params{grid-template-columns:1fr}}
.param-item{margin:2px 0} @media (max-width:1024px){
.model-params{ display:grid; grid-template-columns:1fr; gap:3px; }
.model-params .param-col{ display:contents; } .param-item{ margin:0; } }
.ff-bottom-nav{position:fixed;left:0;right:0;bottom:0;display:none;gap:2px;background:rgba(11,11,15,.96);border-top:1px solid var(--stroke);height:56px;z-index:60}
.ff-bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;color:#ddd} .feed-head + .feed-divider{height:1px;background:var(--stroke);margin:8px 0 10px} .sidebar .home-link a{font-weight:800;font-size:16px} @media (max-width: 1024px){
.layout{grid-template-columns:1fr}
.sidebar{display:none}
.ff-bottom-nav{display:flex}
.media-frame.desktop{aspect-ratio:auto}
.watermark{right:2%;bottom:2%}
.header .search,.header .cta{display:none}
#burger { display: inline-flex !important; margin-left: auto; }
}
@media (max-width: 768px){
.model-cover{height:220px}
.feed-caption{font-size:13px}
.btn{padding:8px 12px}
}
@media (max-width: 480px){
.model-cover{height:200px}
.header-inner{height:58px}
}
#burger { display: none; margin-left: auto; }
.fa-solid.fa-house {
margin-right: 5px !important; 
margin-bottom: 5px !important; 
}
.home-link .fa-house {
font-size: 14px; 
width: 14px; 
height: 14px; 
.btn-block{width:100%;display:block;text-align:center}
.stack-vertical{display:flex;flex-direction:column;gap:8px}
.menu-links a.btn{width:100%;display:block}
@media (max-width:1024px){
#mobileMenu .stack-vertical .btn{width:100%}
} :root{
--ff-nav-bg: rgba(11,11,15,.96);
--ff-nav-border: var(--stroke, #2a2a2a);
}
.ff-bottom-nav{
position: fixed;
left: 0;
right: 0;
bottom: 0;
z-index: 10000;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 16px;
padding-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
padding-bottom: calc(10px + constant(safe-area-inset-bottom, 0px));
background: var(--ff-nav-bg);
-webkit-backdrop-filter: saturate(140%) blur(6px);
backdrop-filter: saturate(140%) blur(6px);
border-top: 1px solid var(--ff-nav-border);
will-change: transform;
transform: translateZ(0);
}
@media (min-width: 1025px){
.ff-bottom-nav{ display: none; }
}
html, body{ height: auto; min-height: 100%; }
@supports (height: 100svh){
body{ min-height: 100svh; }
}  main > h1.card,
main > h2.card {
margin-bottom: 0px !important;               
} .fapli-play i.fa-play{ color:#fff; }