body.xf-mobile-body{margin:0;background:#040812;color:#fff;font-family:Inter,Arial,Helvetica,sans-serif;overflow:hidden}*
{box-sizing:border-box}.xf-mobile-shell{position:relative;width:100%;height:100vh;background:#040812}.xf-mobile-topbar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;pointer-events:none}.xf-mobile-brand{display:flex;align-items:center;gap:6px;pointer-events:auto}.xf-mobile-brand-mark{font-size:32px;line-height:1;color:#ff9329;text-shadow:0 2px 8px rgba(0,0,0,.25)}.xf-mobile-brand-text{font-size:28px;font-weight:800;letter-spacing:-.6px;text-transform:lowercase}.xf-mobile-search-btn{pointer-events:auto;width:42px;height:42px;border:0;border-radius:999px;background:rgba(255,255,255,.14);backdrop-filter:blur(4px);position:relative}.xf-mobile-search-btn:before{content:'';position:absolute;left:12px;top:11px;width:13px;height:13px;border:2px solid #fff;border-radius:999px}.xf-mobile-search-btn:after{content:'';position:absolute;left:25px;top:24px;width:9px;height:2px;background:#fff;transform:rotate(45deg);transform-origin:left center}.xf-mobile-tabs{position:fixed;top:56px;left:0;right:0;z-index:39;display:flex;align-items:center;justify-content:center;gap:22px;padding:8px 12px 10px;overflow:auto;scrollbar-width:none;background:linear-gradient(180deg,rgba(4,8,18,.78),rgba(4,8,18,0))}.xf-mobile-tabs::-webkit-scrollbar{display:none}.xf-mobile-tab{border:0;background:none;color:rgba(255,255,255,.82);font-size:16px;font-weight:700;padding:0 0 10px;position:relative;white-space:nowrap}.xf-mobile-tab.is-active{color:#fff}.xf-mobile-tab.is-active:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:999px;background:#f2a51c}.xf-mobile-main{height:100vh}.xf-mobile-feed-root{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch}.xf-mobile-feed-root::-webkit-scrollbar{display:none}.xf-mobile-slide{position:relative;height:100vh;scroll-snap-align:start;overflow:hidden;background:#0b1123}.xf-mobile-media{position:absolute;inset:0;background:linear-gradient(180deg,#261f59 0%,#355ad8 54%,#f03f95 100%)}.xf-mobile-media video,.xf-mobile-media img{width:100%;height:100%;object-fit:cover;display:block}.xf-mobile-media:after{content:'';position:absolute;left:0;right:0;bottom:0;height:42%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.18) 35%,rgba(0,0,0,.72) 100%)}.xf-mobile-overlay-top{position:absolute;left:14px;right:14px;top:112px;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.xf-mobile-tip-pill,.xf-mobile-live-pill,.xf-mobile-preview-pill,.xf-mobile-ad-pill{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 12px;border-radius:999px;font-size:14px;font-weight:800;backdrop-filter:blur(6px)}.xf-mobile-tip-pill{gap:8px;background:rgba(58,41,20,.88);border:1px solid rgba(255,208,77,.18);color:#ffd659}.xf-mobile-tip-pill .xf-gift-dot{display:inline-flex;width:18px;height:18px;border-radius:999px;background:#f5cc48;color:#7a4d00;align-items:center;justify-content:center;font-size:12px;font-weight:900}.xf-mobile-live-pill{background:#ef3f3f;color:#fff}.xf-mobile-preview-pill{background:rgba(255,255,255,.16);color:#fff}.xf-mobile-ad-pill{background:rgba(255,255,255,.14);color:#fff}.xf-mobile-mini-ad{position:absolute;left:14px;bottom:108px;z-index:6;width:138px;min-height:84px;border-radius:14px;overflow:hidden;background:rgba(9,12,22,.78);border:1px solid rgba(255,255,255,.1);box-shadow:0 10px 24px rgba(0,0,0,.28);backdrop-filter:blur(8px)}.xf-mobile-mini-ad-media{height:42px;background:linear-gradient(180deg,#42307f 0%,#3c5fdb 54%,#ed4f93 100%)}.xf-mobile-mini-ad-body{padding:8px 10px 10px}.xf-mobile-mini-ad-label{font-size:11px;color:rgba(255,255,255,.8);margin-bottom:4px}.xf-mobile-mini-ad-title{font-size:13px;font-weight:800;line-height:1.2;margin:0 0 8px}.xf-mobile-mini-ad-btn{display:flex;align-items:center;justify-content:center;height:28px;border-radius:10px;background:linear-gradient(90deg,#d64449 0%,#d34f3e 100%);color:#fff;text-decoration:none;font-size:12px;font-weight:800}.xf-mobile-content{position:absolute;left:14px;right:86px;bottom:92px;z-index:6}.xf-mobile-username{font-size:22px;font-weight:800;line-height:1.1;margin:0 0 10px}.xf-mobile-caption{font-size:15px;line-height:1.35;color:#fff;margin:0 0 8px}.xf-mobile-audio{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:rgba(255,255,255,.94)}.xf-mobile-audio:before{content:'';width:14px;height:14px;border:2px solid #fff;border-radius:3px;display:inline-block;opacity:.92}.xf-mobile-actions-rail{position:absolute;right:12px;bottom:110px;z-index:7;display:flex;flex-direction:column;align-items:center;gap:16px}.xf-mobile-profile-stack{position:relative;width:56px;height:56px}.xf-mobile-profile-avatar{width:56px;height:56px;border-radius:999px;overflow:hidden;border:2px solid rgba(255,255,255,.8);background:linear-gradient(180deg,#355ad8 0%,#f03f95 100%)}.xf-mobile-profile-avatar img{width:100%;height:100%;object-fit:cover}.xf-mobile-follow-plus{position:absolute;right:-2px;bottom:-2px;width:24px;height:24px;border-radius:999px;background:#ff1e59;border:2px solid #fff;display:grid;place-items:center;color:#fff;font-size:18px;font-weight:800;line-height:1}.xf-mobile-action-item{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;text-decoration:none}.xf-mobile-action-count{font-size:12px;font-weight:800;text-shadow:0 2px 4px rgba(0,0,0,.35)}.xf-mobile-bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:50;display:grid;grid-template-columns:1fr 1fr 72px 1fr 1fr;align-items:end;padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));background:linear-gradient(180deg,rgba(6,8,14,0) 0%,rgba(6,8,14,.5) 18%,rgba(6,8,14,.96) 48%)}.xf-mobile-bottom-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:rgba(255,255,255,.88);text-decoration:none;font-size:12px}.xf-mobile-bottom-item.is-active{color:#ff4a4a}.xf-mobile-bottom-create{display:flex;align-items:center;justify-content:center;width:64px;height:52px;border-radius:16px;background:#fff;color:#000;text-decoration:none;border:3px solid #ff5f5f}.xf-mobile-badge-count{position:absolute;top:-2px;right:6px;display:grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#ff4a4a;color:#fff;font-style:normal;font-size:10px;font-weight:800}.xf-mobile-icon{position:relative;display:inline-block;width:34px;height:34px}.xf-mobile-icon.icon-heart:before,.xf-mobile-icon.icon-comment:before,.xf-mobile-icon.icon-favorite:before,.xf-mobile-icon.icon-share:before,.xf-mobile-icon.icon-gift:before{content:'';position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:28px 28px}.xf-mobile-icon.icon-heart:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='%23ff365e' d='M23.4 4.9c-2.7 0-4.3 1.3-5.4 2.7-1.1-1.4-2.7-2.7-5.4-2.7C8 4.9 4.6 8.3 4.6 12.6c0 7.1 10.1 12.9 11.4 13.6 1.3-.7 11.4-6.5 11.4-13.6 0-4.3-3.4-7.7-7.7-7.7z'/%3E%3C/svg%3E")}.xf-mobile-icon.icon-comment:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M26 21.5c0 2-1.6 3.5-3.5 3.5H12l-6 3.8V10.5C6 8.6 7.6 7 9.5 7h13C24.4 7 26 8.6 26 10.5z' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.xf-mobile-icon.icon-favorite:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 4l3.4 7 7.6 1.1-5.5 5.4 1.3 7.6L16 21.3 9.2 25.1l1.3-7.6L5 12.1l7.6-1.1z' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.xf-mobile-icon.icon-share:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M25 7L10.5 16.2M25 7l-5.2 18-4.1-8.8L6.8 12.8z' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.xf-mobile-icon.icon-gift:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M7 13h18v12H7zM16 13v12M6 10h20v4H6zM11.5 10C9.6 10 8 8.8 8 7.3 8 6 9 5 10.3 5c2.4 0 4.2 2.9 5.7 5M20.5 10c1.9 0 3.5-1.2 3.5-2.7C24 6 23 5 21.7 5c-2.4 0-4.2 2.9-5.7 5' fill='none' stroke='%23f4cb49' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.xf-mobile-bottom-icon{position:relative;display:inline-block;width:28px;height:28px}.xf-mobile-bottom-icon:before,.xf-icon-plus:before{content:'';position:absolute;inset:0;background-repeat:no-repeat;background-position:center;background-size:24px 24px}.xf-icon-home:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 14.5L16 7l10 7.5V25H18v-6h-4v6H6z' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.xf-icon-award:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M10 6h12v4c0 3.3-2.7 6-6 6s-6-2.7-6-6zM12 16l-2 8 6-3 6 3-2-8' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.xf-icon-inbox:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M6 10h20v14H6zM6 10l10 8 10-8' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}.xf-icon-user:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Ccircle cx='16' cy='11' r='4.2' fill='none' stroke='white' stroke-width='2.2'/%3E%3Cpath d='M8 25c1.4-4.2 4.5-6.5 8-6.5s6.6 2.3 8 6.5' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E")}.xf-icon-plus:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 7v18M7 16h18' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E")}