:root{--app-header-h: 57px;--app-tab-h: 82px;--safe-area-top: constant(safe-area-inset-top);--safe-area-top: env(safe-area-inset-top, 0px);--safe-area-right: constant(safe-area-inset-right);--safe-area-right: env(safe-area-inset-right, 0px);--safe-area-bottom: constant(safe-area-inset-bottom);--safe-area-bottom: env(safe-area-inset-bottom, 0px);--safe-area-left: constant(safe-area-inset-left);--safe-area-left: env(safe-area-inset-left, 0px)}html,body,#app{width:100%;min-height:100%;min-height:100dvh;background-color:#09090b}html{overflow-x:hidden;overscroll-behavior-y:none}body{margin:0;min-height:100dvh}#app{position:relative;min-height:100dvh}#app .hdr,#app .header{position:sticky;top:0;z-index:100;height:calc(var(--app-header-h) + var(--safe-area-top));min-height:calc(var(--app-header-h) + var(--safe-area-top));box-sizing:border-box}#app .hdr{padding:var(--safe-area-top) calc(18px + var(--safe-area-right)) 0 calc(18px + var(--safe-area-left))}#app .hdr-row{display:flex;align-items:center;gap:4px;height:100%}#app .header{padding:var(--safe-area-top) calc(20px + var(--safe-area-right)) 0 calc(20px + var(--safe-area-left))}#app .category-wrap{top:calc(var(--app-header-h) + var(--safe-area-top));z-index:90}#app .app{--bg: #09090b;--bg2: #101012;--card: #141416;--card2: #1a1a1d;--border: rgba(255, 255, 255, .085);--border2: rgba(255, 255, 255, .14);--t1: #ffffff;--t2: #d0d1ce;--t3: #8b8c87;--t4: #62635f;--purple: #8f89b8;--purple2: #b6b0d6;--cyan: #a8b9b6;--r: 8px;--r-lg: 12px;--r-xl: 14px;min-height:100vh;min-height:100dvh;padding-bottom:calc(var(--app-tab-h) + var(--safe-area-bottom));background:linear-gradient(180deg,#0d0d10,#09090b 56%,#0b0b0d);color:var(--t1);font-family:Mona Sans,Helvetica Neue,Helvetica,Arial,PingFang SC,sans-serif}#app .app *,#app .app *:before,#app .app *:after{letter-spacing:0}#app .app button,#app .app input,#app .app textarea{font-family:inherit}#app .app:before,#app .app:after{display:none}#app .hdr,#app .header{background:#0a0a0ce6;border-bottom:1px solid var(--border);box-shadow:none;backdrop-filter:blur(18px) saturate(1.08);-webkit-backdrop-filter:blur(18px) saturate(1.08)}#app .logo{width:34px;height:34px;border:0;border-radius:8px;background:#e8e6e0;box-shadow:none}#app .logo:before,#app .logo:after{display:none}#app .logo span{color:#121214;font-weight:700;text-shadow:none}#app .name,#app .brand-name,#app .header>.page-title,#app .hdr-title{flex:1;min-width:0;overflow:hidden;color:var(--t1);font-size:17px;font-weight:600;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}#app .hdr-title{color:#d8d5e2;background:linear-gradient(90deg,#f1f0ed,#bfdde1 52%,#c5bed8);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}#app .hdr-actions{display:flex;flex:0 0 auto;align-items:center;gap:0}#app .hdr-action{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--t2);transition:color .16s ease,background .16s ease,transform .16s ease}#app .hdr-action:active{background:#ffffff0f;color:var(--t1);transform:scale(.94)}#app .hdr-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#app .hdr-back{display:flex;flex:0 0 44px;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:var(--t2);transition:background .16s ease,color .16s ease,transform .16s ease}#app .hdr-back:active{background:#ffffff0f;color:var(--t1);transform:scale(.94)}#app .hdr-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#app .hdr-btn,#app .header-btn{width:44px;height:44px;border-color:transparent;border-radius:8px;background:transparent;box-shadow:none;color:var(--t2)}#app .hdr-btn:active,#app .header-btn:active{background:#ffffff0f}#app .app.video-create-page{padding-bottom:calc(112px + var(--safe-area-bottom))}#app .app.discover-detail-page{padding-bottom:calc(24px + var(--safe-area-bottom))}#app .app.discover-detail-page.discover-detail-page--commenting{padding-bottom:calc(88px + var(--safe-area-bottom))}#app .tabbar,#app .tab-bar{position:fixed;right:auto;bottom:0;left:50%;z-index:200;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;justify-content:initial;width:100%;max-width:430px;height:calc(var(--app-tab-h) + var(--safe-area-bottom));min-height:calc(var(--app-tab-h) + var(--safe-area-bottom));margin:0;padding:10px var(--safe-area-right) var(--safe-area-bottom) var(--safe-area-left);transform:translate(-50%);box-sizing:border-box;border-top:1px solid rgba(255,255,255,.085);background:radial-gradient(90% 180% at 0% 100%,rgba(100,42,31,.15) 0%,transparent 64%),radial-gradient(90% 170% at 100% 100%,rgba(102,91,68,.1) 0%,transparent 62%),#0e0f0f94;box-shadow:0 -12px 30px #00000024;backdrop-filter:blur(20px) saturate(1.14);-webkit-backdrop-filter:blur(20px) saturate(1.14)}#app .tabbar>.tab,#app .tab-bar>.tab{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;padding:0;gap:4px}#app .tabbar .tab>svg,#app .tab-bar .tab>svg{width:27px;height:27px}#app .tabbar .tab>span,#app .tab-bar .tab>span{font-size:10px;font-weight:500}#app .tabbar .tab,#app .tab-bar .tab{color:#ffffff7a}#app .tabbar .tab>svg,#app .tab-bar .tab>svg{stroke:#ffffff7a}#app .tabbar .tab.active,#app .tab-bar .tab.active,#app .tabbar .tab.active>span,#app .tab-bar .tab.active>span{color:#fff}#app .tabbar .tab.active>svg,#app .tab-bar .tab.active>svg{stroke:#fff}#app .tabbar .tab-create,#app .tab-bar .tab-create{justify-self:center;width:52px;height:52px;margin-top:1px;border:2px solid rgba(255,255,255,.92);border-radius:50%;box-sizing:border-box;background:#0c0d0db3;box-shadow:inset 0 0 0 1px #ffffff06}#app .tabbar .tab-create:before,#app .tabbar .tab-create:after,#app .tab-bar .tab-create:before,#app .tab-bar .tab-create:after{display:none}#app .tabbar .tab-create svg,#app .tab-bar .tab-create svg{width:24px;height:24px;stroke:#fff}