:root{color:#fff;background:#000;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--tg-bg: #000000;--tg-text: #ffffff;--tg-hint: #a8a8a8;--tg-accent: #2ea6ff;--tg-viewport-height: 100vh;--bottom-control-inset: max(env(safe-area-inset-bottom), 12px)}@supports (height: 100dvh){:root{--tg-viewport-height: 100dvh}}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden;background:#000}body{color:#fff;font-size:15px}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.app-shell{position:relative;width:100%;height:var(--tg-viewport-height);overflow:hidden;background:#000}.feed-header{position:fixed;z-index:20;top:max(env(safe-area-inset-top),10px);left:0;right:0;display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:0 14px;color:#fff;pointer-events:none}.feed-header>*{pointer-events:auto}.brand-block{display:flex;align-items:center;min-width:0}.brand-mark{display:block;width:34px;height:34px;flex:0 0 auto;border:1px solid rgb(255 255 255 / 22%);border-radius:8px;object-fit:cover;box-shadow:0 2px 10px #0000008c}.mode-tabs{display:flex;gap:4px;padding:3px;border:1px solid rgb(255 255 255 / 14%);border-radius:999px;background:#0000004d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.mode-tabs button{min-width:42px;height:30px;border:0;border-radius:999px;background:transparent;color:#ffffffb8;font-size:13px;font-weight:700}.mode-tabs button.active{background:#fff;color:#050505}.header-actions,.actions-rail{display:flex;align-items:center}.header-actions{gap:4px}.icon-button{display:grid;width:42px;height:42px;place-items:center;border:0;border-radius:999px;background:transparent;color:#fff;cursor:pointer;filter:drop-shadow(0 2px 8px rgb(0 0 0 / 55%));text-decoration:none;-webkit-tap-highlight-color:transparent}.icon-button svg{width:23px;height:23px;stroke-width:2.2}.icon-button.active{background:#ffffff29;color:#ff426b}.feed-main{width:100%;height:100%;background:#000}.video-feed{width:100%;height:100%;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;overscroll-behavior-y:contain;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.video-feed.dragging{cursor:grabbing}.video-feed *{-webkit-user-drag:none}.video-feed::-webkit-scrollbar{display:none}.video-page{position:relative;width:100%;height:var(--tg-viewport-height);overflow:hidden;scroll-snap-align:start;background:#000}.media-frame,.media-frame video{width:100%;height:100%}.media-frame{position:absolute;inset:0;background:#000}.media-frame video{display:block;object-fit:contain;background:#000}.video-vignette{position:absolute;inset:auto 0 0;height:42%;pointer-events:none;background:linear-gradient(180deg,transparent,rgb(0 0 0 / 76%))}.video-copy{position:absolute;z-index:3;right:90px;bottom:calc(var(--bottom-control-inset) + 34px);left:18px;color:#fff;text-shadow:0 2px 12px rgb(0 0 0 / 58%)}.author-row{display:flex;align-items:center;gap:9px;margin-bottom:9px;font-size:14px;font-weight:800}.author-row img,.avatar-fallback{width:32px;height:32px;border:1px solid rgb(255 255 255 / 28%);border-radius:999px;background:#ffffff24;object-fit:cover}.avatar-fallback{display:grid;place-items:center}.video-copy h1{display:-webkit-box;max-height:4.6em;margin:0 0 9px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3;font-size:17px;font-weight:750;line-height:1.45}.metrics-row{display:flex;flex-wrap:wrap;gap:8px;color:#ffffffc7;font-size:12px;font-weight:650}.metrics-row span{border-radius:999px;padding:4px 8px;background:#ffffff1f}.actions-rail{position:absolute;z-index:4;right:14px;bottom:calc(var(--bottom-control-inset) + 60px);flex-direction:column;gap:8px}.play-badge{position:absolute;z-index:5;top:50%;left:50%;display:grid;width:72px;height:72px;place-items:center;transform:translate(-50%,-50%);border:0;border-radius:999px;background:#00000057;color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.play-badge svg{width:34px;height:34px;transform:translate(2px)}.pause-hit{position:absolute;inset:76px 74px 92px 0;z-index:2;border:0;background:transparent;color:transparent}.scrubber{position:absolute;z-index:6;right:16px;bottom:var(--bottom-control-inset);left:16px;height:18px;margin:0;accent-color:#ffffff;background:transparent}.scrubber::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:#ffffff6b}.scrubber::-webkit-slider-thumb{width:0;height:0;margin-top:1.5px;opacity:0;appearance:none}.scrubber.dragging::-webkit-slider-thumb{width:15px;height:15px;margin-top:-6px;border-radius:999px;background:#fff;opacity:1}.scrubber::-moz-range-track{height:3px;border-radius:999px;background:#ffffff6b}.scrubber::-moz-range-thumb{width:0;height:0;border:0;opacity:0}.scrubber.dragging::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:999px;background:#fff;opacity:1}.cards-feed{display:grid;height:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;overflow-y:auto;padding:calc(env(safe-area-inset-top) + 74px) 12px calc(env(safe-area-inset-bottom) + 18px);background:#070707}.video-card{position:relative;min-width:0;overflow:hidden;border:0;border-radius:8px;background:#151515;color:#fff;text-align:left}.video-card img,.card-placeholder{display:block;width:100%;aspect-ratio:9 / 14;object-fit:cover;background:#202020}.card-duration{position:absolute;top:8px;right:8px;border-radius:999px;padding:3px 6px;background:#0000009e;font-size:11px;font-weight:750}.card-title{display:-webkit-box;min-height:40px;margin:9px 9px 4px;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;font-weight:750;line-height:1.35}.card-meta{display:block;margin:0 9px 10px;color:#ffffff9e;font-size:11px;font-weight:650}.loading-more{display:grid;height:70px;place-items:center;color:#ffffffb3;font-size:13px}.state-view{display:grid;height:100%;place-content:center;gap:10px;padding:28px;color:#fff;text-align:center}.state-view strong{font-size:20px}.state-view p{max-width:300px;margin:0;color:#ffffff9e;line-height:1.5}.state-view button,.secondary-command,.search-form button{min-height:42px;border:0;border-radius:8px;background:#fff;color:#050505;font-weight:800}.toast{position:fixed;z-index:40;right:18px;bottom:calc(env(safe-area-inset-bottom) + 18px);left:18px;border-radius:8px;padding:12px 14px;background:#1e1e1eeb;color:#fff;font-size:13px;font-weight:650;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.sheet-backdrop{position:fixed;z-index:50;inset:0;display:grid;align-items:end;background:#00000075}.sheet-panel{max-height:min(76vh,660px);overflow:auto;border-radius:18px 18px 0 0;background:#111;color:#fff;padding:14px 16px calc(env(safe-area-inset-bottom) + 18px);box-shadow:0 -18px 60px #00000061}.sheet-titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sheet-titlebar h2{margin:0;font-size:18px}.search-form{display:grid;grid-template-columns:1fr 78px;gap:8px;margin-bottom:12px}.search-form input{min-width:0;height:44px;border:1px solid rgb(255 255 255 / 14%);border-radius:8px;background:#050505;color:#fff;padding:0 12px;outline:0}.search-results{display:grid;gap:8px}.search-results button{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;border:0;border-radius:8px;background:#1b1b1b;color:#fff;padding:7px;text-align:left}.search-results img,.search-results span{width:54px;height:72px;border-radius:6px;background:#282828;object-fit:cover}.search-results strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:14px}.search-results small,.sheet-error{color:#ffffff9e}.toggle-row{display:flex;align-items:center;justify-content:space-between;min-height:48px;border-bottom:1px solid rgb(255 255 255 / 9%);font-weight:750}.toggle-row input{width:48px;height:28px;accent-color:#ffffff}.secondary-command{display:flex;width:100%;align-items:center;justify-content:center;gap:8px;margin-top:16px}.secondary-command svg{width:18px;height:18px}@media(max-width:430px){.feed-header{grid-template-columns:1fr auto;row-gap:8px}.mode-tabs{grid-column:1 / -1;grid-row:2;justify-self:center}.header-actions{justify-self:end}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important}}