@property --amp{syntax:"<number>";inherits:true;initial-value:1}.ha8k-a_card{--frame-max-h:min(62vh, 640px);gap:var(--space-3);width:min(100%, max(300px, calc(var(--frame-max-h) * var(--ratio,1))));flex-direction:column;min-width:0;margin:0 auto;display:flex}.ha8k-a_head{justify-content:space-between;align-items:flex-start;gap:var(--space-3);min-width:0;display:flex}.ha8k-a_headText{gap:2px;min-width:0;display:grid}.ha8k-a_prompt{color:var(--fg);font-size:var(--text-sm);line-height:var(--leading-snug);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.ha8k-a_subtitle{color:var(--fg-subtle);font-size:var(--text-xs);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.ha8k-a_headActions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.ha8k-a_stop{height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface-2);color:var(--fg-muted);font-size:var(--text-xs);cursor:pointer;transition:color var(--duration) var(--ease-out), border-color var(--duration) var(--ease-out);align-items:center;gap:6px;display:inline-flex}.ha8k-a_stop:hover{color:var(--fg);border-color:var(--border-strong)}.ha8k-a_srOnly{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.ha8k-a_frame{aspect-ratio:var(--ratio,1);width:min(100%, calc(var(--frame-max-h) * var(--ratio,1)));border-radius:var(--radius-xl);background:var(--surface-inset);isolation:isolate;margin:0 auto;position:relative;overflow:hidden}.ha8k-a_layer,.ha8k-a_media{width:100%;height:100%;position:absolute;inset:0}.ha8k-a_media{object-fit:cover;display:block}.ha8k-a_liquid{image-rendering:auto;filter:blur(2.5px)contrast(1.08);transition:opacity .7s var(--ease-out);transform:scale(1.04)}.ha8k-a_liquidOut{opacity:0}.ha8k-a_crossfade{opacity:0;filter:blur(8px);transition:opacity .7s var(--ease-out), transform .9s var(--ease-out), filter .7s var(--ease-out);transform:scale(1.015)}.ha8k-a_crossfadeIn{opacity:1;filter:none;transform:none}.ha8k-a_caption{left:0;right:0;bottom:var(--space-4);justify-content:center;align-items:center;gap:var(--space-2);pointer-events:none;z-index:2;flex-wrap:wrap;margin:0;display:flex;position:absolute}.ha8k-a_captionText{padding:4px var(--space-3);border-radius:var(--radius-full);background:var(--scrim);font-size:var(--text-xs);white-space:nowrap;letter-spacing:var(--tracking-wide);background-image:linear-gradient(90deg, var(--fg-subtle) 0%, var(--fg) 50%, var(--fg-subtle) 100%);color:#0000;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:2.6s linear infinite ha8k-a_sweep}@keyframes ha8k-a_sweep{0%{background-position:100% 0}to{background-position:-100% 0}}.ha8k-a_halftone{color:var(--fg);background:var(--surface-inset);display:block}.ha8k-a_mosaic{--amp:1;transition:--amp .26s var(--ease-out);display:grid}.ha8k-a_mosaic[data-phase=settle],.ha8k-a_mosaic[data-phase=reveal],.ha8k-a_mosaic[data-phase=done]{--amp:0}.ha8k-a_tile{animation:ha8k-a_breathe var(--wave-dur) ease-in-out var(--wave-delay) infinite;background-repeat:no-repeat;position:relative}.ha8k-a_mosaic[data-mode=cover] .ha8k-a_tileFace{inset:calc(var(--amp) * 1.5px)}.ha8k-a_mosaic[data-phase=drift] .ha8k-a_tile,.ha8k-a_mosaic[data-phase=settle] .ha8k-a_tile{background-image:none!important}.ha8k-a_tileFace{inset:calc(var(--amp) * 1.5px);border-radius:calc(var(--amp) * 3px);background:var(--surface-3);animation:ha8k-a_wave var(--wave-dur) ease-in-out var(--wave-delay) infinite;transition:opacity var(--tile-fade) var(--ease-out);position:absolute}.ha8k-a_mosaic[data-phase=reveal] .ha8k-a_tileFace,.ha8k-a_mosaic[data-phase=done] .ha8k-a_tileFace{opacity:0;transition-delay:var(--reveal-delay)}@keyframes ha8k-a_breathe{0%,45%,to{transform:scale(calc(1 - .03 * var(--amp)))}18%{transform:scale(1)}}@keyframes ha8k-a_wave{0%,45%,to{filter:brightness()}18%{filter:brightness(1.45)}}.ha8k-a_errorFace{place-content:center;justify-items:center;gap:var(--space-2);padding:var(--space-6);text-align:center;color:var(--fg-muted);background:repeating-linear-gradient(135deg, var(--overlay-1) 0 1px, transparent 1px 14px), var(--surface-1);display:grid;position:absolute;inset:0;overflow:hidden}.ha8k-a_errorText{max-width:36ch;font-size:var(--text-sm);color:var(--fg-muted);overflow-wrap:anywhere;margin:0}.ha8k-a_retry{height:30px;padding:0 var(--space-3);border-radius:var(--radius-full);border:1px solid var(--border-strong);background:var(--surface-3);color:var(--fg);font-size:var(--text-xs);cursor:pointer;align-items:center;gap:6px;display:inline-flex}.ha8k-a_supportLink{color:var(--fg-subtle);font:inherit;font-size:var(--text-xs);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.ha8k-a_supportLink:hover{color:var(--fg)}.ha8k-a_open{cursor:zoom-in;z-index:3;background:0 0;border:0;position:absolute;inset:0}.ha8k-a_open:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px;border-radius:inherit}.ha8k-a_cell{gap:0;width:100%;height:100%;margin:0;position:relative}.ha8k-a_cell .ha8k-a_head{top:var(--space-2);right:var(--space-2);z-index:4;justify-content:flex-end;position:absolute}.ha8k-a_cell[data-state=done] .ha8k-a_head{display:none}.ha8k-a_cell .ha8k-a_frame{aspect-ratio:auto;border-radius:var(--radius-lg);width:100%;height:100%;margin:0}.ha8k-a_cell .ha8k-a_caption{bottom:var(--space-3)}.ha8k-a_cell .ha8k-a_errorFace{padding:var(--space-4)}.ha8k-a_errorLinks{justify-content:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.ha8k-a_cell[data-compact] .ha8k-a_errorFace{place-content:center stretch;place-items:center start;gap:var(--space-1) var(--space-2);padding:var(--space-3) var(--space-4);text-align:left;grid-template-columns:auto minmax(0,1fr)}.ha8k-a_errorTitle{color:var(--fg);font-size:var(--text-xs);font-weight:var(--weight-medium);overflow-wrap:anywhere;margin:0}.ha8k-a_cell[data-compact] .ha8k-a_errorTitle,.ha8k-a_cell[data-compact] .ha8k-a_errorText,.ha8k-a_cell[data-compact] .ha8k-a_retry,.ha8k-a_cell[data-compact] .ha8k-a_errorLinks{grid-column:2;min-width:0}.ha8k-a_cell[data-compact] .ha8k-a_retry{justify-self:start}.ha8k-a_cell[data-compact] .ha8k-a_supportFull{display:none}.ha8k-a_cell[data-compact] .ha8k-a_supportShort{display:inline}.ha8k-a_cell[data-compact] .ha8k-a_errorText{max-width:none;font-size:var(--text-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ha8k-a_cell[data-compact] .ha8k-a_errorLinks{justify-content:flex-start}.ha8k-a_supportShort{display:none}.ha8k-a_cell[data-compact]{container-type:inline-size}@container (width<=16rem){.ha8k-a_cell[data-compact] .ha8k-a_errorFace{place-content:center;justify-items:center;gap:var(--space-1);padding:var(--space-3);text-align:center;grid-template-columns:minmax(0,1fr)}.ha8k-a_cell[data-compact] .ha8k-a_errorTitle,.ha8k-a_cell[data-compact] .ha8k-a_errorText,.ha8k-a_cell[data-compact] .ha8k-a_retry,.ha8k-a_cell[data-compact] .ha8k-a_errorLinks{grid-column:1}.ha8k-a_cell[data-compact] .ha8k-a_retry{justify-self:center}.ha8k-a_cell[data-compact] .ha8k-a_errorLinks{justify-content:center}.ha8k-a_cell[data-compact] .ha8k-a_errorFace>svg{display:none}}.ha8k-a_overlaySlot{z-index:4;pointer-events:none;position:absolute;inset:0}.ha8k-a_overlaySlot [data-tile-overlay]{pointer-events:none!important}.ha8k-a_cell:is(:hover,:focus-within) .ha8k-a_overlaySlot [data-tile-overlay] :is(a,button,[role=button]){pointer-events:auto}@media (prefers-reduced-motion:reduce){.ha8k-a_tile,.ha8k-a_tileFace,.ha8k-a_captionText{animation:none}.ha8k-a_crossfade,.ha8k-a_liquid,.ha8k-a_mosaic,.ha8k-a_tileFace{transition-duration:.15s;transition-delay:0s!important}.ha8k-a_crossfade{filter:none;transform:none}}