@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#f8f7f3;font-synthesis:none;text-rendering:optimizelegibility;background:#0d0e11;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{background:#0d0e11;min-width:320px;margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0}button:focus-visible{outline-offset:3px;outline:2px solid #d7ff52}.app-shell{background:#18191d;width:min(100%,780px);height:100dvh;margin:0 auto;position:relative;overflow:hidden}.video-slots{z-index:1;pointer-events:none;position:absolute;inset:0}.video-slot{object-fit:cover;opacity:0;pointer-events:none;background:0 0;width:100%;height:100%;position:absolute;inset:0}.video-slot.is-visible{opacity:1;pointer-events:none}.warm-video{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;bottom:0;left:-10px}.feed-scroll{z-index:2;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;height:100dvh;position:relative;overflow-y:auto}.feed-scroll::-webkit-scrollbar{display:none}.virtual-inner{width:100%;position:relative}.virtual-row{scroll-snap-align:start;scroll-snap-stop:always;width:100%;position:absolute;inset:0 auto auto 0}.feed-card{color:#f8f7f3;isolation:isolate;background:#222;width:100%;height:100%;position:relative;overflow:hidden}.feed-card.is-active{background:0 0}.feed-card.is-active .poster-layer{opacity:0}.sound-button,.media-message,.error-message button{pointer-events:auto}.poster-layer,.active-video,.card-shade{width:100%;height:100%;position:absolute;inset:0}.feed-card .poster-layer{z-index:0}.poster-layer{z-index:0;filter:saturate(.92);background-position:50%;background-size:cover;transition:transform .9s,filter .5s}.is-active .poster-layer{transform:scale(1.02)}.active-video{z-index:1;object-fit:cover;background:0 0}.card-number{z-index:3;writing-mode:vertical-rl;letter-spacing:.18em;color:#ffffffb8;font:12px DM Mono,monospace;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.topbar{z-index:6;height:76px;padding:env(safe-area-inset-top) 22px 0;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;inset:0 0 auto}.wordmark{letter-spacing:-.06em;font:700 21px Space Grotesk,sans-serif}.wordmark-mark{color:#d7ff52;vertical-align:-2px;margin-right:4px;font-size:25px;display:inline-block}.topbar-context{letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:8px;font:500 12px DM Mono,monospace;display:flex}.live-dot{background:#d7ff52;border-radius:50%;width:7px;height:7px}.topbar-count{color:#ffffff7a}.topbar-page{color:#ffffff80;text-transform:uppercase;letter-spacing:.08em;font:10px DM Mono,monospace}.card-copy,.editorial-kicker,.media-message{z-index:4}.video-slots{z-index:1}.topbar,.feed-status,.paused-indicator,.screen-sound-button{z-index:6}.topbar{transition:opacity .18s}.feed-status{opacity:1}.card-copy{left:56px;right:82px;bottom:max(46px, calc(46px + env(safe-area-inset-bottom)));position:absolute}.editorial-kicker{color:#d7ff52;text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:10px;font:11px DM Mono,monospace;display:flex;position:absolute;top:120px;left:24px}.editorial-kicker i{border-top:1px solid #d7ff5299;width:32px}.author-line{align-items:center;gap:8px;font-size:13px;display:flex}.avatar{object-fit:cover;border:1px solid #ffffff73;border-radius:50%;width:25px;height:25px}.verified{color:#0d0e11;background:#d7ff52;border-radius:50%;place-items:center;width:14px;height:14px;display:grid}.author-time{color:#ffffff8c;font-size:12px}.card-copy h2{letter-spacing:-.055em;max-width:390px;margin:11px 0 12px;font:600 clamp(31px,7vw,56px)/1.04 Space Grotesk,sans-serif}.meta-line{color:#ffffffad;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:8px;font:11px DM Mono,monospace;display:flex}.meta-line span:first-child{color:#d7ff52}.meta-separator{color:#ffffff59}.screen-sound-button{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1011145c;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:fixed;top:96px;right:max(22px,50vw - 368px)}.media-message{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fffc;white-space:nowrap;background:#0e0f12b3;border-radius:100px;align-items:center;gap:9px;padding:11px 14px;font:11px DM Mono,monospace;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.error-message{white-space:normal;color:#fff;flex-wrap:wrap;justify-content:center;width:max-content;max-width:calc(100% - 48px)}.error-message svg{color:#ff8a7b}.error-message button,.feed-status button{color:#0d0e11;background:#d7ff52;border-radius:99px;align-items:center;gap:5px;padding:6px 10px;font:11px DM Mono,monospace;display:flex}.spin{animation:1s linear infinite rotate}.feed-status{z-index:6;color:#ffffff8c;text-transform:uppercase;letter-spacing:.06em;pointer-events:none;align-items:center;gap:6px;font:10px DM Mono,monospace;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.feed-status button{pointer-events:auto}.paused-indicator{z-index:4;color:#0d0e11;background:#d7ff52eb;border-radius:50%;place-items:center;width:58px;height:58px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-state{align-content:center;justify-items:start;max-width:470px;height:100dvh;margin:0 auto;padding:32px;display:grid}.empty-mark{color:#d7ff52;margin-bottom:30px;font-size:54px}.eyebrow{color:#d7ff52;letter-spacing:.1em;margin:0 0 13px;font:11px DM Mono,monospace}.empty-state h1{letter-spacing:-.06em;margin:0 0 14px;font:600 42px/1 Space Grotesk,sans-serif}.empty-state>p:not(.eyebrow){color:#ffffff8c;line-height:1.6}.primary-button{color:#0d0e11;background:#d7ff52;border-radius:4px;align-items:center;gap:8px;margin-top:18px;padding:11px 15px;font:12px DM Mono,monospace;display:flex}@keyframes rotate{to{transform:rotate(360deg)}}@media (width>=800px){.topbar{padding-left:34px;padding-right:34px}}@media (width<=540px){.topbar-count,.topbar-page{display:none}.feed-status{bottom:13px;left:23px;transform:none}}