.card-preview{height:140px;display:grid;place-items:center;position:relative;overflow:hidden;border-bottom:1px solid var(--border)}.card-preview__effect{color:var(--cp-text,var(--foreground))}.card-preview--pulse{background:var(--cp-bg,linear-gradient(180deg,#0a1628,#060d18))}.card-preview--pulse .card-preview__effect{width:auto;height:auto;background:none;border-radius:0;box-shadow:none;display:grid;place-items:center;animation:none}.card-preview--pulse .card-preview__effect:after,.card-preview--pulse .card-preview__effect:before{content:none}.card-preview__pulse{position:relative;width:96px;height:96px;display:grid;place-items:center}.card-preview__pulse-core{position:relative;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#f8fdff 0,var(--cp-a,#6ee7f9) 38%,#1e3a5f 75%,#0f172a 100%);box-shadow:0 0 12px color-mix(in srgb,var(--cp-a,#6ee7f9) 65%,transparent),0 0 24px color-mix(in srgb,var(--cp-b,#f472b6) 28%,transparent);animation:pulseCoreHeartbeat 2.2s cubic-bezier(.4,0,.2,1) infinite;z-index:2}.card-preview__pulse-glint{position:absolute;width:8px;height:8px;border-radius:50%;background:rgba(248,253,255,.95);filter:blur(1px);opacity:0;z-index:3;animation:pulseCoreGlint 2.2s cubic-bezier(.4,0,.2,1) infinite}.card-preview__pulse-ring{position:absolute;width:30px;height:30px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--cp-a,#6ee7f9) 65%,transparent);opacity:0;pointer-events:none;z-index:1;animation:pulseRingExpand 2.2s cubic-bezier(.2,.7,.4,1) infinite}.card-preview__pulse-ring--1{animation-delay:0s}.card-preview__pulse-ring--2{animation-delay:-.7s;border-color:color-mix(in srgb,var(--cp-b,#f472b6) 50%,transparent)}.card-preview__pulse-ring--3{animation-delay:-1.4s;border-color:color-mix(in srgb,var(--cp-a,#6ee7f9) 35%,transparent)}@keyframes pulseCoreHeartbeat{0%{transform:scale(1)}6%{transform:scale(.94)}14%{transform:scale(1.18)}22%{transform:scale(1.04)}30%{transform:scale(1.14)}42%{transform:scale(1)}to{transform:scale(1)}}@keyframes pulseCoreGlint{0%,6%,to{opacity:0;transform:translate(-9px,-9px) scale(.6)}14%{opacity:.95;transform:translate(-9px,-9px) scale(1)}30%{opacity:.5;transform:translate(-9px,-9px) scale(.9)}46%{opacity:0;transform:translate(-9px,-9px) scale(.6)}}@keyframes pulseRingExpand{0%{opacity:0;transform:scale(.6);border-width:2px}18%{opacity:.8;transform:scale(1);border-width:1.5px}85%,to{opacity:0;transform:scale(2.6);border-width:.5px}}@media (prefers-reduced-motion:reduce){.card-preview__pulse-core,.card-preview__pulse-glint,.card-preview__pulse-ring{animation:none}.card-preview__pulse-glint,.card-preview__pulse-ring{opacity:0}}.card-preview--neon{background:var(--cp-bg,linear-gradient(180deg,#0a0818,#060d18))}.card-preview--neon .card-preview__effect{font-size:1.4rem;font-weight:800;letter-spacing:.2em;color:#f8fbff;text-shadow:0 0 7px color-mix(in srgb,var(--cp-a,#67e8f9) 80%,transparent),0 0 18px color-mix(in srgb,var(--cp-a,#67e8f9) 50%,transparent),0 0 42px color-mix(in srgb,var(--cp-b,#67e8f9) 30%,transparent);animation:neonCardPulse 2.5s ease-in-out infinite}.card-preview--neon .card-preview__effect:after{content:attr(data-preview-label)}.card-preview--shimmer{background:var(--cp-bg,linear-gradient(180deg,#0c1620,#080e18))}.card-preview--shimmer .card-preview__effect{width:80%;display:grid;grid-gap:10px;gap:10px}.card-preview--shimmer .card-preview__effect:after,.card-preview--shimmer .card-preview__effect:before{content:"";height:10px;border-radius:var(--radius-full);background:linear-gradient(90deg,#162133,#1d2b42 40%,rgba(168,230,255,.2) 50%,#1d2b42 60%,#162133);background-size:200% 100%;animation:shimmerSweep 2.3s linear infinite}.card-preview--shimmer .card-preview__effect:before{width:var(--cp-row-a,70%)}.card-preview--shimmer .card-preview__effect:after{width:var(--cp-row-b,50%)}.card-preview--preview-shimmer-skeleton .card-preview__effect{width:78%;display:flex;align-items:center;gap:12px}.card-preview--preview-shimmer-skeleton .card-preview__effect:before{width:34px;height:34px;flex:0 0 auto;border-radius:50%}.card-preview--preview-shimmer-skeleton .card-preview__effect:after{flex:1 1 auto;width:auto;height:12px;border-radius:var(--radius-full)}.card-preview--preview-stable-skeleton .card-preview__effect{width:auto;height:auto;background:none;border:none;display:grid;place-items:center;animation:none}.card-preview--preview-stable-skeleton .card-preview__effect:after,.card-preview--preview-stable-skeleton .card-preview__effect:before{content:none;background:none;animation:none}.card-preview__stable{display:grid;grid-gap:8px;gap:8px;width:220px}.card-preview__stable-frame{display:grid;grid-template-columns:56px 1fr;grid-gap:12px;gap:12px;padding:10px;border:1px solid rgba(248,250,252,.12);border-radius:10px;background:rgba(248,250,252,.04);align-items:center}.card-preview__stable-image{position:relative;width:56px;height:44px;border-radius:8px;background:linear-gradient(90deg,rgba(148,163,184,.18),rgba(148,163,184,.32),rgba(148,163,184,.18));background-size:200% 100%;animation:stableSkeletonShimmer 1.6s linear infinite;overflow:hidden}.card-preview__stable-image-real{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 30% 30%,var(--cp-a,#a7f3d0),transparent 60%),linear-gradient(135deg,#6366f1,#ec4899);opacity:0;animation:stableSkeletonReveal 5.2s ease-in-out infinite}.card-preview__stable-meta{display:grid;grid-gap:6px;gap:6px}.card-preview__stable-line{position:relative;display:block;height:8px;border-radius:var(--radius-full);background:linear-gradient(90deg,rgba(148,163,184,.18),rgba(148,163,184,.32),rgba(148,163,184,.18));background-size:200% 100%;animation:stableSkeletonShimmer 1.6s linear infinite;overflow:hidden}.card-preview__stable-line--title{width:80%}.card-preview__stable-line--sub{width:56%;height:6px}.card-preview__stable-line-real{position:absolute;inset:0;border-radius:inherit;background:rgba(248,250,252,.86);opacity:0;animation:stableSkeletonReveal 5.2s ease-in-out infinite}.card-preview__stable-line--sub .card-preview__stable-line-real{background:rgba(248,250,252,.5)}@keyframes stableSkeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes stableSkeletonReveal{0%,38%{opacity:0}50%,88%{opacity:1}96%,to{opacity:0}}.card-preview--preview-reduced-motion-skeleton .card-preview__effect{width:auto;height:auto;background:none;display:grid;place-items:center;animation:none}.card-preview--preview-reduced-motion-skeleton .card-preview__effect:after,.card-preview--preview-reduced-motion-skeleton .card-preview__effect:before{content:none;background:none;animation:none}.card-preview__rm{display:grid;grid-gap:10px;gap:10px;width:220px;padding:12px;border-radius:10px;border:1px solid rgba(248,250,252,.1);background:rgba(248,250,252,.04)}.card-preview__rm-skeleton{display:flex;align-items:center;gap:10px}.card-preview__rm-avatar{width:28px;height:28px;border-radius:50%;background:rgba(148,163,184,.22);animation:rmSkeletonPulse 2.4s ease-in-out infinite}.card-preview__rm-rows{flex:1 1;display:grid;grid-gap:6px;gap:6px}.card-preview__rm-row{display:block;height:7px;border-radius:var(--radius-full);background:rgba(148,163,184,.22);animation:rmSkeletonPulse 2.4s ease-in-out infinite}.card-preview__rm-row--short{width:56%}.card-preview__rm-badge{justify-self:end;display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--cp-a,#fbbf24) 22%,#0f172a);border:1px solid color-mix(in srgb,var(--cp-a,#fbbf24) 50%,transparent);color:color-mix(in srgb,var(--cp-a,#fbbf24) 80%,white);font-size:.5rem;font-weight:800;letter-spacing:.16em}.card-preview__rm-badge-icon{width:5px;height:5px;border-radius:50%;background:var(--cp-a,#fbbf24);box-shadow:0 0 6px color-mix(in srgb,var(--cp-a,#fbbf24) 70%,transparent)}@keyframes rmSkeletonPulse{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.card-preview__rm-avatar,.card-preview__rm-row,.card-preview__stable-image,.card-preview__stable-image-real,.card-preview__stable-line,.card-preview__stable-line-real{animation:none}.card-preview__stable-image-real,.card-preview__stable-line-real{opacity:1}}.card-preview--gooey{background:var(--cp-bg,linear-gradient(180deg,#081018,#050d15))}.card-preview--gooey .card-preview__effect{width:60px;height:36px;position:relative}.card-preview--preview-gooey-construction .card-preview__effect{display:grid;width:min(176px,82%);height:104px;place-items:start center;padding-top:12px;overflow:visible}.card-preview--gooey .card-preview__effect:after,.card-preview--gooey .card-preview__effect:before{content:"";position:absolute;border-radius:50%;background:linear-gradient(135deg,var(--cp-a,#99f6e4),var(--cp-b,#22d3ee));filter:blur(6px)}.card-preview--gooey .card-preview__effect:before{width:28px;height:28px;left:0;top:4px;animation:gooeyCardA 3.8s ease-in-out infinite}.card-preview--gooey .card-preview__effect:after{width:24px;height:24px;right:0;top:6px;animation:gooeyCardB 4.2s ease-in-out infinite}.card-preview--preview-gooey-construction .card-preview__effect:after,.card-preview--preview-gooey-construction .card-preview__effect:before{content:none}.card-preview__gooey-svg{width:156px;height:122px;overflow:visible;filter:drop-shadow(0 0 22px color-mix(in srgb,var(--cp-a,#99f6e4) 18%,transparent))}.card-preview__gooey-blob{transform-box:fill-box;transform-origin:center}.card-preview__gooey-blob--one{animation:gooeyConstructionBlobOne 3.8s ease-in-out infinite}.card-preview__gooey-blob--two{animation:gooeyConstructionBlobTwo 3.8s ease-in-out infinite}.card-preview__gooey-blob--three{opacity:.9;animation:gooeyConstructionBlobThree 3.8s ease-in-out infinite}.card-preview--halo{background:var(--cp-bg,linear-gradient(180deg,#080e1c,#050a14))}.card-preview--halo .card-preview__effect{width:40px;height:40px;border-radius:50%;background:radial-gradient(circle,var(--cp-a,#ecfeff) 0,var(--cp-b,#67e8f9) 50%,transparent 70%);filter:drop-shadow(0 0 8px color-mix(in srgb,var(--cp-a,#bae6fd) 72%,transparent)) drop-shadow(0 0 24px color-mix(in srgb,var(--cp-b,#22d3ee) 54%,transparent));animation:haloGlowDrift 3.2s ease-in-out infinite}.card-preview--preview-shape-aware-halo .card-preview__effect{width:110px;height:110px;background:none;-webkit-clip-path:none;clip-path:none;border-radius:0;filter:none;animation:none;display:grid;place-items:center}.card-preview__halo-svg{width:100%;height:100%;overflow:visible}.card-preview__halo-shape{fill:var(--cp-a,#ecfeff);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--cp-a,#ecfeff) 65%,transparent)) drop-shadow(0 0 18px color-mix(in srgb,var(--cp-b,#67e8f9) 65%,transparent));animation:shapeHaloCardPulse 3.2s ease-in-out infinite}.card-preview__halo-shape--ring{fill:none;stroke:var(--cp-a,#ecfeff);stroke-width:6.5}.card-preview__halo-shape--badge{animation-delay:0s}.card-preview__halo-shape--ring{animation-delay:-1.05s}.card-preview__halo-shape--comet{animation-delay:-2.1s}@keyframes shapeHaloCardPulse{0%,to{filter:drop-shadow(0 0 4px color-mix(in srgb,var(--cp-a,#ecfeff) 50%,transparent)) drop-shadow(0 0 12px color-mix(in srgb,var(--cp-b,#67e8f9) 50%,transparent))}50%{filter:drop-shadow(0 0 8px color-mix(in srgb,var(--cp-a,#ecfeff) 80%,transparent)) drop-shadow(0 0 26px color-mix(in srgb,var(--cp-b,#67e8f9) 80%,transparent))}}@media (prefers-reduced-motion:reduce){.card-preview__halo-shape{animation:none}}.card-preview--marquee{background:var(--cp-bg,linear-gradient(180deg,#0a1018,#060c14));overflow:hidden}.card-preview--marquee .card-preview__effect{display:flex;gap:12px;animation:marqueeCardDrift 14s linear infinite;width:max-content}@keyframes marqueeCardDrift{0%{transform:translateX(0)}to{transform:translateX(calc(-50% - 6px))}}@media (prefers-reduced-motion:reduce){.card-preview--marquee .card-preview__effect{animation:none}}.card-preview--marquee .card-preview__effect:after,.card-preview--marquee .card-preview__effect:before{content:attr(data-preview-marquee);white-space:nowrap;color:var(--cp-a,var(--faint));font-size:.78rem;letter-spacing:.04em}.card-preview--transition{background:var(--cp-bg,linear-gradient(180deg,#0a0c1c,#060818))}.card-preview--transition .card-preview__effect{width:auto;height:auto;background:none;display:grid;place-items:center}.card-preview--transition .card-preview__effect:after,.card-preview--transition .card-preview__effect:before{content:none}.card-preview__shared{position:relative;width:230px;height:110px;overflow:hidden;border-radius:12px;border:1px solid rgba(248,250,252,.08);background:var(--cp-bg,linear-gradient(180deg,#0a0c1c,#060818))}.card-preview__shared-grid{position:absolute;inset:12px;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:6px;gap:6px;pointer-events:none}.card-preview__shared-tile{border-radius:6px;background:rgba(248,250,252,.06);border:1px solid rgba(248,250,252,.06)}.card-preview__shared-hero{position:absolute;display:flex;flex-direction:column;border-radius:7px;background:linear-gradient(135deg,color-mix(in srgb,var(--cp-a,#67e8f9) 28%,#0a1424),#0a1424);border:1px solid color-mix(in srgb,var(--cp-a,#67e8f9) 38%,transparent);box-shadow:inset 0 0 0 1px rgba(248,250,252,.04),0 8px 18px rgba(0,0,0,.45);overflow:hidden;animation:sharedHeroMorph var(--detail-cycle,5.2s) var(--detail-ease,cubic-bezier(.55,.05,.35,.95)) infinite}.card-preview__shared-hero-thumb{background:radial-gradient(circle at 30% 30%,color-mix(in srgb,var(--cp-a,#67e8f9) 60%,transparent),transparent 60%),linear-gradient(135deg,var(--cp-a,#67e8f9),var(--cp-b,#a78bfa));flex:1 1 auto;border-radius:6px 6px 0 0}.card-preview__shared-hero-meta{display:flex;flex-direction:column;gap:4px;padding:6px 8px;opacity:0;animation:sharedHeroMetaFade var(--detail-cycle,5.2s) var(--detail-ease,cubic-bezier(.55,.05,.35,.95)) infinite}.card-preview__shared-hero-line,.card-preview__shared-hero-title{display:block;height:5px;border-radius:var(--radius-full);background:rgba(248,250,252,.85)}.card-preview__shared-hero-line{width:56%;height:4px;background:rgba(248,250,252,.45)}@keyframes sharedHeroMorph{0%,8%{top:12px;left:12px;width:calc((100% - 24px - 12px) / 3);height:26px;border-radius:6px}20%{top:12px;left:12px;width:calc((100% - 24px - 12px) / 3);height:26px}35%,76%{top:14px;left:24px;width:calc(100% - 48px);height:calc(100% - 28px);border-radius:8px}92%,to{top:12px;left:12px;width:calc((100% - 24px - 12px) / 3);height:26px;border-radius:6px}}@keyframes sharedHeroMetaFade{0%,28%{opacity:0}40%,76%{opacity:1}84%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.card-preview__shared-hero,.card-preview__shared-hero-meta{animation:none}.card-preview__shared-hero-meta{opacity:1}}.card-preview--ambient{background:var(--cp-bg,linear-gradient(135deg,rgba(103,232,249,.08),rgba(167,139,250,.06),rgba(244,114,182,.04)),linear-gradient(180deg,#0c1220,#060a14))}.card-preview--ambient .card-preview__effect{width:74%;height:42px;border-radius:12px;background:var(--cp-band,linear-gradient(90deg,rgba(103,232,249,.18),rgba(167,139,250,.14),rgba(244,114,182,.1)));background-size:220% 100%;filter:blur(6px);animation:ambientBandDrift 7s ease-in-out infinite alternate}.card-preview--preview-aurora-sweep .card-preview__effect{display:grid;width:min(190px,82%);height:96px;place-items:center;overflow:hidden;border:1px solid rgba(148,163,184,.14);border-radius:14px;background:linear-gradient(145deg,rgba(15,23,42,.78),rgba(7,12,23,.86)),rgba(15,23,42,.8);filter:none;animation:none;isolation:isolate}.card-preview__aurora{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.card-preview__aurora-layer{position:absolute;inset:-34%;border-radius:42%;filter:blur(18px);opacity:.64;mix-blend-mode:screen;pointer-events:none}.card-preview__aurora-layer--one{background:radial-gradient(circle at 24% 40%,var(--cp-a,#22d3ee),transparent 30%),radial-gradient(circle at 72% 28%,var(--cp-b,#a78bfa),transparent 34%);animation:cardAuroraOne 8.6s ease-in-out infinite alternate}.card-preview__aurora-layer--two{background:radial-gradient(circle at 38% 70%,var(--cp-c,#34d399),transparent 28%),radial-gradient(circle at 68% 68%,var(--cp-a,#22d3ee),transparent 30%);opacity:.44;animation:cardAuroraTwo 10.4s ease-in-out infinite alternate}.card-preview__aurora-label{position:relative;z-index:2;display:inline-grid;min-width:90px;min-height:34px;place-items:center;padding:0 14px;border:1px solid rgba(226,232,240,.18);border-radius:var(--radius-full);background:rgba(5,8,16,.55);color:var(--foreground);font-size:.74rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.card-preview--preview-moving-background .card-preview__effect{position:relative;width:220px;height:88px;overflow:hidden;border:1px solid color-mix(in srgb,var(--cp-a,#67e8f9) 38%,transparent);border-radius:16px;background:radial-gradient(circle at 14% 50%,rgba(103,232,249,.85),transparent 32%),radial-gradient(circle at 50% 50%,rgba(167,139,250,.85),transparent 36%),radial-gradient(circle at 86% 50%,rgba(244,114,182,.85),transparent 32%),linear-gradient(90deg,#0a1426,#18162e 35%,#2a0d28 65%,#0a1426);background-size:360% 100%;background-position:0 50%;filter:none;animation:movingBgCardSweep 4.5s linear infinite;box-shadow:inset 0 0 0 1px rgba(248,250,252,.04)}.card-preview--preview-moving-background .card-preview__effect:before{content:"REVEAL";position:absolute;inset:0;display:grid;place-items:center;color:rgba(248,250,252,.92);font-size:.74rem;font-weight:900;letter-spacing:.18em;text-shadow:0 1px 6px rgba(0,0,0,.55);z-index:1}.card-preview--preview-moving-background .card-preview__effect:after{content:none}@keyframes movingBgCardSweep{0%{background-position:0 50%}to{background-position:100% 50%}}@media (prefers-reduced-motion:reduce){.card-preview--preview-moving-background .card-preview__effect{animation:none}}.card-preview--preview-film-overlay .card-preview__effect{width:auto;height:auto;background:none;border:none;filter:none;animation:none;display:grid;place-items:center}.card-preview--preview-film-overlay .card-preview__effect:after,.card-preview--preview-film-overlay .card-preview__effect:before{content:none}.card-preview__film{position:relative;width:230px;height:96px;overflow:hidden;border-radius:14px;border:1px solid rgba(248,250,252,.06)}.card-preview__film-scene{position:absolute;inset:0;background:radial-gradient(circle at 22% 32%,rgba(244,114,182,.55),transparent 48%),radial-gradient(circle at 78% 68%,rgba(251,191,36,.45),transparent 50%),linear-gradient(135deg,#1a0820,#0a0418 60%,#1a1206)}.card-preview__film-grain{position:absolute;inset:-4%;width:108%;height:108%;mix-blend-mode:overlay;opacity:.85;animation:filmCardGrainShift .45s steps(4) infinite;pointer-events:none}.card-preview__film-vignette{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 50%,rgba(0,0,0,.55) 100%);pointer-events:none}.card-preview__film-chip{position:absolute;bottom:10px;left:12px;display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(15,23,42,.8);color:#fef9c3;font-size:.62rem;font-weight:800;letter-spacing:.18em;border:1px solid rgba(248,250,252,.08);z-index:2}.card-preview__film-chip-dot{width:6px;height:6px;border-radius:50%;background:#f43f5e;box-shadow:0 0 8px rgba(244,63,94,.7);animation:filmCardChipBlink 1.4s ease-in-out infinite}@keyframes filmCardGrainShift{0%,to{transform:translate(0)}25%{transform:translate(-2%,1%)}50%{transform:translate(1%,-2%)}75%{transform:translate(2%,1%)}}@keyframes filmCardChipBlink{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){.card-preview__film-chip-dot,.card-preview__film-grain{animation:none}}.card-preview--preview-parallax-baseline .card-preview__effect{width:auto;height:auto;background:none;filter:none;animation:none;display:grid;place-items:center}.card-preview--preview-parallax-baseline .card-preview__effect:after,.card-preview--preview-parallax-baseline .card-preview__effect:before{content:none}.card-preview__parallax{position:relative;width:220px;height:110px;overflow:hidden;border-radius:14px;border:1px solid rgba(248,250,252,.06);isolation:isolate}.card-preview__parallax-scene{position:absolute;inset:0;width:100%;height:100%;z-index:0}.card-preview__parallax-track{position:absolute;inset:0;overflow:hidden;z-index:1;display:flex;justify-content:center}.card-preview__parallax-stack{position:absolute;top:0;width:66%;display:flex;flex-direction:column;gap:10px;padding:12px 0;animation:parallaxCardScroll 9s linear infinite}.card-preview__parallax-card{padding:9px 11px 11px;display:grid;grid-gap:5px;gap:5px;background:rgba(15,23,42,.96);border:1px solid rgba(248,250,252,.12);border-radius:8px;box-shadow:0 6px 14px rgba(0,0,0,.45);flex-shrink:0}.card-preview__parallax-card span{display:block;height:4px;border-radius:var(--radius-full);background:rgba(226,232,240,.4)}.card-preview__parallax-card span:first-child{width:78%;background:rgba(226,232,240,.78)}.card-preview__parallax-card span:last-child{width:54%}.card-preview__parallax-card:nth-child(4n+2) span:first-child{width:88%}.card-preview__parallax-card:nth-child(4n+2) span:last-child{width:42%}.card-preview__parallax-card:nth-child(4n+3) span:first-child{width:70%}.card-preview__parallax-card:nth-child(4n+3) span:last-child{width:60%}.card-preview__parallax-card:nth-child(4n+4) span:first-child{width:84%}.card-preview__parallax-card:nth-child(4n+4) span:last-child{width:36%}@keyframes parallaxCardScroll{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media (prefers-reduced-motion:reduce){.card-preview__parallax-stack{animation:none;top:50%;transform:translateY(-50%)}}.card-preview--text-gradient{background:var(--cp-bg,linear-gradient(180deg,#0a1020,#060a14))}.card-preview--text-gradient .card-preview__effect{display:grid;place-items:center;width:min(188px,82%);min-height:38px;border-radius:8px;background:var(--cp-gradient,linear-gradient(90deg,#67e8f9 0,#a78bfa 24%,#f472b6 48%,#fbbf24 68%,#67e8f9 100%));background-size:260% 100%;color:transparent;font-size:1.05rem;font-weight:900;line-height:1;text-transform:uppercase;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:var(--cp-text-shadow,drop-shadow(0 0 18px rgba(103,232,249,.28)));animation:textGradientCardSweep 4.8s linear infinite}.card-preview--text-gradient .card-preview__effect:before{content:attr(data-preview-label)}.card-preview--starlight{background:var(--cp-bg,linear-gradient(180deg,#071020,#050a14))}.card-preview--starlight .card-preview__effect{position:relative;display:grid;width:min(190px,82%);min-height:52px;place-items:center}.card-preview--starlight .card-preview__effect:before{content:attr(data-preview-label);color:#dbeafe;background:var(--cp-gradient,linear-gradient(100deg,#b7c6e6 0,#dbeafe 38%,#ffffff 49%,#67e8f9 53%,#dbeafe 62%,#b7c6e6 100%));background-size:280% 100%;font-size:1rem;font-weight:900;letter-spacing:.05em;line-height:1;text-transform:uppercase;text-shadow:0 0 var(--cp-glow,20px) rgba(103,232,249,.24);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:textGradientCardSweep 4.2s linear infinite}.card-preview--starlight .card-preview__effect:after{content:"";position:absolute;inset:2px 14px;background:radial-gradient(circle at 18% 28%,rgba(255,255,255,.95) 0 1px,transparent 2px),radial-gradient(circle at 74% 22%,rgba(103,232,249,.9) 0 1px,transparent 2px),radial-gradient(circle at 62% 76%,rgba(255,255,255,.82) 0 1px,transparent 2px);opacity:.75;filter:drop-shadow(0 0 7px rgba(103,232,249,.45));animation:starlightCardTwinkle 2.4s ease-in-out infinite alternate}.card-preview--text-motion{background:var(--cp-bg,linear-gradient(180deg,#10111d,#060a14))}.card-preview--text-motion .card-preview__effect{width:min(170px,78%);height:38px;position:relative;color:var(--cp-a,#e0f2fe);font-weight:900;font-size:1.25rem;text-align:center;-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;-webkit-text-decoration-color:var(--cp-underline,rgba(251,191,36,.85));text-decoration-color:var(--cp-underline,rgba(251,191,36,.85));text-decoration-thickness:.08em;text-underline-offset:.2em;animation:textMotionCardSnap 2.8s cubic-bezier(.22,1.4,.36,1) infinite}.card-preview--text-motion .card-preview__effect:before{content:attr(data-preview-label)}.card-preview--scramble{background:var(--cp-bg,linear-gradient(180deg,#0b1417,#050a0d))}.card-preview--scramble .card-preview__effect{position:relative;width:min(174px,78%);height:38px;overflow:hidden;font-family:var(--font-mono);font-size:1.08rem;font-weight:800;letter-spacing:.14em;color:var(--cp-b,#d1fae5);text-align:center}.card-preview--scramble .card-preview__effect:after,.card-preview--scramble .card-preview__effect:before{position:absolute;inset:0;display:grid;place-items:center}.card-preview--scramble .card-preview__effect:before{content:attr(data-preview-label)}.card-preview--scramble .card-preview__effect:after{content:attr(data-preview-alt);color:var(--cp-a,#67e8f9);text-shadow:0 0 16px rgba(103,232,249,.46);animation:scrambleCardClear 2.4s steps(8) infinite}.card-preview--variable-font{background:var(--cp-bg,linear-gradient(180deg,#141108,#080807))}.card-preview--variable-font .card-preview__effect{display:grid;width:min(178px,80%);min-height:42px;place-items:center;color:var(--cp-b,#fef3c7);font-size:1.35rem;font-weight:420;letter-spacing:0;font-stretch:92%;font-variation-settings:"wght" 420,"wdth" 92;text-shadow:0 0 18px color-mix(in srgb,var(--cp-a,#fbbf24) 28%,transparent);animation:variableFontCardMorph 3s ease-in-out infinite alternate}.card-preview--variable-font .card-preview__effect:before{content:attr(data-preview-label)}.card-preview--svg-path{background:var(--cp-bg,linear-gradient(180deg,#0a1412,#050a0d))}.card-preview--svg-path .card-preview__effect{width:128px;height:78px;border:2px solid transparent;border-radius:var(--cp-path-radius,999px 999px 999px 18px);background:linear-gradient(#06100f,#06100f) padding-box,conic-gradient(from 120deg,var(--cp-a,#86efac),var(--cp-b,#67e8f9),#fbbf24,var(--cp-a,#86efac)) border-box;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--cp-a,#86efac) 28%,transparent));animation:svgPathCardDraw 3.4s ease-in-out infinite}.card-preview--preview-path-command-morph .card-preview__effect{display:grid;width:min(184px,84%);height:126px;place-items:center;overflow:hidden;border:1px solid rgba(148,163,184,.16);border-radius:16px;background:linear-gradient(rgba(148,163,184,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(148,163,184,.045) 1px,transparent 1px),radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--cp-a,#a78bfa) 18%,transparent),transparent 42%),linear-gradient(180deg,rgba(10,16,31,.94),rgba(5,9,18,.98));background-size:18px 18px,18px 18px,auto,auto;box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 0 24px color-mix(in srgb,var(--cp-a,#a78bfa) 12%,transparent);-webkit-clip-path:none;clip-path:none;filter:none;animation:none}.card-preview__morph-svg{width:166px;height:124px;overflow:visible}.card-preview__morph-ghost{fill:none;stroke-width:1.5px;stroke-linejoin:round;stroke-dasharray:7 8;opacity:.34}.card-preview__morph-ghost--one{stroke:var(--cp-a,#a78bfa)}.card-preview__morph-ghost--two{stroke:var(--cp-b,#67e8f9);opacity:.24}.card-preview__morph-shape{stroke:color-mix(in srgb,var(--cp-b,#67e8f9) 82%,white);stroke-width:2.4px;stroke-linejoin:round}.card-preview__morph-trace{fill:none;stroke:rgba(248,250,252,.86);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.22 .78;animation:morphPathTraceSweep 2.6s ease-in-out infinite}.card-preview--preview-path-fill-reveal .card-preview__effect{width:auto;height:auto;background:none;border:none;display:grid;place-items:center;animation:none}.card-preview--preview-path-fill-reveal .card-preview__effect:after,.card-preview--preview-path-fill-reveal .card-preview__effect:before{content:none}.card-preview__pfr{width:116px;height:116px;overflow:visible;filter:drop-shadow(0 0 18px color-mix(in srgb,var(--cp-a,#38bdf8) 38%,transparent)) drop-shadow(0 6px 14px rgba(0,0,0,.4))}.card-preview__pfr-stroke{stroke-width:2.6;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;animation:pfrStrokeDraw 4.6s cubic-bezier(.55,.05,.35,.95) infinite}.card-preview__pfr-fill{opacity:0;transform-origin:60px 60px;animation:pfrFillReveal 4.6s cubic-bezier(.55,.05,.35,.95) infinite}.card-preview__pfr-shine{opacity:0;pointer-events:none;animation:pfrShineEnter 4.6s ease-out infinite}@keyframes pfrStrokeDraw{0%,4%{stroke-dashoffset:1;opacity:0}10%{stroke-dashoffset:1;opacity:1}44%{stroke-dashoffset:0;opacity:1}88%{stroke-dashoffset:0;opacity:1}96%,to{stroke-dashoffset:0;opacity:0}}@keyframes pfrFillReveal{0%,44%{opacity:0;transform:scale(.92)}62%{opacity:1;transform:scale(1.05)}72%,88%{opacity:1;transform:scale(1)}96%,to{opacity:0;transform:scale(.92)}}@keyframes pfrShineEnter{0%,60%{opacity:0}72%,88%{opacity:1}96%,to{opacity:0}}@media (prefers-reduced-motion:reduce){.card-preview__pfr-fill,.card-preview__pfr-shine,.card-preview__pfr-stroke{animation:none;opacity:1}.card-preview__pfr-stroke{stroke-dashoffset:0}.card-preview__pfr-fill{transform:scale(1)}}.card-preview__pis{width:116px;height:116px;overflow:visible;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--cp-a,#dc2626) 28%,transparent)) drop-shadow(0 6px 14px rgba(0,0,0,.4))}.card-preview__pis-sky{opacity:0;transform-origin:center;animation:pisSkyReveal 4.6s cubic-bezier(.4,0,.2,1) infinite}.card-preview__pis-fuji{opacity:0;transform-box:fill-box;transform-origin:60px 78px;animation:pisFujiRise 4.6s cubic-bezier(.4,0,.2,1) infinite}.card-preview__pis-sun{opacity:0;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--cp-a,#dc2626) 50%,transparent));animation:pisSunRise 4.6s cubic-bezier(.4,0,.2,1) infinite}.card-preview__pis-wave-bg{opacity:0;transform-origin:60px 100px;animation:pisWaveBgRise 4.6s cubic-bezier(.4,0,.2,1) infinite}.card-preview__pis-wave-main{opacity:0;transform-box:fill-box;transform-origin:0 110px;filter:drop-shadow(0 -2px 6px rgba(15,23,42,.3));animation:pisWaveMainSweep 4.6s cubic-bezier(.4,0,.2,1) infinite}.card-preview__pis-crest{stroke-width:1.2;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;animation:pisCrestDraw 4.6s cubic-bezier(.4,0,.2,1) infinite}.card-preview__pis-foam{opacity:0;transform-box:fill-box;transform-origin:center;filter:drop-shadow(0 0 3px rgba(255,255,255,.8));animation:pisFoamSpray 4.6s cubic-bezier(.4,0,.2,1) infinite}.card-preview__pis-foam--1{animation-delay:0s}.card-preview__pis-foam--2{animation-delay:.04s}.card-preview__pis-foam--3{animation-delay:.08s}.card-preview__pis-foam--4{animation-delay:.12s}.card-preview__pis-foam--5{animation-delay:.16s}@keyframes pisSkyReveal{0%,1%{opacity:0}8%{opacity:1}90%{opacity:1}98%,to{opacity:0}}@keyframes pisFujiRise{0%,8%{opacity:0;transform:translateY(6px) scale(.92)}20%{opacity:1;transform:translateY(0) scale(1)}90%{opacity:1;transform:translateY(0) scale(1)}98%,to{opacity:0;transform:translateY(-2px) scale(.94)}}@keyframes pisSunRise{0%,18%{opacity:0;transform:translateY(8px) scale(.5)}26%{opacity:1;transform:translateY(0) scale(1.1)}32%{opacity:1;transform:translateY(0) scale(1)}90%{opacity:1;transform:translateY(0) scale(1)}98%,to{opacity:0;transform:translateY(-4px) scale(.85)}}@keyframes pisWaveBgRise{0%,28%{opacity:0;transform:translateY(8px)}42%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}98%,to{opacity:0;transform:translateY(2px)}}@keyframes pisWaveMainSweep{0%,38%{opacity:0;transform:translate(-30px,8px) scale(.95)}56%{opacity:1;transform:translate(0) scale(1)}90%{opacity:1;transform:translate(0) scale(1)}98%,to{opacity:0;transform:translateY(4px) scale(.97)}}@keyframes pisCrestDraw{0%,58%{stroke-dashoffset:1;opacity:0}64%{opacity:1}78%{stroke-dashoffset:0;opacity:1}90%{stroke-dashoffset:0;opacity:1}98%,to{opacity:0}}@keyframes pisFoamSpray{0%,64%{opacity:0;transform:scale(0)}72%{opacity:1;transform:scale(1.5)}80%{opacity:.85;transform:scale(1)}90%{opacity:.85;transform:scale(1)}98%,to{opacity:0;transform:scale(.4)}}@media (prefers-reduced-motion:reduce){.card-preview__pis-crest,.card-preview__pis-foam,.card-preview__pis-fuji,.card-preview__pis-sky,.card-preview__pis-sun,.card-preview__pis-wave-bg,.card-preview__pis-wave-main{animation:none;opacity:1;transform:none}.card-preview__pis-crest{stroke-dashoffset:0}}.card-preview--typewriter{background:var(--cp-bg,linear-gradient(180deg,#0a1120,#060a14))}.card-preview--typewriter .card-preview__effect{width:180px;height:18px;position:relative;overflow:hidden}.card-preview--typewriter .card-preview__effect:before{content:attr(data-preview-label);position:absolute;inset:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.86rem;color:var(--cp-a,var(--accent));white-space:nowrap;overflow:hidden;width:0;animation:typewriterCardReveal 3.6s steps(13) infinite}.card-preview--typewriter .card-preview__effect:after{content:"";position:absolute;top:2px;bottom:2px;left:0;width:2px;background:var(--cp-a,var(--accent));animation:typewriterCardCaret 3.6s steps(13) infinite,typewriterBlink .8s steps(2) infinite}.card-preview--glitch{background:var(--cp-bg,linear-gradient(180deg,#0a0a1a,#05050f));position:relative}.card-preview--glitch .card-preview__effect{width:auto;height:auto;background:none;display:grid;place-items:center;animation:none}.card-preview--glitch .card-preview__effect:after,.card-preview--glitch .card-preview__effect:before{content:none}.card-preview__glitch{position:relative;font-size:1.55rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:#f4f7ff;text-shadow:0 0 8px rgba(244,247,255,.18)}.card-preview__glitch-base{display:block;animation:glitchBaseFlicker 2.4s step-end infinite}.card-preview__glitch-band{position:absolute;inset:0;display:block;pointer-events:none;mix-blend-mode:screen}.card-preview__glitch-band--cyan{color:#67e8f9;text-shadow:0 0 12px rgba(103,232,249,.5);animation:glitchBandCyan 2.4s step-end infinite}.card-preview__glitch-band--magenta{color:#f472b6;text-shadow:0 0 12px rgba(244,114,182,.5);animation:glitchBandMagenta 2.4s step-end infinite}.card-preview__glitch-band--lime{color:#a3e635;text-shadow:0 0 12px rgba(163,230,53,.45);animation:glitchBandLime 2.4s step-end infinite}.card-preview__glitch-scanlines{position:absolute;inset:-8px -16px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05),rgba(255,255,255,.05) 1px,transparent 0,transparent 3px);mix-blend-mode:overlay;pointer-events:none;opacity:0;animation:glitchScanlines 2.4s step-end infinite}@keyframes glitchBandCyan{0%,14%,30%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0);opacity:0}16%{-webkit-clip-path:inset(8% 0 76% 0);clip-path:inset(8% 0 76% 0);transform:translate(-3px);opacity:1}18%{-webkit-clip-path:inset(40% 0 36% 0);clip-path:inset(40% 0 36% 0);transform:translate(2px);opacity:1}20%{-webkit-clip-path:inset(68% 0 12% 0);clip-path:inset(68% 0 12% 0);transform:translate(-2px);opacity:1}22%{-webkit-clip-path:inset(20% 0 60% 0);clip-path:inset(20% 0 60% 0);transform:translate(3px);opacity:1}62%{-webkit-clip-path:inset(50% 0 28% 0);clip-path:inset(50% 0 28% 0);transform:translate(-4px);opacity:1}64%{-webkit-clip-path:inset(10% 0 70% 0);clip-path:inset(10% 0 70% 0);transform:translate(2px);opacity:1}66%{-webkit-clip-path:inset(72% 0 4% 0);clip-path:inset(72% 0 4% 0);transform:translate(-2px);opacity:1}}@keyframes glitchBandMagenta{0%,14%,30%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0);opacity:0}17%{-webkit-clip-path:inset(28% 0 56% 0);clip-path:inset(28% 0 56% 0);transform:translate(3px);opacity:1}19%{-webkit-clip-path:inset(58% 0 22% 0);clip-path:inset(58% 0 22% 0);transform:translate(-3px);opacity:1}21%{-webkit-clip-path:inset(4% 0 80% 0);clip-path:inset(4% 0 80% 0);transform:translate(2px);opacity:1}23%{-webkit-clip-path:inset(38% 0 44% 0);clip-path:inset(38% 0 44% 0);transform:translate(-3px);opacity:1}63%{-webkit-clip-path:inset(20% 0 60% 0);clip-path:inset(20% 0 60% 0);transform:translate(4px);opacity:1}65%{-webkit-clip-path:inset(60% 0 18% 0);clip-path:inset(60% 0 18% 0);transform:translate(-3px);opacity:1}}@keyframes glitchBandLime{0%,14%,30%,to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0);transform:translate(0);opacity:0}18%{-webkit-clip-path:inset(48% 0 38% 0);clip-path:inset(48% 0 38% 0);transform:translate(2px);opacity:1}20%{-webkit-clip-path:inset(78% 0 4% 0);clip-path:inset(78% 0 4% 0);transform:translate(-2px);opacity:1}22%{-webkit-clip-path:inset(14% 0 72% 0);clip-path:inset(14% 0 72% 0);transform:translate(3px);opacity:1}64%{-webkit-clip-path:inset(40% 0 44% 0);clip-path:inset(40% 0 44% 0);transform:translate(-2px);opacity:1}66%{-webkit-clip-path:inset(8% 0 78% 0);clip-path:inset(8% 0 78% 0);transform:translate(2px);opacity:1}}@keyframes glitchBaseFlicker{0%,14%,30%,60%,70%,to{opacity:1;transform:translate(0)}16%{opacity:.85;transform:translate(1px)}20%{opacity:.6;transform:translate(-1px,1px)}24%{opacity:1;transform:translate(0)}62%{opacity:.7;transform:translate(-1px)}66%{opacity:.9;transform:translate(1px,-1px)}}@keyframes glitchScanlines{0%,14%,30%,60%,70%,to{opacity:0}16%,24%{opacity:.6}62%,68%{opacity:.4}}@media (prefers-reduced-motion:reduce){.card-preview__glitch-band,.card-preview__glitch-base,.card-preview__glitch-scanlines{animation:none}.card-preview__glitch-band,.card-preview__glitch-scanlines{opacity:0}}.card-preview--spinner{background:var(--cp-bg,linear-gradient(180deg,#0a1220,#060c18))}.card-preview--spinner .card-preview__effect{width:48px;height:48px;border-radius:50%;border:4px solid color-mix(in srgb,var(--cp-a,#67e8f9) 18%,transparent);border-top-color:var(--cp-b,var(--cp-a,var(--accent)));animation:spinnerCardRotate 1.2s linear infinite}.card-preview--preview-conic-spinner .card-preview__effect{width:56px;height:56px;border:0;background:radial-gradient(circle,#07111f 0 50%,transparent 52%),conic-gradient(from 0deg,var(--cp-a,#67e8f9) 0 18%,transparent 18% 25%,var(--cp-b,#a78bfa) 25% 43%,transparent 43% 50%,var(--cp-a,#67e8f9) 50% 68%,transparent 68% 75%,var(--cp-b,#a78bfa) 75% 93%,transparent 93% 100%);box-shadow:0 0 18px color-mix(in srgb,var(--cp-a,#67e8f9) 26%,transparent)}.card-preview--preview-ring-spinner .card-preview__effect{width:auto;height:auto;border:none;background:none;box-shadow:none;animation:none;display:grid;place-items:center}.card-preview--preview-ring-spinner .card-preview__effect:after,.card-preview--preview-ring-spinner .card-preview__effect:before{content:none}.card-preview__ringspin{position:relative;width:64px;height:64px;display:grid;place-items:center}.card-preview__ringspin-halo{position:absolute;inset:-8px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--cp-a,#67e8f9) 26%,transparent),transparent 65%);filter:blur(2px)}.card-preview__ringspin-track{position:absolute;inset:0;border-radius:50%;border:2px solid rgba(248,250,252,.06)}.card-preview__ringspin-outer{position:absolute;inset:0;border-radius:50%;border-left:2px solid transparent;border-bottom:2px solid transparent;border-top:2px solid transparent;border-top-color:var(--cp-a,#67e8f9);border-right:2px solid transparent;border-right-color:color-mix(in srgb,var(--cp-a,#67e8f9) 60%,transparent);animation:spinnerCardRotate 1.2s cubic-bezier(.65,.1,.35,.9) infinite;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--cp-a,#67e8f9) 40%,transparent))}.card-preview__ringspin-inner{position:absolute;inset:14px;border-radius:50%;border-right:2px solid transparent;border-top:2px solid transparent;border-bottom:2px solid transparent;border-bottom-color:var(--cp-b,#a78bfa);border-left:2px solid transparent;border-left-color:color-mix(in srgb,var(--cp-b,#a78bfa) 60%,transparent);animation:spinnerCardRotate .9s cubic-bezier(.65,.1,.35,.9) infinite reverse;filter:drop-shadow(0 0 5px color-mix(in srgb,var(--cp-b,#a78bfa) 40%,transparent))}.card-preview--progress{background:var(--cp-bg,linear-gradient(180deg,#0b1220,#060c18))}.card-preview--progress .card-preview__effect{width:70%;height:10px;border-radius:var(--radius-full);background:rgba(255,255,255,.06);overflow:hidden;position:relative}.card-preview--progress .card-preview__effect:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(90deg,var(--cp-a,var(--accent)),var(--cp-b,var(--accent-violet)));transform-origin:left center;animation:progressCardFill 2.8s ease-in-out infinite}.card-preview--toast{background:var(--cp-bg,linear-gradient(180deg,#0c1220,#070c18))}.card-preview--toast .card-preview__effect{width:auto;height:auto;display:grid;place-items:center;background:none;animation:none}.card-preview--toast .card-preview__effect:after,.card-preview--toast .card-preview__effect:before{content:none}.card-preview__toast{width:220px;display:grid;grid-gap:6px;gap:6px}.card-preview__toast-item{display:grid;grid-template-columns:14px 1fr 8px;align-items:center;grid-gap:8px;gap:8px;padding:7px 9px;border-radius:8px;border:1px solid rgba(248,250,252,.1);background:rgba(15,23,42,.94);box-shadow:0 4px 10px rgba(0,0,0,.4);opacity:0;transform:translateX(40px);animation:toastCardSlideIn 4.6s cubic-bezier(.45,1.4,.5,1) infinite}.card-preview__toast-item:first-child{animation-delay:0s}.card-preview__toast-item:nth-child(2){animation-delay:.4s}.card-preview__toast-item:nth-child(3){animation-delay:.8s}.card-preview__toast-icon{width:14px;height:14px;border-radius:50%}.card-preview__toast-item--success .card-preview__toast-icon{background:#34d399;box-shadow:0 0 8px rgba(52,211,153,.6)}.card-preview__toast-item--info .card-preview__toast-icon{background:var(--cp-a,#67e8f9);box-shadow:0 0 8px color-mix(in srgb,var(--cp-a,#67e8f9) 60%,transparent)}.card-preview__toast-item--warn .card-preview__toast-icon{background:#fbbf24;box-shadow:0 0 8px rgba(251,191,36,.6)}.card-preview__toast-item--success{border-color:rgba(52,211,153,.3)}.card-preview__toast-item--info{border-color:color-mix(in srgb,var(--cp-a,#67e8f9) 30%,transparent)}.card-preview__toast-item--warn{border-color:rgba(251,191,36,.3)}.card-preview__toast-line{display:block;height:5px;border-radius:var(--radius-full);background:rgba(248,250,252,.78);width:80%}.card-preview__toast-item--info .card-preview__toast-line{width:70%}.card-preview__toast-item--warn .card-preview__toast-line{width:64%}.card-preview__toast-close{position:relative;width:8px;height:8px;opacity:.55}.card-preview__toast-close:after,.card-preview__toast-close:before{content:"";position:absolute;inset:0 0 auto 50%;width:1.5px;height:100%;background:rgba(248,250,252,.7);transform-origin:center}.card-preview__toast-close:before{transform:translateX(-50%) rotate(45deg)}.card-preview__toast-close:after{transform:translateX(-50%) rotate(-45deg)}@keyframes toastCardSlideIn{0%,4%{opacity:0;transform:translateX(40px)}18%{opacity:1;transform:translateX(0)}78%{opacity:1;transform:translateX(0)}92%,to{opacity:0;transform:translateX(40px)}}@media (prefers-reduced-motion:reduce){.card-preview__toast-item{animation:none;opacity:1;transform:none}}.card-preview--check{background:var(--cp-bg,linear-gradient(180deg,#081a14,#040d0c))}.card-preview--check .card-preview__effect{width:auto;height:auto;background:none;border:none;display:grid;place-items:center;animation:none}.card-preview--check .card-preview__effect:after,.card-preview--check .card-preview__effect:before{content:none}.card-preview__check{width:96px;height:96px;overflow:visible}.card-preview__check-glow{opacity:0;transform-origin:40px 40px;animation:checkCardGlow 4.4s ease-in-out infinite}.card-preview__check-ring{stroke-width:4;animation:checkCardRingDraw 4.4s cubic-bezier(.55,.05,.35,.95) infinite}.card-preview__check-ring,.card-preview__check-tick{stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--cp-a,#34d399) 50%,transparent))}.card-preview__check-tick{stroke-width:5;stroke-linejoin:round;animation:checkCardTickDraw 4.4s cubic-bezier(.55,.05,.35,.95) infinite}@keyframes checkCardRingDraw{0%,4%{stroke-dashoffset:1;opacity:0}10%{stroke-dashoffset:1;opacity:1}38%{stroke-dashoffset:0;opacity:1}85%{stroke-dashoffset:0;opacity:1}95%,to{stroke-dashoffset:0;opacity:0}}@keyframes checkCardTickDraw{0%,38%{stroke-dashoffset:1;opacity:0}44%{stroke-dashoffset:1;opacity:1}60%{stroke-dashoffset:0;opacity:1}85%{stroke-dashoffset:0;opacity:1}95%,to{stroke-dashoffset:0;opacity:0}}@keyframes checkCardGlow{0%,56%{opacity:0;transform:scale(.9)}62%{opacity:1;transform:scale(1.1)}72%,85%{opacity:.7;transform:scale(1)}95%,to{opacity:0;transform:scale(.9)}}@media (prefers-reduced-motion:reduce){.card-preview__check-glow,.card-preview__check-ring,.card-preview__check-tick{animation:none;opacity:1}.card-preview__check-ring,.card-preview__check-tick{stroke-dashoffset:0}.card-preview__check-glow{transform:scale(1)}}.card-preview--shake{background:var(--cp-bg,linear-gradient(180deg,#1a0a10,#0f0508))}.card-preview--shake .card-preview__effect{width:120px;height:28px;border-radius:8px;border:1px solid color-mix(in srgb,var(--cp-a,#f87171) 62%,transparent);background:color-mix(in srgb,var(--cp-a,#f87171) 10%,transparent);animation:shakeCardJitter 2.4s cubic-bezier(.36,.07,.19,.97) infinite}.card-preview--burst{background:var(--cp-bg,linear-gradient(180deg,#18081a,#0a0510))}.card-preview--burst .card-preview__effect{width:auto;height:auto;display:grid;place-items:center;background:none;animation:none}.card-preview--burst .card-preview__effect:after,.card-preview--burst .card-preview__effect:before{content:none}.card-preview__burst{position:relative;width:200px;height:110px;display:grid;place-items:end center;padding-bottom:22px;overflow:hidden}.card-preview__burst-stage{position:absolute;inset:0 0 44px 0;pointer-events:none}.card-preview__burst-balloon{position:absolute;bottom:0;left:50%;opacity:0;transform:translate(-50%) scale(.5);animation:burstBalloonFloat 3.6s ease-out infinite}.card-preview__burst-balloon svg{width:100%;height:100%;display:block}.card-preview__burst-balloon svg path{fill:currentColor;filter:drop-shadow(0 0 4px currentColor)}.card-preview__burst-balloon--1{color:#f472b6;--bx:-42px;--bx-end:-58px;--delay:0.00s;width:7px;height:7px}.card-preview__burst-balloon--2{color:#a78bfa;--bx:16px;--bx-end:30px;--delay:0.10s;width:6px;height:6px}.card-preview__burst-balloon--3{color:#fbbf24;--bx:-12px;--bx-end:-4px;--delay:0.18s;width:8px;height:8px}.card-preview__burst-balloon--4{color:#34d399;--bx:36px;--bx-end:48px;--delay:0.26s;width:6px;height:6px}.card-preview__burst-balloon--5{color:#67e8f9;--bx:-24px;--bx-end:-32px;--delay:0.34s;width:7px;height:7px}.card-preview__burst-balloon--6{color:#fb7185;--bx:8px;--bx-end:18px;--delay:0.42s;width:7px;height:7px}.card-preview__burst-balloon--7{color:#f0abfc;--bx:-30px;--bx-end:-38px;--delay:0.50s;width:6px;height:6px}.card-preview__burst-balloon--8{color:#f472b6;--bx:28px;--bx-end:40px;--delay:0.58s;width:5px;height:5px}.card-preview__burst-balloon--9{color:#a78bfa;--bx:-4px;--bx-end:2px;--delay:0.66s;width:7px;height:7px}.card-preview__burst-balloon--10{color:#fbbf24;--bx:-18px;--bx-end:-22px;--delay:0.74s;width:6px;height:6px}.card-preview__burst-balloon--11{color:#34d399;--bx:22px;--bx-end:30px;--delay:0.82s;width:7px;height:7px}.card-preview__burst-balloon--12{color:#67e8f9;--bx:-36px;--bx-end:-44px;--delay:0.90s;width:5px;height:5px}.card-preview__burst-balloon--13{color:#fb7185;--bx:44px;--bx-end:56px;--delay:0.98s;width:6px;height:6px}.card-preview__burst-balloon--14{color:#f0abfc;--bx:-8px;--bx-end:-2px;--delay:1.06s;width:8px;height:8px}.card-preview__burst-balloon--15{color:#f472b6;--bx:14px;--bx-end:22px;--delay:1.14s;width:6px;height:6px}.card-preview__burst-balloon--16{color:#a78bfa;--bx:-26px;--bx-end:-32px;--delay:1.22s;width:7px;height:7px}.card-preview__burst-balloon--17{color:#fbbf24;--bx:32px;--bx-end:42px;--delay:1.30s;width:5px;height:5px}.card-preview__burst-balloon--18{color:#34d399;--bx:-14px;--bx-end:-20px;--delay:1.38s;width:6px;height:6px}.card-preview__burst-balloon{animation-delay:var(--delay,0s)}@keyframes burstBalloonFloat{0%,30%{opacity:0;transform:translate(calc(-50% + var(--bx, 0px))) scale(.4)}36%{opacity:1;transform:translate(calc(-50% + var(--bx, 0px)),-6px) scale(1)}56%{opacity:1;transform:translate(calc(-50% + var(--bx-end, 0px)),-52px) scale(1)}66%,to{opacity:0;transform:translate(calc(-50% + var(--bx-end, 0px)),-82px) scale(.6)}}.card-preview__burst-button{position:relative;width:32px;height:32px;border-radius:50%;border:1px solid rgba(148,163,184,.32);background:rgba(248,250,252,.04);display:grid;place-items:center;color:rgba(226,232,240,.55);cursor:pointer;z-index:1;animation:burstButtonState 3.6s ease-out infinite}.card-preview__burst-button svg{width:16px;height:16px;fill:currentColor;transition:filter .2s ease}.card-preview__burst-ripple{position:absolute;bottom:22px;left:50%;width:32px;height:32px;border-radius:50%;border:2px solid rgba(244,114,182,.6);transform:translate(-50%);opacity:0;pointer-events:none;animation:burstRippleOut 3.6s ease-out infinite}@keyframes burstButtonState{0%,28%{transform:scale(1);background:rgba(248,250,252,.04);border-color:rgba(148,163,184,.32);color:rgba(226,232,240,.55)}32%{transform:scale(.88);color:rgba(226,232,240,.55)}40%{transform:scale(1.18);background:linear-gradient(135deg,rgba(244,114,182,.32),rgba(167,139,250,.28));border-color:rgba(244,114,182,.55);color:var(--cp-a,#f472b6)}50%,86%{transform:scale(1);background:linear-gradient(135deg,rgba(244,114,182,.32),rgba(167,139,250,.28));border-color:rgba(244,114,182,.55);color:var(--cp-a,#f472b6)}92%,to{transform:scale(1);background:rgba(248,250,252,.04);border-color:rgba(148,163,184,.32);color:rgba(226,232,240,.55)}}@keyframes burstRippleOut{0%,30%{opacity:0;transform:translate(-50%) scale(.6)}36%{opacity:.7;transform:translate(-50%) scale(.6)}60%{opacity:0;transform:translate(-50%) scale(2.4)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.card-preview__burst-balloon,.card-preview__burst-button,.card-preview__burst-ripple{animation:none}.card-preview__burst-balloon,.card-preview__burst-ripple{opacity:0}}@property --cp-donut-progress{syntax:"<percentage>";inherits:false;initial-value:0}.card-preview--donut{background:var(--cp-bg,linear-gradient(180deg,#0a1220,#060a14))}.card-preview--donut .card-preview__effect{position:relative;display:grid;width:86px;height:86px;place-items:center;border-radius:50%;background:conic-gradient(var(--cp-a,#67e8f9) var(--cp-donut-progress),rgba(255,255,255,.08) 0),radial-gradient(circle,rgba(167,139,250,.2),transparent 64%);color:var(--foreground,#e2e8f0);font-size:.88rem;font-weight:800;animation:donutCardFill 2.6s cubic-bezier(.45,0,.55,1) infinite}.card-preview--donut .card-preview__effect:before{content:"";position:absolute;inset:13px;border-radius:50%;background:#08101c}.card-preview--donut .card-preview__effect:after{content:attr(data-preview-label);position:relative;z-index:1}.card-preview--scroll-snap{background:var(--cp-bg,linear-gradient(180deg,#0a1220,#060a14))}.card-preview--scroll-snap .card-preview__effect{width:auto;height:auto;background:none;border:none;overflow:visible;display:grid;place-items:center}.card-preview--scroll-snap .card-preview__effect:after,.card-preview--scroll-snap .card-preview__effect:before{content:none}.card-preview__snap{position:relative;width:232px;height:100px;display:grid;grid-template-rows:1fr auto;grid-gap:8px;gap:8px}.card-preview__snap-track{position:relative;width:100%;height:76px;overflow:hidden;border-radius:12px;border:1px solid rgba(248,250,252,.08);background:radial-gradient(circle at 50% 50%,rgba(103,232,249,.06),transparent 60%),linear-gradient(180deg,#0a1626,#050a14)}.card-preview__snap-rail{display:flex;gap:8px;padding:0 calc(50% - 48px);height:100%;width:max-content;animation:snapCardCarousel 5.6s cubic-bezier(.22,1,.36,1) infinite}.card-preview__snap-card{flex:0 0 96px;height:100%;display:grid;grid-template-rows:1fr auto auto;grid-gap:4px;gap:4px;padding:8px;background:rgba(15,23,42,.94);border:1px solid rgba(248,250,252,.1);border-radius:8px;box-shadow:0 4px 10px rgba(0,0,0,.4)}.card-preview__snap-zone{position:absolute;top:4px;bottom:4px;left:50%;width:100px;transform:translateX(-50%);border-radius:9px;border:1.5px solid color-mix(in srgb,var(--cp-a,#67e8f9) 70%,transparent);box-shadow:inset 0 0 0 1px rgba(15,23,42,.5),0 0 18px color-mix(in srgb,var(--cp-a,#67e8f9) 30%,transparent);pointer-events:none}.card-preview__snap-thumb{border-radius:6px;background:linear-gradient(135deg,var(--cp-a,#67e8f9) 0,var(--cp-b,#fbbf24) 100%);opacity:.78}.card-preview__snap-card:nth-child(4n+2) .card-preview__snap-thumb{background:linear-gradient(135deg,#a78bfa,#f0abfc)}.card-preview__snap-card:nth-child(4n+3) .card-preview__snap-thumb{background:linear-gradient(135deg,#34d399,#67e8f9)}.card-preview__snap-card:nth-child(4n+4) .card-preview__snap-thumb{background:linear-gradient(135deg,#f472b6,#fb923c)}.card-preview__snap-line{display:block;height:3px;border-radius:var(--radius-full);background:rgba(226,232,240,.4)}.card-preview__snap-line--title{width:80%;background:rgba(226,232,240,.78)}.card-preview__snap-line--meta{width:50%}.card-preview__snap-indicator{display:flex;justify-content:center;gap:6px;height:8px;align-items:center}.card-preview__snap-dot{width:6px;height:6px;border-radius:50%;background:rgba(248,250,252,.18);transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s ease;animation:snapCardDot 5.6s linear infinite}.card-preview__snap-dot:first-child{animation-delay:0s}.card-preview__snap-dot:nth-child(2){animation-delay:-4.2s}.card-preview__snap-dot:nth-child(3){animation-delay:-2.8s}.card-preview__snap-dot:nth-child(4){animation-delay:-1.4s}@keyframes snapCardCarousel{0%{transform:translateX(0)}18%{transform:translateX(0)}25%{transform:translateX(-104px)}43%{transform:translateX(-104px)}50%{transform:translateX(-208px)}68%{transform:translateX(-208px)}75%{transform:translateX(-312px)}93%{transform:translateX(-312px)}to{transform:translateX(-416px)}}@keyframes snapCardDot{0%,18%{background:rgba(248,250,252,.9);transform:scale(1.15)}25%,to{background:rgba(248,250,252,.18);transform:scale(1)}}@media (prefers-reduced-motion:reduce){.card-preview__snap-dot,.card-preview__snap-rail{animation:none}}.card-preview--theme{background:linear-gradient(180deg,#0c1220,#060a14)}.card-preview--theme .card-preview__effect{width:auto;height:auto;background:none;border:none;overflow:visible;display:grid;place-items:center;animation:none}.card-preview--theme .card-preview__effect:after,.card-preview--theme .card-preview__effect:before{content:none}.card-preview__theme-stage{width:192px;padding:4px}.card-preview__theme-panel{display:grid;grid-gap:8px;gap:8px;padding:10px 12px 12px;border-radius:12px;background:#f8fafc;border:1px solid rgba(15,23,42,.1);box-shadow:0 6px 14px rgba(15,23,42,.12);animation:themePanelSwap 4.4s ease-in-out infinite}.card-preview__theme-header{display:grid;grid-template-columns:24px 1fr 32px;align-items:center;grid-gap:8px;gap:8px}.card-preview__theme-avatar{width:22px;height:22px;border-radius:50%;background:#e2e8f0;animation:themeAvatarSwap 4.4s ease-in-out infinite}.card-preview__theme-meta{display:grid;grid-gap:4px;gap:4px}.card-preview__theme-line{display:block;height:4px;border-radius:var(--radius-full)}.card-preview__theme-line--title{width:70%;background:rgba(15,23,42,.78);animation:themeTextSwap 4.4s ease-in-out infinite}.card-preview__theme-line--sub{width:44%;height:3px;background:rgba(15,23,42,.36);animation:themeTextSwapMuted 4.4s ease-in-out infinite}.card-preview__theme-toggle{position:relative;width:32px;height:16px;border-radius:999px;background:#cbd5e1;animation:themeToggleSwap 4.4s ease-in-out infinite}.card-preview__theme-toggle-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#ffffff;box-shadow:0 1px 2px rgba(0,0,0,.2);animation:themeToggleThumbSlide 4.4s ease-in-out infinite}.card-preview__theme-body{display:grid;grid-gap:5px;gap:5px}.card-preview__theme-line--body{width:100%;background:rgba(15,23,42,.18);animation:themeTextSwapMuted 4.4s ease-in-out infinite}.card-preview__theme-line--body-short{width:70%}.card-preview__theme-button{width:56px;height:16px;border-radius:6px;background:#2563eb;margin-top:2px;animation:themeButtonSwap 4.4s ease-in-out infinite}@keyframes themePanelSwap{0%,38%{background:#f8fafc;border-color:rgba(15,23,42,.1);box-shadow:0 6px 14px rgba(15,23,42,.12)}50%,88%{background:#0f172a;border-color:rgba(248,250,252,.14);box-shadow:0 6px 18px rgba(103,232,249,.22)}}@keyframes themeAvatarSwap{0%,38%{background:#e2e8f0}50%,88%{background:#1e293b}}@keyframes themeTextSwap{0%,38%{background:rgba(15,23,42,.78)}50%,88%{background:rgba(248,250,252,.85)}}@keyframes themeTextSwapMuted{0%,38%{background:rgba(15,23,42,.18)}50%,88%{background:rgba(248,250,252,.22)}}@keyframes themeToggleSwap{0%,38%{background:#cbd5e1}50%,88%{background:var(--cp-a,#67e8f9)}}@keyframes themeToggleThumbSlide{0%,38%{left:2px;background:#ffffff}50%,88%{left:18px;background:#0f172a}}@keyframes themeButtonSwap{0%,38%{background:#2563eb}50%,88%{background:var(--cp-a,#67e8f9)}}@media (prefers-reduced-motion:reduce){.card-preview__theme-avatar,.card-preview__theme-button,.card-preview__theme-line,.card-preview__theme-panel,.card-preview__theme-toggle,.card-preview__theme-toggle-thumb{animation:none}}.card-preview--segmented{background:var(--cp-bg,linear-gradient(180deg,#08111e,#050a14))}.card-preview--segmented .card-preview__effect{width:auto;height:auto;background:none;border:none;display:grid;place-items:center;animation:none}.card-preview--segmented .card-preview__effect:after,.card-preview--segmented .card-preview__effect:before{content:none}.card-preview__seg{position:relative;display:grid;grid-template-columns:repeat(3,1fr);width:192px;height:36px;padding:4px;border:1px solid rgba(226,232,240,.14);border-radius:999px;background:rgba(255,255,255,.04)}.card-preview__seg-pill{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);border-radius:999px;background:color-mix(in srgb,var(--cp-a,#67e8f9) 26%,#0f172a);box-shadow:0 0 14px color-mix(in srgb,var(--cp-a,#67e8f9) 30%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--cp-a,#67e8f9) 70%,transparent);animation:segmentedCardSlide 4.2s cubic-bezier(.45,1.4,.5,1) infinite}.card-preview__seg-tab{position:relative;z-index:1;display:grid;place-items:center;font-size:.7rem;font-weight:700;letter-spacing:.04em;color:rgba(226,232,240,.55);animation:segmentedCardTab 4.2s ease-in-out infinite}.card-preview__seg-tab--first{animation-delay:0s}.card-preview__seg-tab{animation-delay:-2.8s}.card-preview__seg-tab--last{animation-delay:-1.4s}@keyframes segmentedCardSlide{0%,22%{transform:translateX(0)}33%,55%{transform:translateX(100%)}66%,88%{transform:translateX(200%)}to{transform:translateX(0)}}@keyframes segmentedCardTab{0%,22%,to{color:#f0fdfa}23%,99%{color:rgba(226,232,240,.55)}}.card-preview--toggle{background:var(--cp-bg,linear-gradient(180deg,#071a14,#050d0c))}.card-preview--toggle .card-preview__effect{width:auto;height:auto;background:none;display:grid;place-items:center}.card-preview--toggle .card-preview__effect:after,.card-preview--toggle .card-preview__effect:before{content:none}.card-preview__sw{display:flex;align-items:center;gap:14px}.card-preview__sw-label{font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:rgba(226,232,240,.4);animation:switchCardLabel 3.6s ease-in-out infinite}.card-preview__sw-label--off{animation-delay:0s}.card-preview__sw-label--on{animation-delay:-1.8s}.card-preview__sw-track{position:relative;width:56px;height:28px;border-radius:999px;background:#1e293b;box-shadow:inset 0 0 0 1px rgba(248,250,252,.08);animation:switchCardTrack 3.6s ease-in-out infinite}.card-preview__sw-ring{position:absolute;inset:-3px;border-radius:999px;border:2px solid color-mix(in srgb,var(--cp-a,#34d399) 80%,transparent);opacity:0;animation:switchCardRing 3.6s ease-in-out infinite;pointer-events:none}.card-preview__sw-thumb{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#f8fafc;box-shadow:0 4px 10px rgba(0,0,0,.4);animation:switchCardThumb 3.6s ease-in-out infinite}@keyframes switchCardTrack{0%,38%{background:#1e293b}50%,88%{background:var(--cp-a,#34d399)}}@keyframes switchCardThumb{0%,38%{left:3px}50%,88%{left:31px}}@keyframes switchCardRing{0%,38%,50%,88%,to{opacity:0}44%,94%{opacity:1}}@keyframes switchCardLabel{0%,38%{color:rgba(248,250,252,.85)}50%,to{color:rgba(226,232,240,.32)}}.card-preview--tooltip{background:var(--cp-bg,linear-gradient(180deg,#0a1220,#060a14))}.card-preview--tooltip .card-preview__effect{position:relative;display:grid;width:82px;height:34px;place-items:center;border-radius:999px;background:color-mix(in srgb,var(--cp-a,#67e8f9) 16%,transparent);color:#e0f2fe;font-size:.75rem;font-weight:800}.card-preview--tooltip .card-preview__effect:before{content:attr(data-preview-label)}.card-preview--tooltip .card-preview__effect:after{content:"Anchor";position:absolute;bottom:calc(100% + 8px);left:50%;padding:5px 8px;border-radius:6px;background:#e0f2fe;color:#07111f;font-size:.64rem;transform:translateX(-50%);animation:tooltipCardPop 2.6s ease-in-out infinite}.card-preview--tab{background:var(--cp-bg,linear-gradient(180deg,#0a1020,#060a14))}.card-preview--tab .card-preview__effect{width:auto;height:auto;background:none;border:none;display:grid;place-items:center}.card-preview--tab .card-preview__effect:after,.card-preview--tab .card-preview__effect:before{content:none}.card-preview__tab{position:relative;width:216px;padding-bottom:2px;border-bottom:1px solid rgba(226,232,240,.14)}.card-preview__tab-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4px;gap:4px}.card-preview__tab-item{display:grid;place-items:center;padding:8px 0 10px;font-size:.74rem;font-weight:700;letter-spacing:.04em;color:rgba(226,232,240,.4);animation:activeTabCardText 4.2s ease-in-out infinite}.card-preview__tab-item:first-child{animation-delay:0s}.card-preview__tab-item:nth-child(2){animation-delay:-2.8s}.card-preview__tab-item:nth-child(3){animation-delay:-1.4s}.card-preview__tab-underline{position:absolute;bottom:-1.5px;left:0;width:calc((100% - 8px) / 3);height:2.5px;border-radius:999px;background:var(--cp-a,#a78bfa);box-shadow:0 0 12px color-mix(in srgb,var(--cp-a,#a78bfa) 60%,transparent);animation:activeTabCardSlide 4.2s cubic-bezier(.55,.05,.35,.95) infinite}@keyframes activeTabCardSlide{0%,22%{transform:translateX(0)}33%,55%{transform:translateX(calc(100% + 4px))}66%,88%{transform:translateX(calc(200% + 8px))}to{transform:translateX(0)}}@keyframes activeTabCardText{0%,22%,to{color:#f5f3ff}23%,99%{color:rgba(226,232,240,.4)}}@media (prefers-reduced-motion:reduce){.card-preview__tab-item,.card-preview__tab-underline{animation:none}}.card-preview--input{background:var(--cp-bg,linear-gradient(180deg,#09111d,#050a14))}.card-preview--input .card-preview__effect{width:auto;height:auto;background:none;border:none;display:grid;place-items:center}.card-preview--input .card-preview__effect:after,.card-preview--input .card-preview__effect:before{content:none}.card-preview__field{position:relative;width:200px;height:56px;padding:0 14px;display:flex;align-items:center;border:1px solid rgba(248,250,252,.12);border-radius:10px;background:rgba(248,250,252,.03);animation:floatingFieldFocus 5.4s ease-in-out infinite}.card-preview__field-label{position:absolute;left:14px;top:50%;font-size:.86rem;font-weight:600;color:rgba(226,232,240,.55);background:transparent;padding:0 4px;transform-origin:left center;transform:translateY(-50%);animation:floatingFieldLabel 5.4s ease-in-out infinite}.card-preview__field-text{font-size:.84rem;color:rgba(248,250,252,.92);letter-spacing:.01em;opacity:0;animation:floatingFieldText 5.4s ease-in-out infinite}.card-preview__field-caret{display:inline-block;width:1px;height:14px;margin-left:1px;background:var(--cp-a,#67e8f9);opacity:0;animation:floatingFieldCaret 5.4s steps(2) infinite}@keyframes floatingFieldFocus{0%,14%{border-color:rgba(248,250,252,.12);box-shadow:none}20%,92%{border-color:var(--cp-a,#67e8f9);box-shadow:0 0 0 3px color-mix(in srgb,var(--cp-a,#67e8f9) 18%,transparent)}}@keyframes floatingFieldLabel{0%,14%{top:50%;transform:translateY(-50%) scale(1);color:rgba(226,232,240,.55);background:transparent}22%,to{top:-1px;transform:translateY(-50%) scale(.78);color:var(--cp-a,#67e8f9);background:#050a14}}@keyframes floatingFieldText{0%,32%{opacity:0}40%,92%{opacity:1}}@keyframes floatingFieldCaret{0%,22%,92%,to{opacity:0}24%,30%,36%,42%,48%,54%,60%,66%,72%,78%,84%,90%{opacity:1}}@media (prefers-reduced-motion:reduce){.card-preview__field,.card-preview__field-caret,.card-preview__field-label,.card-preview__field-text{animation:none}.card-preview__field-text{opacity:1}.card-preview__field-label{top:-1px;transform:translateY(-50%) scale(.78);color:var(--cp-a,#67e8f9);background:#050a14}}.card-preview--focus{background:var(--cp-bg,linear-gradient(180deg,#100f1c,#060a14))}.card-preview--focus .card-preview__effect{width:auto;height:auto;background:none;border:none;display:grid;place-items:center;animation:none}.card-preview--focus .card-preview__effect:after,.card-preview--focus .card-preview__effect:before{content:none}.card-preview__focus-row{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;width:232px}.card-preview__focus-cell{position:relative;display:grid;place-items:center;height:36px;padding:0 6px;border-radius:6px;background:rgba(248,250,252,.04);animation:customFocusCellCycle 4.8s ease-in-out infinite}.card-preview__focus-cell--outline{animation-delay:0s}.card-preview__focus-cell--underline{animation-delay:-1.6s}.card-preview__focus-cell--glow{animation-delay:-3.2s}.card-preview__focus-cell--outline{--focus-outline:0 0 0 0 transparent;outline:2px solid transparent;outline-offset:2px;animation-name:customFocusOutline}.card-preview__focus-cell--underline{border-bottom:2px solid transparent;animation-name:customFocusUnderline}.card-preview__focus-cell--glow{box-shadow:0 0 0 0 transparent;animation-name:customFocusGlow}.card-preview__focus-input{display:block;width:70%;height:4px;border-radius:var(--radius-full);background:rgba(248,250,252,.32)}@keyframes customFocusOutline{0%,33%,8%,to{outline-color:transparent;background:rgba(248,250,252,.04)}16%,28%{outline-color:var(--cp-a,#fbbf24);background:rgba(251,191,36,.08)}}@keyframes customFocusUnderline{0%,33%,8%,to{border-bottom-color:transparent;background:rgba(248,250,252,.04)}16%,28%{border-bottom-color:var(--cp-a,#fbbf24);background:rgba(251,191,36,.08)}}@keyframes customFocusGlow{0%,33%,8%,to{box-shadow:0 0 0 0 transparent;background:rgba(248,250,252,.04)}16%,28%{box-shadow:0 0 0 4px color-mix(in srgb,var(--cp-a,#fbbf24) 32%,transparent);background:rgba(251,191,36,.08)}}@keyframes customFocusCellCycle{0%,to{background:rgba(248,250,252,.04)}}.card-preview__ring{display:grid;place-items:center;width:200px;height:80px;padding:18px}.card-preview__ring-button{display:grid;place-items:center;width:110px;height:38px;border-radius:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--cp-a,#67e8f9) 40%,#0a1424),#0a1424);border:1px solid color-mix(in srgb,var(--cp-a,#67e8f9) 32%,transparent);outline:2px solid var(--cp-a,#67e8f9);outline-offset:2px;animation:focusRingBreathe 2.6s ease-in-out infinite}.card-preview__ring-button-label{display:block;width:56px;height:5px;border-radius:var(--radius-full);background:rgba(248,250,252,.85)}@keyframes focusRingBreathe{0%,to{outline-offset:2px;outline-color:color-mix(in srgb,var(--cp-a,#67e8f9) 60%,transparent)}50%{outline-offset:7px;outline-color:var(--cp-a,#67e8f9)}}@media (prefers-reduced-motion:reduce){.card-preview__focus-cell,.card-preview__ring-button{animation:none}}.card-preview--accordion{background:var(--cp-bg,linear-gradient(180deg,#081613,#050d0c))}.card-preview--accordion .card-preview__effect{width:auto;height:auto;background:none;display:grid;place-items:center;animation:none}.card-preview--accordion .card-preview__effect:after,.card-preview--accordion .card-preview__effect:before{content:none}.card-preview__acc{display:grid;grid-gap:5px;gap:5px;width:200px}.card-preview__acc-item{border:1px solid rgba(248,250,252,.1);border-radius:8px;background:rgba(248,250,252,.04);overflow:hidden}.card-preview__acc-item--active{border-color:color-mix(in srgb,var(--cp-a,#34d399) 32%,transparent);background:color-mix(in srgb,var(--cp-a,#34d399) 6%,rgba(248,250,252,.04))}.card-preview__acc-header{display:flex;align-items:center;gap:8px;padding:8px 10px}.card-preview__acc-chev{width:6px;height:6px;border-right:1.5px solid rgba(226,232,240,.7);border-bottom:1.5px solid rgba(226,232,240,.7);transform:rotate(-45deg);transition:transform .4s cubic-bezier(.55,.05,.35,.95)}.card-preview__acc-item--active .card-preview__acc-chev{border-color:var(--cp-a,#34d399);animation:accordionChevSpin 4.4s ease-in-out infinite}.card-preview__acc-title{flex:1 1;height:4px;border-radius:var(--radius-full);background:rgba(248,250,252,.55)}.card-preview__acc-item--active .card-preview__acc-title{background:rgba(248,250,252,.85)}.card-preview__acc-body{display:grid;grid-template-rows:0fr;animation:accordionBodyExpand 4.4s ease-in-out infinite}.card-preview__acc-body-inner{overflow:hidden;display:grid;grid-gap:4px;gap:4px;padding:0 10px}.card-preview__acc-body-inner>span{display:block;height:3px;border-radius:var(--radius-full);background:rgba(226,232,240,.36)}.card-preview__acc-body-inner>span:first-child{width:90%}.card-preview__acc-body-inner>span:nth-child(2){width:70%}.card-preview__acc-body-inner>span:nth-child(3){width:50%}@keyframes accordionBodyExpand{0%,14%{grid-template-rows:0fr;padding-bottom:0}28%,80%{grid-template-rows:1fr;padding-bottom:8px}92%,to{grid-template-rows:0fr;padding-bottom:0}}@keyframes accordionChevSpin{0%,14%,92%,to{transform:rotate(-45deg)}28%,80%{transform:rotate(45deg)}}@media (prefers-reduced-motion:reduce){.card-preview__acc-body,.card-preview__acc-item--active .card-preview__acc-chev{animation:none}.card-preview__acc-body{grid-template-rows:1fr}.card-preview__acc-item--active .card-preview__acc-chev{transform:rotate(45deg)}}.card-preview--dialog{background:var(--cp-bg,linear-gradient(180deg,#0a1020,#060a14))}.card-preview--dialog .card-preview__effect{width:auto;height:auto;background:none;border:none;display:grid;place-items:center;overflow:visible}.card-preview--dialog .card-preview__effect:after,.card-preview--dialog .card-preview__effect:before{content:none}.card-preview__sheet{position:relative;width:220px;height:100px;border:1px solid rgba(248,250,252,.1);border-radius:12px;background:rgba(248,250,252,.03);overflow:hidden}.card-preview__sheet-page{position:absolute;inset:0;padding:14px;display:grid;grid-gap:8px;gap:8px;align-content:start}.card-preview__sheet-page>span{display:block;height:5px;border-radius:var(--radius-full);background:rgba(226,232,240,.18)}.card-preview__sheet-page>span:first-child{width:70%}.card-preview__sheet-page>span:nth-child(2){width:90%}.card-preview__sheet-page>span:nth-child(3){width:60%}.card-preview__sheet-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.55);opacity:0;animation:dialogSheetBackdrop 4.6s ease-in-out infinite}.card-preview__sheet-panel{position:absolute;top:0;right:0;width:56%;height:100%;padding:12px;display:grid;grid-gap:8px;gap:8px;align-content:start;background:linear-gradient(180deg,#0f172a,#050a14);border-left:1px solid color-mix(in srgb,var(--cp-a,#67e8f9) 30%,transparent);box-shadow:-10px 0 28px rgba(0,0,0,.5);transform:translateX(110%);animation:dialogSheetSlide 4.6s cubic-bezier(.45,0,.25,1.05) infinite}.card-preview__sheet-panel-header{display:flex;align-items:center;gap:8px}.card-preview__sheet-panel-title{flex:1 1;height:5px;border-radius:var(--radius-full);background:rgba(248,250,252,.85)}.card-preview__sheet-panel-close{width:10px;height:10px;border-radius:50%;background:rgba(248,250,252,.18)}.card-preview__sheet-panel-line{display:block;height:4px;width:100%;border-radius:var(--radius-full);background:rgba(226,232,240,.32)}.card-preview__sheet-panel-line--short{width:60%}@keyframes dialogSheetBackdrop{0%,12%{opacity:0}22%,78%{opacity:1}88%,to{opacity:0}}@keyframes dialogSheetSlide{0%,12%{transform:translateX(110%)}24%,78%{transform:translateX(0)}90%,to{transform:translateX(110%)}}@media (prefers-reduced-motion:reduce){.card-preview__sheet-backdrop,.card-preview__sheet-panel{animation:none}.card-preview__sheet-backdrop{opacity:1}.card-preview__sheet-panel{transform:translateX(0)}}.card-preview--card-depth{background:var(--cp-bg,linear-gradient(180deg,#0d1020,#060a14))}.card-preview--card-depth .card-preview__effect{position:relative;width:112px;height:72px;border:1px solid color-mix(in srgb,var(--cp-a,#a78bfa) 24%,transparent);border-radius:12px;background:linear-gradient(180deg,color-mix(in srgb,var(--cp-a,#a78bfa) 12%,transparent),transparent),#0f172a;box-shadow:0 8px 20px rgba(2,6,23,.3);animation:cardDepthLift 2.6s ease-in-out infinite}.card-preview--card-depth .card-preview__effect:after,.card-preview--card-depth .card-preview__effect:before{content:"";position:absolute;left:14px;height:6px;border-radius:999px;background:rgba(226,232,240,.16)}.card-preview--card-depth .card-preview__effect:before{top:18px;width:68px}.card-preview--card-depth .card-preview__effect:after{top:34px;width:48px}.card-preview--copy{background:var(--cp-bg,linear-gradient(180deg,#081420,#050a14))}.card-preview--copy .card-preview__effect{position:relative;width:74px;height:88px;border:1px solid color-mix(in srgb,var(--cp-a,#67e8f9) 32%,transparent);border-radius:10px;background:rgba(255,255,255,.035);animation:copyCardPulse 2.4s ease-in-out infinite}.card-preview--copy .card-preview__effect:after,.card-preview--copy .card-preview__effect:before{content:"";position:absolute;left:14px;right:14px;height:6px;border-radius:999px;background:color-mix(in srgb,var(--cp-a,#67e8f9) 28%,transparent)}.card-preview--copy .card-preview__effect:before{top:26px}.card-preview--copy .card-preview__effect:after{top:42px;right:26px}.card-preview--notification{background:var(--cp-bg,linear-gradient(180deg,#180818,#0a0510))}.card-preview--notification .card-preview__effect{position:relative;width:52px;height:58px;border-radius:24px 24px 14px 14px;background:rgba(226,232,240,.14);animation:notificationCardBounce 2.2s ease-in-out infinite}.card-preview--notification .card-preview__effect:after{content:attr(data-preview-label);position:absolute;top:-8px;right:-10px;display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:var(--cp-a,#f472b6);color:#fff;font-size:.7rem;font-weight:900}.card-preview--rating{background:var(--cp-bg,linear-gradient(180deg,#171109,#080706))}.card-preview--rating .card-preview__effect{width:auto;height:auto;background:none;display:grid;place-items:center;animation:none}.card-preview--rating .card-preview__effect:after,.card-preview--rating .card-preview__effect:before{content:none}.card-preview__rating{display:inline-flex;align-items:baseline;gap:4px;font-size:1.7rem;letter-spacing:.06em;line-height:1}.card-preview__rating-star{display:inline-block;color:rgba(251,191,36,.18);transform:scale(1);text-shadow:none;animation:ratingStarFill 4.4s ease-out infinite}.card-preview__rating-star--1{animation-delay:.2s}.card-preview__rating-star--2{animation-delay:.45s}.card-preview__rating-star--3{animation-delay:.7s}.card-preview__rating-star--4{animation-delay:.95s}.card-preview__rating-star--5{animation:none}.card-preview__rating-num{margin-left:6px;font-family:ui-monospace,SFMono-Regular,monospace;font-size:.78rem;font-weight:800;letter-spacing:.02em;color:var(--cp-a,#fbbf24);opacity:0;transform:translateY(-1px);animation:ratingNumReveal 4.4s ease-out infinite}@keyframes ratingStarFill{0%,8%{color:rgba(251,191,36,.18);transform:scale(1);text-shadow:none}14%{color:var(--cp-a,#fbbf24);transform:scale(1.32);text-shadow:0 0 14px color-mix(in srgb,var(--cp-a,#fbbf24) 70%,transparent)}24%,84%{color:var(--cp-a,#fbbf24);transform:scale(1);text-shadow:0 0 8px color-mix(in srgb,var(--cp-a,#fbbf24) 38%,transparent)}92%,to{color:rgba(251,191,36,.18);transform:scale(1);text-shadow:none}}@keyframes ratingNumReveal{0%,30%{opacity:0;transform:translateY(0)}38%,84%{opacity:1;transform:translateY(-1px)}92%,to{opacity:0;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.card-preview__rating-num,.card-preview__rating-star{animation:none}.card-preview__rating-star--1,.card-preview__rating-star--2,.card-preview__rating-star--3,.card-preview__rating-star--4{color:var(--cp-a,#fbbf24)}.card-preview__rating-num{opacity:1}}.card-preview--ripple{background:var(--cp-bg,linear-gradient(180deg,#071421,#050a14))}.card-preview--ripple .card-preview__effect{position:relative;display:grid;width:112px;height:42px;place-items:center;overflow:hidden;border-radius:999px;background:color-mix(in srgb,var(--cp-a,#67e8f9) 16%,transparent);color:#e0f2fe;font-size:.75rem;font-weight:800}.card-preview--ripple .card-preview__effect:before{content:attr(data-preview-label);position:relative;z-index:1}.card-preview--ripple .card-preview__effect:after{content:"";position:absolute;left:50%;top:50%;width:24px;height:24px;border-radius:50%;background:color-mix(in srgb,var(--cp-a,#67e8f9) 38%,transparent);animation:rippleCardExpand 2s ease-out infinite}.card-preview--multiline-typewriter{background:var(--cp-bg,linear-gradient(180deg,#0a1120,#060a14))}.card-preview--multiline-typewriter .card-preview__effect{display:grid;width:170px;grid-gap:9px;gap:9px}.card-preview--multiline-typewriter .card-preview__effect:after,.card-preview--multiline-typewriter .card-preview__effect:before{content:"";height:9px;border-radius:999px;background:var(--cp-a,#67e8f9);transform-origin:left center;animation:multiTypeCardReveal 3.4s steps(12) infinite}.card-preview--multiline-typewriter .card-preview__effect:after{width:72%;animation-delay:.55s}.card-preview--default{background:var(--cp-bg,linear-gradient(180deg,#0c1220,#060a14))}.card-preview--default .card-preview__effect{width:40px;height:4px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--cp-a,var(--accent)),var(--cp-b,var(--accent-violet)));opacity:.5}@keyframes typewriterCardReveal{0%,10%{width:0}60%,90%{width:100%}to{width:0}}@keyframes typewriterCardCaret{0%,10%{left:0}60%,90%{left:calc(100% - 2px)}to{left:0}}@keyframes glitchCardFlicker{0%,90%,to{opacity:1}92%{opacity:.6}94%{opacity:1}96%{opacity:.4}}@keyframes glitchCardShift{0%,90%,to{transform:translate(0);opacity:0}92%{transform:translate(-2px,1px);opacity:.7}94%{transform:translate(2px,-1px);opacity:.5}96%{transform:translate(-1px);opacity:.7}}@keyframes textGradientCardSweep{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes starlightCardTwinkle{0%{opacity:.42;transform:translateX(-6px) scale(.96)}to{opacity:.9;transform:translateX(6px) scale(1.02)}}@keyframes textMotionCardSnap{0%,to{transform:translateY(4px) scale(.96);text-decoration-thickness:.06em}42%{transform:translateY(-2px) scale(1.04);text-decoration-thickness:.14em}68%{transform:translateY(0) scale(1);text-decoration-thickness:.08em}}@keyframes scrambleCardClear{0%,42%{opacity:1;transform:translateY(0)}58%,to{opacity:0;transform:translateY(-9px)}}@keyframes variableFontCardMorph{0%{font-weight:360;font-stretch:86%;font-variation-settings:"wght" 360,"wdth" 86;transform:scaleX(.94)}to{font-weight:860;font-stretch:112%;font-variation-settings:"wght" 860,"wdth" 112;transform:scaleX(1.04)}}@keyframes svgPathCardDraw{0%,to{-webkit-clip-path:inset(0 64% 0 0 round 999px 999px 999px 18px);clip-path:inset(0 64% 0 0 round 999px 999px 999px 18px);transform:translateX(-4px)}52%{-webkit-clip-path:inset(0 0 0 0 round 999px 999px 999px 18px);clip-path:inset(0 0 0 0 round 999px 999px 999px 18px);transform:translateX(0)}}@keyframes morphPathTraceSweep{0%{stroke-dashoffset:1;opacity:.35}45%{opacity:.95}to{stroke-dashoffset:0;opacity:.45}}@keyframes pathFillCardPaint{0%,12%{transform:scaleX(0);opacity:.5}64%,86%{transform:scaleX(1);opacity:.94}to{transform:scaleX(0);opacity:.5}}@keyframes spinnerCardRotate{to{transform:rotate(1turn)}}@keyframes cardAuroraOne{0%{transform:translate3d(-10px,0,0) rotate(0deg)}to{transform:translate3d(18px,-12px,0) rotate(12deg)}}@keyframes cardAuroraTwo{0%{transform:translate3d(12px,8px,0) rotate(-8deg)}to{transform:translate3d(-16px,14px,0) rotate(10deg)}}@keyframes gooeyConstructionBlobOne{50%{transform:translateX(10px) translateY(-4px)}}@keyframes gooeyConstructionBlobTwo{50%{transform:translateX(-14px) translateY(5px)}}@keyframes gooeyConstructionBlobThree{50%{transform:translateX(5px) translateY(15px)}}@keyframes shapeHaloCardDrift{0%,to{transform:rotate(-4deg) translateY(2px)}50%{transform:rotate(5deg) translateY(-3px)}}@keyframes filmCardGrain{0%{transform:translateZ(0)}to{transform:translate3d(8px,-5px,0)}}@keyframes parallaxCardLayer{0%{transform:translateX(-8px)}to{transform:translateX(10px)}}@keyframes reducedSkeletonCardPulse{0%,to{opacity:.58}50%{opacity:.92}}@keyframes progressCardFill{0%{transform:scaleX(0)}70%,90%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes toastCardSlide{0%{transform:translateX(100%);opacity:0}20%,80%{transform:translateX(0);opacity:1}to{transform:translateX(100%);opacity:0}}@keyframes checkCardPop{0%,30%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes shakeCardJitter{0%,70%,to{transform:translateX(0)}72%{transform:translateX(-4px)}74%{transform:translateX(4px)}76%{transform:translateX(-3px)}78%{transform:translateX(3px)}80%{transform:translateX(-1px)}}@keyframes burstCardPop{0%,50%,to{transform:scale(1)}25%{transform:scale(1.2)}}@keyframes burstCardRipple{0%{transform:scale(.6);opacity:.8}80%,to{transform:scale(1.6);opacity:0}}@keyframes donutCardFill{0%,8%{--cp-donut-progress:0%;transform:scale(.94)}50%,70%{--cp-donut-progress:68%;transform:scale(1.04)}to{--cp-donut-progress:0%;transform:scale(.94)}}@keyframes scrollSnapCardSlide{0%,18%{transform:translateX(-46px)}42%,60%{transform:translateX(0)}84%,to{transform:translateX(46px)}}@keyframes themeCardSwap{0%,to{filter:saturate(.92)}50%{filter:saturate(1.24)}}@keyframes segmentedCardMove{0%,18%{transform:translateX(0)}42%,60%{transform:translateX(52px)}84%,to{transform:translateX(104px)}}@keyframes toggleCardSlide{0%,to{transform:translateX(0)}50%{transform:translateX(48px)}}@keyframes tooltipCardPop{0%,to{opacity:0;transform:translate(-50%,6px)}28%,72%{opacity:1;transform:translate(-50%)}}@keyframes tabCardSlide{0%,to{transform:translateX(0)}50%{transform:translateX(70px)}}@keyframes focusCardPulse{0%,to{box-shadow:0 0 0 2px color-mix(in srgb,var(--cp-a,#fbbf24) 30%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--cp-a,#fbbf24) 0%,transparent)}}@keyframes accordionCardOpen{0%,to{height:22px}50%{height:42px}}@keyframes dialogCardSheet{0%,to{transform:translateX(22px)}50%{transform:translateX(0)}}@keyframes cardDepthLift{0%,to{transform:translateY(4px);box-shadow:0 8px 20px rgba(2,6,23,.3)}50%{transform:translateY(-4px);box-shadow:0 20px 34px color-mix(in srgb,var(--cp-a,#a78bfa) 22%,transparent)}}@keyframes copyCardPulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes notificationCardBounce{0%,to{transform:translateY(2px) rotate(0deg)}28%{transform:translateY(-4px) rotate(-7deg)}52%{transform:translateY(0) rotate(6deg)}}@keyframes ratingCardFill{0%,to{width:0}58%,82%{width:82%}}@keyframes rippleCardExpand{0%{opacity:.8;transform:translate(-50%,-50%) scale(.2)}85%,to{opacity:0;transform:translate(-50%,-50%) scale(5.6)}}@keyframes multiTypeCardReveal{0%,12%{transform:scaleX(0)}58%,84%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes neonCardPulse{0%,to{opacity:.7;text-shadow:0 0 7px rgba(103,232,249,.6),0 0 14px rgba(103,232,249,.3)}50%{opacity:1;text-shadow:0 0 7px rgba(103,232,249,.9),0 0 28px rgba(103,232,249,.5),0 0 56px rgba(103,232,249,.25)}}@keyframes gooeyCardA{0%,to{transform:translate(0)}50%{transform:translate(12px,4px)}}@keyframes gooeyCardB{0%,to{transform:translate(0)}50%{transform:translate(-10px,-4px)}}@keyframes transitionCardMorph{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.15);opacity:1}}@keyframes ambientBandDrift{0%{background-position:0 50%;transform:translateX(-6px)}to{background-position:100% 50%;transform:translateX(6px)}}.card-preview--preview-signature-draw{background:repeating-linear-gradient(180deg,transparent,transparent 26px,rgba(148,163,184,.06) 0,rgba(148,163,184,.06) 27px),linear-gradient(180deg,#0c1326,#050912)}.card-preview--preview-signature-draw .card-preview__effect{width:100%;height:100%;display:grid;place-items:start center;padding-top:14px;background:transparent}.card-preview__signature-svg{width:92%;height:86px;overflow:visible}.card-preview__signature-baseline{stroke:rgba(148,163,184,.22);stroke-width:.6;stroke-dasharray:3 5}.card-preview__signature-flourish,.card-preview__signature-stroke{fill:none;stroke:var(--cp-b,#67e8f9);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;filter:drop-shadow(0 0 8px color-mix(in srgb,var(--cp-b,#67e8f9) 38%,transparent));animation:signatureCardDraw 5.2s cubic-bezier(.55,.05,.35,.95) infinite}.card-preview__signature-flourish{stroke-width:1.2;stroke:color-mix(in srgb,var(--cp-b,#67e8f9) 55%,transparent);animation-delay:.5s}@keyframes signatureCardDraw{0%,6%{stroke-dashoffset:1;opacity:0}14%{stroke-dashoffset:1;opacity:1}46%{stroke-dashoffset:0;opacity:1}82%{stroke-dashoffset:0;opacity:1}92%,to{stroke-dashoffset:0;opacity:0}}.card-preview--preview-handwritten-mask{background:linear-gradient(180deg,#1a0c1e,#0a0610)}.card-preview--preview-handwritten-mask .card-preview__effect{width:100%;height:100%;display:grid;place-items:start center;padding-top:14px;background:transparent}.card-preview__handwritten-svg{width:92%;height:86px;overflow:visible}.card-preview__handwritten-mask-path{stroke-dasharray:1;stroke-dashoffset:1;animation:handwrittenCardReveal 5s cubic-bezier(.55,.05,.35,.95) infinite}.card-preview__handwritten-glyph{opacity:0;filter:drop-shadow(0 0 10px color-mix(in srgb,var(--cp-a,#f9a8d4) 35%,transparent));animation:handwrittenCardFade 5s cubic-bezier(.55,.05,.35,.95) infinite}@keyframes handwrittenCardReveal{0%,6%{stroke-dashoffset:1}44%,84%{stroke-dashoffset:0}to{stroke-dashoffset:0}}@keyframes handwrittenCardFade{0%,6%{opacity:0}14%{opacity:1}82%{opacity:1}92%,to{opacity:0}}.card-preview--preview-gooey-metaball{background:linear-gradient(180deg,#0a1024,#030611)}.card-preview--preview-gooey-metaball .card-preview__effect:after,.card-preview--preview-gooey-metaball .card-preview__effect:before{content:none}.card-preview--preview-gooey-metaball .card-preview__effect{width:100%;height:100%;display:grid;place-items:start center;padding-top:20px;background:transparent}.card-preview__metaball-svg{width:60%;height:70%;overflow:hidden;border-radius:14px}.card-preview__metaball-anchor{animation:metaballCardAnchor 4.6s ease-in-out infinite;transform-origin:90px 60px}.card-preview__metaball-sat{animation:metaballCardOrbit 4.6s ease-in-out infinite}.card-preview__metaball-sat--one{transform-origin:40px 36px;--metaball-x:22px;--metaball-y:16px;animation-delay:0s}.card-preview__metaball-sat--two{transform-origin:146px 34px;--metaball-x:-24px;--metaball-y:18px;animation-delay:-1.2s}.card-preview__metaball-sat--three{transform-origin:150px 86px;--metaball-x:-26px;--metaball-y:-18px;animation-delay:-2.3s}.card-preview__metaball-sat--four{transform-origin:50px 96px;--metaball-x:22px;--metaball-y:-20px;animation-delay:-3.4s}@keyframes metaballCardAnchor{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes metaballCardOrbit{0%,to{transform:translate(0)}50%{transform:translate(var(--metaball-x,0),var(--metaball-y,0))}}@media (prefers-reduced-motion:reduce){.card-preview__handwritten-mask-path,.card-preview__metaball-anchor,.card-preview__metaball-sat,.card-preview__signature-flourish,.card-preview__signature-stroke{animation:none}.card-preview__handwritten-mask-path,.card-preview__signature-flourish,.card-preview__signature-stroke{stroke-dashoffset:0}}.card-preview--cube .card-preview__effect{display:grid;width:min(184px,88%);height:132px;place-items:center;overflow:hidden;border:1px solid rgba(148,163,184,.2);border-radius:16px;background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--cp-a,#67e8f9) 18%,transparent),transparent 56%),linear-gradient(180deg,#0c1326,#050912);perspective:520px;perspective-origin:50% 45%}.card-preview__cube{position:relative;width:64px;height:64px;transform-style:preserve-3d;animation:cubeCardSpin 9.5s linear infinite}.card-preview__cube-face{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:rgba(248,250,252,.92);border:1px solid rgba(148,163,184,.25);border-radius:8px;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.card-preview__cube-face--front{background:linear-gradient(135deg,color-mix(in srgb,var(--cp-a,#67e8f9) 32%,#0a1124),#0a1124);transform:translateZ(32px)}.card-preview__cube-face--back{background:linear-gradient(135deg,color-mix(in srgb,var(--cp-b,#fbbf24) 28%,#1a1208),#1a1208);transform:rotateY(180deg) translateZ(32px)}.card-preview__cube-face--right{background:linear-gradient(135deg,color-mix(in srgb,var(--cp-c,#34d399) 28%,#082016),#082016);transform:rotateY(90deg) translateZ(32px)}.card-preview__cube-face--left{background:linear-gradient(135deg,color-mix(in srgb,var(--cp-a,#67e8f9) 22%,#06121e),#06121e);transform:rotateY(-90deg) translateZ(32px)}.card-preview__cube-face--top{background:linear-gradient(135deg,color-mix(in srgb,var(--cp-b,#fbbf24) 22%,#15110a),#15110a);transform:rotateX(90deg) translateZ(32px)}.card-preview__cube-face--bottom{background:linear-gradient(135deg,color-mix(in srgb,var(--cp-c,#34d399) 22%,#061612),#061612);transform:rotateX(-90deg) translateZ(32px)}@keyframes cubeCardSpin{0%{transform:rotateX(-22deg) rotateY(0deg)}50%{transform:rotateX(-22deg) rotateY(180deg)}to{transform:rotateX(-22deg) rotateY(1turn)}}@media (prefers-reduced-motion:reduce){.card-preview__cube{animation:none;transform:rotateX(-22deg) rotateY(-32deg)}}.card-preview--preview-split-char-stagger .card-preview__effect{animation:none;display:grid;place-items:center}.card-preview--preview-split-char-stagger .card-preview__effect:before{content:none}.card-preview__split-text{display:inline-flex;gap:.04em;font-family:var(--font-mono,ui-monospace,SFMono-Regular,monospace);font-weight:800;font-size:1.4rem;letter-spacing:.02em;color:var(--cp-a,#67e8f9);text-shadow:0 0 14px color-mix(in srgb,var(--cp-a,#67e8f9) 40%,transparent)}.card-preview__split-char{display:inline-block;opacity:0;transform:translateY(10px);animation:splitCardCharStagger 2.6s cubic-bezier(.22,1.4,.36,1) infinite;animation-delay:calc(var(--cp-i, 0) * .09s)}@keyframes splitCardCharStagger{0%,6%{opacity:0;transform:translateY(10px)}28%,72%{opacity:1;transform:translateY(0)}92%,to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion:reduce){.card-preview__split-char{animation:none;opacity:1;transform:none}}.card-preview--preview-wavy-underline-thickness .card-preview__effect{width:auto;height:auto;animation:none;display:grid;place-items:center;text-decoration:none}.card-preview--preview-wavy-underline-thickness .card-preview__effect:before{content:none}.card-preview__wavy-wrap{display:grid;grid-gap:6px;gap:6px;justify-items:center}.card-preview__wavy-text{font-weight:800;font-size:1.45rem;letter-spacing:.04em;color:var(--cp-a,#e0f2fe)}.card-preview__wavy-svg{width:110px;height:14px;overflow:visible}.card-preview__wavy-path{stroke:var(--cp-underline,#fbbf24);stroke-width:1;stroke-linecap:round;animation:wavyCardStroke 2.4s ease-in-out infinite}@keyframes wavyCardStroke{0%,to{stroke-width:1}50%{stroke-width:5}}@media (prefers-reduced-motion:reduce){.card-preview__wavy-path{animation:none;stroke-width:3}}.card-preview--preview-elastic-text-bounce .card-preview__effect{width:auto;height:auto;animation:none;display:grid;place-items:center;text-decoration:none}.card-preview--preview-elastic-text-bounce .card-preview__effect:before{content:none}.card-preview__elastic{display:grid;place-items:center}.card-preview__elastic-word{font-weight:900;font-size:1.45rem;letter-spacing:.02em;color:var(--cp-a,#c4b5fd);text-shadow:0 6px 18px color-mix(in srgb,var(--cp-a,#c4b5fd) 38%,transparent);display:inline-block;transform-origin:50% 100%;animation:elasticCardSnap 2.6s cubic-bezier(.34,1.65,.46,.95) infinite}@keyframes elasticCardSnap{0%,8%{transform:translateY(20px) scale(.86);opacity:0}28%{transform:translateY(-6px) scale(1.08);opacity:1}44%{transform:translateY(2px) scale(.97)}56%,88%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-14px) scale(.96);opacity:0}}@media (prefers-reduced-motion:reduce){.card-preview__elastic-word{animation:none;transform:none;opacity:1}}.card-preview--preview-axis-marquee .card-preview__effect{width:100%;height:100%;display:block;animation:none;position:relative}.card-preview--preview-axis-marquee .card-preview__effect:after,.card-preview--preview-axis-marquee .card-preview__effect:before{content:none}.card-preview__axis-marquee{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr}.card-preview__axis-marquee:after{content:"";position:absolute;top:18%;bottom:18%;left:50%;width:1px;background:rgba(167,139,250,.28)}.card-preview__axis-track{position:relative;font-size:.74rem;letter-spacing:.04em;color:var(--cp-a,#a78bfa);white-space:nowrap;overflow:hidden;display:grid;place-items:center}.card-preview__axis-track--y{color:color-mix(in srgb,var(--cp-a,#a78bfa) 70%,#67e8f9)}.card-preview__axis-inner{display:flex;gap:12px}.card-preview__axis-track--x .card-preview__axis-inner{flex-direction:row;width:max-content;animation:axisMarqueeCardX 14s linear infinite}.card-preview__axis-track--y .card-preview__axis-inner{flex-direction:column;height:max-content;animation:axisMarqueeCardY 12s linear infinite}.card-preview__axis-track--y .card-preview__axis-inner>span{writing-mode:vertical-rl}@keyframes axisMarqueeCardX{0%{transform:translateX(0)}to{transform:translateX(calc(-50% - 6px))}}@keyframes axisMarqueeCardY{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - 6px))}}@media (prefers-reduced-motion:reduce){.card-preview__axis-track{animation:none}}.card-preview--preview-flip-front-back .card-preview__effect{width:168px;height:100px;display:grid;place-items:center;background:none;filter:none;animation:none}.card-preview--preview-flip-front-back .card-preview__effect:after,.card-preview--preview-flip-front-back .card-preview__effect:before{content:none}.card-preview__flip{width:168px;height:100px;perspective:720px}.card-preview__flip-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;animation:flipSpin 4.4s cubic-bezier(.45,0,.55,1) infinite}.card-preview__flip-face{position:absolute;inset:0;padding:12px;border-radius:12px;border:1px solid rgba(248,250,252,.12);box-shadow:inset 0 1px 0 rgba(248,250,252,.08),inset 0 0 0 1px rgba(248,250,252,.05),0 8px 22px rgba(0,0,0,.5);overflow:hidden;transform:translateZ(.01px);-webkit-transform:translateZ(.01px)}.card-preview__flip-face,.card-preview__flip-face>*{backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-preview__flip-face--front{display:grid;grid-template-rows:auto 1fr auto;grid-gap:8px;gap:8px;padding:10px 12px;background:radial-gradient(circle at 18% -10%,color-mix(in srgb,var(--cp-a,#67e8f9) 26%,transparent),transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--cp-a,#67e8f9) 12%,#0a1424),#050b18);animation:flipFrontVis 4.4s linear infinite}.card-preview__flip-front-top{display:flex;align-items:center;justify-content:flex-end;min-height:8px}.card-preview__flip-front-main{display:grid;grid-template-columns:30px 1fr auto;align-items:center;grid-column-gap:10px;column-gap:10px}.card-preview__flip-face--back{display:grid;grid-template-rows:auto 1fr auto;grid-gap:8px;gap:8px;padding:10px 12px;background:radial-gradient(circle at 82% 110%,color-mix(in srgb,var(--cp-b,#a78bfa) 28%,transparent),transparent 55%),linear-gradient(135deg,#1a1230 0,#0a0b1c 60%,#050816 100%);transform:rotateY(180deg) translateZ(.01px);-webkit-transform:rotateY(180deg) translateZ(.01px);animation:flipBackVis 4.4s linear infinite}.card-preview__flip-avatar{position:relative;width:30px;height:30px;border-radius:50%;background:radial-gradient(circle at 30% 28%,rgba(248,250,252,.58),transparent 42%),linear-gradient(135deg,var(--cp-a,#67e8f9),var(--cp-b,#a78bfa) 60%,#f0abfc);box-shadow:0 0 0 2px rgba(248,250,252,.14),0 4px 10px color-mix(in srgb,var(--cp-a,#67e8f9) 28%,transparent)}.card-preview__flip-avatar-dot{position:absolute;bottom:-1px;right:-1px;width:9px;height:9px;border-radius:50%;background:#34d399;border:2px solid #050b18}.card-preview__flip-meta{display:grid;grid-gap:5px;gap:5px;align-content:center}.card-preview__flip-line{display:block;height:4px;border-radius:var(--radius-full)}.card-preview__flip-line--title{width:78%;background:rgba(248,250,252,.9)}.card-preview__flip-line--sub{width:50%;height:3px;background:rgba(248,250,252,.42)}.card-preview__flip-follow{width:34px;height:14px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--cp-a,#67e8f9),var(--cp-b,#a78bfa));box-shadow:0 0 10px color-mix(in srgb,var(--cp-a,#67e8f9) 35%,transparent)}.card-preview__flip-chips{display:flex;align-items:center;gap:5px}.card-preview__flip-chip{display:block;height:9px;border-radius:var(--radius-full);background:rgba(248,250,252,.1);border:1px solid rgba(248,250,252,.14)}.card-preview__flip-chip:first-child{width:36px}.card-preview__flip-chip:nth-child(2){width:28px}.card-preview__flip-chip:nth-child(3){width:32px}.card-preview__flip-back-top{display:flex;align-items:center;gap:8px}.card-preview__flip-handle{flex:1 1;display:block;max-width:56%;height:4px;border-radius:var(--radius-full);background:linear-gradient(90deg,color-mix(in srgb,var(--cp-b,#a78bfa) 70%,transparent),color-mix(in srgb,var(--cp-b,#a78bfa) 18%,transparent))}.card-preview__flip-stats{display:grid;grid-template-columns:repeat(3,1fr);align-items:end;grid-gap:8px;gap:8px;padding:0 2px}.card-preview__flip-stat{display:grid;grid-gap:4px;gap:4px;justify-items:start}.card-preview__flip-stat-num{display:block;height:7px;border-radius:2px;background:linear-gradient(90deg,rgba(248,250,252,.95),rgba(248,250,252,.65))}.card-preview__flip-stat-num--w1{width:22px}.card-preview__flip-stat-num--w2{width:30px}.card-preview__flip-stat-num--w3{width:26px}.card-preview__flip-stat-label{display:block;width:80%;height:3px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--cp-b,#a78bfa) 50%,rgba(248,250,252,.18))}.card-preview__flip-cta{display:block;width:100%;height:16px;border-radius:6px;background:linear-gradient(135deg,var(--cp-b,#a78bfa),var(--cp-a,#67e8f9));box-shadow:0 4px 12px color-mix(in srgb,var(--cp-b,#a78bfa) 35%,transparent)}.card-preview__flip-side-label{margin-left:auto;font-size:.5rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;line-height:1;color:rgba(248,250,252,.78)}.card-preview__flip-face--front .card-preview__flip-side-label{color:color-mix(in srgb,var(--cp-a,#67e8f9) 70%,white);text-shadow:0 0 8px color-mix(in srgb,var(--cp-a,#67e8f9) 35%,transparent)}.card-preview__flip-face--back .card-preview__flip-side-label{color:color-mix(in srgb,var(--cp-b,#a78bfa) 70%,white);text-shadow:0 0 8px color-mix(in srgb,var(--cp-b,#a78bfa) 35%,transparent)}@keyframes flipSpin{0%,38%{transform:rotateY(0deg)}50%,88%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}@keyframes flipFrontVis{0%,47%,96%,to{opacity:1}48%,95%{opacity:0}}@keyframes flipBackVis{0%,47%,96%,to{opacity:0}48%,95%{opacity:1}}@media (prefers-reduced-motion:reduce){.card-preview__flip-inner{animation:none;transform:rotateY(0)}.card-preview__flip-face--front{opacity:1;animation:none}.card-preview__flip-face--back{opacity:0;animation:none}}