:root{--gv-bg:#050c0e;--gv-bg-elevated:#060a10;--gv-bg-card:#0c1418;--gv-surface:#ffffff0a;--gv-border:#3dffc838;--gv-text:#e8fff8;--gv-text-secondary:#8fb3a8;--gv-text-muted:#8fb3a8bf;--gv-accent:#3dffc8;--gv-accent-2:#42ebd2;--gv-amber:#f3ba5c;--gv-rose:#ff6b8a;--gv-gradient:linear-gradient(135deg, #3dffc8 0%, #42ebd2 45%, #f3ba5c 100%);--gv-gradient-btn:linear-gradient(135deg, #2ad4b0 0%, #3dffc8 50%, #42ebd2 100%);--gv-like:#3d9eff;--gv-grana:#3d9eff;--gv-grana-glow:#3d9eff8c;--gv-safe-top:env(safe-area-inset-top,0px);--gv-safe-bottom:env(safe-area-inset-bottom,0px);--gv-nav-h:56px;--gv-radius:12px;--gv-radius-sheet:18px;--gv-font:Manrope, "Segoe UI", sans-serif;--gv-display:Oswald, Impact, sans-serif;--gv-line:#3dffc838}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100dvh;overflow:hidden}body{font-family:var(--gv-font);color:var(--gv-text);-webkit-font-smoothing:antialiased;-webkit-user-select:none;user-select:none;background:radial-gradient(80% 60% at 50% 0,#00e8c812,#0000 55%),radial-gradient(60% 50% at 80% 100%,#ff6b8a0d,#0000 50%),#030508}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea{color:inherit;background:0 0;border:none;outline:none;font-family:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}video{display:block}.app-shell{background:linear-gradient(#060a10fa,#050c0e 40%);border-left:1px solid #ffffff0a;border-right:1px solid #ffffff0a;flex-direction:column;width:100%;max-width:430px;height:100%;margin:0 auto;display:flex;position:relative}.app-shell .app-main,.app-main{flex:1;min-height:0;position:relative;overflow:hidden}.mvp-badge{top:calc(var(--gv-safe-top) + 8px);z-index:80;pointer-events:none;letter-spacing:.08em;text-transform:uppercase;color:#050c0e;opacity:.92;background:linear-gradient(135deg,#3dffc8,#f3ba5c);border-radius:999px;padding:4px 10px;font-size:10px;font-weight:700;position:fixed;left:50%;transform:translate(-50%)}.mvp-login-hint{text-align:center;color:var(--gv-text-secondary);margin:12px 16px 24px;font-size:13px}.app-main{flex:1;position:relative;overflow:hidden}.gv-gradient-text{font-family:var(--gv-display);letter-spacing:.06em;text-transform:uppercase;color:var(--gv-accent);text-shadow:0 0 24px #3dffc859;-webkit-text-fill-color:unset;background:0 0}.gv-btn-primary{background:var(--gv-gradient-btn);color:#041210;border-radius:var(--gv-radius);letter-spacing:.02em;padding:12px 24px;font-size:15px;font-weight:800;transition:opacity .2s,transform .15s;box-shadow:0 0 20px #3dffc840}.gv-btn-primary:active{opacity:.9;transform:scale(.97)}.gv-btn-outline{border:1px solid var(--gv-line);color:var(--gv-text);background:#ffffff0a;border-radius:11px;padding:10px 18px;font-size:13px;font-weight:700}.gv-btn-outline.following{color:var(--gv-text-secondary);background:#ffffff08;border-color:#ffffff14}.gv-avatar{object-fit:cover;background:#0a1018;border-radius:50%}.gv-avatar-ring{background:var(--gv-gradient-btn);border-radius:50%;padding:2px;display:inline-flex}.gv-avatar-ring .gv-avatar{border:2px solid var(--gv-bg)}.gv-verified{background:var(--gv-accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:14px;height:14px;margin-left:4px;display:inline-flex;box-shadow:0 0 8px #3dffc880}.gv-verified svg{color:#041210;width:8px;height:8px}.gv-toast{bottom:calc(var(--gv-nav-h) + var(--gv-safe-bottom) + 16px);border:1px solid var(--gv-line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;white-space:nowrap;background:#060a10f2;border-radius:11px;padding:10px 18px;font-size:13px;font-weight:700;animation:.25s toastIn;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #00000080}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(8px)}to{opacity:1;transform:translate(-50%)translateY(0)}}@keyframes likeBurst{0%{opacity:1;transform:scale(0)}50%{opacity:1;transform:scale(1.3)}to{opacity:0;transform:scale(1.6)}}.like-burst{pointer-events:none;z-index:20;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.like-burst svg,.like-burst img{width:110px;height:110px;color:var(--gv-grana);filter:drop-shadow(0 0 22px var(--gv-grana-glow));animation:.7s forwards likeBurst}.loader-screen{background:radial-gradient(70% 50% at 50% 30%,#3dffc81a,#0000 60%),#030508;flex-direction:column;justify-content:center;align-items:center;gap:16px;height:100%;display:flex}.loader-logo{border:1px solid var(--gv-line);background:linear-gradient(155deg,#1a3038 0%,#0a1818 100%);border-radius:18px;justify-content:center;align-items:center;width:76px;height:76px;animation:1.5s infinite pulse;display:flex;box-shadow:0 0 40px #3dffc833}.loader-logo svg{width:36px;height:36px;color:var(--gv-accent)}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 0 28px #3dffc82e}50%{transform:scale(1.04);box-shadow:0 0 40px #3dffc859}}.loader-text{font-family:var(--gv-display);letter-spacing:.12em;text-transform:uppercase;font-size:26px;font-weight:700}.loader-sub{color:var(--gv-text-muted);letter-spacing:.04em;text-transform:uppercase;font-size:12px;font-weight:700}.spinner{border:2px solid #3dffc826;border-top-color:var(--gv-accent);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toggle:after{content:"";background:#e8fff8;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:2px;left:3px;box-shadow:0 1px 4px #0000004d}@media (width>=500px){body{justify-content:center;align-items:center;padding:16px;display:flex}.app-shell{border:1px solid #ffffff14;border-radius:28px;width:min(430px,100%);height:min(900px,100dvh - 32px);max-height:calc(100dvh - 32px);overflow:hidden;box-shadow:0 0 0 1px #3dffc80f,0 28px 90px #000000bf,inset 0 1px #ffffff0f}}@media (width<=499px){.app-shell{border:none;border-radius:0;width:100%;max-width:none;height:100dvh}}.bottom-nav{height:calc(var(--gv-nav-h) + var(--gv-safe-bottom));padding-bottom:var(--gv-safe-bottom);border-top:1px solid var(--gv-line);z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(#060a10eb,#050c0efa);justify-content:space-around;align-items:center;display:flex}.nav-item{color:var(--gv-text-muted);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:6px 12px;transition:color .2s;display:flex;position:relative}.nav-item.active{color:var(--gv-accent);text-shadow:0 0 12px #3dffc859}.nav-item svg{width:24px;height:24px}.nav-badge{background:var(--gv-rose);color:#fff;border-radius:8px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:800;display:flex;position:absolute;top:2px;right:6px}.nav-label{letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.create-btn-wrap{position:relative}.create-btn{background:var(--gv-gradient-btn);border-radius:10px;justify-content:center;align-items:center;width:48px;height:30px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 16px #3dffc859}.create-btn:before,.create-btn:after{content:"";background:#041210;border-radius:2px;position:absolute}.create-btn:before{width:18px;height:3px}.create-btn:after{width:3px;height:18px}.create-btn svg{display:none}.feed-header{z-index:50;padding:calc(var(--gv-safe-top) + 12px) 16px 12px;pointer-events:none;background:linear-gradient(#050c0ebf 0%,#0000 100%);justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;right:0}.feed-live-btn{color:#fff;letter-spacing:.04em;z-index:5;pointer-events:auto;background:#ff2d55;border:0;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;animation:1.4s infinite feed-live-pulse;position:absolute;top:50%;right:12px;transform:translateY(-50%)}@keyframes feed-live-pulse{0%,to{box-shadow:0 0 #ff2d5588}50%{box-shadow:0 0 0 6px #ff2d5500}}.feed-tabs{pointer-events:auto;gap:20px;display:flex}.feed-tab{font-family:var(--gv-display);letter-spacing:.08em;text-transform:uppercase;color:#e8fff866;padding:4px 0;font-size:15px;font-weight:600;transition:color .2s;position:relative}.feed-tab.active{color:var(--gv-accent);text-shadow:0 0 16px #3dffc866}.feed-tab.active:after{content:"";background:var(--gv-accent);width:28px;height:2px;box-shadow:0 0 8px var(--gv-accent);border-radius:1px;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.feed-live{pointer-events:auto;color:#fff;opacity:.9;align-items:center;gap:4px;font-size:13px;font-weight:600;display:flex;position:absolute;right:16px}.feed-live-dot{background:var(--gv-like);border-radius:50%;width:6px;height:6px;animation:1.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.video-feed{scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none;height:100%;overflow-y:scroll}.video-feed::-webkit-scrollbar{display:none}.video-slide{scroll-snap-align:start;scroll-snap-stop:always;background:#05080c;height:100%;min-height:100%;position:relative;overflow:hidden}.video-slide-spacer,.video-slide-placeholder{background:radial-gradient(60% 40% at 50% 40%,#3d9eff14,#0000 70%),#05080c}.video-slide-bg{object-fit:cover;filter:blur(32px)brightness(.4);pointer-events:none;z-index:0;width:140%;height:140%;position:absolute;inset:-20%;transform:scale(1.15)}.video-slide-main{z-index:1;background:#000;width:100%;height:100%;position:absolute;inset:0}.video-slide-main.is-portrait{object-fit:cover}.video-slide-main.is-landscape{object-fit:contain}.video-loading{z-index:3;color:#ffffffb3;pointer-events:none;background:#00000040;justify-content:center;align-items:center;font-size:14px;display:flex;position:absolute;inset:0}.video-overlay{z-index:2;pointer-events:none;background:linear-gradient(#0003 0%,#0000 30% 70%,#0009 100%);position:absolute;inset:0}.video-actions{right:10px;bottom:calc(100px + var(--gv-safe-bottom));z-index:10;flex-direction:column;align-items:center;gap:18px;display:flex;position:absolute}.action-btn{color:#fff;filter:drop-shadow(0 1px 3px #00000080);flex-direction:column;align-items:center;gap:4px;display:flex}.action-btn svg{width:32px;height:32px}.action-btn.liked svg{color:var(--gv-grana);fill:var(--gv-grana)}.action-btn.bookmarked svg{color:var(--gv-amber);fill:var(--gv-amber)}.action-count{font-size:12px;font-weight:600}.action-avatar{margin-bottom:4px}.action-avatar img{object-fit:cover;border:2px solid #fff;border-radius:50%;width:48px;height:48px}.follow-plus{background:var(--gv-accent);color:#041210;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:14px;font-weight:700;display:flex;position:absolute;bottom:-8px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #3dffc873}.video-info{left:12px;right:70px;bottom:calc(80px + var(--gv-safe-bottom));z-index:10;position:absolute}.video-author{align-items:center;gap:8px;margin-bottom:8px;display:flex}.pro-badge-mini{letter-spacing:.04em;color:#1a1200;vertical-align:middle;background:linear-gradient(135deg,#f5c542,#e8a317);border-radius:4px;margin-left:6px;padding:2px 6px;font-size:9px;font-weight:700;display:inline-flex}.remix-badge{letter-spacing:.03em;color:#fff;vertical-align:middle;background:#3d9effe6;border-radius:4px;margin-left:6px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-flex}.remix-badge.stitch{background:#ff2d55e6}.feed-ad{left:16px;right:72px;bottom:calc(var(--gv-nav-h) + 120px);z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a1018e0;border:1px solid #ffffff1f;border-radius:12px;padding:12px 14px;position:absolute}.feed-ad-label{text-transform:uppercase;letter-spacing:.08em;opacity:.6;margin-bottom:4px;font-size:10px}.feed-ad-title{margin-bottom:4px;font-size:14px;font-weight:700}.feed-ad-text{opacity:.85;margin-bottom:10px;font-size:12px}.feed-ad-cta{color:#061018;cursor:pointer;background:#3dffc8;border:none;border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700;display:inline-flex}.video-author-name{text-shadow:0 1px 4px #00000080;font-size:16px;font-weight:700}.video-caption{text-shadow:0 1px 3px #00000080;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:14px;line-height:1.4;display:-webkit-box;overflow:hidden}.video-caption .tag{font-weight:600}.video-music{opacity:.9;text-shadow:0 1px 3px #00000080;align-items:center;gap:6px;font-size:13px;display:flex}.video-music svg{flex-shrink:0;width:14px;height:14px;animation:3s linear infinite spin}.mute-btn{top:calc(var(--gv-safe-top) + 60px);z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000059;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;right:16px}.mute-btn svg{width:18px;height:18px}.video-more-menu{top:calc(var(--gv-safe-top) + 100px);z-index:30;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#141414f2;border-radius:12px;flex-direction:column;gap:4px;min-width:200px;padding:8px;display:flex;position:absolute;right:16px}.video-more-menu button{text-align:left;border-radius:8px;align-items:center;gap:8px;padding:10px 12px;font-size:13px;display:flex}.video-more-menu button:hover{background:#ffffff14}.video-music{color:inherit;cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.progress-bar{bottom:calc(var(--gv-nav-h) + var(--gv-safe-bottom) - 2px);z-index:15;background:#fff3;height:2px;position:absolute;left:0;right:0}.progress-fill{background:var(--gv-accent);height:100%;transition:width .1s linear;box-shadow:0 0 6px #3dffc88c}.empty-feed{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;height:100%;padding:24px;display:flex}.empty-feed p{color:var(--gv-text-secondary);font-size:15px}.discover-page{height:100%;padding:calc(var(--gv-safe-top) + 12px) 16px calc(var(--gv-nav-h) + var(--gv-safe-bottom) + 16px);scrollbar-width:none;overflow-y:auto}.discover-page::-webkit-scrollbar{display:none}.discover-search{border:1px solid var(--gv-line);background:#ffffff0a;border-radius:12px;align-items:center;gap:10px;margin-bottom:20px;padding:10px 14px;display:flex}.discover-search svg{width:18px;height:18px;color:var(--gv-text-muted);flex-shrink:0}.discover-search input{flex:1;font-size:15px}.discover-search input::placeholder{color:var(--gv-text-muted)}.section-title{font-family:var(--gv-display);letter-spacing:.1em;text-transform:uppercase;color:var(--gv-text);margin-bottom:14px;font-size:15px;font-weight:600}.hashtag-grid{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:28px;display:grid}.hashtag-card{background:var(--gv-surface);border-radius:10px;flex-direction:column;justify-content:flex-end;height:120px;padding:12px;display:flex;position:relative;overflow:hidden}.hashtag-card:before{content:"";background:linear-gradient(135deg,#3dffc833,#f3ba5c1f);position:absolute;inset:0}.hashtag-card:nth-child(2n):before{background:linear-gradient(135deg,#ff6b8a2e,#3dffc81f)}.hashtag-name{font-size:15px;font-weight:700;position:relative}.hashtag-stats{color:var(--gv-text-secondary);margin-top:2px;font-size:12px;position:relative}.user-list{flex-direction:column;gap:12px;margin-bottom:24px;display:flex}.user-row{align-items:center;gap:12px;padding:4px 0;display:flex}.user-row img{object-fit:cover;border-radius:50%;width:48px;height:48px}.user-row-info{flex:1;min-width:0}.user-row-name{align-items:center;font-size:15px;font-weight:600;display:flex}.user-row-bio{color:var(--gv-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.search-results{margin-bottom:24px}.video-result{border-bottom:1px solid var(--gv-border);gap:12px;padding:10px 0;display:flex}.video-result-thumb{background:var(--gv-surface);object-fit:cover;border-radius:6px;flex-shrink:0;width:80px;height:106px}.video-result-info h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:4px;font-size:14px;font-weight:600;display:-webkit-box;overflow:hidden}.video-result-info p{color:var(--gv-text-secondary);font-size:12px}.trending-scroll{scrollbar-width:none;gap:10px;margin-bottom:24px;padding-bottom:8px;display:flex;overflow-x:auto}.trending-scroll::-webkit-scrollbar{display:none}.trend-chip{border:1px solid var(--gv-line);white-space:nowrap;color:var(--gv-accent);background:#ffffff0a;border-radius:20px;flex-shrink:0;padding:8px 16px;font-size:12px;font-weight:700}.trend-chip span{color:var(--gv-text-muted);margin-left:6px;font-weight:400}.explore-grid{grid-template-columns:repeat(3,1fr);gap:2px;margin-bottom:16px;display:grid}.explore-cell{aspect-ratio:9/16;background:var(--gv-surface);padding:0;position:relative;overflow:hidden}.explore-cell video{object-fit:cover;width:100%;height:100%}.explore-cell span{text-shadow:0 1px 3px #000;align-items:center;gap:3px;font-size:11px;font-weight:700;display:flex;position:absolute;bottom:6px;left:6px}.profile-page{height:100%;padding-bottom:calc(var(--gv-nav-h) + var(--gv-safe-bottom));scrollbar-width:none;overflow-y:auto}.profile-page::-webkit-scrollbar{display:none}.profile-header{padding:calc(var(--gv-safe-top) + 12px) 16px 16px}.profile-top{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.profile-settings-btn{color:var(--gv-text-secondary);padding:8px}.profile-settings-btn svg{width:22px;height:22px}.profile-avatar-wrap{flex-shrink:0}.profile-avatar-wrap img{object-fit:cover;border:2px solid var(--gv-line);background:#0a1018;border-radius:50%;width:96px;height:96px;box-shadow:0 0 24px #3dffc833}.profile-stats{flex:1;justify-content:center;gap:20px;padding-top:12px;display:flex}.stat-item{text-align:center;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}.stat-num{font-size:18px;font-weight:700}.stat-label{color:var(--gv-text-secondary);font-size:12px}.profile-name{font-family:var(--gv-display);letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:4px;font-size:20px;font-weight:600;display:flex}.pro-badge{letter-spacing:.06em;color:#1a1200;background:linear-gradient(135deg,#f5c542,#e8a317);border-radius:6px;align-items:center;padding:3px 8px;font-size:10px;font-weight:700;display:inline-flex}.profile-money{flex-wrap:wrap;gap:8px;margin:12px 0 4px;display:flex}.money-chip{border:1px solid var(--gv-line);color:var(--gv-text);cursor:pointer;background:#ffffff0a;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;display:inline-flex}.money-chip.pro{background:#f5c5421f;border-color:#f5c54273}.ledger-list{flex-direction:column;gap:8px;max-height:40vh;display:flex;overflow:auto}.ledger-row{border-bottom:1px solid var(--gv-line);justify-content:space-between;gap:12px;padding:8px 0;font-size:13px;display:flex}.ledger-amt{color:#3dffc8;white-space:nowrap;font-weight:600}.plan-card{border:1px solid var(--gv-line);border-radius:12px;margin-bottom:12px;padding:14px}.plan-title{margin-bottom:8px;font-weight:700}.plan-card ul{color:var(--gv-text-secondary);margin:0 0 12px;padding-left:18px;font-size:13px}.profile-username{color:var(--gv-text-secondary);margin-bottom:8px;font-size:14px}.profile-bio{color:var(--gv-text-secondary);margin-bottom:16px;font-size:14px;line-height:1.4}.profile-actions{gap:8px;margin-bottom:16px;display:flex}.profile-actions button{flex:1}.profile-tabs{border-bottom:1px solid var(--gv-border);display:flex}.profile-tab{text-align:center;color:var(--gv-text-muted);border-bottom:2px solid #0000;flex:1;margin-bottom:-1px;padding:12px;font-size:14px;font-weight:600}.profile-tab.active{color:var(--gv-text);border-bottom-color:var(--gv-text)}.profile-grid{grid-template-columns:repeat(3,1fr);gap:2px;display:grid}.profile-grid-item{aspect-ratio:9/16;background:var(--gv-surface);cursor:pointer;position:relative;overflow:hidden}.profile-grid-item video,.profile-grid-item img{object-fit:cover;background:#0a1018;width:100%;height:100%}.profile-grid-item.is-landscape video{object-fit:contain;background:#05080c}.profile-grid-item .grid-watched{z-index:2;color:#3dffc8;background:#000000a6;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;position:absolute;top:6px;left:6px}.grid-overlay{opacity:0;background:#0000004d;justify-content:center;align-items:center;gap:4px;font-size:13px;font-weight:600;transition:opacity .2s;display:flex;position:absolute;inset:0}.profile-grid-item:hover .grid-overlay{opacity:1}.bookmarks-grid .profile-grid-item{aspect-ratio:1}.profile-back{color:var(--gv-text);align-items:center;gap:8px;margin-bottom:8px;padding:8px 0;font-weight:600;display:flex}.profile-back svg{width:20px;height:20px}.empty-grid{text-align:center;color:var(--gv-text-secondary);grid-column:1/-1;padding:48px 24px}.edit-form{flex-direction:column;gap:12px;padding:16px;display:flex}.edit-form label{color:var(--gv-text-secondary);font-size:13px}.edit-form input,.edit-form textarea{background:var(--gv-surface);resize:none;border-radius:8px;width:100%;padding:12px;font-size:15px}.edit-form textarea{min-height:80px}.inbox-page{height:100%;padding-top:var(--gv-safe-top);flex-direction:column;display:flex}.inbox-header{font-family:var(--gv-display);letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--gv-line);color:var(--gv-accent);padding:12px 16px;font-size:16px;font-weight:600}.inbox-tabs{border-bottom:1px solid var(--gv-border);display:flex}.inbox-tab{text-align:center;color:var(--gv-text-muted);border-bottom:2px solid #0000;flex:1;padding:12px;font-size:15px;font-weight:600}.inbox-tab.active{color:var(--gv-text);border-bottom-color:var(--gv-text)}.inbox-list{padding-bottom:calc(var(--gv-nav-h) + var(--gv-safe-bottom));flex:1;overflow-y:auto}.notif-item,.chat-item{border-bottom:1px solid var(--gv-border);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;display:flex}.notif-item.unread{background:#00d4aa0f}.notif-item img,.chat-item img{object-fit:cover;border-radius:50%;flex-shrink:0;width:48px;height:48px}.notif-content,.chat-content{flex:1;min-width:0}.notif-text{font-size:14px;line-height:1.35}.notif-text strong{font-weight:600}.notif-time,.chat-preview{color:var(--gv-text-muted);margin-top:2px;font-size:12px}.chat-preview{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-unread{background:var(--gv-rose);color:#fff;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:800;display:flex}.chat-view{background:var(--gv-bg);z-index:150;flex-direction:column;max-width:480px;margin:0 auto;display:flex;position:fixed;inset:0}.chat-view-header{padding:calc(var(--gv-safe-top) + 8px) 16px 12px;border-bottom:1px solid var(--gv-border);align-items:center;gap:12px;display:flex}.chat-view-header img{border-radius:50%;width:36px;height:36px}.chat-messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.msg-bubble{border-radius:18px;max-width:75%;padding:10px 14px;font-size:14px;line-height:1.35}.msg-bubble.me{background:var(--gv-gradient-btn);color:#041210;border-bottom-right-radius:4px;align-self:flex-end;font-weight:600}.msg-bubble.them{background:var(--gv-surface);border-bottom-left-radius:4px;align-self:flex-start}.chat-input-row{padding:12px 16px calc(12px + var(--gv-safe-bottom));border-top:1px solid var(--gv-border);gap:8px;display:flex}.chat-input-row input{background:var(--gv-surface);border-radius:20px;flex:1;padding:10px 16px;font-size:15px}.chat-send{background:var(--gv-gradient-btn);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex;box-shadow:0 0 14px #3dffc84d}.chat-send svg{color:#041210;width:18px;height:18px}.sheet-overlay{z-index:200;background:#00000080;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--gv-bg-elevated);border-radius:var(--gv-radius-sheet) var(--gv-radius-sheet) 0 0;border-top:1px solid var(--gv-line);flex-direction:column;width:100%;max-width:480px;max-height:75vh;animation:.3s sheetUp;display:flex;box-shadow:0 -12px 40px #00000080}@keyframes sheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-header{border-bottom:1px solid var(--gv-border);flex-shrink:0;justify-content:space-between;align-items:center;padding:16px;display:flex}.sheet-title{font-family:var(--gv-display);letter-spacing:.08em;text-transform:uppercase;font-size:15px;font-weight:600}.sheet-close{color:var(--gv-text-secondary);font-size:14px}.sheet-body{flex:1;padding:0 16px 16px;overflow-y:auto}.comment-item{border-bottom:1px solid var(--gv-border);gap:10px;padding:12px 0;display:flex}.comment-item img{border-radius:50%;flex-shrink:0;width:36px;height:36px}.comment-body{flex:1}.comment-author{margin-bottom:2px;font-size:13px;font-weight:600}.comment-text{font-size:14px;line-height:1.35}.comment-meta{color:var(--gv-text-muted);margin-top:4px;font-size:12px}.comment-input-row{padding:12px 16px calc(12px + var(--gv-safe-bottom));border-top:1px solid var(--gv-border);flex-shrink:0;gap:8px;display:flex}.comment-input-row input{background:var(--gv-surface);border-radius:20px;flex:1;padding:10px 14px;font-size:14px}.comment-send{color:var(--gv-accent);letter-spacing:.02em;padding:0 8px;font-size:13px;font-weight:800}.share-options{grid-template-columns:repeat(3,1fr);gap:16px;padding:20px 0;display:grid}.share-option{color:var(--gv-text-secondary);flex-direction:column;align-items:center;gap:8px;font-size:12px;display:flex}.share-icon{background:var(--gv-surface);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.share-icon svg{width:22px;height:22px}.upload-modal{background:var(--gv-bg);z-index:250;flex-direction:column;max-width:480px;margin:0 auto;display:flex;position:fixed;inset:0}.upload-header{padding:calc(var(--gv-safe-top) + 8px) 16px 12px;border-bottom:1px solid var(--gv-border);justify-content:space-between;align-items:center;display:flex}.upload-body{flex-direction:column;flex:1;gap:20px;padding:24px 16px;display:flex;overflow-y:auto}.upload-zone{border:2px dashed var(--gv-border);text-align:center;cursor:pointer;border-radius:12px;padding:48px 24px;transition:border-color .2s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--gv-accent)}.upload-zone svg{width:48px;height:48px;color:var(--gv-text-muted);margin:0 auto 12px}.upload-zone p{color:var(--gv-text-secondary);font-size:14px}.upload-preview{object-fit:contain;background:#000;border-radius:12px;width:100%;max-height:300px}.upload-caption{background:var(--gv-surface);resize:none;border-radius:10px;width:100%;min-height:80px;padding:14px;font-size:15px}.settings-page{background:var(--gv-bg);z-index:250;max-width:480px;padding-bottom:var(--gv-safe-bottom);margin:0 auto;position:fixed;inset:0;overflow-y:auto}.settings-header{padding:calc(var(--gv-safe-top) + 8px) 16px 16px;border-bottom:1px solid var(--gv-border);align-items:center;gap:12px;font-size:18px;font-weight:700;display:flex}.settings-section{padding:16px}.settings-section h4{color:var(--gv-text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:13px}.settings-row{border-bottom:1px solid var(--gv-border);justify-content:space-between;align-items:center;padding:14px 0;font-size:15px;display:flex}.settings-row.danger{color:var(--gv-rose)}.toggle{background:#ffffff14;border:1px solid #ffffff0f;border-radius:14px;width:48px;height:28px;transition:background .2s;position:relative}.toggle.on{border-color:var(--gv-line);background:#3dffc859}.toggle:after{content:"";background:#e8fff8;border-radius:50%;width:22px;height:22px;transition:transform .2s;position:absolute;top:2px;left:3px}.toggle.on:after{background:var(--gv-accent);transform:translate(20px)}.about-block{text-align:center;color:var(--gv-text-muted);padding:24px 16px;font-size:13px}.about-logo{border:1px solid var(--gv-line);background:linear-gradient(155deg,#1a3038,#0a1818);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 12px;display:flex;box-shadow:0 0 24px #3dffc833}.about-logo svg{width:28px;height:28px;color:var(--gv-accent)}.studio{z-index:250;background:#000;flex-direction:column;max-width:480px;margin:0 auto;display:flex;position:fixed;inset:0}.studio-header{padding:calc(var(--gv-safe-top) + 8px) 16px 12px;z-index:2;justify-content:space-between;align-items:center;display:flex}.studio-stage{background:#111;flex:1;position:relative;overflow:hidden}.studio-stage video,.studio-stage .cam-preview{object-fit:cover;width:100%;height:100%}.studio-tools{padding:12px 16px calc(16px + var(--gv-safe-bottom));background:linear-gradient(#0000,#000 40%);flex-direction:column;gap:12px;display:flex}.studio-row{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.studio-row::-webkit-scrollbar{display:none}.chip{white-space:nowrap;background:#ffffff1f;border-radius:20px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:600}.chip.active{background:var(--gv-gradient-btn);color:#041210;box-shadow:0 0 14px #3dffc84d}.studio-actions{align-items:center;gap:10px;display:flex}.rec-btn{border:3px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto;display:flex}.rec-btn .inner{background:var(--gv-rose);border-radius:50%;width:48px;height:48px;transition:border-radius .2s;box-shadow:0 0 16px #ff6b8a73}.rec-btn.recording .inner{border-radius:4px;width:22px;height:22px}.studio-caption{resize:none;color:#fff;background:#ffffff1a;border-radius:10px;width:100%;min-height:64px;padding:12px;font-size:14px}.studio-toggle{color:#fffc;justify-content:space-between;align-items:center;font-size:13px;display:flex}.studio-tabs{gap:8px;display:flex}.studio-tabs button{background:#ffffff14;border-radius:8px;flex:1;padding:10px;font-size:13px;font-weight:600}.studio-tabs button.active{background:#fff3}.onboarding{z-index:300;background:radial-gradient(70% 50% at 50% 20%,#3dffc81a,#0000 55%),#030508;flex-direction:column;max-width:480px;margin:0 auto;display:flex;position:fixed;inset:0}.onboarding-slide{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:32px 24px;display:flex}.onboarding-visual{border:1px solid var(--gv-line);background:linear-gradient(155deg,#1a3038,#0a1818);border-radius:24px;justify-content:center;align-items:center;width:180px;height:180px;margin-bottom:28px;display:flex;box-shadow:0 20px 60px #00000073,0 0 40px #3dffc826}.onboarding-visual svg{width:72px;height:72px;color:var(--gv-accent)}.onboarding h2{font-family:var(--gv-display);letter-spacing:.08em;text-transform:uppercase;color:var(--gv-text);margin-bottom:12px;font-size:26px;font-weight:700}.onboarding p{color:var(--gv-text-secondary);max-width:300px;font-size:14px;font-weight:600;line-height:1.5}.onboarding-dots{gap:8px;margin:24px 0;display:flex}.onboarding-dot{background:#ffffff1f;border-radius:50%;width:8px;height:8px;transition:all .3s}.onboarding-dot.active{background:var(--gv-accent);border-radius:4px;width:24px;box-shadow:0 0 12px #3dffc873}.onboarding-footer{padding:24px 24px calc(24px + var(--gv-safe-bottom))}.onboarding-skip{text-align:center;width:100%;color:var(--gv-text-muted);letter-spacing:.04em;text-transform:uppercase;margin-top:12px;font-size:13px;font-weight:700;display:block}.auth-page{background:radial-gradient(80% 50% at 50% 0,#3dffc81a,#0000 55%),radial-gradient(50% 40% at 90% 100%,#ff6b8a0f,#0000 50%),#030508;flex-direction:column;justify-content:center;height:100%;padding:32px 24px;display:flex}.auth-logo{border:1px solid var(--gv-line);background:linear-gradient(155deg,#1a3038,#0a1818);border-radius:18px;justify-content:center;align-items:center;width:76px;height:76px;margin:0 auto 18px;display:flex;box-shadow:0 0 36px #3dffc833}.auth-logo svg{width:36px;height:36px;color:var(--gv-accent)}.auth-logo--bolt{background:linear-gradient(155deg,#1a2a38,#0a1418);box-shadow:0 0 28px #3dffc847,0 0 48px #fff6a81f}.auth-title{text-align:center;margin-bottom:6px}.auth-title .gtc-wordmark{justify-content:center}.auth-sub{text-align:center;color:var(--gv-text-secondary);letter-spacing:.02em;margin-bottom:28px;font-size:13px;font-weight:600}.auth-form{flex-direction:column;gap:10px;display:flex}.auth-form label{letter-spacing:.06em;text-transform:uppercase;color:var(--gv-text-muted);font-size:11px;font-weight:700}.auth-form input{border:1px solid var(--gv-line);background:#ffffff0a;border-radius:12px;width:100%;padding:14px 16px;font-size:15px}.auth-form input:focus{border-color:#3dffc873;box-shadow:0 0 0 3px #3dffc814}.auth-error{color:#ffc9c9;background:#e85d4c26;border:1px solid #ff6b8a59;border-radius:10px;padding:10px 14px;font-size:13px;font-weight:600}.auth-switch{text-align:center;color:var(--gv-text-secondary);margin-top:20px;font-size:14px}.auth-switch button{color:var(--gv-accent);margin-left:6px;font-weight:800}.auth-server-err{text-align:center;color:var(--gv-rose);margin-bottom:16px;font-size:13px;font-weight:600;line-height:1.4}.auth-demo-fill{flex-direction:column;gap:8px;width:min(320px,100%);margin-top:20px;display:flex}.auth-demo-fill button{width:100%}.battles-page{background:radial-gradient(ellipse at 20% 0%, #1a3a2e55, transparent 50%), radial-gradient(ellipse at 80% 10%, #3a152855, transparent 45%), var(--gv-bg);height:100%;padding:14px 12px 100px;overflow:auto}.battles-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.battles-header h1{font-family:var(--gv-display);letter-spacing:.04em;text-transform:uppercase;flex:1;font-size:22px}.battles-coins{color:#ffe8a3;background:#ffd76a22;border:1px solid #ffd76a66;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:12px;font-weight:700;display:inline-flex}.battles-lead{color:var(--gv-text-secondary);margin-bottom:14px;font-size:13px;line-height:1.35}.battle-create{background:var(--gv-bg-card);border:1px solid var(--gv-border);border-radius:14px;gap:8px;margin-bottom:14px;padding:12px;display:grid}.battle-create-title{font-size:13px;font-weight:700}.battle-create input,.battle-create select{border:1px solid var(--gv-border);color:var(--gv-text);background:#0a1216;border-radius:10px;padding:10px 12px}.battle-tabs{scrollbar-width:none;gap:6px;margin-bottom:8px;padding-bottom:8px;display:flex;overflow-x:auto}.battle-tab{color:var(--gv-text-secondary);background:#ffffff10;border:1px solid #0000;border-radius:999px;flex:none;padding:6px 12px;font-size:12px}.battle-tab.on{color:#fff;background:#3dffc822;border-color:#3dffc855;font-weight:700}.battles-empty{text-align:center;color:var(--gv-text-muted);padding:40px 10px}.battle-live{border:1px solid var(--gv-border);background:#071015;border-radius:18px;overflow:hidden}.battle-live.ended{opacity:.85}.battle-live-top{justify-content:space-between;gap:8px;padding:10px 12px 6px;font-size:13px;display:flex}.battle-score-bar{background:linear-gradient(90deg,#ff3d6e,#ff6b8a);border-radius:999px;height:28px;margin:0 12px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fff2}.battle-score-a{background:linear-gradient(90deg,#1ee6b0,#42ebd2);height:100%;transition:width .25s}.battle-score-mid{text-shadow:0 1px 3px #000a;pointer-events:none;justify-content:center;align-items:center;gap:10px;font-size:12px;font-weight:800;display:flex;position:absolute;inset:0}.battle-score-mid em{font-style:normal;font-family:var(--gv-display);color:#fff;font-size:14px}.battle-score-pct{color:var(--gv-text-muted);justify-content:space-between;padding:4px 16px 8px;font-size:11px;display:flex}.battle-arena{touch-action:manipulation;-webkit-user-select:none;user-select:none;grid-template-columns:1fr 1fr;gap:2px;min-height:320px;display:grid;position:relative}.battle-half{color:#fff;cursor:pointer;text-align:left;background:#000;border:0;margin:0;padding:0;position:relative;overflow:hidden}.battle-half:active{filter:brightness(1.08)}.battle-half video{object-fit:cover;pointer-events:none;width:100%;height:100%;min-height:320px;max-height:420px;display:block}.battle-half-fog{pointer-events:none;background:linear-gradient(#0000 40%,#000c 100%);position:absolute;inset:0}.half-a.picked{box-shadow:inset 0 0 0 2px #3dffc8}.half-b.picked{box-shadow:inset 0 0 0 2px #ff6b8a}.battle-half-meta{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;bottom:44px;left:8px;right:8px}.battle-half-meta img{object-fit:cover;border:1px solid #fff6;border-radius:50%;width:32px;height:32px}.battle-half-meta b{font-size:12px;line-height:1.2;display:block}.battle-half-meta small{color:#fffa;font-size:10px}.battle-tap-hint{z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0008;border:1px solid #fff3;border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.battle-combo{font-family:var(--gv-display);color:#fff;text-shadow:0 0 20px #3dffc8,0 4px 12px #000;z-index:3;pointer-events:none;font-size:48px;animation:.2s combo-pop;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes combo-pop{0%{opacity:.4;transform:translate(-50%,-50%)scale(.6)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.battle-top3{z-index:2;color:#fffc;flex-direction:column;gap:2px;font-size:9px;display:flex;position:absolute;bottom:8px;left:8px;right:8px}.battle-float{z-index:5;pointer-events:none;text-shadow:0 4px 12px #000a;flex-direction:column;align-items:center;font-size:36px;animation:1.6s forwards gift-up;display:flex;position:absolute;top:30%}.battle-float small{color:#fff;font-size:11px;font-weight:700}.battle-float.side-a{left:18%}.battle-float.side-b{left:auto;right:18%}@keyframes gift-up{0%{opacity:0;transform:translateY(40px)scale(.5)}20%{opacity:1;transform:translateY(0)scale(1.1)}to{opacity:0;transform:translateY(-80px)scale(1)}}.battle-gift-rail{border-top:1px solid var(--gv-border);background:#0a141a;padding:10px 10px 6px}.battle-gift-side{gap:6px;margin-bottom:8px;display:flex}.battle-gift-side button{color:#fff;background:#ffffff10;border-radius:10px;flex:1;padding:7px;font-size:12px;font-weight:700}.battle-gift-side button.on:first-child{color:#041210;background:linear-gradient(90deg,#1ee6b0,#42ebd2)}.battle-gift-side button.on:last-child{color:#1a050c;background:linear-gradient(90deg,#ff3d6e,#ff8aa8)}.battle-gifts{scrollbar-width:none;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.battle-gift{color:#fff;background:#ffffff0f;border:1px solid #ffffff18;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;width:56px;height:64px;display:flex}.battle-gift:active{transform:scale(.94)}.battle-gift-emoji{font-size:22px;line-height:1}.battle-gift-price{color:#ffd76a;font-size:10px;font-weight:800}.battle-feed{border-top:1px solid #ffffff0d;max-height:110px;padding:6px 12px 4px;overflow:auto}.battle-feed-row{color:var(--gv-text-secondary);align-items:center;gap:6px;padding:3px 0;font-size:12px;display:flex}.battle-feed-row b{color:#fff;font-weight:600}.battle-feed-row em{color:var(--gv-amber);font-style:normal}.battle-feed-row small{color:#3dffc8;margin-left:auto;font-weight:700}.battle-feed-empty{color:var(--gv-text-muted);text-align:center;padding:8px 0;font-size:12px}.battle-stats-line{color:var(--gv-text-muted);padding:6px 12px 12px;font-size:11px}.battle-chat-box{border-top:1px solid var(--gv-border);background:#0a141a;padding:10px 12px}.battle-chat-title{color:#7dffd0;margin-bottom:6px;font-size:12px;font-weight:700}.battle-chat-list{scrollbar-width:thin;flex-direction:column;gap:4px;max-height:140px;margin-bottom:8px;display:flex;overflow:auto}.battle-chat-row{color:var(--gv-text-secondary);background:#ffffff08;border-radius:8px;padding:5px 8px;font-size:12px}.battle-chat-row b{color:#7dffd0;margin-right:4px}.battle-chat-input{gap:6px;display:flex}.battle-chat-input input{border:1px solid var(--gv-border);color:var(--gv-text);background:#0a1216;border-radius:10px;flex:1;padding:9px 12px;font-size:13px}.battle-chat-input button{background:var(--gv-gradient-btn);color:#041210;border:0;border-radius:10px;padding:0 14px;font-size:12px;font-weight:800}.live-page{background:radial-gradient(ellipse at 70% 0%, #5a102855, transparent 50%), var(--gv-bg);height:100%;padding:14px 12px 100px;overflow:auto}.live-header{align-items:center;gap:8px;margin-bottom:6px;display:flex}.live-header h1{font-family:var(--gv-display);letter-spacing:.04em;text-transform:uppercase;font-size:22px}.live-lead{color:var(--gv-text-secondary);margin-bottom:14px;font-size:13px;line-height:1.35}.live-start-card{background:var(--gv-bg-card);border:1px solid var(--gv-border);border-radius:14px;gap:8px;margin-bottom:16px;padding:12px;display:grid}.live-start-title{font-size:13px;font-weight:700}.live-need-fans{color:#ffb4c4;background:#ff2d5522;border:1px solid #ff2d5544;border-radius:10px;padding:8px 10px;font-size:12px;line-height:1.35}.live-start-card input,.live-start-card select{border:1px solid var(--gv-border);color:var(--gv-text);background:#0a1216;border-radius:10px;padding:10px 12px}.live-start-card .gv-btn-primary{justify-content:center;align-items:center;gap:8px;display:inline-flex}.live-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.live-empty{text-align:center;color:var(--gv-text-muted);grid-column:1/-1;padding:36px 8px}.live-card{text-align:left;color:inherit;background:0 0;border:0;border-radius:14px;padding:0;overflow:hidden}.live-card-media{aspect-ratio:3/4;background:#000;border-radius:14px;position:relative;overflow:hidden}.live-card-media video,.live-card-media img{object-fit:cover;width:100%;height:100%;display:block}.live-badge{color:#fff;letter-spacing:.06em;background:#ff2d55;border-radius:4px;padding:3px 7px;font-size:10px;font-weight:800;animation:1.4s infinite live-pulse;position:absolute;top:8px;left:8px}.live-badge-lg{padding:4px 8px;font-size:11px;position:static}@keyframes live-pulse{0%,to{box-shadow:0 0 #ff2d5588}50%{box-shadow:0 0 0 6px #ff2d5500}}.live-viewers{color:#fff;background:#0009;border-radius:999px;align-items:center;gap:3px;padding:3px 7px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:8px;right:8px}.live-card-meta{align-items:center;gap:8px;padding:8px 2px 0;display:flex}.live-card-meta img{object-fit:cover;border-radius:50%;width:28px;height:28px}.live-card-meta b{font-size:12px;line-height:1.2;display:block}.live-card-meta small{color:var(--gv-text-muted);font-size:10px}.live-room{z-index:80;background:#000;position:fixed;inset:0}.live-stage{width:100%;height:100%;position:relative;overflow:hidden}.live-video{object-fit:cover;background:#111;width:100%;height:100%}.live-camera-overlay{object-fit:cover;z-index:3;border:2px solid #fff6;border-radius:12px;width:96px;height:140px;position:absolute;top:72px;right:12px}.live-webrtc-hint{z-index:6;color:#ffffffd9;text-align:center;pointer-events:none;text-shadow:0 1px 4px #000000b3;font-size:12px;position:absolute;top:72px;left:12px;right:12px}.live-canvas-hide{display:none}.live-topbar{z-index:5;padding:12px 12px 8px;padding-top:max(12px, env(safe-area-inset-top));background:linear-gradient(#000a,#0000);align-items:center;gap:8px;display:flex;position:absolute;top:0;left:0;right:0}.live-host-pill{background:#0007;border-radius:999px;flex:1;align-items:center;gap:8px;min-width:0;padding:4px 10px 4px 4px;display:flex}.live-host-pill img{object-fit:cover;border-radius:50%;width:34px;height:34px}.live-host-pill b{white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}.live-host-pill small{color:#fffc;align-items:center;gap:3px;font-size:10px;display:inline-flex}.live-close{color:#fff;background:#0008;border:0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.live-title-bar{z-index:4;text-shadow:0 1px 4px #000;color:#fff;font-size:13px;font-weight:600;position:absolute;top:64px;left:12px;right:12px}.live-chat{z-index:4;scrollbar-width:none;flex-direction:column;gap:4px;width:min(78%,320px);max-height:38%;display:flex;position:absolute;bottom:150px;left:10px;overflow:auto;-webkit-mask-image:linear-gradient(#0000,#000 18%);mask-image:linear-gradient(#0000,#000 18%)}.live-chat-row{color:#fff;background:#0006;border-radius:10px;width:fit-content;max-width:100%;padding:6px 9px;font-size:12px;line-height:1.3}.live-chat-row b{color:#7dffd0;margin-right:4px}.live-chat-gift{background:#ffd76a22;border:1px solid #ffd76a44}.live-bottom{z-index:6;padding:8px 10px max(12px, env(safe-area-inset-bottom));background:linear-gradient(#0000,#000d);position:absolute;bottom:0;left:0;right:0}.live-gifts-row{scrollbar-width:none;gap:8px;padding-bottom:8px;display:flex;overflow-x:auto}.live-gift-btn{color:#fff;background:#ffffff14;border:1px solid #fff2;border-radius:14px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;width:52px;height:56px;display:flex}.live-gift-btn span{font-size:20px;line-height:1}.live-gift-btn small{color:#ffd76a;font-size:10px;font-weight:800}.live-input-row{align-items:center;gap:6px;display:flex}.live-input-row input{color:#fff;background:#ffffff18;border:1px solid #fff2;border-radius:999px;flex:1;padding:10px 14px;font-size:13px}.live-icon-btn{color:#fff;background:#ffffff18;border:0;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:relative}.live-icon-btn.heart em{background:#ff2d55;border-radius:999px;padding:1px 4px;font-size:9px;font-style:normal;font-weight:800;position:absolute;bottom:-2px;right:-2px}.live-end-btn{color:#fff;background:#ff2d55;border:0;border-radius:12px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:8px;padding:10px;font-size:13px;font-weight:700;display:inline-flex}.live-gift-float{z-index:7;pointer-events:none;text-shadow:0 4px 16px #000a;font-size:48px;animation:1.8s forwards live-float-up;position:absolute;bottom:40%;right:18%}.live-heart-float{z-index:7;pointer-events:none;font-size:28px;animation:1.2s forwards live-float-up;position:absolute;bottom:28%}@keyframes live-float-up{0%{opacity:0;transform:translateY(30px)scale(.6)}15%{opacity:1;transform:translateY(0)scale(1.1)}to{opacity:0;transform:translateY(-120px)scale(1)}}.feed-live-btn{color:#fff;letter-spacing:.04em;z-index:5;background:#ff2d55;border:0;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:800;animation:1.4s infinite live-pulse;position:absolute;top:50%;right:12px;transform:translateY(-50%)}