:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:#000;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.app-main{min-height:100vh;padding-bottom:calc(56px + env(safe-area-inset-bottom))}@media (min-width: 900px){.app-main{padding-left:0;padding-bottom:calc(56px + env(safe-area-inset-bottom))}}.feed{height:100vh;height:100dvh;height:var(--vvh);overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior-y:contain}.hamburger-btn{position:fixed;top:calc(env(safe-area-inset-top) + 12px);left:12px;z-index:80;width:36px;height:32px;display:grid;grid-template-rows:repeat(3,1fr);gap:4px;background:transparent;border:0;padding:6px 4px;cursor:pointer}.hamburger-btn .bar{display:block;height:2px;background:#fff9;border-radius:1px;transition:transform .16s ease,opacity .12s ease}.hamburger-btn.is-open{position:fixed}.hamburger-btn.is-open .bar{position:absolute;left:6px;right:6px;top:50%}.hamburger-btn.is-open .bar:nth-child(1){transform:translateY(-50%) rotate(45deg)}.hamburger-btn.is-open .bar:nth-child(2){opacity:0}.hamburger-btn.is-open .bar:nth-child(3){transform:translateY(-50%) rotate(-45deg)}.drawer-backdrop{position:fixed;inset:0;z-index:59;background:transparent}.drawer{position:fixed;top:0;bottom:0;left:0;width:260px;background:#000;border-right:1px solid #222;transform:translate(-100%);transition:transform .16s ease-out;z-index:61;display:flex;flex-direction:column}.drawer.open{transform:translate(0)}.drawer-nav{display:flex;flex-direction:column;gap:6px;padding:36px 12px 16px}.drawer-link{text-decoration:none;color:#e5e7eb;padding:10px 8px;border-radius:8px}.drawer-link:hover{background:#ffffff0f}.drawer-cta{display:block;text-align:center;background:#b91c1c;color:#fff;font-weight:600;padding:10px 12px;border-radius:10px;width:80%;margin:16px auto;text-decoration:none}.drawer-cta:hover{background:#991b1b}.card{height:100vh;height:100dvh;height:var(--vvh);position:relative;scroll-snap-align:start;display:flex;align-items:flex-start;justify-content:center;width:100%;overflow:hidden}.title{position:absolute;left:12px;bottom:12px;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.7)}.uploader{padding:12px;display:grid;gap:8px;background:#111;border-bottom:1px solid #222}.progress{height:4px;background:#333;border-radius:2px;overflow:hidden}.progress>div{height:100%;background:#4ade80;width:0%}.btn{background:#1f2937;border:1px solid #374151;color:#e5e7eb;padding:8px 12px;border-radius:999px;cursor:pointer}.btn-compact{padding:6px 10px}.btn:disabled{opacity:.5;cursor:default}.video-el,video,mux-player,.mux-player{width:100%!important;max-width:100%;height:auto;display:block;background:#000}.video-el,mux-player{--media-object-fit: contain;--media-object-position: top center}html.imm-ls,body.imm-ls{overflow:hidden}html.imm-ls .bottom-bar,html.imm-ls .left-rail{display:none!important}html.imm-ls mux-player{--media-object-position: center}media-progress-range,media-time-range{display:block;height:28px;--media-range-track-height: 2px;--media-primary-color: rgba(255,255,255,.4);--media-secondary-color: transparent;--media-range-thumb-size: 16px;--media-range-thumb-background: rgba(255,255,255,.4);--media-range-thumb-border: none;--media-range-bar-fill-background: rgba(255,255,255,.4);--media-range-track-background: rgba(255,255,255,.1);--media-range-bar-buffered-background: rgba(255,255,255,.2);--media-focus-outline: none;touch-action:none}.badge{position:absolute;top:12px;right:12px;background:#111827cc;padding:6px 10px;border-radius:999px;font-size:12px}.bottom-bar{position:fixed;left:0;right:0;bottom:0;height:56px;border-top:1px solid #222;background:#101010eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:40}.bottom-grid{display:grid;grid-template-columns:repeat(4,1fr);height:100%;align-items:center;text-align:center}.tab{text-decoration:none;color:#e5e7eb;padding:6px 8px;border-radius:8px;display:inline-block}.tab.active{font-weight:600}.left-rail{display:none}@media (min-width: 900px){.left-rail{display:none!important}.bottom-bar{display:block}}.left-rail-nav{margin-top:8px;display:flex;flex-direction:column;gap:4px}.left-link{text-decoration:none;color:#e5e7eb;padding:8px 10px;border-radius:8px}.left-link.active{font-weight:600}mux-player{--controls: none;--play-button: none;--live-button: none;--seek-backward-button: none;--seek-forward-button: none;--mute-button: none;--captions-button: none;--airplay-button: none;--pip-button: none;--fullscreen-button: none;--cast-button: none;--playback-rate-button: none;--volume-range: none;--time-range: none;--time-display: none;--title-display: none;--duration-display: none}.hud-indicator{font-size:clamp(72px,14vw,140px);line-height:1;padding:.1em .25em;border-radius:.25em;color:#ffffffd9;background:#0000002e;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);transform:scale(1);transition:opacity .2s ease,transform .2s ease}.hud-indicator.is-playing{opacity:0}.hud-indicator.is-paused{opacity:.45;transform:scale(1.02)}