.canvas.svelte-kk7gnj{transform-origin:0 0;text-align:left;letter-spacing:normal;pointer-events:none;width:520px;height:325px;position:absolute;top:0;left:0}.canvas.svelte-kk7gnj,.canvas.svelte-kk7gnj *,.canvas.svelte-kk7gnj :before,.canvas.svelte-kk7gnj :after{corner-shape:round}.canvas.svelte-kk7gnj *,.canvas.svelte-kk7gnj :before,.canvas.svelte-kk7gnj :after{transition:none!important;animation:none!important}.all.svelte-9bhxc3{text-align:left;justify-self:stretch;padding-block:clamp(20px,3vh,36px) clamp(40px,6vh,72px)}.filters.svelte-9bhxc3{flex-wrap:wrap;gap:8px;margin-bottom:clamp(18px,2.4vh,28px);display:flex}.filter.svelte-9bhxc3{background:var(--l2);height:36px;color:var(--ink);letter-spacing:-.2px;transition:background .35s var(--ease), color .35s var(--ease);border-radius:999px;align-items:center;gap:7px;padding-inline:15px;font-size:.9375rem;font-weight:450;display:inline-flex}.filter.svelte-9bhxc3:hover{background:var(--l2-hover)}.filter.svelte-9bhxc3 .n:where(.svelte-9bhxc3){color:var(--gray);transition:color .35s var(--ease);font-weight:450}.filter.on.svelte-9bhxc3{color:#0b0b0f;background:#1e96ff}.filter.on.svelte-9bhxc3 .n:where(.svelte-9bhxc3){color:#ffffffb8}.cards.svelte-9bhxc3{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));gap:30px 16px;list-style:none;display:grid}li.svelte-9bhxc3{animation:svelte-9bhxc3-card-in .7s var(--ease) both;animation-delay:calc(var(--k) * 22ms)}@keyframes svelte-9bhxc3-card-in{0%{opacity:0;filter:blur(6px);transform:translateY(14px)}}.card.svelte-9bhxc3{color:inherit;-webkit-tap-highlight-color:transparent;gap:10px;text-decoration:none;display:grid}.thumb.svelte-9bhxc3{aspect-ratio:520/325;isolation:isolate;background:var(--card);transition:transform .45s var(--ease);border-radius:14px;display:block;position:relative;overflow:hidden}.ground.svelte-9bhxc3{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.live-demo.svelte-9bhxc3{position:absolute;inset:0}.card.svelte-9bhxc3:hover .thumb:where(.svelte-9bhxc3){transform:translateY(-3px)}.mark.svelte-9bhxc3{z-index:2;letter-spacing:-.1px;border-radius:999px;padding:4px 9px;font-size:.75rem;font-weight:450;line-height:1.2;position:absolute;top:9px;right:9px}.here-mark.svelte-9bhxc3{background:var(--key);color:var(--on-key)}.liked-mark.svelte-9bhxc3{color:#0b0b0f;background:#1e96ff}.caption.svelte-9bhxc3{letter-spacing:-.015em;gap:9px;padding-inline:2px;font-size:clamp(.9375rem,.95vw,1.0625rem);line-height:1.3;display:flex}.num.svelte-9bhxc3{min-width:1.4em;color:var(--gray);flex:none}.title.svelte-9bhxc3{-webkit-line-clamp:2;line-clamp:2;color:var(--ink);text-wrap:pretty;transition:color .3s var(--ease);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.card.seen.svelte-9bhxc3 .title:where(.svelte-9bhxc3){color:var(--body)}.card.svelte-9bhxc3:hover .title:where(.svelte-9bhxc3){color:var(--ink)}.empty.svelte-9bhxc3{color:var(--body);text-align:center;padding-block:clamp(48px,12vh,120px)}@media (width<=700px){.cards.svelte-9bhxc3{row-gap:22px}.thumb.svelte-9bhxc3{border-radius:11px}.mark.svelte-9bhxc3{padding:3px 7px;font-size:.6875rem;top:6px;right:6px}.caption.svelte-9bhxc3{gap:6px;font-size:.875rem}}main.svelte-1inoitj{--col:var(--edge);--bar:calc(46px + clamp(42px, 2.6vw, 50px));min-height:calc(100svh - var(--bar));text-align:center;grid-template-rows:auto 1fr auto;justify-items:center;padding-block:clamp(4px,.6vw,12px) clamp(28px,3.5vw,48px);display:grid}.top.svelte-1inoitj{justify-content:space-between;justify-self:stretch;align-items:center;gap:16px;display:flex}main.all.svelte-1inoitj{grid-template-rows:auto 1fr}.where.svelte-1inoitj{align-items:center;gap:14px;display:flex}.all-tips.svelte-1inoitj{display:inline-grid}.all-label.svelte-1inoitj{animation:svelte-1inoitj-like-swap .4s var(--ease) both;grid-area:1/1}.zone.returning.svelte-1inoitj{animation:svelte-1inoitj-zone-back .6s var(--ease) both}@keyframes svelte-1inoitj-zone-back{0%{opacity:0;filter:blur(8px);transform:translateY(14px)}}.download.svelte-1inoitj{gap:8px}html:not([data-theme=light]) .download[data-film=light].svelte-1inoitj,html[data-theme=light] .download[data-film=dark].svelte-1inoitj{display:none}.count.svelte-1inoitj{letter-spacing:-.2px;color:var(--body);font-size:clamp(.9375rem,.94vw,1.125rem);font-weight:450}.zone.svelte-1inoitj{touch-action:pan-y;align-content:center;justify-items:center;gap:clamp(20px,3.2vh,40px);width:100%;padding-block:clamp(12px,2.4vh,28px);display:grid}.shot.svelte-1inoitj{width:min(100%, 720px, max(360px, calc((100svh - var(--bar) - 400px) * 1.6)));aspect-ratio:520/325;isolation:isolate;border-radius:var(--r);background:var(--card);display:grid;position:relative;overflow:hidden}.ground.svelte-1inoitj{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0}.scene.svelte-1inoitj{grid-area:1/1;position:relative}.copy.svelte-1inoitj{width:100%;display:grid}.tip.svelte-1inoitj{grid-area:1/1;justify-self:center;max-width:42rem}.tp-in.svelte-1inoitj{animation:svelte-1inoitj-tp-rise .62s var(--ease) both;animation-delay:calc(.2s + var(--i) * 30ms)}@keyframes svelte-1inoitj-tp-rise{0%{opacity:0;filter:blur(8px);transform:translate(calc(var(--dir,1) * 18px), .35em)}}.keys.svelte-1inoitj{flex-wrap:wrap;justify-content:center;gap:14px;margin-bottom:16px;display:flex}.chord.svelte-1inoitj{-webkit-tap-highlight-color:transparent;border-radius:16px;gap:6px;margin:-5px;padding:5px;display:flex;position:relative}.chord.svelte-1inoitj:hover kbd:where(.svelte-1inoitj):not(.down){transform:translateY(-1px)}.chord.waiting.svelte-1inoitj kbd:where(.svelte-1inoitj){background:color-mix(in srgb, var(--l2) 80%, #1e96ff);animation:svelte-1inoitj-nudge 2.4s var(--ease) infinite;animation-delay:calc(.5s + var(--k) * .12s)}.chord.waiting.svelte-1inoitj kbd.down:where(.svelte-1inoitj){background:color-mix(in srgb, var(--l2-hover) 72%, #1e96ff)}@keyframes svelte-1inoitj-nudge{0%,62%,to{transform:none}70%{background:color-mix(in srgb, var(--l2-hover) 72%, #1e96ff);transform:translateY(2px)}80%{transform:none}}kbd.svelte-1inoitj{background:var(--l2);min-width:2.5rem;height:2.5rem;color:var(--ink);transition:transform .12s ease, background .3s var(--ease), color .3s var(--ease);border-radius:11px;place-items:center;padding-inline:.7rem;font-family:inherit;font-size:1.0625rem;font-weight:450;line-height:1;display:inline-grid}kbd.down.svelte-1inoitj{background:var(--l2-hover);transform:translateY(2px)}.chord.lit.svelte-1inoitj kbd:where(.svelte-1inoitj){color:#0b0b0f;background:#1e96ff}h1.svelte-1inoitj{color:var(--ink);letter-spacing:-.015em;text-wrap:balance;font-size:clamp(1.263rem,1.95vw,1.894rem);font-weight:450;line-height:1.1}.word.svelte-1inoitj{display:inline-block}.body.svelte-1inoitj{letter-spacing:-.008em;max-width:36rem;color:var(--body);text-wrap:pretty;margin:14px auto 0;font-size:clamp(1rem,1.1vw,1.1875rem);line-height:1.5}.controls.svelte-1inoitj{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.like.svelte-1inoitj{background:var(--l2);color:var(--ink);transition:transform .45s var(--ease), background .45s var(--ease), color .45s var(--ease);display:inline-grid}.like.svelte-1inoitj:hover{background:var(--l2-hover);transform:translateY(-1px)}.like.on.svelte-1inoitj{color:#0b0b0f;cursor:default;background:#1e96ff}.like.pop.svelte-1inoitj{animation:svelte-1inoitj-like-pop .5s var(--ease)}.like.on.svelte-1inoitj:hover{transform:none}.like-label.svelte-1inoitj{animation:svelte-1inoitj-like-swap .4s var(--ease) both;grid-area:1/1}@keyframes svelte-1inoitj-like-swap{0%{opacity:0;filter:blur(4px);transform:translateY(.4em)}}@keyframes svelte-1inoitj-like-pop{40%{transform:scale(1.06)}}@media (width<=980px){main.svelte-1inoitj{--bar:72px}}@media (width<=700px){.zone.svelte-1inoitj{align-content:start;padding-top:28px}.shot.svelte-1inoitj{width:calc(100% + 2 * var(--edge) - 16px);border-radius:16px}kbd.svelte-1inoitj{min-width:2.25rem;height:2.25rem;font-size:1rem}}