.-cilwq_surface:before{z-index:0;pointer-events:none;content:"";background-image:linear-gradient(#ffffff26 1px,#0000 1px),linear-gradient(90deg,#ffffff26 1px,#0000 1px);background-size:calc(var(--spacing,.25rem) * 6) calc(var(--spacing,.25rem) * 6);position:absolute;inset:0}.-cilwq_viewport{--card-width:min(calc(var(--spacing,.25rem) * 96), calc(100vw - calc(var(--spacing,.25rem) * 12)));--origin:max(calc(var(--spacing,.25rem) * 6), calc((100% - var(--container-md)) / 2 + calc(var(--spacing,.25rem) * 6)));gap:calc(var(--spacing,.25rem) * 3);overscroll-behavior-x:contain;padding-top:var(--spacing,.25rem);padding-bottom:calc(var(--spacing,.25rem) * 4);padding-inline:var(--origin) max(calc(var(--spacing,.25rem) * 6), calc(100% - var(--origin) - var(--card-width)));scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline-start:var(--origin);display:flex;overflow-x:auto}.-cilwq_viewport::-webkit-scrollbar{display:none}.-cilwq_card{min-height:calc(var(--spacing,.25rem) * 72);width:var(--card-width)}.-cilwq_surface{--thinking-ink:white}.-cilwq_surface[data-foreground=dark]{--thinking-ink:black}.-cilwq_thinking{color:#0000;background-image:linear-gradient(90deg, var(--thinking-ink), var(--thinking-ink), var(--thinking-ink))}@supports (color:color-mix(in lab, red, red)){.-cilwq_thinking{background-image:linear-gradient(90deg, color-mix(in srgb, var(--thinking-ink) 40%, transparent), var(--thinking-ink), color-mix(in srgb, var(--thinking-ink) 40%, transparent))}}.-cilwq_thinking{background-position:200% 0;background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.6s linear infinite -cilwq_thinking-shimmer}@keyframes -cilwq_thinking-shimmer{to{background-position:-200% 0}}.-cilwq_preview{opacity:0;transition:opacity .16s,transform .38s cubic-bezier(.22,1,.36,1);transform:translateY(3rem)}.-cilwq_artwork{--entrance-x:0%;--entrance-y:70%;--entrance-rotation:30deg}.-cilwq_artwork[data-motion=drive-left]{--entrance-x:-180%;--entrance-y:0%;--entrance-rotation:0deg}.-cilwq_artwork[data-motion=slide-right]{--entrance-x:180%;--entrance-y:0%;--entrance-rotation:0deg}.-cilwq_artwork[data-motion=arc]{--entrance-x:-165%;--entrance-y:72%;--entrance-rotation:-48deg}@keyframes -cilwq_artwork-enter{0%{transform:translate(var(--entrance-x), var(--entrance-y)) rotate(var(--entrance-rotation))}to{transform:translate(0)rotate(0)}}.-cilwq_card:has(:focus-visible) .-cilwq_preview{opacity:1;transform:none}@media (hover:hover) and (pointer:fine){.-cilwq_card:hover .-cilwq_preview{opacity:1;transform:none}.-cilwq_card:hover .-cilwq_artwork{animation:.78s cubic-bezier(.19,1,.22,1) both -cilwq_artwork-enter}}@media not all and (min-width:48rem){.-cilwq_card{aspect-ratio:1;flex-direction:column;min-height:0;display:flex}.-cilwq_preview{margin-block:auto -.75rem;margin-inline:-.75rem;padding-top:5rem;position:relative;inset:auto}.-cilwq_artwork{bottom:calc(100% - 6.5rem)}.-cilwq_card[data-active=true] .-cilwq_preview{opacity:1;transform:none}.-cilwq_card[data-active=true] .-cilwq_artwork{animation:.78s cubic-bezier(.19,1,.22,1) both -cilwq_artwork-enter}}@media (prefers-reduced-motion:reduce){.-cilwq_card .-cilwq_preview{transition:none;transform:none}.-cilwq_card:hover .-cilwq_artwork,.-cilwq_card[data-active=true] .-cilwq_artwork{animation:none}.-cilwq_thinking{color:var(--thinking-ink);background:0 0;animation:none}}