*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--fg:#f5f5f5;--muted:#ffffffb8;--accent:#7c5cff;--accent-hover:#947aff;--badge:#0000008c;--safe-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--nav-clearance:48px;--card-bottom-gap:20px;--rail-bottom:calc(var(--card-bottom-gap) + max(var(--nav-clearance), var(--safe-bottom)) + 56px)}html,body{background:var(--bg);height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}.topbar{z-index:20;padding:calc(10px + var(--safe-top)) 16px 10px;pointer-events:none;background:linear-gradient(#000000a6,#0000);justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;top:0;left:0;right:0}.logo{letter-spacing:.02em;font-size:15px;font-weight:700}.topbar-right{pointer-events:auto;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.meta{color:var(--muted);white-space:nowrap;cursor:help;font-size:12px;position:relative}@media (hover:hover){.meta[data-tooltip]:after{content:attr(data-tooltip);z-index:30;color:var(--fg);opacity:0;pointer-events:none;background:#0f0f0ff0;border:1px solid #ffffff24;border-radius:6px;padding:6px 9px;font-size:11px;font-weight:500;line-height:1;transition:opacity .15s,transform .15s;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-2px);box-shadow:0 4px 16px #00000059}.meta[data-tooltip]:hover:after{opacity:1;transform:translateY(0)}}.sort{-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border-radius:999px;align-items:center;padding:2px;display:inline-flex}.sort-btn,.filter-btn{appearance:none;cursor:pointer;color:#ffffffb3;font:inherit;letter-spacing:.02em;background:0 0;border:none;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:650;line-height:1;transition:background .15s,color .15s}.sort-btn.active{color:#111;background:#ffffffeb}.sort-btn:not(.active):active,.filter-btn:not(.active):active{background:#ffffff14}.filter-btn{-webkit-backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #0000}.filter-btn.active{color:#fff;background:#7c5cff59;border-color:#7c5cffb3}.feed{scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;height:100vh;overflow-y:scroll}.card{scroll-snap-align:start;scroll-snap-stop:always;background:#111;width:100%;height:100vh;position:relative;overflow:hidden}.card .poster{object-fit:cover;z-index:0;pointer-events:none;opacity:1;will-change:transform, opacity;transform-origin:50%;background:#111;width:100%;height:100%;transition:opacity .25s;position:absolute;inset:0}.card .poster.poster-fallback{background:radial-gradient(at 40% 30%,#2a2a36,#0a0a0a 70%)}.card .poster.hidden{opacity:0;animation:none}.card .poster.ken-burns:not(.hidden){animation:18s ease-in-out infinite alternate kenBurns}@keyframes kenBurns{0%{transform:scale(1)translate(0)}to{transform:scale(1.12)translate(-1.5%,-1%)}}@media (prefers-reduced-motion:reduce){.card .poster.ken-burns:not(.hidden){animation:none}}.card .clip{object-fit:cover;z-index:0;background:0 0;width:100%;height:100%;position:absolute;inset:0}.card.video-ready .clip{z-index:0}.mute-control{top:calc(58px + var(--safe-top));right:calc(16px + var(--safe-right));z-index:4;appearance:none;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(8px);background:#00000061;border:none;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .12s,background .15s;display:grid;position:absolute;box-shadow:0 4px 16px #0000004d}.mute-control:active{transform:scale(.92)}.mute-control .icon-muted{display:none}.mute-control[aria-pressed=true] .icon-muted{display:block}.mute-control[aria-pressed=true] .icon-unmuted{display:none}.card:before{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000 38%,#00000059 62%,#000000d9 100%),linear-gradient(#00000059 0%,#0000 18%);position:absolute;inset:0}.card-body{z-index:2;padding:24px 20px calc(var(--card-bottom-gap) + max(var(--nav-clearance), var(--safe-bottom)));flex-direction:column;gap:10px;max-width:560px;display:flex;position:absolute;bottom:0;left:0;right:72px}.score{background:var(--badge);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.02em;border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:5px 10px;font-size:13px;font-weight:600;display:inline-flex}.score:before{content:"★";color:#ffd166;font-size:12px}.badges{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.platform{-webkit-backdrop-filter:blur(8px);letter-spacing:.04em;text-transform:none;color:#ffffffeb;background:#ffffff24;border-radius:999px;align-self:flex-start;align-items:center;padding:5px 10px;font-size:11px;font-weight:650;line-height:1;display:inline-flex}.made-with{-webkit-backdrop-filter:blur(8px);letter-spacing:.04em;color:#fffffff2;background:#7c5cff47;border-radius:999px;align-self:flex-start;align-items:center;padding:5px 10px;font-size:11px;font-weight:650;line-height:1;display:inline-flex}.author{align-items:center;gap:10px;min-width:0;display:flex}.author-link{color:inherit;cursor:pointer;text-decoration:none}.author-link:hover .author-name,.author-link:focus-visible .author-name{text-underline-offset:3px;text-decoration:underline}.avatar{background:#222;border:1.5px solid #ffffff59;border-radius:50%;flex:none;width:36px;height:36px;overflow:hidden;box-shadow:0 2px 10px #00000073}.avatar-img{object-fit:cover;width:100%;height:100%;display:block}.avatar-fallback{letter-spacing:.02em;color:#fff;background:hsl(var(--hue,260) 55% 42%);place-items:center;width:100%;height:100%;font-size:12px;font-weight:750;display:grid}.author-name{color:#ffffffe6;text-shadow:0 1px 8px #00000080;white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:650;overflow:hidden}.title{text-wrap:balance;text-shadow:0 2px 12px #00000080;font-size:clamp(1.35rem,4.5vw,1.85rem);font-weight:750;line-height:1.15}.desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:42ch;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.play{appearance:none;cursor:pointer;background:var(--accent);color:#fff;letter-spacing:.03em;border:none;border-radius:999px;align-self:flex-start;margin-top:6px;padding:12px 28px;font-size:15px;font-weight:700;transition:background .15s,transform .1s;box-shadow:0 8px 24px #7c5cff59}.play:hover{background:var(--accent-hover)}.play:active{transform:scale(.97)}.rail{right:calc(10px + var(--safe-right));bottom:var(--rail-bottom);z-index:3;flex-direction:column;align-items:center;gap:14px;display:flex;position:absolute}.rail-btn{appearance:none;cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(8px);background:#00000059;border:none;border-radius:50%;place-items:center;width:48px;height:48px;transition:transform .12s,background .15s,color .15s;display:grid;box-shadow:0 4px 16px #00000059}.rail-btn:active{transform:scale(.92)}.rail-btn.like{width:auto;min-width:48px;height:auto;box-shadow:none;-webkit-backdrop-filter:none;color:#fff;background:0 0;border-radius:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.rail-btn.like .rail-icon{-webkit-backdrop-filter:blur(8px);background:#00000059;border-radius:50%;place-items:center;width:48px;height:48px;transition:background .15s,color .15s;display:grid;box-shadow:0 4px 16px #00000059}.rail-btn.like .heart-fill{color:#ff3b5c;display:none}.rail-btn.like .heart-outline{display:block}.rail-btn.like.liked{color:#ff3b5c;background:0 0}.rail-btn.like.liked .rail-icon{color:#ff3b5c;background:#ff3b5c2e}.rail-btn.like.liked .heart-fill{display:block}.rail-btn.like.liked .heart-outline{display:none}.rail-btn.like .like-count{letter-spacing:.02em;color:#ffffffeb;text-shadow:0 1px 6px #000000a6;min-height:11px;font-size:11px;font-weight:700;line-height:1}.rail-btn.like .like-count[hidden]{display:none}.rail-btn.like.liked .like-count{color:#ff3b5c}.rail-btn.comments{width:auto;min-width:48px;height:auto;box-shadow:none;-webkit-backdrop-filter:none;color:#fff;background:0 0;border-radius:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex}.rail-btn.comments .rail-icon{-webkit-backdrop-filter:blur(8px);background:#00000059;border-radius:50%;place-items:center;width:48px;height:48px;display:grid;box-shadow:0 4px 16px #00000059}.rail-btn.comments .comment-count{letter-spacing:.02em;color:#ffffffeb;text-shadow:0 1px 6px #000000a6;min-height:11px;font-size:11px;font-weight:700;line-height:1}body.comments-open{overflow:hidden}body.comments-open .feed{touch-action:none;overflow:hidden}.comments-sheet{z-index:50;pointer-events:none;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.comments-sheet[hidden]{display:none!important}.comments-sheet.open{pointer-events:auto}.comments-backdrop{opacity:0;background:#00000073;transition:opacity .25s;position:absolute;inset:0}.comments-sheet.open .comments-backdrop{opacity:1}.comments-panel{z-index:1;width:min(560px,100%);max-height:min(68dvh,620px);padding-bottom:max(12px, var(--safe-bottom));color:#fff;background:#161616;border-radius:18px 18px 0 0;flex-direction:column;margin:0 auto;transition:transform .28s cubic-bezier(.22,1,.36,1);display:flex;position:relative;transform:translateY(110%);box-shadow:0 -12px 40px #0000008c}.comments-sheet.open .comments-panel{transform:translateY(0)}.comments-grab{cursor:grab;touch-action:none;flex:none;justify-content:center;padding:10px 0 4px;display:flex}.comments-handle{background:#ffffff47;border-radius:999px;width:40px;height:4px}.comments-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:4px 16px 12px;display:flex}.comments-title{letter-spacing:.01em;font-size:15px;font-weight:700}.comments-close{appearance:none;color:#fff;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;place-items:center;width:32px;height:32px;font-size:22px;line-height:1;display:grid}.comments-close:active{transform:scale(.94)}.comments-list{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:auto;padding:8px 12px 16px;overflow-y:auto}.cmt-row{border-radius:12px;gap:10px;padding:10px 6px;display:flex}.cmt-row-link{cursor:pointer}.cmt-row-link:active{background:#ffffff0d}.cmt-avatar{background:#ffffff14;border-radius:50%;flex:none;width:36px;height:36px;overflow:hidden}.cmt-avatar-img{object-fit:cover;width:100%;height:100%;display:block}.cmt-avatar-fallback{color:#fff;background:hsl(var(--hue,260) 55% 42%);place-items:center;width:100%;height:100%;font-size:12px;font-weight:700;display:grid}.cmt-body{flex:auto;min-width:0}.cmt-meta{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:3px;display:flex}.cmt-author{color:#ffffffeb;font-size:13px;font-weight:700}.cmt-likes{color:#ffffff80;white-space:nowrap;font-size:11px;font-weight:600}.cmt-text{color:#ffffffdb;white-space:pre-wrap;word-break:break-word;font-size:13.5px;line-height:1.4}.cmt-empty-text{color:#ffffff59}.cmt-empty{text-align:center;color:#ffffffb3;place-items:center;gap:6px;min-height:180px;padding:24px 16px;display:grid}.cmt-empty p{font-size:15px;font-weight:600}.cmt-empty-sub{max-width:260px;color:#ffffff73!important;font-size:12.5px!important;font-weight:400!important}.hint{z-index:15;writing-mode:vertical-rl;letter-spacing:.08em;color:#ffffff73;pointer-events:none;opacity:1;font-size:11px;transition:opacity .6s;position:fixed;top:50%;right:14px;transform:translateY(-50%)}.hint.hide{opacity:0}.empty{height:100dvh;color:var(--muted);text-align:center;place-items:center;padding:24px;font-size:15px;display:grid}.toast{left:50%;bottom:calc(24px + max(var(--nav-clearance), var(--safe-bottom)));z-index:40;color:#fff;letter-spacing:.02em;opacity:0;pointer-events:none;background:#141414eb;border-radius:999px;padding:10px 16px;font-size:13px;font-weight:600;transition:opacity .2s,transform .2s;position:fixed;transform:translate(-50%)translateY(12px);box-shadow:0 8px 28px #00000073}.toast.show{opacity:1;transform:translate(-50%)translateY(0)}@media (width>=768px){.card-body{width:min(560px,100%);padding-left:24px;padding-right:24px;left:50%;right:auto;transform:translate(-50%)}.rail{right:max(24px,50% - 320px)}}.end-card{scroll-snap-align:start;scroll-snap-stop:always;text-align:center;background:radial-gradient(circle at 50% 30%,#7c5cff38,#0000 42%),linear-gradient(145deg,#171328,#0a0a0a 68%);place-items:center;width:100%;height:100vh;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.end-card:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 100%,#ffffff0f,#0000 46%);position:absolute;inset:0}.end-card-content{z-index:1;justify-items:center;gap:14px;width:min(100%,420px);display:grid;position:relative}.end-card-eyebrow{color:#b8aaff;letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:750}.end-card h2{letter-spacing:-.03em;font-size:clamp(1.9rem,7vw,2.8rem);line-height:1.08}.end-card-copy{max-width:32ch;color:var(--muted);font-size:14px;line-height:1.5}.discover-more{background:var(--accent);color:#fff;letter-spacing:.01em;border-radius:999px;justify-content:center;align-items:center;min-height:48px;margin-top:6px;padding:0 22px;font-size:14px;font-weight:750;text-decoration:none;transition:background .15s,transform .1s;display:inline-flex;box-shadow:0 10px 28px #7c5cff61}.discover-more:hover{background:var(--accent-hover)}.discover-more:active{transform:scale(.97)}