.feed{position:fixed;inset:0;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none;background:#000}.feed::-webkit-scrollbar{width:0!important;height:0!important;display:none}.feed-item{position:relative;height:100dvh;width:100%;scroll-snap-align:start;scroll-snap-stop:always;display:flex;align-items:center;justify-content:center}.stage{position:relative;width:min(100%,56.25dvh);height:100dvh;background:#000;box-shadow:0 0 0 1px #ffffff0a}.stage video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.top-shade{position:absolute;top:0;left:0;right:0;height:calc(env(safe-area-inset-top,0) + 3.25rem);background:linear-gradient(to bottom,#0000008c,#0000);pointer-events:none;z-index:3}.brand{position:absolute;top:calc(env(safe-area-inset-top,0) + .5rem);left:.9rem;z-index:4;font-family:Caveat Brush,Caveat,cursive;font-weight:400;font-size:1.5rem;line-height:1;color:#ffe5b4;letter-spacing:.5px;text-shadow:0 2px 6px rgba(0,0,0,.55);pointer-events:none;user-select:none}.progress{position:absolute;top:0;left:0;right:0;height:4px;background:#fff3;z-index:4;box-shadow:0 1px 3px #00000080}.progress-fill{height:100%;width:0%;background:#ffffffeb;transition:width .15s linear,background-color .35s ease,box-shadow .35s ease}.progress.looped .progress-fill{background:#ffe5b4;box-shadow:0 0 8px #ffe5b4a6}.loop-badge{position:absolute;top:calc(env(safe-area-inset-top,0) + .85rem);left:50%;transform:translate(-50%,-6px);z-index:4;display:flex;align-items:center;gap:.3rem;padding:.22rem .6rem .25rem;background:#0000008c;border:1px solid rgba(255,229,180,.35);border-radius:999px;color:#ffe5b4;font-size:.65rem;font-weight:600;letter-spacing:.7px;text-transform:uppercase;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease}.loop-badge.show{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.loop-badge{transition:opacity .2s ease;transform:translate(-50%)}.progress-fill{transition:width .15s linear,background-color .2s ease}}.meta{position:absolute;left:0;right:0;bottom:0;padding:1rem 1rem calc(env(safe-area-inset-bottom,0) + 1rem);color:#fff;background:linear-gradient(to top,#000000a6 30%,#0000);pointer-events:none;z-index:3;max-width:80%}.meta>*{pointer-events:auto}.title{margin:0 0 .2rem;font-size:.95rem;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-shadow:0 1px 4px rgba(0,0,0,.6)}.creator{margin:0 0 .4rem;font-size:.8rem;opacity:.75;font-weight:400;text-shadow:0 1px 4px rgba(0,0,0,.6)}.source{display:inline-block;padding:.2rem .55rem;background:#ffffff1f;color:#ffe5b4;font-size:.7rem;text-decoration:none;border-radius:999px;backdrop-filter:blur(6px);transition:background-color .15s ease}.source:hover,.source:focus-visible{background:#ffffff38}.mute{position:absolute;top:calc(env(safe-area-inset-top,0) + .75rem);right:.75rem;z-index:4;width:40px;height:40px;border-radius:999px;border:0;background:#00000073;color:#fff;display:grid;place-items:center;cursor:pointer;backdrop-filter:blur(6px)}.mute:hover,.mute:focus-visible{background:#000000a6}.mute[data-muted=false] .ico-off{display:none}.mute[data-muted=true] .ico-on{opacity:.3}.scroll-hint{position:absolute;left:50%;bottom:calc(env(safe-area-inset-bottom,0) + 7.5rem);z-index:4;display:flex;flex-direction:row;align-items:center;gap:.45rem;padding:.45rem .85rem .5rem .75rem;color:#fff;background:#00000080;border:1px solid rgba(255,255,255,.12);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);pointer-events:none;opacity:0;transform:translate(-50%);animation:hint-fade-in .5s ease 1.2s forwards}.scroll-hint.hidden{animation:hint-fade-out .4s ease forwards}.scroll-hint-label{font-size:.7rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase}@keyframes hint-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hint-fade-out{0%{opacity:1}to{opacity:0}}.scroll-hint-chevron{animation:hint-chevron-bounce 1.6s ease-in-out 1.7s infinite}@keyframes hint-chevron-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.scroll-hint-mouse-label{display:none}@media(hover:hover)and (pointer:fine){.scroll-hint-touch-label{display:none}.scroll-hint-mouse-label{display:inline}.scroll-hint-chevron{transform:rotate(180deg);animation-name:hint-chevron-bounce-flipped}}@keyframes hint-chevron-bounce-flipped{0%,to{transform:rotate(180deg) translateY(0)}50%{transform:rotate(180deg) translateY(-6px)}}.scroll-hint-side{position:absolute;top:50%;left:calc(50% + 28.125dvh + 1.5rem);z-index:4;display:none;flex-direction:column;align-items:center;gap:.1rem;color:#ffe5b4;pointer-events:none;opacity:0;transform:translateY(-50%);animation:hint-fade-in .5s ease 1.2s forwards}.scroll-hint-side.hidden{animation:hint-fade-out .4s ease forwards}.scroll-hint-side-word{font-family:Caveat Brush,Caveat,cursive;font-weight:400;font-size:2.6rem;line-height:1;letter-spacing:.5px;text-shadow:0 2px 6px rgba(0,0,0,.45);transform:rotate(-7deg)}.scroll-hint-side-arrow{filter:drop-shadow(0 2px 4px rgba(0,0,0,.4));transform-origin:70% 20%;animation:hint-side-sway 2.8s ease-in-out 1.7s infinite}@keyframes hint-side-sway{0%,to{transform:rotate(-2deg)}50%{transform:rotate(4deg)}}@media(hover:hover)and (pointer:fine)and (min-width:768px)and (min-aspect-ratio:4 / 3){.scroll-hint{display:none}.scroll-hint-side{display:flex}}@media(prefers-reduced-motion:reduce){.scroll-hint,.scroll-hint-side{animation:hint-fade-in .3s ease .8s forwards}.scroll-hint-chevron,.scroll-hint-side-arrow{animation:none}}.feed-empty{display:none;height:100dvh;width:100vw;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#ccc;padding:2rem}.feed-empty p{margin:.5rem 0}.feed-empty .hint{color:#888;font-size:.9rem}.feed-empty code{background:#222;padding:.1rem .4rem;border-radius:4px;font-family:ui-monospace,monospace}html,body{margin:0;padding:0;height:100%;background:#000;color:#fff;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:contain}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}