.zap__clipby{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;margin:0;font-size:var(--text-sm);color:var(--ink-2)}.zap__clipby a{color:var(--accent-ink);text-decoration:none}.zap__clipby a:hover{text-decoration:underline}.clip-modal{max-width:min(46rem,100vw - var(--space-4) * 2);width:100%}.clip-modal__stage{position:relative;aspect-ratio:16 / 9;margin-inline:auto;background:var(--ground-inset);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.clip-modal__stage[data-orientation=portrait]{aspect-ratio:9 / 16;max-height:46vh;width:auto}.clip-modal__stage video{width:100%;height:100%;object-fit:cover;background:var(--d-ground)}.clip-modal__play{position:absolute;inset-block-end:var(--space-3);inset-inline-start:var(--space-3);background:var(--ground);border:1px solid var(--line-strong)}.clip-modal__track{display:grid;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--ground-inset)}.clip-modal__length{display:flex;justify-content:space-between;gap:var(--space-3);margin:0;font-size:var(--text-sm);color:var(--ink-2)}.clip-tl{display:grid;gap:var(--space-2)}.clip-tl__track{position:relative;height:56px;border-radius:var(--radius-control);background:var(--raised);border:1px solid var(--line);overflow:hidden;touch-action:none;cursor:pointer}.clip-tl__mask{position:absolute;inset-block:0;background:var(--ground);opacity:.72;pointer-events:none}.clip-tl__window{position:absolute;inset-block:0;background:color-mix(in oklab,var(--accent) 22%,transparent);border-inline:2px solid var(--accent-ink);pointer-events:none}.clip-tl__playhead{position:absolute;inset-block:0;width:2px;margin-inline-start:-1px;background:var(--ink);pointer-events:none}.clip-tl__handle{position:absolute;inset-block:0;width:44px;margin-inline-start:-22px;display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent;cursor:ew-resize;touch-action:none}.clip-tl__handle:disabled{cursor:default;opacity:.5}.clip-tl__grip{width:10px;height:60%;border-radius:999px;background:var(--accent-ink);box-shadow:0 0 0 2px var(--ground)}.clip-tl__handle:hover .clip-tl__grip,.clip-tl__handle:focus-visible .clip-tl__grip{height:76%}.clip-tl__scale{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--ink-3)}@media(pointer:coarse){.clip-tl__track{height:64px}}.clip-share{max-width:min(34rem,100vw - var(--space-4) * 2);width:100%}.clip-formats{display:flex;gap:var(--space-3)}.clip-formats__option{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);min-height:96px;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--ground-inset);color:var(--ink-2);font-size:var(--text-sm);cursor:pointer}.clip-formats__option[aria-pressed=true]{border-color:var(--accent-ink);color:var(--ink);background:color-mix(in oklab,var(--accent) 12%,var(--ground-inset))}.clip-share__canvas{width:100%;max-height:40vh;object-fit:contain;background:var(--d-ground);border:1px solid var(--line);border-radius:var(--radius-card)}.clip-share__progress{width:100%;height:6px;border-radius:999px;background:var(--ground-inset);overflow:hidden}.clip-share__progress>span{display:block;height:100%;background:var(--accent);transition:width var(--dur-micro) var(--ease)}.clip-wall{columns:4;column-gap:var(--space-4)}.clip-wall>*{break-inside:avoid;margin-block-end:var(--space-4)}@media(max-width:1200px){.clip-wall{columns:3}}@media(max-width:900px){.clip-wall{columns:2}}@media(max-width:420px){.clip-wall{columns:2;column-gap:var(--space-3)}.clip-wall>*{margin-block-end:var(--space-3)}}.clip-card{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.clip-card__thumb{position:relative;display:block;overflow:hidden;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--ground-inset)}.clip-card__thumb img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-fast) var(--ease)}.clip-card__thumb:hover img{transform:scale(1.03)}.clip-card__mark{position:absolute;inset-block-start:var(--space-2);inset-inline-start:var(--space-2);display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:999px;background:var(--accent);color:var(--on-accent)}.clip-card__len{position:absolute;inset-block-end:var(--space-2);inset-inline-end:var(--space-2);padding:2px 6px;border-radius:var(--radius-control);background:color-mix(in oklab,var(--d-ground) 78%,transparent);color:var(--d-ink);font-size:var(--text-xs)}.clip-card__body{display:flex;flex-direction:column;gap:2px;min-width:0}.clip-card__title{margin:0;font-size:var(--text-sm);font-weight:600;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.clip-card__title a{color:var(--ink);text-decoration:none}.clip-card__title a:hover{color:var(--accent-ink)}.clip-card__meta{margin:0;font-size:var(--text-xs);color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clip-page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);align-items:start;gap:var(--space-6)}.clip-page__more{grid-column:1 / -1}@media(max-width:1000px){.clip-page{grid-template-columns:minmax(0,1fr);gap:var(--space-4)}}.clip-page__stage{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.clip-page__stage[data-orientation=portrait]{max-width:fit-content;margin-inline:auto}.clip-stage{position:relative;width:100%;overflow:hidden;border-radius:var(--radius-card);border:1px solid var(--line);background:var(--d-ground)}.clip-stage[data-orientation=portrait]{max-height:min(76vh,40rem);width:auto;margin-inline:auto}.clip-stage__video{width:100%;height:100%;object-fit:cover;display:block;cursor:pointer}.clip-stage__sound{position:absolute;inset-block-start:var(--space-3);inset-inline-end:var(--space-3);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:999px;border:1px solid var(--line-strong);background:color-mix(in oklab,var(--d-ground) 70%,transparent);color:var(--d-ink);cursor:pointer}.clip-stage__play{position:absolute;inset:0;margin:auto;display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:999px;border:0;background:color-mix(in oklab,var(--d-ground) 62%,transparent);color:var(--d-ink);cursor:pointer}.clip-stage__len{position:absolute;inset-block-end:var(--space-3);inset-inline-start:var(--space-3);padding:2px 7px;border-radius:var(--radius-control);background:color-mix(in oklab,var(--d-ground) 78%,transparent);color:var(--d-ink);font-size:var(--text-xs)}.clip-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.clip-page__aside{display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.clip-page__title{margin:0;font-family:var(--font-display);font-size:var(--text-xl);line-height:1.25}.clip-page__meta{margin:0;font-size:var(--text-sm);color:var(--ink-3)}.clip-page__creator{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--raised);color:inherit;text-decoration:none;min-width:0}.clip-page__creator img{width:40px;height:40px;border-radius:999px;object-fit:cover;flex:none}.clip-page__creator>span{display:flex;flex-direction:column;min-width:0}.clip-page__creator-name{display:flex;align-items:center;gap:var(--space-1, 4px);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-page__creator-role{font-size:var(--text-xs);color:var(--ink-3)}.clip-page__author{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--text-sm);color:var(--ink-2)}.clip-page__author a{color:var(--accent-ink);text-decoration:none}.clip-page__author a:hover{text-decoration:underline}.clip-page__description{margin:0;font-size:var(--text-sm);color:var(--ink-2);white-space:pre-wrap}.clip-page__source{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--ground-inset);color:inherit;text-decoration:none;min-width:0}.clip-page__source>span{display:flex;flex-direction:column;min-width:0;flex:1}.clip-page__source-label{font-size:var(--text-xs);color:var(--ink-3)}.clip-page__source-title{font-size:var(--text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clip-page__source:hover{border-color:var(--accent-ink)}.clip-wall--rail{columns:6}@media(max-width:1200px){.clip-wall--rail{columns:4}}@media(max-width:900px){.clip-wall--rail{columns:3}}@media(max-width:420px){.clip-wall--rail{columns:2}}.zap .zap__stage[data-orientation] .zap__video{width:100%;height:100%;object-fit:cover}.zap .zap__stage[data-orientation=portrait]{aspect-ratio:9 / 16;height:100%;width:auto;margin-inline:auto}.zap .zap__stage[data-orientation=landscape]{aspect-ratio:16 / 9;width:100%}