:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#09090b;--surface:#121216;--surface-2:#1a1a20;--surface-3:#24242c;--border:#ffffff14;--border-strong:#ffffff2e;--text:#f4f4f6;--text-2:#b9b9c4;--muted:#8b8b98;--accent:#c8f560;--accent-hover:#d9ff7f;--accent-ink:#0c1003;--save:#ffd54a;--free:#5ee38f;--paid:#fbbf24;--glass:#0c0c0f99;--radius:14px;--shadow:0 14px 34px #00000080;--ease:cubic-bezier(.2, .8, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--spring:cubic-bezier(.34, 1.56, .64, 1);--font:ui-sans-serif, system-ui, -apple-system, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font:14px/1.45 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;text-rendering:optimizelegibility;margin:0}h1,h2,h3,p,dl,dd{margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}a{color:inherit}img{display:block}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}code{background:var(--surface-3);border-radius:6px;padding:2px 6px;font:.92em ui-monospace,SF Mono,Menlo,monospace}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.muted{color:var(--muted)}.spacer{flex:1}html,body{overscroll-behavior:none;height:100%;overflow:hidden}.app{background:var(--bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:hidden}.app.is-phone{background:#000}.topbar{z-index:20;-webkit-backdrop-filter:blur(18px)saturate(150%);border-bottom:1px solid var(--border);background:#09090b8c;flex:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;padding:10px 20px;display:grid;position:relative}.logo-btn{border-radius:10px;justify-self:start}.logo{align-items:center;gap:10px;display:inline-flex}.logo svg{transition:transform .5s var(--spring)}.logo-btn:hover .logo svg{transform:rotate(-8deg)scale(1.08)}.logo-word{letter-spacing:-.02em;font-size:18px;font-weight:800}.topbar-end{justify-self:end;align-items:center;gap:8px;min-width:0;display:flex}.tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;justify-self:center;gap:2px;padding:4px;display:flex;position:relative}.tab-ink{background:var(--text);transition:transform .45s var(--spring), width .45s var(--spring), opacity .2s;border-radius:999px;position:absolute;top:4px;bottom:4px;left:0}.tab{z-index:1;height:32px;color:var(--muted);border-radius:999px;padding:0 18px;font-weight:650;transition:color .25s;position:relative}.tab:hover{color:var(--text)}.tab.is-current{color:#0a0a0a}.search{background:var(--surface-2);border:1px solid var(--border);width:320px;height:40px;color:var(--muted);border-radius:999px;flex:none;align-items:center;gap:8px;padding:0 12px 0 14px;transition:border-color .2s,background .2s;display:flex;position:relative}.search:focus-within{border-color:var(--border-strong);background:var(--surface-3)}.search input{min-width:0;height:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:none;flex:1;font-size:14px}.search input::placeholder{color:var(--muted)}.search input::-webkit-search-cancel-button{display:none}.search-clear{background:var(--surface-3);width:22px;height:22px;color:var(--text-2);border-radius:50%;place-items:center;display:grid}.kbd{font:600 11px var(--font);color:var(--muted);border:1px solid var(--border-strong);border-radius:6px;padding:1px 6px}.mobile-header{z-index:10;padding:calc(6px + var(--safe-top)) 6px 6px;pointer-events:none;grid-template-columns:44px 1fr 44px;align-items:center;display:grid;position:fixed;inset:0 0 auto}.mobile-header>*{pointer-events:auto}.app.is-phone .tabs{background:0 0;border:0;justify-self:center;gap:4px;padding:0}.app.is-phone .tab{color:#ffffff9e;text-shadow:0 1px 3px #0009;height:36px;padding:0 10px;font-size:16px}.app.is-phone .tab.is-current{color:#fff}.app.is-phone .tab-ink{background:0 0;height:3px;top:auto;bottom:2px}.app.is-phone .tab-ink:after{content:"";background:#fff;border-radius:2px;width:22px;height:100%;margin-left:-11px;position:absolute;left:50%}.mobile-header.is-solid{-webkit-backdrop-filter:blur(16px)saturate(140%);border-bottom:1px solid var(--border);background:#000000d1;padding-bottom:8px}.mobile-query{background:var(--surface-2);border:1px solid var(--border);min-width:0;height:38px;color:var(--muted);animation:pop-in .35s var(--spring) both;border-radius:999px;justify-self:stretch;align-items:center;gap:8px;margin:0 4px;padding:0 14px;display:flex}.mobile-query span{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.filters{flex-direction:column;align-items:stretch;gap:12px;display:flex}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1px solid var(--border);height:34px;color:var(--text-2);transition:background .2s, border-color .2s, color .2s, opacity .2s, transform .2s var(--spring);border-radius:999px;flex:none;align-items:center;gap:7px;padding:0 13px;font-size:13px;font-weight:600;display:inline-flex}.chip:hover{border-color:var(--border-strong);color:var(--text)}.chip:active{transform:scale(.94)}.chip.is-on{background:var(--text);border-color:var(--text);color:#0a0a0a}.chip[style*=--src].is-on{background:color-mix(in srgb, var(--src) 20%, transparent);border-color:var(--src);color:var(--text)}.chip.is-empty:not(.is-on){opacity:.45}.chip-count{color:var(--muted);font-size:11px;font-weight:700}.chip.is-on .chip-count{color:inherit;opacity:.7}.segmented{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;align-self:flex-start;padding:3px;display:flex}.segmented button{height:28px;color:var(--muted);border-radius:999px;padding:0 14px;font-size:13px;font-weight:600;transition:background .2s,color .2s}.segmented button.is-on{background:var(--surface-3);color:var(--text);box-shadow:0 0 0 1px var(--border-strong) inset}.feed-error{color:var(--text-2);text-align:center;padding:16px}.link-btn{color:var(--accent);text-underline-offset:3px;font-weight:600;text-decoration:underline}.empty{text-align:center;max-width:420px;animation:rise-in .6s var(--ease-out) both;gap:10px;padding:0 24px;display:grid}.empty h2{font-size:20px;font-weight:700}.empty p{color:var(--text-2);line-height:1.6}.source-badge,.price-tag,.demo-chip,.reason-chip{white-space:nowrap;-webkit-backdrop-filter:blur(10px);border-radius:999px;align-items:center;height:24px;font-size:11.5px;font-weight:650;display:inline-flex}.source-badge{color:#fff;background:var(--glass);border:1px solid #ffffff1a;gap:6px;padding:0 9px 0 8px}.source-badge.is-solid{background:color-mix(in srgb, var(--src) 22%, #0c0c0fb3);border-color:color-mix(in srgb, var(--src) 55%, transparent)}.source-dot{background:var(--src);width:7px;height:7px;box-shadow:0 0 0 2.5px color-mix(in srgb, var(--src) 28%, transparent);border-radius:50%;flex:none}.price-tag{color:var(--free);background:var(--glass);border:1px solid color-mix(in srgb, var(--free) 30%, transparent);padding:0 9px}.price-tag.is-paid{color:#1d1400;background:var(--paid);border-color:#0000}.demo-chip{letter-spacing:.06em;text-transform:uppercase;color:var(--text-2);background:var(--glass);border:1px solid #ffffff1a;padding:0 8px;font-size:10px}.reason-chip{color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, transparent);-webkit-backdrop-filter:none;backdrop-filter:none;gap:5px;padding:0 9px}.cta{color:#0a0a0a;white-space:nowrap;height:34px;transition:background .15s, transform .15s var(--ease);background:#fff;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:700;text-decoration:none;display:inline-flex}.cta:hover{background:var(--accent)}.cta:active{transform:scale(.96)}.cta-primary{background:var(--accent);height:46px;color:var(--accent-ink);padding:0 20px;font-size:15px}.cta-primary:hover{background:var(--accent-hover)}.save-btn{color:#fff;background:var(--glass);-webkit-backdrop-filter:blur(10px);width:34px;height:34px;transition:color .15s, background .15s, transform .15s var(--ease);border:1px solid #ffffff24;border-radius:999px;justify-content:center;align-items:center;gap:6px;display:inline-flex;position:relative}.save-btn:hover{background:#1e1e24d9}.save-btn:active{transform:scale(.92)}.save-btn.is-saved{color:var(--save)}.save-btn svg.pop{animation:pop .5s var(--spring)}.save-ring{border:2px solid var(--save);pointer-events:none;animation:ring .6s var(--ease-out) forwards;border-radius:50%;position:absolute;inset:-3px}@keyframes pop{40%{transform:scale(1.4)rotate(-8deg)}}@keyframes ring{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(1.8)}}.btn-secondary{background:var(--surface-3);border:1px solid var(--border);width:auto;height:46px;color:var(--text);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:650;display:inline-flex}.btn-secondary:hover{background:#2d2d37}.btn-secondary.icon-only{width:46px;padding:0}.icon-btn{background:var(--glass);color:#fff;-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff1f;border-radius:50%;place-items:center;width:40px;height:40px;transition:background .15s;display:grid;position:relative}.icon-btn:hover{background:#282830e6}.icon-btn.ghost{-webkit-backdrop-filter:none;backdrop-filter:none;filter:drop-shadow(0 1px 2px #0009);background:0 0;border:0}.creator{align-items:center;gap:7px;min-width:0;display:inline-flex}.creator-name{color:var(--text-2);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:550;overflow:hidden}.avatar{object-fit:cover;background:var(--surface-3);border-radius:50%;flex:none}.avatar-fallback{color:#fff;letter-spacing:.02em;place-items:center;font-weight:700;display:inline-grid}.tag{background:var(--surface-2);border:1px solid var(--border);height:28px;color:var(--text-2);border-radius:999px;padding:0 11px;font-size:12.5px;font-weight:550;transition:color .15s,border-color .15s}.tag:hover{color:var(--text);border-color:var(--border-strong)}.media{--kb-scale:1.035;background:#000;position:absolute;inset:0;overflow:hidden}.media-backdrop{filter:blur(30px)brightness(.5)saturate(1.3);background-position:50%;background-size:cover;transition:background-image .4s;position:absolute;inset:-12%}.slide{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .45s var(--ease);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.fit-contain .slide{object-fit:contain;background-size:contain}.slide.is-current{opacity:1}.is-playing .slide.is-current.kb{animation:kenburns var(--slide-ms) linear both}@keyframes kenburns{0%{transform:scale(1)}to{transform:scale(var(--kb-scale))}}.scrub{z-index:4;cursor:pointer;touch-action:none;align-items:flex-end;height:18px;padding:0 10px 7px;display:flex;position:absolute;bottom:0;left:0;right:0}.media .scrub{height:30px;padding:0 12px calc(10px + var(--safe-bottom));box-sizing:content-box}.modal .media .scrub{padding-bottom:12px}.scrub-track{width:100%;height:3px;transition:height .15s var(--ease);gap:3px;display:flex}.scrub:hover .scrub-track,.scrub.is-scrubbing .scrub-track,.scrub:focus-visible .scrub-track{height:6px}.seg{background:#ffffff4d;border-radius:99px;flex:1;overflow:hidden}.seg-fill{transform-origin:0;background:#fff;width:100%;height:100%;transform:scaleX(0)}.seg.is-done .seg-fill{transform:scaleX(1)}.seg.is-current .seg-fill{transform:scaleX(var(--p,0))}.media-mute{z-index:4;color:#fff;background:var(--glass);-webkit-backdrop-filter:blur(10px);width:32px;height:32px;transition:transform .2s var(--spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:14px;right:14px}.media-mute:active{transform:scale(.88)}.modal .media .media-mute{top:14px;left:14px;right:auto}.stage{flex:1;min-height:0;position:relative}.snap{z-index:1;scroll-snap-type:y mandatory;overscroll-behavior-y:contain;overflow-anchor:none;scrollbar-width:none;touch-action:pan-y;position:absolute;inset:0;overflow-y:auto}.snap::-webkit-scrollbar{display:none}.snap-item{scroll-snap-align:start;scroll-snap-stop:always;contain:layout paint;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:relative;overflow:clip}.snap-item.is-phone{background:#000}.snap-frame,.snap-stage{position:absolute;inset:0}.snap-scrim{pointer-events:none;background:linear-gradient(#00000080 0%,#0000 16% 50%,#000000d1 100%);position:absolute;inset:0}.snap-paused{pointer-events:none;z-index:2;place-items:center;display:grid;position:absolute;inset:0}.snap-paused svg{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:78px;height:78px;animation:pause-pop .35s var(--spring) both;background:#0000006b;border-radius:50%;padding:20px 18px 20px 23px}.burst{z-index:3;color:var(--save);pointer-events:none;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)}.burst svg{filter:drop-shadow(0 6px 18px #00000073);animation:burst .9s var(--ease-out) forwards}.spark{background:var(--save);width:9px;height:9px;box-shadow:0 0 12px var(--save);animation:spark .75s var(--ease-out) forwards;border-radius:50%;margin:-4.5px;position:absolute;top:50%;left:50%}.spark:nth-child(odd){background:var(--accent);box-shadow:0 0 12px var(--accent)}.snap-info{left:14px;right:76px;bottom:calc(40px + var(--safe-bottom));z-index:3;text-shadow:0 1px 3px #0009;flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}.snap-chips{flex-wrap:wrap;gap:6px;display:flex}.snap-title{letter-spacing:-.01em;-webkit-line-clamp:2;cursor:pointer;-webkit-box-orient:vertical;font-size:19px;font-weight:750;line-height:1.22;display:-webkit-box;overflow:hidden}.snap-byline{color:#ffffffd1;font-size:13px;font-weight:550}.snap-tags{flex-wrap:nowrap;gap:6px;max-width:100%;display:flex;overflow:hidden}.snap-tags .tag{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:26px;text-shadow:none;background:#ffffff1f;border:0;flex:none}.snap-cta{height:40px;text-shadow:none;margin-top:2px;padding:0 16px;font-size:14px;position:relative;overflow:hidden}.snap-rail{right:8px;bottom:calc(150px + var(--safe-bottom));z-index:3;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute}.rail-avatar{transition:transform .25s var(--spring);border-radius:50%;margin-bottom:4px;box-shadow:0 0 0 2px #fff}.rail-avatar:hover{transform:scale(1.06)}.rail-btn{color:#fff;text-shadow:0 1px 3px #000000b3;transition:transform .2s var(--spring);flex-direction:column;align-items:center;gap:3px;font-size:11.5px;font-weight:650;text-decoration:none;display:flex}.rail-btn:active{transform:scale(.88)}.rail-icon,.save-btn.rail-icon{-webkit-backdrop-filter:blur(10px);width:46px;height:46px;transition:background .2s, color .2s, transform .25s var(--spring);background:#ffffff24;border:0;border-radius:50%;place-items:center;display:grid}.save-btn.rail-icon.is-saved{color:var(--save)}.is-phone .media-mute{top:calc(64px + var(--safe-top));width:38px;height:38px;right:14px}.snap.is-desktop{background:0 0}.snap-item.is-desktop{justify-content:center;align-items:center;gap:18px;padding:14px 0;display:flex}.is-desktop .snap-frame{aspect-ratio:4/5;background:#000;border-radius:22px;max-width:calc(100vw - 240px);height:100%;position:relative;inset:auto;overflow:hidden;box-shadow:0 0 0 1px #ffffff12,0 30px 80px #0000008c}.is-desktop .snap-info{bottom:34px;left:20px;right:20px}.is-desktop .media-mute{width:38px;height:38px;top:14px;right:14px}.is-desktop .snap-rail{align-self:flex-end;gap:14px;margin-bottom:10px;position:static}.is-desktop .rail-btn{color:var(--text-2);text-shadow:none}.is-desktop .rail-icon,.is-desktop .save-btn.rail-icon{width:50px;height:50px;color:var(--text);border:1px solid var(--border);background:#ffffff14}.is-desktop .rail-btn:hover .rail-icon,.is-desktop .save-btn.rail-icon:hover{background:#ffffff29;transform:translateY(-2px)}.is-desktop .save-btn.rail-icon.is-saved{color:var(--save)}.is-desktop .rail-avatar{box-shadow:0 0 0 2px #ffffff40}.snap-nav{z-index:5;flex-direction:column;gap:12px;display:flex;position:fixed;top:50%;right:28px;transform:translateY(-50%)}.snap-nav .icon-btn{border-color:var(--border);width:50px;height:50px;transition:background .2s, transform .25s var(--spring), opacity .2s;background:#ffffff14}.snap-nav .icon-btn:hover:not(:disabled){background:#ffffff29;transform:scale(1.06)}.snap-nav .icon-btn:active:not(:disabled){transform:scale(.92)}.snap-nav .icon-btn:disabled{opacity:.25;cursor:default}.ambient{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}.ambient-layer{filter:blur(80px)saturate(1.8);opacity:.55;animation:ambient-in 1.1s var(--ease) both;background-position:50%;background-size:cover;position:absolute;inset:-20%}.ambient:after{content:"";background:radial-gradient(ellipse 70% 80% at 50% 55%, transparent 20%, var(--bg) 90%);position:absolute;inset:0}.snap-status{place-items:center;display:grid}.skeleton-frame{background:linear-gradient(110deg, var(--surface) 30%, var(--surface-3) 50%, var(--surface) 70%);background-size:250% 100%;animation:1.4s linear infinite shimmer;position:relative;overflow:hidden}.snap-status.is-phone .skeleton-frame{position:absolute;inset:0}.snap-status.is-desktop .skeleton-frame{aspect-ratio:4/5;border-radius:22px;height:100%}.skeleton-lines{left:20px;bottom:calc(40px + var(--safe-bottom));gap:10px;width:62%;display:grid;position:absolute}.skeleton-lines span{background:#ffffff14;border-radius:6px;height:12px}.skeleton-lines span:first-child{width:38%}.skeleton-lines span:nth-child(3){width:64%}.end-card{text-align:center;animation:rise-in .6s var(--ease-out) both;justify-items:center;gap:10px;padding:24px;display:grid}.end-card h2{font-size:22px;font-weight:750}.end-card p{color:var(--text-2)}.end-mark{color:var(--accent);font-size:36px;animation:8s linear infinite spin}.scroll-hint{z-index:6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#fff;white-space:nowrap;pointer-events:none;animation:hint-in .5s var(--spring) both;background:#0009;border-radius:18px;flex-direction:column;align-items:center;gap:4px;padding:12px 18px 14px;font-weight:650;display:flex;position:fixed}.scroll-hint.is-phone{top:50%;left:50%;translate:-50% -50%}.scroll-hint.is-desktop{flex-direction:row-reverse;gap:10px;padding:10px 16px;top:calc(50% + 31px);right:92px;translate:0 -50%}.scroll-hint.is-desktop .hint-chevrons{animation-name:hint-bob-down}.scroll-hint.is-desktop .hint-chevrons svg{transform:rotate(-90deg)}.hint-chevrons{flex-direction:column;align-items:center;animation:1.3s ease-in-out infinite hint-bob;display:flex}.hint-chevrons svg{margin:-9px 0;transform:rotate(90deg)}.hint-chevrons svg:last-child{opacity:.45}.snap-item .snap-info>*,.snap-item .snap-rail>*{opacity:0}.snap-item.is-active .snap-info>*{animation:rise-in .55s var(--ease-out) both}.snap-item.is-active .snap-info>:nth-child(2){animation-delay:60ms}.snap-item.is-active .snap-info>:nth-child(3){animation-delay:.11s}.snap-item.is-active .snap-info>:nth-child(4){animation-delay:.16s}.snap-item.is-active .snap-info>:nth-child(5){animation-delay:.21s}.snap-item.is-active .snap-rail>*{animation:pop-in .5s var(--spring) both}.snap-item.is-active .snap-rail>:first-child{animation-delay:80ms}.snap-item.is-active .snap-rail>:nth-child(2){animation-delay:.13s}.snap-item.is-active .snap-rail>:nth-child(3){animation-delay:.18s}.snap-item.is-active .snap-rail>:nth-child(4){animation-delay:.23s}.snap-item.is-active .snap-rail>:nth-child(5){animation-delay:.28s}.snap-item.is-active .snap-rail>:nth-child(6){animation-delay:.33s}.snap-item.is-active .snap-stage{animation:stage-in .7s var(--ease-out) both}.snap-item.is-active .snap-cta:after{content:"";animation:shine 1.1s var(--ease) 1.5s both;background:linear-gradient(100deg,#0000 30%,#ffffffb3 50%,#0000 70%);position:absolute;inset:0;transform:translate(-120%)}@supports (animation-timeline:view()){.snap-item.is-desktop .snap-frame{animation:linear both frame-depth;animation-timeline:view()}.snap-item.is-phone .snap-frame{animation:linear both frame-parallax;animation-timeline:view()}@keyframes frame-depth{0%{opacity:.2;transform:perspective(1400px)rotateX(-16deg)scale(.84)}50%{opacity:1;transform:perspective(1400px)rotateX(0)scale(1)}to{opacity:.2;transform:perspective(1400px)rotateX(16deg)scale(.84)}}@keyframes frame-parallax{0%{transform:translateY(-14%)}50%{opacity:1;transform:none}to{opacity:.4;transform:translateY(14%)scale(.94)}}}.splash{z-index:100;background:radial-gradient(ellipse 50% 40% at 50% 45%, color-mix(in srgb, var(--accent) 10%, transparent), transparent 70%), var(--bg);transition:opacity .45s var(--ease), visibility .45s;place-content:center;justify-items:center;gap:6px;display:grid;position:fixed;inset:0}.splash.is-out{opacity:0;visibility:hidden}.splash-mark{transition:transform .45s var(--ease);margin-bottom:10px;overflow:visible}.splash.is-out .splash-mark{transform:scale(1.35)}.splash-mark .logo-tile{fill:var(--accent);transform-box:fill-box;transform-origin:50%;animation:logo-tile-in .6s var(--spring) var(--d) both, tile-breathe 1.8s ease-in-out calc(var(--d) + .9s) infinite}.splash-word{letter-spacing:-.03em;animation:rise-in .6s var(--ease-out) .3s both;font-size:30px;font-weight:800}.splash-tag{color:var(--muted);animation:rise-in .6s var(--ease-out) .42s both}.modal-root{z-index:50;-webkit-backdrop-filter:blur(8px);background:#000000bd;place-items:center;padding:24px;animation:.2s fade-in;display:grid;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);width:min(1340px,100%);height:min(880px,100vh - 48px);animation:rise .3s var(--ease);border-radius:22px;grid-template-columns:minmax(0,1fr) 410px;display:grid;position:relative;overflow:hidden;box-shadow:0 30px 90px #000000a6}.modal:focus{outline:none}.modal-media{background:#000;grid-template-rows:minmax(0,1fr) auto;min-height:0;display:grid;position:relative}.modal-media>.media{position:relative;inset:auto}.thumbs{scrollbar-width:none;background:#000;justify-content:center;gap:8px;padding:12px;display:flex;overflow-x:auto}.thumb{opacity:.5;border:2px solid #0000;border-radius:9px;flex:none;width:66px;height:50px;transition:opacity .15s,border-color .15s;overflow:hidden}.thumb:hover{opacity:.85}.thumb.is-current{opacity:1;border-color:#fff}.thumb img,.thumb video{object-fit:cover;width:100%;height:100%}.modal-side{scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;flex-direction:column;gap:18px;min-height:0;padding:26px 26px 32px;display:flex;overflow-y:auto}.modal-chips{flex-wrap:wrap;gap:6px;padding-right:44px;display:flex}.modal-title{letter-spacing:-.015em;font-size:25px;font-weight:760;line-height:1.18}.modal-creator{justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.modal-creator .creator-name{color:var(--text);font-size:14px;font-weight:650}.creator-link{border-radius:999px;text-decoration:none}.creator-link:hover .creator-name{text-decoration:underline}.modal-actions{gap:8px;display:flex}.modal-actions .cta-primary{flex:1}.stats{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stat{background:var(--surface-2);border-radius:12px;padding:10px 12px}.stat dt{color:var(--muted);align-items:center;gap:5px;font-size:11.5px;font-weight:600;display:flex}.stat dd{margin-top:3px;font-size:17px;font-weight:750}.modal-summary{color:var(--text-2);line-height:1.6}.facts{grid-template-columns:auto 1fr;gap:6px 18px;font-size:13px;display:grid}.facts dt{color:var(--muted)}.modal-tags{flex-wrap:wrap;gap:6px;display:flex}.related h3{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px;font-size:13px;font-weight:700}.related-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.related-card{aspect-ratio:1;background:var(--surface-2);transition:transform .2s var(--ease);border-radius:11px;position:relative;overflow:hidden}.related-card:hover{transform:scale(1.03)}.related-card img,.related-card video{object-fit:cover;width:100%;height:100%}.related-title{text-align:left;-webkit-line-clamp:2;background:linear-gradient(#0000,#000c);-webkit-box-orient:vertical;padding:18px 7px 6px;font-size:11px;font-weight:600;line-height:1.25;display:-webkit-box;position:absolute;inset:auto 0 0;overflow:hidden}.skeleton{background:linear-gradient(90deg, var(--surface-2) 0%, var(--surface-3) 50%, var(--surface-2) 100%);background-size:200% 100%;animation:1.2s linear infinite shimmer}.modal-close{z-index:6;position:absolute;top:14px;right:14px}.modal-nav{z-index:6;width:46px;height:46px;position:absolute;top:50%;transform:translateY(-50%)}.modal-nav.is-prev{left:14px}.modal-nav.is-next{right:424px}.modal-root.is-sheet{place-items:end stretch;padding:0}.is-sheet .modal{width:100%;height:auto;max-height:90dvh;animation:slide-up .4s var(--ease-out);border-bottom:0;border-radius:22px 22px 0 0;display:block;overflow-y:auto}.is-sheet .modal-media{height:44dvh}.is-sheet .modal-side{padding:18px 16px calc(28px + var(--safe-bottom));overflow:visible}.is-sheet .modal-title{font-size:21px}.is-sheet .stats{grid-template-columns:repeat(2,1fr)}.is-sheet .thumbs{justify-content:flex-start}.sheet{width:100%;padding:8px 16px calc(20px + var(--safe-bottom));background:var(--surface);animation:slide-up .4s var(--ease-out);border-radius:22px 22px 0 0;flex-direction:column;gap:14px;display:flex}.sheet-handle{background:var(--border-strong);border-radius:99px;width:40px;height:4px;margin:4px auto}.sheet .search{justify-self:stretch;width:100%}.sheet .filters{flex-direction:column;align-items:stretch;padding:0}.sheet .chips{flex-wrap:wrap}.sheet .segmented{align-self:flex-start}.sheet-done{width:100%}.app.is-desktop .modal-root.is-sheet{place-items:center;padding:24px}.app.is-desktop .sheet{border:1px solid var(--border);width:min(600px,100%);animation:rise .35s var(--spring);border-radius:22px;padding:22px}.app.is-desktop .sheet-handle{display:none}.toaster{left:50%;bottom:calc(28px + var(--safe-bottom));z-index:80;pointer-events:none;position:fixed;transform:translate(-50%)}.toast{background:var(--text);color:#0a0a0a;box-shadow:var(--shadow);animation:rise .25s var(--ease);border-radius:999px;padding:10px 16px;font-weight:650}.snap.is-suspended{visibility:hidden;pointer-events:none}.app.is-phone .snap{background:#000}.gallery{z-index:2;overscroll-behavior:contain;background:var(--bg);scrollbar-width:thin;scrollbar-color:var(--surface-3) transparent;animation:fade-in .25s var(--ease);padding:22px 28px 48px;position:absolute;inset:0;overflow-y:auto}.gallery.is-phone{padding:calc(64px + var(--safe-top)) 10px calc(28px + var(--safe-bottom));background:#000}.gallery-head{max-width:1500px;margin:0 auto}.gallery-head h1{letter-spacing:-.015em;margin:2px 2px 18px;font-size:22px;font-weight:750}.gallery-head h1>span:not(.gallery-count){color:var(--accent)}.gallery-count{background:var(--surface-2);color:var(--muted);vertical-align:middle;border-radius:999px;margin-left:6px;padding:2px 9px;font-size:13px;font-weight:650}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:20px 14px;max-width:1500px;margin:0 auto;display:grid}.gallery.is-phone .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 8px}.gallery-empty{place-items:center;padding:12vh 0;display:grid}.gallery-sentinel{height:1px}.tile{text-align:left;min-width:0;animation:card-in .45s var(--ease-out) both;animation-delay:calc(var(--i,0) * 32ms);border-radius:14px;flex-direction:column;gap:7px;display:flex}.tile-media{aspect-ratio:3/4;background:var(--surface-2);transition:transform .25s var(--spring);border-radius:12px;display:block;position:relative;overflow:hidden}.tile:active .tile-media{transform:scale(.97)}.tile:focus-visible{outline:none}.tile:focus-visible .tile-media{outline:2px solid var(--accent);outline-offset:2px}.tile-media>img,.tile-media>video{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease);position:absolute;inset:0}.tile:hover .tile-media>img:first-child{transform:scale(1.06)}.tile-media .tile-motion{z-index:1;animation:fade-in .3s var(--ease)}.tile-media:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#0000,#000000a6);height:40%;position:absolute;inset:auto 0 0}.tile-top,.tile-bottom{z-index:2;justify-content:space-between;align-items:center;gap:6px;display:flex;position:absolute;left:8px;right:8px}.tile-top{top:8px}.tile-bottom{color:#fff;text-shadow:0 1px 3px #0009;font-size:12px;font-weight:700;bottom:8px}.tile-source{background:var(--glass);-webkit-backdrop-filter:blur(8px);color:#fff;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;min-width:0;height:22px;padding:0 8px 0 7px;font-size:10.5px;font-weight:650;display:inline-flex;overflow:hidden}.tile-top .price-tag{height:22px;font-size:10.5px}.tile-stat{align-items:center;gap:4px;display:inline-flex}.tile-play{background:var(--glass);border-radius:50%;place-items:center;width:22px;height:22px;margin-left:auto;padding-left:2px;display:grid}.tile-caption{-webkit-line-clamp:2;-webkit-box-orient:vertical;padding:0 2px;font-size:13px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.tile-creator{min-width:0;color:var(--muted);align-items:center;gap:6px;padding:0 2px;font-size:12px;display:flex}.tile-creator>span:last-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tile.is-skeleton{aspect-ratio:3/4.5;background:linear-gradient(110deg, var(--surface) 30%, var(--surface-3) 50%, var(--surface) 70%);animation:card-in .45s var(--ease-out) both, shimmer 1.4s linear infinite;background-size:250% 100%;border-radius:12px}.player{z-index:4;background:var(--bg);animation:player-in .35s var(--ease-out) both;position:absolute;inset:0}.player.is-phone{z-index:30;background:#000;position:fixed}.player-back{z-index:8;background:var(--glass);-webkit-backdrop-filter:blur(12px);color:#fff;height:40px;transition:transform .2s var(--spring), background .2s;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:8px;padding:0 16px 0 12px;font-weight:650;display:inline-flex;position:absolute;top:16px;left:16px}.player-back:hover{background:#282830e6}.player-back:active{transform:scale(.94)}.player.is-phone .player-back{top:calc(10px + var(--safe-top));justify-content:center;width:42px;height:42px;padding:0;left:10px}.search-screen{z-index:40;background:var(--bg);animation:screen-in .28s var(--ease-out) both;flex-direction:column;display:flex;position:fixed;inset:0}.search-screen-bar{padding:calc(8px + var(--safe-top)) 12px 10px 6px;border-bottom:1px solid var(--border);align-items:center;gap:6px;display:flex}.search-screen-bar .search{flex:1;width:auto}.suggest.is-screen{padding:18px 16px calc(24px + var(--safe-bottom));flex:1;width:100%;max-width:720px;margin:0 auto;overflow-y:auto}.suggest section+section{margin-top:20px}.suggest header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.suggest h3{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.suggest-clear{color:var(--muted);font-size:12.5px}.suggest-clear:hover{color:var(--text)}.suggest-recent{margin:0;padding:0;list-style:none}.suggest-recent li{align-items:center;display:flex}.suggest-item{min-width:0;color:var(--text-2);text-align:left;border-radius:10px;flex:1;align-items:center;gap:10px;padding:9px 8px;display:flex}.suggest-item:hover{background:var(--surface-2);color:var(--text)}.suggest-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.suggest-remove{width:30px;height:30px;color:var(--muted);border-radius:50%;place-items:center;display:grid}.suggest-remove:hover{background:var(--surface-2);color:var(--text)}.suggest-tags{flex-wrap:wrap;gap:8px;display:flex}.suggest.is-dropdown{z-index:30;border:1px solid var(--border);background:var(--surface);max-height:70vh;box-shadow:var(--shadow);color:var(--text);animation:drop-in .2s var(--ease-out);border-radius:16px;padding:14px;position:absolute;top:calc(100% + 8px);left:-1px;right:-1px;overflow-y:auto}.sheet-title{font-size:18px;font-weight:750}.filters-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:2px;font-size:12px;font-weight:700}.sheet-foot{color:var(--muted);justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.sheet-foot .inline-link{color:var(--text-2)}.inline-link{color:var(--accent);font:inherit;text-underline-offset:3px;padding:0;font-weight:600;text-decoration:underline;display:inline}.inline-link:hover{color:var(--accent-hover)}.gate{z-index:200;padding:calc(20px + var(--safe-top)) 16px calc(20px + var(--safe-bottom));background:var(--bg);place-items:center;display:grid;position:fixed;inset:0;overflow-y:auto}.gate-glow{background:conic-gradient(from 0deg, color-mix(in srgb, var(--accent) 35%, transparent), #7c5cff59, #06b6d44d, color-mix(in srgb, var(--accent) 35%, transparent));filter:blur(90px);opacity:.35;pointer-events:none;animation:24s linear infinite spin;position:fixed;inset:-30%}.gate-card{border:1px solid var(--border);-webkit-backdrop-filter:blur(24px);text-align:center;width:min(440px,100%);animation:rise .55s var(--spring) both;background:#121216e0;border-radius:26px;flex-direction:column;align-items:center;gap:10px;padding:30px 24px 24px;display:flex;position:relative;box-shadow:0 30px 90px #0009}.gate-mark{overflow:visible}.gate-mark .logo-tile{fill:var(--accent);transform-box:fill-box;transform-origin:50%;animation:logo-tile-in .6s var(--spring) var(--d) both}.gate h1{letter-spacing:-.025em;font-size:26px;font-weight:800}.gate-tag{color:var(--muted)}.gate-points{text-align:left;gap:12px;margin:12px 0 4px;padding:0;list-style:none;display:grid}.gate-points li{color:var(--text-2);animation:rise-in .5s var(--ease-out) both;align-items:flex-start;gap:12px;font-size:14px;line-height:1.45;display:flex}.gate-points li:first-child{animation-delay:.18s}.gate-points li:nth-child(2){animation-delay:.26s}.gate-points li:nth-child(3){animation-delay:.34s}.gate-points b{color:var(--text)}.gate-icon{background:color-mix(in srgb, var(--accent) 14%, transparent);width:34px;height:34px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.gate-check{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text-2);text-align:left;cursor:pointer;animation:rise-in .5s var(--ease-out) .42s both;border-radius:14px;align-items:flex-start;gap:12px;padding:14px;font-size:13.5px;line-height:1.45;display:flex;position:relative}.gate-check input{opacity:0;width:1px;height:1px;position:absolute}.gate-box{border:2px solid var(--border-strong);width:22px;height:22px;transition:background .2s, border-color .2s, transform .25s var(--spring);border-radius:7px;flex:none;place-items:center;display:grid}.gate-check input:checked+.gate-box{background:var(--accent);border-color:var(--accent);transform:scale(1.08)}.gate-check input:checked+.gate-box:after{content:"";border-left:2.5px solid var(--accent-ink);border-bottom:2.5px solid var(--accent-ink);width:10px;height:6px;transform:translateY(-1px)rotate(-45deg)}.gate-check input:focus-visible+.gate-box{outline:2px solid var(--accent);outline-offset:2px}.gate-agree{width:100%;animation:rise-in .5s var(--ease-out) .5s both;margin-top:4px}.cta:disabled{opacity:.4;cursor:not-allowed;transform:none}.gate-error{color:#ff8a8a;font-size:13px}.legal{z-index:250;background:var(--bg);animation:screen-in .25s var(--ease-out) both;outline:none;position:fixed;inset:0;overflow-y:auto}.legal-bar{z-index:2;padding:calc(8px + var(--safe-top)) 12px 8px;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(14px);background:#09090bdb;grid-template-columns:44px 1fr 44px;align-items:center;display:grid;position:sticky;top:0}.legal-tabs{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;justify-self:center;gap:4px;padding:4px;display:flex}.legal-tabs button{height:30px;color:var(--muted);border-radius:999px;padding:0 16px;font-weight:650}.legal-tabs button.is-on{background:var(--text);color:#0a0a0a}.legal-doc{max-width:720px;padding:28px 22px calc(64px + var(--safe-bottom));color:var(--text-2);margin:0 auto;font-size:15px;line-height:1.7}.legal-doc h1{color:var(--text);letter-spacing:-.02em;font-size:30px;line-height:1.2}.legal-meta{color:var(--muted);margin:6px 0 20px}.legal-summary{border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);background:color-mix(in srgb, var(--accent) 7%, var(--surface));color:var(--text);border-radius:16px;margin-bottom:26px;padding:16px 18px;display:block}.legal-doc h2{color:var(--text);margin:28px 0 8px;font-size:17px}.legal-doc p+p,.legal-doc p+ul,.legal-doc ul+p{margin-top:10px}.legal-doc ul{margin:8px 0 0;padding-left:20px}.legal-doc li+li{margin-top:6px}.legal-doc strong{color:var(--text)}.legal-todo{background:color-mix(in srgb, var(--paid) 30%, transparent);color:var(--text);border-radius:4px;padding:0 4px}.data-sheet h2{font-size:20px;font-weight:750}.data-list{color:var(--text-2);margin:0;padding-left:20px;font-size:14px;line-height:1.6}.data-actions{gap:10px;display:grid}.data-actions .btn-secondary{width:100%}.btn-secondary.is-danger{color:#ff8a8a}.btn-secondary.is-danger.is-confirming{color:#fff;background:#3a1416;border-color:#ff6b6b}.data-foot{text-align:center;font-size:13px}@keyframes card-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes player-in{0%{opacity:0;transform:scale(.96)}}@keyframes screen-in{0%{opacity:0;transform:translateY(14px)}}@keyframes drop-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes logo-tile-in{0%{opacity:0;transform:translate(var(--dx), var(--dy)) scale(.3) rotate(-35deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pop-in{0%{opacity:0;transform:translate(14px)scale(.6)}to{opacity:1;transform:none}}@keyframes stage-in{0%{opacity:.4;transform:scale(1.06)}to{opacity:1;transform:none}}@keyframes pause-pop{0%{opacity:0;transform:scale(1.6)}}@keyframes burst{0%{opacity:0;transform:scale(.2)rotate(-18deg)}18%{opacity:1;transform:scale(1.2)rotate(-6deg)}34%{transform:scale(.95)rotate(-8deg)}70%{opacity:1;transform:scale(1)rotate(-8deg)translateY(0)}to{opacity:0;transform:scale(1.25)rotate(-8deg)translateY(-70px)}}@keyframes spark{0%{transform:rotate(var(--a)) translateY(-20px) scale(.3);opacity:0}20%{opacity:1}to{transform:rotate(var(--a)) translateY(-86px) scale(0);opacity:0}}@keyframes shine{to{transform:translate(120%)}}@keyframes ambient-in{0%{opacity:0;transform:scale(1.1)}}@keyframes hint-in{0%{opacity:0;transform:translateY(16px)scale(.9)}}@keyframes hint-bob{50%{transform:translateY(-10px)}}@keyframes hint-bob-down{50%{transform:translateY(8px)}}@keyframes tile-breathe{50%{opacity:.7;transform:scale(.8)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(18px)scale(.98)}}@keyframes slide-up{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.is-playing .slide.is-current.kb,.snap-item .snap-frame{animation:none!important}}@media (width<=1000px){.logo-word,.kbd{display:none}}@media (width<=1100px){.modal{grid-template-columns:minmax(0,1fr) 360px}.modal-nav.is-next{right:374px}}@media (width<=900px){.snap-nav{display:none}}@media (width<=900px) and (width>=721px){.modal{grid-template-rows:50% 50%;grid-template-columns:1fr}.modal-nav{top:25%}.modal-nav.is-next{right:14px}}