:root{--tg-safe-top: 0px;--tg-safe-bottom: 0px;--kb: 0px;--safe-bottom: max(env(safe-area-inset-bottom, 0px), var(--tg-safe-bottom));--tabbar-body: 62px;--tabbar-h: calc(var(--tabbar-body) + var(--safe-bottom));color-scheme:dark}*{box-sizing:border-box}*,*:before,*:after{border-radius:0}button{-webkit-appearance:none;-moz-appearance:none;appearance:none}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}html,body,#root{height:100%;margin:0;padding:0;background:#000}body{color:#fff;font:14px/20px -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.app{position:fixed;top:var(--vv-top, 0px);left:0;right:0;height:var(--app-h, 100%);overflow:hidden}.wrap{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.wrap.is-hidden{visibility:hidden}.feed{height:100%;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;overscroll-behavior:contain;touch-action:pan-y;overflow-anchor:none;-webkit-overflow-scrolling:touch;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.slide{position:relative;height:100%;scroll-snap-align:start;scroll-snap-stop:always;background:#000;overflow:hidden;overflow:clip;overflow-clip-margin:2px;overflow-anchor:none}.video,.placeholder{position:absolute;top:0;left:-2px;width:calc(100% + 4px);height:calc(100% + 2px);object-fit:cover;background:#000 center/cover no-repeat;transform:translateZ(0);backface-visibility:hidden}.placeholder{filter:brightness(.6)}.meta{position:absolute;z-index:6;left:16px;right:16px;display:flex;align-items:flex-end;gap:12px;bottom:calc(var(--safe-bottom) + 14px);transform:translateY(calc(-1 * var(--tabbar-body)));transition:transform .24s ease;pointer-events:none;overflow-wrap:anywhere}.meta button,.meta .avatar{pointer-events:auto}.author,.title{display:block;width:100%;margin:0;padding:0;border:0;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer}.meta-text{flex:1;min-width:0}.avatar{flex:none;display:grid;margin:0;padding:0;border:0;color:#fff;font-family:inherit;cursor:pointer;place-items:center;width:48px;height:48px;border-radius:24px;background:#ffffff38;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);font-size:20px;font-weight:600;line-height:20px;text-transform:uppercase}.author{font-weight:600;font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.title{margin-top:4px;opacity:.85;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.progress{position:absolute;left:0;right:0;bottom:0;z-index:6;height:2px;background:none;transition:height .12s ease}.progress.is-scrubbing{height:4px;background:#ffffff3d}.scrub-time{position:absolute;z-index:6;left:0;right:0;top:calc(50% + 40px);width:max-content;margin-inline:auto;padding:8px 16px;border-radius:16px;background:#0000008f;font-size:16px;font-variant-numeric:tabular-nums;letter-spacing:.02em;pointer-events:none}.progress-fill{height:100%;background:#fff;transform-origin:left;transform:scaleX(0);will-change:transform}.boot{display:grid;place-items:center;height:100%;opacity:.5}.spinner{position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:2px solid rgba(255,255,255,.2);border-top-color:#fff;animation:spin .7s linear infinite;opacity:.9}.ad-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:linear-gradient(160deg,#16161d,#0b0b0f)}.ad-creative{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:0 32px calc(var(--tabbar-h) + 8px);text-align:center}.ad-text{margin:0;font-size:16px;opacity:.9}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:2s}}.tabbar{position:absolute;left:0;right:0;bottom:0;z-index:4;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;height:var(--tabbar-h);padding-bottom:calc(16px + var(--safe-bottom));transition:transform .24s ease,opacity .24s ease}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:0;padding:0;background:none;color:#ffffff73;font:inherit;font-size:10px;line-height:14px;letter-spacing:.01em;cursor:pointer;transition:color .15s ease}.tab.is-active{color:#fff}.tab svg{display:block}.controls{position:absolute;z-index:6;top:calc(max(env(safe-area-inset-top,0px),var(--tg-safe-top)) + 16px);left:16px;right:16px;display:flex;justify-content:space-between;pointer-events:none}.controls .ctl{pointer-events:auto}.controls.is-hidden{opacity:0;pointer-events:none}.controls{transition:opacity .24s ease}.controls.is-hidden .ctl{pointer-events:none}.ctl{display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:20px;background:#ffffff38;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);color:#fff;cursor:pointer;transition:background .16s ease,color .16s ease}.ctl.is-on{background:#ffffffeb;color:#000}.ctl svg{display:block}.paused-mark{position:absolute;z-index:5;top:50%;left:50%;width:64px;height:64px;margin:-32px 0 0 -32px;display:grid;place-items:center;color:#ffffffe6;filter:drop-shadow(0 2px 8px rgba(0,0,0,.6));pointer-events:none;animation:fade-in .14s ease}.ad-fill{animation-name:ad-fill;animation-timing-function:linear;animation-fill-mode:forwards}@keyframes ad-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.app.chrome-hidden .tabbar{transform:translateY(100%);opacity:0;pointer-events:none}.app.kb-open .tabbar{transform:translateY(100%);opacity:0;pointer-events:none;transition:none}.app.chrome-hidden .meta{transform:translateY(0)}@media (prefers-reduced-motion: reduce){.tabbar,.meta,.controls{transition:none}}.app.sheet-open .wrap{transform:translateY(var(--feed-shift, 14px)) scale(var(--feed-scale, .41));transform-origin:50% 0}.safe-probe{position:absolute;top:0;left:0;width:0;height:max(env(safe-area-inset-top,0px),var(--tg-safe-top));pointer-events:none;visibility:hidden}.app.sheet-open .video{object-fit:contain}.wrap{transition:transform .28s cubic-bezier(.32,.72,0,1)}.app.sheet-open .meta,.app.sheet-open .progress,.app.sheet-open .paused-mark{opacity:0;pointer-events:none}.meta,.progress{transition:opacity .2s ease,transform .24s ease}.layer{position:absolute;top:0;right:0;bottom:0;left:0}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end}.screen.is-overlay{z-index:auto}.sheet{display:flex;flex-direction:column;width:100%;height:var(--sheet-h, 56%);max-height:calc(var(--sheet-full-h, 92%) - var(--kb));margin-bottom:var(--kb);background:#101014;animation:sheet-up .28s cubic-bezier(.32,.72,0,1);transition:height .28s cubic-bezier(.32,.72,0,1)}.app.sheet-full .sheet{height:var(--sheet-full-h, 92%)}.app.sheet-open.sheet-full .wrap{transform:none}.app.sheet-open.sheet-full .video{object-fit:cover}.app.sheet-open.kb-open .wrap{transform:none;transition:none}.app.sheet-open.kb-open .video{object-fit:cover}.comment-new{flex:none;display:flex;align-items:center;gap:8px;padding:8px 16px calc(8px + max(0px,var(--safe-bottom) - var(--kb)));border-top:2px solid rgba(255,255,255,.08);background:#101014}.comment-input{flex:1;min-width:0;height:40px;padding:0 16px;border:0;border-radius:22px;background:#ffffff14;color:#fff;font-family:inherit;font-size:16px}.comment-input::placeholder{color:#fff6}.comment-send{flex:none;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:22px;background:#ffffff14;color:#fff;cursor:pointer}.comment-send:disabled{opacity:.4;cursor:default}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-head{flex:none;display:flex;flex-direction:column;touch-action:none}.sheet-grabber{align-self:center;width:40px;height:4px;margin:8px 0;padding:0;border:0;border-radius:2px;background:#ffffff47;cursor:pointer}.sheet-stats{display:flex;border-bottom:1px solid rgba(255,255,255,.08)}.stat{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;margin:0;padding:14px 8px;border:0;background:none;color:#ffffffb8;font:inherit;font-size:14px;font-variant-numeric:tabular-nums;cursor:pointer}.stat.is-on{color:#ff2d55}.stat.is-flagged{color:#ff3b30}.sheet-body{flex:1;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.about{padding:16px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:12px}.about-author{display:flex;align-items:center;gap:12px;margin:0 0 12px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.about-name{font-size:16px;font-weight:600}.comments-title svg{flex:none;opacity:var(--arrow, 0)}.comments-title{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;margin:0;padding:10px 16px;border:0;font-family:inherit;text-align:left;cursor:pointer;background:#101014;font-size:14px;font-weight:600;color:#fff9}.about-text{margin:0;font-size:14px;line-height:20px;opacity:.8;overflow-wrap:anywhere}.comments{margin:0;padding:8px 0;list-style:none}.comment{display:flex;align-items:flex-start;gap:12px;padding:10px 16px}.comment-body{flex:1;min-width:0}.comment-name{margin:0;padding:0;border:0;background:none;color:#fff9;font:inherit;font-size:12px;cursor:pointer}.comment-text{margin:2px 0 0;font-size:14px;line-height:20px;overflow-wrap:anywhere}.comment-like{flex:none;display:flex;flex-direction:column;align-items:center;gap:2px;margin:0;padding:0;border:0;background:none;color:#ffffff80;font:inherit;font-size:12px;font-variant-numeric:tabular-nums;cursor:pointer;transition:color .16s ease}.comment-like.is-on{color:#ff2d55}.screen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;overflow-y:auto;overscroll-behavior:contain;padding:calc(max(env(safe-area-inset-top,0px),var(--tg-safe-top)) + 16px) 16px calc(var(--tabbar-h) + 16px);background:#0b0b0f}.screen.is-loading{overflow:hidden;touch-action:none}.screen.empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;color:#ffffff80}.screen-title{margin:20px 0 12px;font-size:18px;font-weight:600}.screen-note{margin:16px 0 0;font-size:13px;line-height:20px;opacity:.45}.search{display:flex;align-items:center;gap:10px;padding:0 14px;height:44px;border-radius:22px;background:#ffffff1a;color:#fff9}.search input{flex:1;min-width:0;border:0;background:none;color:#fff;font:inherit;font-size:16px;outline:none}.search input::placeholder{color:#fff6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-inline:-16px}.grid-cell{aspect-ratio:9 / 16;background:#ffffff0f}.grid-cell:nth-child(2n){background:#ffffff1a}.back{display:grid;place-items:center;width:40px;height:40px;margin-bottom:8px;padding:0;border:0;border-radius:20px;background:#ffffff1a;color:#fff;cursor:pointer}.profile-head{display:flex;flex-direction:column;align-items:center;gap:10px;padding:8px 0 20px;text-align:center}.profile-name{margin:0;font-size:18px;font-weight:600;overflow-wrap:anywhere}.profile-stats{display:flex;gap:28px;margin-top:6px}.profile-stat{display:flex;flex-direction:column;gap:2px;font-size:12px;opacity:.55}.profile-stat b{font-size:16px;font-weight:600;font-variant-numeric:tabular-nums;opacity:1}.profile-follow{margin-top:6px;padding:10px 32px;border:0;border-radius:22px;background:#fff;color:#000;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.app.chrome-hidden .screen{padding-bottom:calc(var(--safe-bottom) + 16px)}.screen-top{padding-top:0}.screen-head{position:sticky;top:0;z-index:2;margin-inline:-16px;padding:calc(max(env(safe-area-inset-top,0px),var(--tg-safe-top)) + 16px) 16px 12px;background:#0b0b0f}.screen-head:after{content:"";position:absolute;left:0;right:0;top:100%;height:24px;background:linear-gradient(to bottom,#0b0b0f,#0b0b0f00);opacity:var(--head-shadow, 0);pointer-events:none}.layer,.screen.is-overlay{animation:none}.app.has-layer .tabbar,.app.has-layer .meta{transition:none}.screen{display:flex;flex-direction:column}.screen>.grid,.screen>.screen-head,.screen>.profile-head,.screen>.back{flex:none}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center;color:#ffffff80}.empty-icon{display:grid;place-items:center;opacity:.5}.empty-title{margin:6px 0 0;font-size:18px;font-weight:600;color:#fff}.empty-note{margin:0;max-width:280px;font-size:14px;line-height:20px;overflow-wrap:anywhere}.empty-action{margin-top:8px;padding:10px 28px;border:0;border-radius:22px;background:#fff;color:#000;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.grid-cell.is-loading{animation:pulse 1.4s ease-in-out infinite}.grid-cell.is-loading:nth-child(3n+2){animation-delay:.16s}.grid-cell.is-loading:nth-child(3n){animation-delay:.32s}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@media (prefers-reduced-motion: reduce){.grid-cell.is-loading{animation:none}}.feed{transition:transform .24s cubic-bezier(.32,.72,0,1)}.to-start{position:absolute;z-index:20;top:0;left:0;right:0;height:max(env(safe-area-inset-top,0px),var(--tg-safe-top));margin:0;padding:0;border:0;background:none;cursor:pointer}.top-hint{position:absolute;z-index:22;top:max(env(safe-area-inset-top,0px),var(--tg-inset-top, 0px));left:0;right:0;height:max(var(--tg-band-top, 0px),40px);display:grid;place-items:center;pointer-events:none;opacity:0;transition:opacity .2s ease}.top-hint.is-shown{opacity:1}.top-hint-pill{display:flex;align-items:center;gap:8px;max-width:calc(100% - 160px);padding:8px 16px;border-radius:16px;background-color:#00000070;background-image:linear-gradient(90deg,#ff2e568f,#ff94008f,#34c6588f,#007afe8f,#ae52de8f,#ff2e568f);background-size:400% 100%;-webkit-backdrop-filter:blur(16px) saturate(140%);backdrop-filter:blur(16px) saturate(140%);border:0;color:#fff;font-family:inherit;font-size:14px;font-weight:600;line-height:16px;white-space:nowrap;animation:hint-rainbow 6s linear infinite}.top-hint-pill svg{flex:none}.top-hint-pill span{overflow:hidden;text-overflow:ellipsis}.top-hint-pill.is-error{background-color:#00000070;background-image:linear-gradient(90deg,#ff3a30b8,#ff3a30b8);animation:none;pointer-events:auto;cursor:pointer}@keyframes hint-rainbow{to{background-position:400% 0}}@media (prefers-reduced-motion: reduce){.top-hint{transition:none}.top-hint-pill{animation:none}}