.clips.svelte-160ht17{width:min(720px,var(--window-inner));max-height:min(66vh,560px);padding:0 6px 4px;overflow-y:auto}.note.svelte-160ht17{margin:6px 2px 12px;font-size:14px;color:var(--text-dim)}.note.svelte-160ht17 a:where(.svelte-160ht17){color:var(--accent)}.filters.svelte-160ht17{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:14px}.filters.svelte-160ht17 button:where(.svelte-160ht17){display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12px;color:var(--text-dim);background:var(--surface);border:1px solid var(--hairline);transition:background .12s,color .12s,border-color .12s}.filters.svelte-160ht17 button:where(.svelte-160ht17):hover{background:#ffffff17;color:var(--text)}.filters.svelte-160ht17 button.active:where(.svelte-160ht17){color:var(--text);background:var(--accent-wash);border-color:var(--accent-dim)}.filters.svelte-160ht17 .count:where(.svelte-160ht17){font-variant-numeric:tabular-nums;opacity:.6}.grid.svelte-160ht17{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(190px,100%),1fr));gap:14px;margin:0;padding:0;list-style:none}.clip.svelte-160ht17{display:flex;flex-direction:column;gap:5px;width:100%;padding:0;text-align:left;color:var(--text)}.clip.svelte-160ht17 .thumb:where(.svelte-160ht17){position:relative;display:block;aspect-ratio:16/9;border-radius:10px;overflow:hidden;background:#0006;border:1px solid var(--hairline);transition:border-color .15s,transform .15s}.clip.svelte-160ht17 img:where(.svelte-160ht17){position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.clip.svelte-160ht17 .duration:where(.svelte-160ht17){position:absolute;right:6px;bottom:6px;padding:2px 6px;border-radius:5px;font-size:10px;font-variant-numeric:tabular-nums;color:#fff;background:#08030ed1}.clip.svelte-160ht17 .title:where(.svelte-160ht17){font-size:13px;font-weight:500;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clip.svelte-160ht17 .meta:where(.svelte-160ht17){font-size:11px;color:var(--text-dim)}.clip.svelte-160ht17:hover .thumb:where(.svelte-160ht17){border-color:var(--accent-dim);transform:translateY(-2px)}.clip.svelte-160ht17:focus-visible{outline:2px solid var(--accent-dim);outline-offset:3px;border-radius:10px}.player.svelte-160ht17 iframe:where(.svelte-160ht17){display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:10px;background:#0006}.player-bar.svelte-160ht17{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:12px}.player-bar.svelte-160ht17 .now:where(.svelte-160ht17){flex:1;min-width:0;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-bar.svelte-160ht17 a:where(.svelte-160ht17){color:var(--text-dim);text-decoration:none}.player-bar.svelte-160ht17 a:where(.svelte-160ht17):hover{color:var(--accent)}.player-bar.svelte-160ht17 button:where(.svelte-160ht17){padding:5px 11px;border-radius:8px;font-size:12px;color:var(--text-dim);background:var(--surface);border:1px solid var(--hairline)}.player-bar.svelte-160ht17 button:where(.svelte-160ht17):hover{background:#ffffff17;color:var(--text)}@media(max-width:560px){.grid.svelte-160ht17{grid-template-columns:repeat(auto-fill,minmax(min(148px,100%),1fr));gap:10px}.filters.svelte-160ht17{margin-bottom:10px}}@media(prefers-reduced-motion:reduce){.clip.svelte-160ht17 .thumb:where(.svelte-160ht17){transition:none}.clip.svelte-160ht17:hover .thumb:where(.svelte-160ht17){transform:none}}