.tab-bar{position:relative;display:grid;grid-template-columns:repeat(var(--tab-count),1fr);background:rgba(15,23,42,.75);border:1px solid var(--border);border-radius:12px;isolation:isolate;min-width:260px}.tab-bar--pill{padding:4px}.tab-bar__tab{position:relative;padding:10px 16px;background:transparent;border:0;color:rgba(148,163,184,.85);cursor:pointer;font-size:.8rem;font-weight:500;transition:color var(--tab-duration) ease}.tab-bar__tab[aria-selected=true]{color:var(--tab-accent)}.tab-bar--pill .tab-bar__tab[aria-selected=true]{color:#0f172a}.tab-bar--underline:after{bottom:0;height:var(--tab-thickness)}.tab-bar--pill:after,.tab-bar--underline:after{content:"";position:absolute;left:0;width:var(--tab-width);background:var(--tab-accent);transform:translateX(var(--tab-offset));transition:transform var(--tab-duration) cubic-bezier(.2,.8,.2,1)}.tab-bar--pill:after{top:4px;bottom:4px;border-radius:8px;z-index:-1}.tab-bar__tab:focus-visible{outline:2px solid var(--tab-accent);outline-offset:2px;border-radius:6px}@media (prefers-reduced-motion:reduce){.tab-bar:after,.tab-bar__tab{transition:none}}.stage-panel{display:grid;grid-gap:14px;gap:14px;padding:var(--stage-panel-padding);border:1px solid var(--stage-panel-border);border-radius:var(--stage-panel-radius);background:radial-gradient(circle at 12% 0,rgba(103,232,249,.08),transparent 28%),radial-gradient(circle at 88% 18%,rgba(167,139,250,.06),transparent 32%),var(--stage-panel-bg);box-shadow:var(--stage-panel-shadow)}.stage-panel__header{max-width:720px;display:grid;grid-gap:6px;gap:6px}.stage-panel__header .eyebrow{margin:0}.stage-panel__header h2{margin:0;font-size:clamp(1.5rem,2.4vw,2.1rem);line-height:1.18;letter-spacing:-.01em}.stage-panel__header .hero-copy{max-width:640px;margin:0;font-size:.95rem;line-height:1.55;color:var(--muted)}.stage-panel__status{margin-top:4px}.stage-panel__stage{display:grid;grid-gap:16px;gap:16px}.stage-panel__meta{font-size:.82rem;color:#aab8d6;min-height:3.2em}.pattern-preview{background:radial-gradient(circle at 18% 0,rgba(103,232,249,.22),transparent 55%),radial-gradient(circle at 82% 110%,rgba(167,139,250,.22),transparent 55%),linear-gradient(135deg,color-mix(in srgb,#67e8f9 6%,#0a1424),#050b18)}.cube-walkthrough__scene{width:132px;height:132px;display:grid;place-items:center;perspective:var(--cube-perspective,720px);perspective-origin:50% 42%}.cube-walkthrough__scene--balanced{perspective-origin:50% 50%}.cube-walkthrough__scene--wide{perspective-origin:12% 90%}.cube-walkthrough__scene--step{perspective-origin:50% 38%}.cube-walkthrough__scene--wide .cube-walkthrough__cube{transform:rotateX(-22deg)}.cube-walkthrough__cube{position:relative;width:82px;height:82px;transform-style:preserve-3d;animation:cube-walkthrough-turn var(--cube-duration,7s) linear infinite}.cube-walkthrough__face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid rgba(226,232,240,.26);background:rgba(15,23,42,.78);color:var(--foreground);font-size:.78rem;font-weight:800;-webkit-backface-visibility:visible;backface-visibility:visible;box-shadow:inset 0 0 28px rgba(255,255,255,.04)}.cube-walkthrough__face--front{background:color-mix(in srgb,var(--cube-a) 36%,rgba(15,23,42,.92));transform:rotateY(0deg) translateZ(41px)}.cube-walkthrough__face--back{transform:rotateY(180deg) translateZ(41px)}.cube-walkthrough__face--right{background:color-mix(in srgb,var(--cube-b) 32%,rgba(15,23,42,.92));transform:rotateY(90deg) translateZ(41px)}.cube-walkthrough__face--left{transform:rotateY(-90deg) translateZ(41px)}.cube-walkthrough__face--top{background:color-mix(in srgb,var(--cube-c) 34%,rgba(15,23,42,.92));transform:rotateX(90deg) translateZ(41px)}.cube-walkthrough__face--bottom{transform:rotateX(-90deg) translateZ(41px)}@keyframes cube-walkthrough-turn{0%{transform:rotateX(-20deg) rotateY(22deg)}to{transform:rotateX(-20deg) rotateY(382deg)}}@media (prefers-reduced-motion:reduce){.cube-walkthrough__cube{animation:none}}.aurora{isolation:isolate}.aurora__layer{position:absolute;inset:-34%;border-radius:42%;filter:blur(calc(24px * var(--aurora-intensity, 1)));opacity:.64;mix-blend-mode:screen;pointer-events:none;z-index:0}.aurora__layer--one{background:radial-gradient(circle at 24% 40%,var(--aurora-a),transparent 30%),radial-gradient(circle at 72% 28%,var(--aurora-b),transparent 34%);animation:aurora-drift-one var(--aurora-duration,7s) ease-in-out infinite alternate}.aurora__layer--two{background:radial-gradient(circle at 38% 70%,var(--aurora-c),transparent 28%),radial-gradient(circle at 68% 68%,var(--aurora-a),transparent 30%);opacity:.42;animation:aurora-drift-two calc(var(--aurora-duration, 7s) * 1.24) ease-in-out infinite alternate}.aurora__label{position:relative;z-index:2;display:inline-grid;min-width:112px;min-height:40px;place-items:center;padding:0 18px;border:1px solid rgba(226,232,240,.18);border-radius:var(--radius-full);background:rgba(5,8,16,.55);color:var(--foreground);font-weight:700}@keyframes aurora-drift-one{0%{transform:translate3d(calc(-32px * var(--aurora-intensity, 1)),calc(-18px * var(--aurora-intensity, 1)),0) rotate(-10deg) scale(.92)}to{transform:translate3d(calc(46px * var(--aurora-intensity, 1)),calc(-30px * var(--aurora-intensity, 1)),0) rotate(20deg) scale(1.1)}}@keyframes aurora-drift-two{0%{transform:translate3d(calc(30px * var(--aurora-intensity, 1)),calc(22px * var(--aurora-intensity, 1)),0) rotate(-14deg) scale(1.06)}to{transform:translate3d(calc(-38px * var(--aurora-intensity, 1)),calc(32px * var(--aurora-intensity, 1)),0) rotate(18deg) scale(.92)}}@media (prefers-reduced-motion:reduce){.aurora__layer{animation:none}}@property --misc-donut-progress{syntax:"<number>";inherits:false;initial-value:0}.card-preview--cube{background:var(--cp-bg,linear-gradient(180deg,#0b1020,#060a14))}.card-preview--cube .card-preview__effect{display:grid;width:132px;height:132px;place-items:center;perspective:720px;perspective-origin:50% 42%}.card-preview__cube{position:relative;width:68px;height:68px;transform-style:preserve-3d;animation:cardCubeTurn 5.4s linear infinite}.card-preview__cube-face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid rgba(226,232,240,.26);background:rgba(15,23,42,.78);color:var(--foreground);font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;-webkit-backface-visibility:visible;backface-visibility:visible;box-shadow:inset 0 0 24px rgba(255,255,255,.045)}.card-preview__cube-face--front{background:color-mix(in srgb,var(--cp-a,#67e8f9) 36%,rgba(15,23,42,.92));transform:rotateY(0deg) translateZ(34px)}.card-preview__cube-face--back{transform:rotateY(180deg) translateZ(34px)}.card-preview__cube-face--right{background:color-mix(in srgb,var(--cp-b,#fbbf24) 32%,rgba(15,23,42,.92));transform:rotateY(90deg) translateZ(34px)}.card-preview__cube-face--left{transform:rotateY(-90deg) translateZ(34px)}.card-preview__cube-face--top{background:color-mix(in srgb,var(--cp-c,#34d399) 34%,rgba(15,23,42,.92));transform:rotateX(90deg) translateZ(34px)}.card-preview__cube-face--bottom{transform:rotateX(-90deg) translateZ(34px)}.misc-panel{padding:var(--stage-panel-padding);border:1px solid var(--stage-panel-border);border-radius:var(--stage-panel-radius);background:radial-gradient(circle at 12% 0,rgba(103,232,249,.08),transparent 28%),radial-gradient(circle at 88% 18%,rgba(251,191,36,.06),transparent 32%),var(--stage-panel-bg);box-shadow:var(--stage-panel-shadow)}.misc-panel__header{max-width:840px}.misc-panel__header h2{margin:8px 0 0;font-size:clamp(2rem,4vw,3.75rem);line-height:1.02;letter-spacing:0}.misc-panel__header .hero-copy{max-width:760px}.misc-status{margin-top:22px}.misc-stage{margin-top:20px}.misc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,286px),1fr));grid-gap:16px;gap:16px}.misc-card{position:relative;display:flex;flex-direction:column;gap:16px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(8,13,25,.9)),var(--bg-surface);box-shadow:var(--shadow-sm);transition:border-color var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out),background-color var(--duration-base) var(--ease-out)}.misc-card>.misc-copy-block{flex:1 1}.misc-card--active,.misc-card:hover{border-color:var(--border-accent);transform:translateY(-2px)}.misc-copy-block{display:flex;flex-direction:column;gap:10px;min-height:0}.misc-copy-block .tag-list{margin-top:auto}.misc-copy-block h3{margin:0;font-size:1.08rem;line-height:1.2;letter-spacing:0}.misc-copy-block p{margin:0;color:var(--muted);line-height:1.65}.misc-meta{min-height:3.2em;font-size:.82rem;color:#aab8d6}.misc-card .pattern-focus{margin-top:auto}.misc-preview{--misc-duration:7s;--misc-intensity:1;--misc-value:64;--misc-second:22;position:relative;display:grid;min-height:var(--stage-preview-height);overflow:hidden;border:1px solid rgba(148,163,184,.12);border-radius:var(--stage-preview-radius);background:linear-gradient(145deg,rgba(15,23,42,.95),rgba(7,12,23,.88)),rgba(15,23,42,.88)}.misc-preview--inspector{min-height:var(--stage-inspector-preview-height)}.misc-preview--inspector.misc-preview--aurora{min-height:200px}.misc-preview__surface{position:relative;display:grid;place-items:center;min-height:100%;padding:18px;overflow:hidden;isolation:isolate}.misc-preview-label{position:relative;z-index:2;display:inline-grid;min-width:112px;min-height:40px;place-items:center;padding:0 18px;border:1px solid rgba(226,232,240,.18);border-radius:var(--radius-full);background:rgba(5,8,16,.55);color:var(--foreground);font-weight:700}.misc-aurora-layer{position:absolute;inset:-34%;border-radius:42%;filter:blur(calc(24px * var(--misc-intensity)));opacity:.64;mix-blend-mode:screen;pointer-events:none}.misc-aurora-layer--one{background:radial-gradient(circle at 24% 40%,var(--misc-a),transparent 30%),radial-gradient(circle at 72% 28%,var(--misc-b),transparent 34%);animation:v5AuroraOne var(--misc-duration) ease-in-out infinite alternate}.misc-aurora-layer--two{background:radial-gradient(circle at 38% 70%,var(--misc-c),transparent 28%),radial-gradient(circle at 68% 68%,var(--misc-a),transparent 30%);opacity:.42;animation:v5AuroraTwo calc(var(--misc-duration) * 1.24) ease-in-out infinite alternate}.misc-cube-scene{width:132px;height:132px;display:grid;place-items:center;perspective:720px;perspective-origin:50% 42%}.misc-cube-scene--balanced{perspective:720px;perspective-origin:50% 50%}.misc-cube-scene--wide{perspective:360px;perspective-origin:12% 90%}.misc-cube-scene--wide .misc-cube{transform:rotateX(-22deg)}.misc-cube-scene--step{perspective:820px;perspective-origin:50% 38%}.misc-cube{position:relative;width:82px;height:82px;transform-style:preserve-3d;animation:v5CubeTurn var(--misc-duration) linear infinite}.misc-cube__face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid rgba(226,232,240,.26);background:rgba(15,23,42,.78);color:var(--foreground);font-size:.78rem;font-weight:800;-webkit-backface-visibility:visible;backface-visibility:visible;box-shadow:inset 0 0 28px rgba(255,255,255,.04)}.misc-cube__face--front{background:color-mix(in srgb,var(--misc-a) 36%,rgba(15,23,42,.92));transform:rotateY(0deg) translateZ(41px)}.misc-cube__face--back{transform:rotateY(180deg) translateZ(41px)}.misc-cube__face--right{background:color-mix(in srgb,var(--misc-b) 32%,rgba(15,23,42,.92));transform:rotateY(90deg) translateZ(41px)}.misc-cube__face--left{transform:rotateY(-90deg) translateZ(41px)}.misc-cube__face--top{background:color-mix(in srgb,var(--misc-c) 34%,rgba(15,23,42,.92));transform:rotateX(90deg) translateZ(41px)}.misc-cube__face--bottom{transform:rotateX(-90deg) translateZ(41px)}.misc-theme-card{display:grid;grid-gap:12px;gap:12px;width:min(100%,230px);padding:20px;border:1px solid color-mix(in srgb,var(--misc-c) 28%,transparent);border-radius:12px;color:var(--misc-a);background:var(--misc-b);box-shadow:0 18px 44px rgba(0,0,0,.28);transition:color var(--misc-duration) ease,background-color var(--misc-duration) ease,border-color var(--misc-duration) ease,box-shadow var(--misc-duration) ease;animation:v5ThemeSwap calc(var(--misc-duration) * 2) ease-in-out infinite alternate}.misc-theme-card span{color:color-mix(in srgb,var(--misc-a) 72%,var(--misc-c));font-size:.76rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.misc-theme-card strong{font-size:1.2rem;letter-spacing:0}.misc-theme-card i{display:block;width:72%;height:10px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--misc-c) 62%,transparent)}.misc-donut-figure{display:grid;justify-items:center;grid-gap:14px;gap:14px;margin:0;text-align:center}.misc-donut{position:relative;display:grid;width:112px;aspect-ratio:1;place-items:center;border-radius:var(--radius-full);background:conic-gradient(var(--misc-a) calc(var(--misc-donut-progress) * var(--misc-value) * 1%),var(--misc-b) 0 calc(var(--misc-donut-progress) * (var(--misc-value) + var(--misc-second)) * 1%),rgba(148,163,184,.18) 0);animation:v5DonutSweep var(--misc-duration) cubic-bezier(.45,0,.55,1) infinite both}.misc-donut:before{content:"";position:absolute;inset:18px;border-radius:inherit;background:rgba(5,8,16,.94);box-shadow:inset 0 0 18px rgba(255,255,255,.04)}.misc-donut span{position:relative;z-index:1;color:var(--foreground);font-size:1.3rem;font-weight:800}.misc-donut-figure figcaption{display:grid;grid-gap:4px;gap:4px;max-width:240px;color:var(--muted);font-size:.82rem;line-height:1.35}.misc-donut-figure strong{color:var(--foreground)}.misc-parallax-band{position:relative;display:grid;width:min(100%,280px);min-height:142px;place-items:center;overflow:hidden;border-radius:12px;background:radial-gradient(circle at 20% 34%,color-mix(in srgb,var(--misc-a) 56%,transparent),transparent 24%),radial-gradient(circle at 82% 22%,color-mix(in srgb,var(--misc-b) 46%,transparent),transparent 28%),linear-gradient(135deg,rgba(15,23,42,.2),rgba(5,8,16,.84)),repeating-linear-gradient(115deg,rgba(255,255,255,.08) 0 2px,transparent 2px 20px);background-attachment:fixed;background-size:cover;animation:v5ParallaxPulse var(--misc-duration) ease-in-out infinite alternate}.misc-parallax-band span{display:grid;min-width:118px;min-height:42px;place-items:center;border:1px solid rgba(226,232,240,.18);border-radius:var(--radius-full);background:rgba(5,8,16,.64);font-weight:800}.misc-snap-rail{display:grid;grid-auto-columns:minmax(118px,72%);grid-auto-flow:column;grid-gap:12px;gap:12px;width:min(100%,292px);padding:14px;overflow-x:auto;border:1px solid rgba(148,163,184,.18);border-radius:12px;scroll-padding-inline:14px;scroll-snap-type:x mandatory;scrollbar-color:color-mix(in srgb,var(--misc-a) 50%,transparent) transparent}.misc-snap-rail:focus-visible{outline:2px solid var(--misc-a);outline-offset:4px}.misc-snap-card{display:grid;min-height:96px;place-items:center;border:1px solid color-mix(in srgb,var(--misc-a) 34%,transparent);border-radius:10px;background:linear-gradient(145deg,color-mix(in srgb,var(--misc-a) 16%,transparent),transparent),rgba(15,23,42,.84);color:var(--foreground);font-size:.9rem;font-weight:800;scroll-snap-align:center}.misc-snap-card--tall{min-height:126px;background:linear-gradient(145deg,color-mix(in srgb,var(--misc-b) 22%,transparent),transparent),rgba(15,23,42,.88)}.misc-moving-bg{position:relative;display:grid;width:min(100%,282px);min-height:134px;place-items:center;overflow:hidden;border-radius:12px;background:linear-gradient(90deg,rgba(5,8,16,.28),rgba(5,8,16,.76)),repeating-linear-gradient(100deg,color-mix(in srgb,var(--misc-a) 42%,transparent) 0 16px,color-mix(in srgb,var(--misc-b) 34%,transparent) 16px 32px,color-mix(in srgb,var(--misc-c) 24%,transparent) 32px 48px,transparent 48px 72px);background-size:220% 100%,220% 100%;animation:v5MovingBg var(--misc-duration) linear infinite}.misc-moving-bg span{display:grid;min-width:112px;min-height:42px;place-items:center;border:1px solid rgba(226,232,240,.18);border-radius:var(--radius-full);background:rgba(5,8,16,.64);font-weight:800}.misc-marquee{display:grid;width:min(100%,300px);overflow:hidden;border:1px solid rgba(148,163,184,.18);border-radius:var(--radius-full);background:rgba(5,8,16,.48);-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.misc-marquee__track{display:flex;width:max-content;gap:10px;padding:12px;white-space:nowrap;animation:v5Marquee var(--misc-duration) linear infinite}.misc-marquee__track span{display:inline-grid;min-width:74px;min-height:32px;place-items:center;border:1px solid color-mix(in srgb,var(--misc-a) 28%,transparent);border-radius:var(--radius-full);background:color-mix(in srgb,var(--misc-a) 12%,rgba(15,23,42,.9));color:var(--foreground);font-size:.8rem;font-weight:800}.misc-film-surface{position:relative;display:grid;width:min(100%,282px);min-height:144px;align-content:center;grid-gap:8px;gap:8px;overflow:hidden;padding:22px;border:1px solid rgba(226,232,240,.16);border-radius:12px;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--misc-a) 24%,transparent),transparent 30%),radial-gradient(circle at 78% 80%,color-mix(in srgb,var(--misc-b) 18%,transparent),transparent 34%),linear-gradient(135deg,rgba(15,23,42,.94),rgba(5,8,16,.9))}.misc-film-surface:after{content:"";position:absolute;inset:-24px;z-index:0;opacity:calc(.08 * var(--misc-intensity));mix-blend-mode:soft-light;pointer-events:none;background-image:radial-gradient(circle at 10% 20%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 42% 72%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 80% 34%,#fff 0 1px,transparent 1.5px),radial-gradient(circle at 24% 84%,#000 0 1px,transparent 1.5px);background-size:32px 32px;animation:v5FilmDrift var(--misc-duration) steps(5) infinite}.misc-film-surface span,.misc-film-surface strong{position:relative;z-index:1}.misc-film-surface strong{font-size:1.3rem}.misc-film-surface span{max-width:16rem;color:var(--muted);line-height:1.35}.misc-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin:0}.misc-facts div{padding:14px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:rgba(15,23,42,.66)}.misc-facts dt{color:var(--accent);font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.misc-facts dd{margin:8px 0 0;color:var(--muted);line-height:1.55}.misc-controls{display:grid;grid-gap:14px;gap:14px}.misc-inspector-layout{grid-template-columns:minmax(0,1fr) minmax(240px,320px);align-items:stretch}.misc-inspector-layout .inspector-split__side{display:grid;grid-template-rows:minmax(0,1fr);min-height:0}.misc-inspector-layout .inspector-split__side .code-block{margin-top:0;height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}.misc-inspector-layout .inspector-split__side .code-block__pre{min-height:0;max-height:none;white-space:pre-wrap}.misc-inspector__tabpanel{display:grid;min-height:0}.misc-inspector__tabs{display:flex;gap:6px}.misc-inspector__tab{flex:0 0 auto;padding:4px 12px;border-radius:999px;border:1px solid rgba(148,163,184,.18);background:transparent;color:var(--muted);font-size:.78rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:color var(--duration-fast) ease,border-color var(--duration-fast) ease,background-color var(--duration-fast) ease}.misc-inspector__tab:hover{color:var(--foreground);border-color:rgba(148,163,184,.32)}.misc-inspector__tab--active{color:var(--foreground);border-color:rgba(103,232,249,.46);background:rgba(103,232,249,.1)}@keyframes cardCubeTurn{0%{transform:rotateX(-20deg) rotateY(22deg)}to{transform:rotateX(-20deg) rotateY(382deg)}}@keyframes v5AuroraOne{0%{transform:translate3d(calc(-32px * var(--misc-intensity)),calc(-18px * var(--misc-intensity)),0) rotate(-10deg) scale(.92)}to{transform:translate3d(calc(46px * var(--misc-intensity)),calc(-30px * var(--misc-intensity)),0) rotate(20deg) scale(1.1)}}@keyframes v5AuroraTwo{0%{transform:translate3d(calc(30px * var(--misc-intensity)),calc(22px * var(--misc-intensity)),0) rotate(-14deg) scale(1.06)}to{transform:translate3d(calc(-38px * var(--misc-intensity)),calc(32px * var(--misc-intensity)),0) rotate(18deg) scale(.92)}}@keyframes v5CubeTurn{0%{transform:rotateX(-20deg) rotateY(22deg)}to{transform:rotateX(-20deg) rotateY(382deg)}}@keyframes v5ThemeSwap{0%,38%{color:#0f172a;background-color:var(--misc-a);border-color:color-mix(in srgb,var(--misc-c) 36%,transparent)}62%,to{color:var(--misc-a);background-color:var(--misc-b);border-color:color-mix(in srgb,var(--misc-c) 54%,transparent)}}@keyframes v5DonutSweep{0%,8%{--misc-donut-progress:0}50%,70%{--misc-donut-progress:1}to{--misc-donut-progress:0}}@keyframes v5ParallaxPulse{0%{background-position:50% 50%,50% 50%,50% 50%,0 0}to{background-position:54% 46%,48% 52%,50% 50%,36px 0}}@keyframes v5MovingBg{0%{background-position:0 50%,0 50%}to{background-position:100% 50%,100% 50%}}@keyframes v5Marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes v5FilmDrift{0%{transform:translateZ(0)}to{transform:translate3d(18px,-14px,0)}}@media (prefers-reduced-motion:reduce){.card-preview--cube .card-preview__effect,.card-preview__aurora-layer,.card-preview__cube,.card-preview__gooey-blob,.card-preview__morph-trace,.misc-aurora-layer,.misc-cube,.misc-donut,.misc-film-surface:after,.misc-marquee__track,.misc-moving-bg,.misc-parallax-band,.misc-theme-card{animation:none}.misc-cube{transform:rotateX(-18deg) rotateY(28deg)}.misc-marquee__track{transform:none}.misc-donut{--misc-donut-progress:1}.misc-parallax-band{background-attachment:scroll}.misc-moving-bg{background-position:54% 50%,54% 50%}}@media (max-width:900px){.misc-facts{grid-template-columns:1fr}}@media (max-width:640px){.misc-panel{padding:20px}.misc-snap-rail{grid-auto-columns:minmax(104px,82%)}}.ripple-preview{display:grid;place-items:center;min-height:140px;padding:24px;border-radius:var(--radius-md);background:rgba(2,6,23,.5);border:1px dashed rgba(148,163,184,.2)}.ripple-button{position:relative;overflow:hidden;background:var(--ripple-backdrop);color:white;border:0;border-radius:999px;padding:12px 22px;font-size:.9rem;font-weight:600;cursor:pointer;isolation:isolate}.ripple-button:after{content:"";position:absolute;inset:0;background:radial-gradient(circle var(--ripple-spread) at var(--ripple-x,50%) var(--ripple-y,50%),var(--ripple-accent) 0,transparent 70%);opacity:0;transform:scale(.2);transition:opacity var(--ripple-duration) ease-out,transform var(--ripple-duration) ease-out;pointer-events:none;z-index:-1}.ripple-button.is-rippling:after{opacity:1;transform:scale(1)}.ripple-inspector__preview{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:32px;border-radius:var(--radius-md);background:linear-gradient(180deg,#0a1220,#050912);border:1px solid var(--border)}.ripple-inspector__hint{margin:0;font-size:.75rem;color:rgba(148,163,184,.7)}@media (prefers-reduced-motion:reduce){.ripple-button:after{transition-duration:0s}}.hover-card{display:flex;flex-direction:column;gap:6px;padding:18px;background:rgba(15,23,42,.9);border-radius:12px;text-decoration:none;color:inherit;box-shadow:var(--card-rest-shadow);transition:box-shadow var(--card-duration) ease,transform var(--card-duration) ease;min-width:220px}.hover-card__eyebrow{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:rgba(148,163,184,.7)}.hover-card__title{font-size:.95rem;font-weight:700;color:var(--fg)}.hover-card__copy{font-size:.78rem;color:rgba(148,163,184,.85);line-height:1.5}.hover-card:focus-visible,.hover-card:hover{box-shadow:var(--card-hover-shadow);transform:translateY(var(--card-lift))}.hover-card:focus-visible{outline:2px solid var(--card-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.hover-card{transition:box-shadow var(--card-duration) ease}.hover-card:focus-visible,.hover-card:hover{transform:none}}.copy-row{display:flex;align-items:center;gap:10px;padding:8px 10px;background:rgba(15,23,42,.85);border:1px solid rgba(148,163,184,.25);border-radius:8px}.copy-row__text{flex:1 1;color:rgba(203,213,225,.85);font-family:var(--font-mono,ui-monospace,monospace);overflow:hidden;text-overflow:ellipsis}.copy-button,.copy-row__text{font-size:.75rem;white-space:nowrap}.copy-button{padding:6px 12px;border-radius:6px;border:1px solid rgba(148,163,184,.3);background:rgba(30,41,59,.95);color:var(--fg);font-weight:600;cursor:pointer;transition:background var(--copy-duration,.3s) ease,color var(--copy-duration,.3s) ease}.copy-button[data-status=success]{background:var(--copy-accent);color:#0f172a;animation:copyPulse var(--copy-duration,1.2s) ease-out}.copy-button[data-status=error]{background:rgba(248,113,113,.22);color:#fca5a5;border-color:rgba(248,113,113,.5)}@keyframes copyPulse{0%{transform:scale(1)}25%{transform:scale(1.08)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.copy-button[data-status=success]{animation:none}}.focus-target{padding:10px 20px;border-radius:999px;border:1px solid rgba(148,163,184,.3);background:rgba(30,41,59,.9);color:var(--fg);font-size:.85rem;font-weight:600;cursor:pointer;transition:color .15s ease,box-shadow .15s ease}.focus-target--ring:focus-visible{outline:var(--focus-ring-width) solid var(--focus-accent);outline-offset:var(--focus-offset)}.focus-target--underline:focus-visible{outline:2px solid transparent;color:var(--focus-accent);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:var(--focus-ring-width)}.focus-target--shadow:focus-visible{outline:2px solid transparent;box-shadow:0 0 0 2px rgba(2,6,23,.85),0 0 0 calc(4px + var(--focus-shadow-blur)) var(--focus-accent)}.sheet-wrapper{position:relative;width:100%;min-height:160px;display:flex;justify-content:center;align-items:center;overflow:hidden}.sheet-trigger{padding:10px 18px;border-radius:8px;background:rgba(30,41,59,.9);border:1px solid rgba(148,163,184,.3);color:var(--fg);font-size:.85rem;font-weight:600;cursor:pointer}.sheet-trigger:focus-visible{outline:2px solid var(--sheet-accent);outline-offset:3px}.sheet-backdrop{position:absolute;inset:0;background:rgba(2,6,23,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:0;cursor:pointer;z-index:1}.sheet-panel{position:absolute;top:0;bottom:0;width:var(--sheet-width);max-width:92%;background:var(--surface);border:1px solid var(--border);padding:20px;display:flex;flex-direction:column;gap:12px;transition:transform var(--sheet-duration) cubic-bezier(.2,.8,.2,1);z-index:2}.sheet-panel--right{right:0;transform:translateX(100%)}.sheet-panel--left{left:0;transform:translateX(-100%)}.sheet-panel--open{transform:translateX(0)}.sheet-panel__header{display:flex;justify-content:space-between;align-items:center;padding-bottom:8px;border-bottom:1px solid var(--border)}.sheet-panel__header h3{margin:0;font-size:.95rem;color:var(--fg)}.sheet-panel__close{background:transparent;border:0;color:rgba(148,163,184,.8);font-size:1.25rem;cursor:pointer;padding:4px 8px}.sheet-panel__body{margin:0;font-size:.82rem;color:rgba(148,163,184,.9);line-height:1.55;flex:1 1}.sheet-panel__primary{padding:8px 14px;border-radius:8px;border:0;background:var(--sheet-accent);color:#0f172a;font-weight:700;font-size:.85rem;cursor:pointer;align-self:flex-end}@media (prefers-reduced-motion:reduce){.sheet-panel{transition-duration:0s}}.v4-svg-panel,.v4-text-panel{display:grid;grid-gap:18px;gap:18px;padding:var(--stage-panel-padding);border:1px solid var(--stage-panel-border);border-radius:var(--stage-panel-radius);background:radial-gradient(circle at 18% 12%,rgba(103,232,249,.09),transparent 28%),radial-gradient(circle at 82% 20%,rgba(251,191,36,.08),transparent 30%),linear-gradient(180deg,rgba(8,13,26,.94),rgba(5,8,16,.96));box-shadow:var(--stage-panel-shadow)}.v4-svg-panel--gooey{background:linear-gradient(180deg,rgba(8,13,26,.94),rgba(5,8,16,.96))}.v4-svg-panel--morph{background:radial-gradient(circle at 22% 18%,rgba(167,139,250,.09),transparent 30%),radial-gradient(circle at 78% 28%,rgba(103,232,249,.07),transparent 30%),linear-gradient(180deg,rgba(8,13,26,.95),rgba(5,8,16,.97))}.v4-svg-panel__header,.v4-text-panel__header{display:flex;justify-content:space-between;gap:16px}.v4-svg-stage,.v4-text-stage{display:grid}.v4-svg-grid,.v4-text-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.v4-svg-card,.v4-text-card{display:grid;grid-template-rows:auto 1fr auto;grid-gap:16px;gap:16px;padding:16px;border:1px solid var(--border);border-radius:18px;background:rgba(8,15,31,.76);box-shadow:var(--shadow-sm)}.v4-svg-card--active,.v4-text-card--active{border-color:color-mix(in srgb,var(--v4-text-accent,var(--v4-svg-accent,#67e8f9)) 42%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,var(--v4-text-accent,var(--v4-svg-accent,#67e8f9)) 16%,transparent),var(--shadow-md)}.v4-svg-copy-block,.v4-text-copy-block{display:grid;grid-gap:10px;gap:10px}.v4-svg-copy-block h3,.v4-text-copy-block h3{margin:0;font-size:1.02rem}.v4-svg-copy-block p,.v4-text-copy-block p{margin:0}.v4-svg-meta,.v4-text-meta{color:var(--faint);font-size:.82rem;line-height:1.45}.v4-svg-preview,.v4-text-preview{min-height:var(--stage-preview-height);display:grid;place-items:center;position:relative;overflow:hidden;border-radius:var(--stage-preview-radius);border:1px solid rgba(148,163,184,.14);background:radial-gradient(circle at 50% 28%,var(--v4-text-soft,var(--v4-svg-soft,rgba(103,232,249,.14))),transparent 34%),linear-gradient(180deg,rgba(15,23,42,.92),rgba(5,8,16,.92))}.v4-svg-preview--inspector,.v4-text-preview--inspector{min-height:var(--stage-inspector-preview-height)}.v4-svg-preview--gooey{background:linear-gradient(180deg,rgba(15,23,42,.92),rgba(5,8,16,.92))}.v4-svg-preview--morph{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%,var(--v4-svg-soft,rgba(167,139,250,.16)),transparent 42%),linear-gradient(180deg,rgba(12,18,34,.94),rgba(5,8,16,.96));background-size:22px 22px,22px 22px,auto,auto}.v4-svg-preview__surface,.v4-text-preview__surface{position:relative;width:min(100%,620px);min-height:132px;display:grid;place-items:center;padding:26px 18px}.v4-svg-preview__surface:before,.v4-text-preview__surface:before{content:"";position:absolute;inset:12px 0;border-radius:16px;background:linear-gradient(rgba(148,163,184,.05) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.04) 1px,transparent 0);background-size:22px 22px;-webkit-mask-image:radial-gradient(circle at center,#000 0 48%,transparent 74%);mask-image:radial-gradient(circle at center,#000 0 48%,transparent 74%)}.v4-text-word{position:relative;z-index:1;margin:0;color:var(--v4-text-fg);font-size:clamp(1.95rem,5.2vw,4rem);font-weight:860;line-height:1.02;text-align:center;letter-spacing:0}.v4-text-word--elastic{display:flex;flex-wrap:wrap;justify-content:center;gap:.2em}.v4-text-grapheme,.v4-text-word__unit{display:inline-block;transform-origin:50% 100%}.v4-text-word--elastic .v4-text-word__unit{animation:v4ElasticSnap var(--v4-text-duration,1.2s) cubic-bezier(.22,1.45,.36,1) both;animation-delay:calc(var(--v4-index, 0) * 90ms)}.v4-text-word--neon{color:var(--v4-text-fg);text-shadow:0 0 3px currentColor,0 0 calc(12px * var(--v4-text-intensity, 1)) var(--v4-text-accent),0 0 calc(28px * var(--v4-text-intensity, 1)) var(--v4-text-accent-2),0 0 calc(48px * var(--v4-text-intensity, 1)) var(--v4-text-accent);animation:v4NeonFlicker var(--v4-text-duration,3s) steps(8) infinite}.v4-text-word--split .v4-text-grapheme{animation:v4SplitRise var(--v4-text-duration,1.4s) cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--v4-index, 0) * 52ms)}.v4-text-word--squiggle{display:inline;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:var(--v4-text-fg);-webkit-text-decoration-line:underline;text-decoration-line:underline;-webkit-text-decoration-style:wavy;text-decoration-style:wavy;-webkit-text-decoration-color:var(--v4-text-accent);text-decoration-color:var(--v4-text-accent);text-decoration-thickness:calc(.08em * var(--v4-text-intensity, 1));text-underline-offset:calc(.18em + .05em * var(--v4-text-intensity, 1));animation:v4SquiggleWeight var(--v4-text-duration,2.8s) ease-in-out infinite}.v4-text-word--scramble{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.v4-text-word__real{position:relative;z-index:1}.v4-text-scramble-row{position:absolute;inset:0;z-index:2;display:inline-flex;justify-content:center;color:var(--v4-text-accent);opacity:.86;text-shadow:0 0 16px var(--v4-text-accent);pointer-events:none;animation:v4ScrambleClear var(--v4-text-duration,2.2s) steps(12) infinite}.v4-text-scramble-row span{display:inline-block;animation:v4ScrambleTick .42s steps(2) infinite;animation-delay:calc(var(--v4-index, 0) * -48ms)}.v4-text-line-step{--v4-line-height:1.35em;position:relative;z-index:1;width:min(100%,21ch);min-height:calc(var(--v4-text-lines, 3) * var(--v4-line-height));display:grid;grid-template-columns:minmax(0,1fr) 4px;grid-gap:10px;gap:10px;align-items:start;color:var(--v4-text-fg);font-size:clamp(1.35rem,4.5vw,2.6rem);font-weight:780;line-height:1.35;letter-spacing:0}.v4-text-line-step__copy{display:block;max-height:var(--v4-line-height);overflow:hidden;animation:v4LineStepReveal var(--v4-text-duration,3s) steps(var(--v4-text-lines,3)) infinite}.v4-text-line-step__copy span{display:block;min-height:var(--v4-line-height)}.v4-text-line-step__caret{width:3px;height:var(--v4-line-height);border-radius:999px;background:var(--v4-text-accent);box-shadow:0 0 16px var(--v4-text-accent);animation:v4TextCaret .9s step-end infinite}.v4-text-word--variable{display:inline-block;min-width:min(100%,10ch);padding:0 .08em;overflow:hidden;color:var(--v4-text-fg);font-weight:760;font-stretch:105%;font-variation-settings:"wght" 760,"wdth" 105,"slnt" 0;text-shadow:0 0 22px var(--v4-text-soft);animation:v4VariableAxis var(--v4-text-duration,3s) ease-in-out infinite alternate}.v4-svg-facts,.v4-text-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin:16px 0 0}.v4-svg-facts div,.v4-text-facts div{padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.04)}.v4-svg-facts dt,.v4-text-facts dt{margin-bottom:6px;color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.v4-svg-facts dd,.v4-text-facts dd{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.v4-svg-controls,.v4-text-controls{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.v4-svg-inspector__main>p,.v4-text-inspector__main>p{color:var(--muted);line-height:1.6}.v4-svg-inspector__code .code-block__pre,.v4-text-inspector__code .code-block__pre{min-height:360px}.v4-svg-inspector--morph{grid-template-columns:minmax(360px,440px) minmax(0,1fr);gap:24px}.v4-svg-inspector--morph .v4-svg-inspector__main{gap:12px}.v4-svg-inspector--morph .v4-svg-preview--inspector{min-height:330px}.v4-svg-inspector--morph .v4-svg-preview__surface{min-height:282px;padding:30px 22px}.v4-svg-inspector--morph .v4-svg-art--morph{width:min(100%,280px)}.v4-svg-inspector__caption{margin:0;padding:12px 14px;border:1px solid rgba(148,163,184,.14);border-radius:12px;background:rgba(15,23,42,.48);color:var(--muted);line-height:1.55}.v4-svg-inspector--morph .v4-svg-controls,.v4-svg-inspector--morph .v4-svg-facts{margin-top:0}.v4-svg-inspector--morph .v4-svg-facts{grid-template-columns:1fr}.v4-svg-inspector--morph .code-block__pre{min-height:520px;max-height:min(58vh,620px);white-space:pre-wrap;overflow-x:hidden}.error-shake-panel{display:flex;flex-direction:column;gap:1.4rem}.error-shake-panel__header h2{margin:.25rem 0 .6rem;font-size:clamp(1.4rem,2.4vw,1.7rem);letter-spacing:-.01em}.error-shake-status{align-self:flex-start}.error-shake-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:1rem;gap:1rem}.error-shake-card{display:flex;flex-direction:column;gap:1rem;padding:1.1rem 1.1rem 1.3rem;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(160deg,rgba(15,23,42,.72),rgba(30,41,59,.55));transition:border-color .2s ease,transform .2s ease}.error-shake-card--active{border-color:rgba(239,68,68,.5);transform:translateY(-2px)}.error-shake-card h3{margin:.2rem 0 .45rem;font-size:1.05rem}.error-shake-card p{margin:0 0 .6rem;color:rgba(226,232,240,.78);font-size:.9rem;line-height:1.5}.error-shake-preview{--shake-amplitude:6px;--shake-duration:320ms;--shake-accent:rgba(248,113,113,0.95);display:flex;flex-direction:column;gap:.55rem;padding:1rem;border-radius:14px;background:rgba(2,6,23,.55);border:1px solid rgba(148,163,184,.12)}.error-shake-preview__label{font-size:.75rem;color:rgba(226,232,240,.7);letter-spacing:.04em;text-transform:uppercase}.error-field{border:1px solid rgba(148,163,184,.35);border-radius:10px;background:rgba(15,23,42,.65);transition:border-color .18s ease,box-shadow .18s ease}.error-field[data-state=invalid]{border-color:var(--shake-accent)}.error-field--flash[data-state=invalid],.error-field--flash[data-state=shaking]{box-shadow:0 0 0 2px rgba(239,68,68,.45);border-color:var(--shake-accent)}.error-field[data-state=shaking]{animation:errorShake var(--shake-duration) cubic-bezier(.36,.07,.19,.97) both}@keyframes errorShake{10%,90%{transform:translateX(calc(-.3 * var(--shake-amplitude)))}20%,80%{transform:translateX(calc(.6 * var(--shake-amplitude)))}30%,50%,70%{transform:translateX(calc(-1 * var(--shake-amplitude)))}40%,60%{transform:translateX(var(--shake-amplitude))}}.error-shake-preview__input{width:100%;border:none;background:transparent;color:rgba(241,245,249,.95);padding:.65rem .85rem;font-size:.9rem;font-family:inherit;outline:none}.error-shake-preview__input::placeholder{color:rgba(148,163,184,.55)}.error-shake-preview__hint{margin:0;font-size:.8rem;color:var(--shake-accent);min-height:1.2em}.error-shake-preview__controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.2rem}.error-shake-preview__button{border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.6);color:rgba(226,232,240,.92);padding:.4rem .8rem;border-radius:999px;font-size:.78rem;font-weight:600;cursor:pointer;transition:border-color .18s ease,background .18s ease}.error-shake-preview__button:focus-visible,.error-shake-preview__button:hover{border-color:rgba(239,68,68,.55);background:rgba(30,41,59,.85);outline:none}.error-shake-inspector__preview{margin-bottom:1rem}@media (prefers-reduced-motion:reduce){.error-field[data-state=shaking]{animation:none;outline:2px solid var(--shake-accent);outline-offset:2px}}.flip-stage{width:200px;height:124px;perspective:var(--flip-perspective,720px);perspective-origin:50% 50%}.flip-card{position:relative;width:100%;height:100%;transform-style:preserve-3d}.flip-card--product,.flip-card--profile{animation-duration:var(--flip-duration,4s);animation-timing-function:cubic-bezier(.45,0,.55,1);animation-iteration-count:infinite}.flip-card--quiet{animation:none}.flip-face{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;grid-gap:6px;gap:6px;padding:12px;border-radius:14px;border:1px solid rgba(248,250,252,.14);transform:translateZ(.01px);-webkit-transform:translateZ(.01px);box-shadow:inset 0 1px 0 rgba(248,250,252,.08),0 8px 22px rgba(0,0,0,.45);overflow:hidden}.flip-face,.flip-face>*{backface-visibility:hidden;-webkit-backface-visibility:hidden}.flip-face--front{background:radial-gradient(circle at 18% -10%,color-mix(in srgb,var(--flip-a,#67e8f9) 26%,transparent),transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--flip-a,#67e8f9) 12%,#0a1424),#050b18)}.flip-face--back{background:radial-gradient(circle at 82% 110%,color-mix(in srgb,var(--flip-b,#a78bfa) 28%,transparent),transparent 55%),linear-gradient(135deg,#1a1230 0,#0a0b1c 60%,#050816 100%)}.flip-card--profile .flip-face--back{transform:rotateY(180deg) translateZ(.01px);-webkit-transform:rotateY(180deg) translateZ(.01px);animation:flipFaceBackVisY var(--flip-duration,4s) linear infinite}.flip-card--profile .flip-face--front{animation:flipFaceFrontVisY var(--flip-duration,4s) linear infinite}.flip-card--product .flip-face--back{transform:rotateX(180deg) translateZ(.01px);-webkit-transform:rotateX(180deg) translateZ(.01px);animation:flipFaceBackVisX var(--flip-duration,4s) linear infinite}.flip-card--product .flip-face--front{animation:flipFaceFrontVisX var(--flip-duration,4s) linear infinite}.flip-card--quiet .flip-face--back{transform:translateZ(.01px);-webkit-transform:translateZ(.01px);animation:flipFaceBackVisQuiet var(--flip-duration,4s) ease-in-out infinite}.flip-card--quiet .flip-face--front{animation:flipFaceFrontVisQuiet var(--flip-duration,4s) ease-in-out infinite}.flip-face-label{color:var(--foreground);font-size:.95rem;font-weight:700;letter-spacing:-.01em}.flip-face-sub{color:var(--muted);font-size:.78rem}.flip-glyph{width:32px;height:32px;border-radius:999px;margin-bottom:4px;flex-shrink:0}.flip-glyph--avatar{background:radial-gradient(circle at 30% 28%,rgba(248,250,252,.6),transparent 42%),linear-gradient(135deg,var(--flip-a,#67e8f9),var(--flip-b,#a78bfa) 60%,#f0abfc);box-shadow:0 0 0 2px rgba(248,250,252,.18),0 4px 12px color-mix(in srgb,var(--flip-a,#67e8f9) 32%,transparent)}.flip-glyph--handle{display:grid;place-items:center;background:rgba(8,13,25,.92);border:1px solid color-mix(in srgb,var(--flip-b,#a78bfa) 60%,transparent);color:var(--foreground);font-weight:800;font-size:.95rem}.flip-glyph--handle:before{content:"@"}.flip-glyph--thumb{border-radius:8px;width:44px;background:linear-gradient(135deg,color-mix(in srgb,var(--flip-a,#34d399) 70%,#050b18),color-mix(in srgb,var(--flip-b,#38bdf8) 60%,#050b18));box-shadow:0 4px 14px color-mix(in srgb,var(--flip-a,#34d399) 26%,transparent)}.flip-glyph--check{display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,color-mix(in srgb,var(--flip-a,#34d399) 50%,transparent) 0,transparent 65%),rgba(8,13,25,.92);border:1px solid color-mix(in srgb,var(--flip-a,#34d399) 60%,transparent);color:var(--flip-a,#34d399);font-weight:900;font-size:1rem}.flip-glyph--check:before{content:"✓"}.flip-glyph--sun{background:radial-gradient(circle at 50% 50%,var(--flip-a,#fbbf24) 38%,transparent 42%);box-shadow:0 0 0 1px color-mix(in srgb,var(--flip-a,#fbbf24) 60%,transparent),0 0 18px color-mix(in srgb,var(--flip-a,#fbbf24) 56%,transparent)}.flip-glyph--moon{position:relative;background:rgba(8,13,25,.92);border:1px solid color-mix(in srgb,var(--flip-b,#fb7185) 60%,transparent)}.flip-glyph--moon:after{content:"";position:absolute;inset:4px 4px 4px 10px;border-radius:999px;background:rgba(8,13,25,.92)}.pattern-preview--inspector .flip-stage{width:280px;height:174px}.pattern-preview--inspector .flip-face-label{font-size:1.15rem}.pattern-preview--inspector .flip-face-sub{font-size:.88rem}.flip-card--profile{animation-name:flipCardSpinY}@keyframes flipCardSpinY{0%,28%{transform:rotateY(0deg)}48%,78%{transform:rotateY(180deg)}to{transform:rotateY(1turn)}}.flip-card--product{animation-name:flipCardSpinX}@keyframes flipCardSpinX{0%,28%{transform:rotateX(0deg)}48%,78%{transform:rotateX(180deg)}to{transform:rotateX(1turn)}}@keyframes flipFaceFrontVisY{0%,38%,88%,to{opacity:1}48%,78%{opacity:0}}@keyframes flipFaceBackVisY{0%,38%,88%,to{opacity:0}48%,78%{opacity:1}}@keyframes flipFaceFrontVisX{0%,38%,88%,to{opacity:1}48%,78%{opacity:0}}@keyframes flipFaceBackVisX{0%,38%,88%,to{opacity:0}48%,78%{opacity:1}}@keyframes flipFaceFrontVisQuiet{0%,38%,88%,to{opacity:1}50%,78%{opacity:0}}@keyframes flipFaceBackVisQuiet{0%,38%,88%,to{opacity:0}50%,78%{opacity:1}}@media (prefers-reduced-motion:reduce){.flip-card,.flip-face{animation:none}.flip-face--back{opacity:0}}.floating-label{position:relative;display:block;width:240px}.floating-label input{width:100%;padding:18px 12px 10px;background:transparent;color:var(--fg);border:1px solid rgba(148,163,184,.4);border-radius:8px;outline:none;font-size:.9rem;transition:border-color var(--float-duration) ease}.floating-label--filled input{background:rgba(15,23,42,.85);border:1px solid transparent;border-bottom:2px solid rgba(148,163,184,.5);border-radius:6px 6px 0 0}.floating-label--underlined input{border:none;border-bottom:1px solid rgba(148,163,184,.4);border-radius:0;padding-left:0}.floating-label span{position:absolute;left:12px;top:14px;padding:0 4px;background:transparent;color:rgba(148,163,184,.8);pointer-events:none;transition:transform var(--float-duration) ease,color var(--float-duration) ease,background var(--float-duration) ease;transform-origin:left top;font-size:.9rem}.floating-label--outlined span{background:var(--surface)}.floating-label--underlined span{left:0}.floating-label input:focus~span,.floating-label input:not(:placeholder-shown)~span{transform:translateY(var(--float-lift-y)) scale(var(--float-lift-scale));color:var(--float-accent)}.floating-label input:focus{border-color:var(--float-accent)}.floating-label--filled input:focus,.floating-label--underlined input:focus{border-bottom-color:var(--float-accent)}@media (prefers-reduced-motion:reduce){.floating-label input,.floating-label span{transition:none}}.focus-ring-panel{padding:32px;border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);display:flex;flex-direction:column;gap:24px}.focus-ring-panel__header{display:flex;justify-content:space-between;gap:24px}.focus-ring-status{padding:8px 16px;border-radius:var(--radius-full);background:rgba(125,211,252,.08);color:rgba(125,211,252,.9);font-size:.75rem;text-transform:lowercase;letter-spacing:.04em;align-self:flex-start}.focus-ring-stage{padding:24px;border-radius:var(--radius-md);background:linear-gradient(180deg,#0a1220,#050912);border:1px solid var(--border)}.focus-ring-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}.focus-ring-card{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:var(--radius-md);background:rgba(15,23,42,.6);border:1px solid var(--border);transition:border-color .2s ease}.focus-ring-card--active{border-color:rgba(125,211,252,.6)}.focus-ring-copy-block{display:flex;flex-direction:column;gap:8px}.focus-ring-copy-block h3{margin:0;font-size:1rem;color:var(--fg)}.focus-ring-copy-block p{margin:0;font-size:.8rem;color:rgba(148,163,184,.85);line-height:1.5}.focus-ring-preview{display:grid;place-items:center;min-height:120px;padding:24px;border-radius:var(--radius-md);background:rgba(2,6,23,.5);border:1px dashed rgba(148,163,184,.2)}.focus-ring-target{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset-max);animation:focusRingPulse var(--focus-ring-duration) ease-in-out infinite}.focus-ring-target--button{padding:10px 18px;border-radius:var(--radius-full);border:1px solid rgba(148,163,184,.3);background:rgba(30,41,59,.9);color:var(--fg);font-size:.85rem;font-weight:600;cursor:default}.focus-ring-target--link{color:#f0abfc;text-decoration:underline;text-underline-offset:3px;border-radius:3px}.focus-ring-target--field{padding:8px 12px;background:rgba(15,23,42,.8);border:1px solid rgba(148,163,184,.4);border-radius:var(--radius-sm,6px);color:var(--fg);font-size:.85rem;min-width:200px}.focus-ring-link-row{margin:0;color:rgba(203,213,225,.85);font-size:.85rem;line-height:1.6}.focus-ring-field-row{display:flex;flex-direction:column;gap:6px}.focus-ring-field-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:rgba(148,163,184,.7)}@keyframes focusRingPulse{0%,to{outline-offset:var(--focus-ring-offset-min)}50%{outline-offset:var(--focus-ring-offset-max)}}.focus-ring-inspector__preview{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:32px;border-radius:var(--radius-md);background:linear-gradient(180deg,#0a1220,#050912);border:1px solid var(--border)}.focus-ring-inspector__hint{margin:0;font-size:.75rem;color:rgba(148,163,184,.7)}.focus-ring-inspector__facts{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;margin:16px 0;padding:0}.focus-ring-inspector__facts div{padding:12px;border-radius:var(--radius-sm,6px);background:rgba(15,23,42,.6);border:1px solid var(--border)}.focus-ring-inspector__facts dt{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:rgba(148,163,184,.7);margin-bottom:4px}.focus-ring-inspector__facts dd{margin:0;font-size:.9rem;color:var(--fg);font-weight:600}.focus-ring-inspector__controls{display:flex;flex-direction:column;gap:12px;margin:16px 0}@media (prefers-reduced-motion:reduce){.focus-ring-target{animation:none;outline-offset:var(--focus-ring-offset-max)}}.gooey-blob{display:grid;place-items:center;place-content:center}.gooey-blob__svg{position:relative;z-index:1;width:min(100%,210px);height:auto;overflow:visible;color:var(--gooey-accent);filter:drop-shadow(0 0 18px var(--gooey-glow))}.pattern-preview--inspector .gooey-blob__svg{width:min(100%,280px)}.gooey-blob__group{fill:var(--gooey-accent)}.gooey-blob__shape{transform-box:fill-box;transform-origin:center}.gooey-blob--cluster .gooey-blob__shape--one{animation:gooey-cluster-pull-right var(--gooey-duration,3.8s) ease-in-out infinite alternate}.gooey-blob--cluster .gooey-blob__shape--two{animation:gooey-cluster-pull-left var(--gooey-duration,3.8s) ease-in-out infinite alternate}.gooey-blob--cluster .gooey-blob__shape--three{animation:gooey-cluster-descend var(--gooey-duration,3.8s) ease-in-out infinite alternate}.gooey-blob--pill .gooey-blob__shape--one{animation:gooey-pill-press-right var(--gooey-duration,4.4s) ease-in-out infinite alternate}.gooey-blob--pill .gooey-blob__shape--two{animation:gooey-pill-press-left var(--gooey-duration,4.4s) ease-in-out infinite alternate}.gooey-blob--pill .gooey-blob__shape--three{animation:gooey-pill-drift-in var(--gooey-duration,4.4s) ease-in-out infinite alternate}.gooey-blob--orbit .gooey-blob__shape--one{animation:gooey-orbit-breathe var(--gooey-duration,5.2s) ease-in-out infinite alternate}.gooey-blob--orbit .gooey-blob__shape--four,.gooey-blob--orbit .gooey-blob__shape--three,.gooey-blob--orbit .gooey-blob__shape--two{transform-box:view-box;transform-origin:91px 90px}.gooey-blob--orbit .gooey-blob__shape--two{animation:gooey-orbit-rotate-cw var(--gooey-duration,5.2s) linear infinite}.gooey-blob--orbit .gooey-blob__shape--three{animation:gooey-orbit-rotate-ccw calc(var(--gooey-duration, 5.2s) * 1.4) linear infinite}.gooey-blob--orbit .gooey-blob__shape--four{animation:gooey-orbit-rotate-cw calc(var(--gooey-duration, 5.2s) * .7) linear infinite}@keyframes gooey-cluster-pull-right{to{transform:translateX(calc(10px * var(--gooey-intensity, 1)))}}@keyframes gooey-cluster-pull-left{to{transform:translateX(calc(-12px * var(--gooey-intensity, 1)))}}@keyframes gooey-cluster-descend{to{transform:translateY(calc(10px * var(--gooey-intensity, 1)))}}@keyframes gooey-pill-press-right{to{transform:translateX(calc(8px * var(--gooey-intensity, 1)))}}@keyframes gooey-pill-press-left{to{transform:translateX(calc(-6px * var(--gooey-intensity, 1)))}}@keyframes gooey-pill-drift-in{to{transform:translate(calc(-4px * var(--gooey-intensity, 1)),calc(8px * var(--gooey-intensity, 1)))}}@keyframes gooey-orbit-breathe{0%{transform:scale(1)}to{transform:scale(calc(1 + .05 * var(--gooey-intensity, 1)))}}@keyframes gooey-orbit-rotate-cw{0%{transform:scale(var(--gooey-intensity,1)) rotate(0deg)}to{transform:scale(var(--gooey-intensity,1)) rotate(1turn)}}@keyframes gooey-orbit-rotate-ccw{0%{transform:scale(var(--gooey-intensity,1)) rotate(0deg)}to{transform:scale(var(--gooey-intensity,1)) rotate(-1turn)}}@media (prefers-reduced-motion:reduce){.gooey-blob__shape{animation:none}}.text-gradient-panel{margin-top:32px;padding:var(--stage-panel-padding);border:1px solid var(--stage-panel-border);border-radius:var(--stage-panel-radius);background:radial-gradient(circle at 86% 10%,rgba(103,232,249,.1),transparent 30%),linear-gradient(180deg,rgba(9,15,28,.94),rgba(6,10,18,.9));box-shadow:var(--stage-panel-shadow)}.text-gradient-panel__header{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;margin-bottom:20px}.text-gradient-panel__header h2{margin:0;font-size:clamp(1.55rem,3vw,2.2rem);letter-spacing:-.01em}.text-gradient-orbit{position:relative;flex:0 0 116px;width:116px;aspect-ratio:1;border-radius:var(--radius-full);border:1px solid rgba(103,232,249,.16);background:radial-gradient(circle,rgba(103,232,249,.12),transparent 58%),rgba(8,15,31,.62);overflow:hidden}.text-gradient-orbit span{position:absolute;inset:18px;border-radius:inherit;border:1px solid rgba(148,163,184,.16)}.text-gradient-orbit span:first-child{border-top-color:var(--accent);animation:textGradientOrbit 5s linear infinite}.text-gradient-orbit span:nth-child(2){inset:34px;border-right-color:var(--accent-rose);animation:textGradientOrbit 7s linear infinite reverse}.text-gradient-orbit span:nth-child(3){inset:48px;background:var(--accent-amber);border:0;box-shadow:0 0 18px rgba(251,191,36,.35)}.text-gradient-status{margin-bottom:16px}.text-gradient-stage{display:grid}.text-gradient-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:16px;gap:16px}.text-gradient-card{display:grid;grid-template-rows:auto 1fr auto;grid-gap:16px;gap:16px;padding:16px;border:1px solid var(--border);border-radius:18px;background:rgba(8,15,31,.76);box-shadow:var(--shadow-sm)}.text-gradient-card--active{border-color:rgba(103,232,249,.36);box-shadow:0 0 0 1px rgba(103,232,249,.12),var(--shadow-md)}.text-gradient-copy-block{display:grid;grid-gap:10px;gap:10px}.text-gradient-copy-block h3{margin:0;font-size:1.02rem}.text-gradient-copy-block p{margin:0}.text-gradient-meta{color:var(--faint);font-size:.82rem;line-height:1.45}.text-gradient-preview{min-height:var(--stage-preview-height);display:grid;place-items:center;position:relative;overflow:hidden;border-radius:var(--stage-preview-radius);border:1px solid rgba(148,163,184,.14);background:radial-gradient(circle at 50% 28%,color-mix(in srgb,var(--tg-accent) 16%,transparent),transparent 34%),linear-gradient(180deg,rgba(15,23,42,.92),rgba(5,8,16,.92))}.text-gradient-preview--inspector{min-height:var(--stage-inspector-preview-height)}.text-gradient-preview__surface{position:relative;width:min(100%,620px);min-height:118px;display:grid;place-items:center;padding:24px 18px}.text-gradient-preview--inspector .text-gradient-preview__surface{min-height:176px;padding:34px 20px}.text-gradient-preview__surface:before{content:"";position:absolute;inset:14px 0;border-radius:16px;background:linear-gradient(rgba(148,163,184,.05) 1px,transparent 0),linear-gradient(90deg,rgba(148,163,184,.04) 1px,transparent 0);background-size:22px 22px;-webkit-mask-image:radial-gradient(circle at center,#000 0 48%,transparent 74%);mask-image:radial-gradient(circle at center,#000 0 48%,transparent 74%)}.text-gradient-word{position:relative;z-index:1;max-width:100%;margin:0;color:var(--tg-fallback);font-size:var(--tg-word-size,clamp(2rem,6vw,4.3rem));font-weight:850;line-height:.98;text-align:center;letter-spacing:0;white-space:nowrap}@supports (((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text)){.text-gradient-word{background-image:var(--tg-gradient);background-size:var(--tg-size,260% 100%);background-position:0 50%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 0 var(--tg-glow,14px) var(--tg-shadow);animation:textGradientSweep var(--tg-duration,4.6s) linear infinite}}.text-gradient-preview--rainbow .text-gradient-word{font-weight:900}.text-gradient-preview--starlight .text-gradient-word{filter:drop-shadow(0 0 var(--tg-glow,16px) var(--tg-shadow))}.text-gradient-preview__sparkles{position:absolute;inset:0;pointer-events:none}.text-gradient-preview__sparkles span{position:absolute;width:7px;aspect-ratio:1;border-radius:var(--radius-full);background:#f8fafc;box-shadow:0 0 12px rgba(248,250,252,.7);opacity:.7;animation:textGradientTwinkle 2.8s ease-in-out infinite}.text-gradient-preview__sparkles span:first-child{left:17%;top:26%}.text-gradient-preview__sparkles span:nth-child(2){right:20%;top:30%;animation-delay:-.8s}.text-gradient-preview__sparkles span:nth-child(3){left:61%;bottom:22%;animation-delay:-1.5s}.text-gradient-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin:16px 0 0}.text-gradient-facts div{padding:14px;border:1px solid var(--border);border-radius:14px;background:rgba(255,255,255,.04)}.text-gradient-facts dt{margin-bottom:6px;color:var(--accent);font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.text-gradient-facts dd{margin:0;color:var(--muted);font-size:.9rem;line-height:1.5}.text-gradient-controls{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.text-gradient-inspector__main>p{color:var(--muted);line-height:1.6}.text-gradient-inspector__code .code-block__pre{min-height:360px}@keyframes textGradientSweep{0%{background-position:0 50%}to{background-position:100% 50%}}@keyframes textGradientTwinkle{0%,to{opacity:.35;transform:scale(.76)}50%{opacity:.95;transform:scale(1)}}@keyframes textGradientOrbit{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.text-gradient-orbit span,.text-gradient-preview__sparkles span,.text-gradient-word{animation:none}.text-gradient-word{background-position:55% 50%}}@media (max-width:900px){.text-gradient-facts,.text-gradient-grid{grid-template-columns:1fr}.text-gradient-panel__header{display:grid}.text-gradient-orbit{display:none}}@media (max-width:768px){.text-gradient-panel{padding:20px}.text-gradient-word{font-size:var(--tg-word-size,clamp(1.75rem,12vw,3.3rem))}}.pattern-preview--sweep{display:grid;place-items:center;container-type:inline-size;padding-inline:18px}.sweep-word{position:relative;z-index:1;max-width:100%;margin:0;color:var(--sweep-fallback);font-size:clamp(1.05rem,8cqi,1.55rem);font-weight:850;line-height:1.05;text-align:center;letter-spacing:-.01em;white-space:normal;word-break:normal;text-wrap:balance}.pattern-preview--sweep.pattern-preview--inspector .sweep-word{font-size:clamp(1.6rem,9cqi,2.6rem)}@supports (((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text)){.sweep-word{background-image:var(--sweep-gradient);background-size:var(--sweep-band,260% 100%);background-position:0 50%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:0 0 var(--sweep-glow,14px) var(--sweep-shadow)}.sweep-word--launch{animation:sweep-launch var(--sweep-duration,4.4s) cubic-bezier(.55,.05,.25,1) infinite}.sweep-word--command{animation:sweep-command var(--sweep-duration,3.2s) ease-in-out infinite}.sweep-word--editorial{animation:sweep-editorial var(--sweep-duration,5.6s) linear infinite}}@keyframes sweep-launch{0%{background-position:-10% 50%;text-shadow:0 0 calc(var(--sweep-glow, 14px) * .3) var(--sweep-shadow);filter:brightness(.95)}20%{background-position:20% 50%;text-shadow:0 0 calc(var(--sweep-glow, 14px) * .7) var(--sweep-shadow);filter:brightness(1)}45%{background-position:45% 50%;text-shadow:0 0 calc(var(--sweep-glow, 14px) * 1.5) var(--sweep-shadow);filter:brightness(1.14)}55%{background-position:55% 50%;text-shadow:0 0 calc(var(--sweep-glow, 14px) * 1.5) var(--sweep-shadow);filter:brightness(1.14)}80%{background-position:80% 50%;text-shadow:0 0 calc(var(--sweep-glow, 14px) * .7) var(--sweep-shadow);filter:brightness(1)}to{background-position:110% 50%;text-shadow:0 0 calc(var(--sweep-glow, 14px) * .3) var(--sweep-shadow);filter:brightness(.95)}}@keyframes sweep-command{0%{background-position:0 50%;text-shadow:0 0 calc(var(--sweep-glow, 10px) * .4) var(--sweep-shadow)}14%{background-position:50% 50%;text-shadow:0 0 var(--sweep-glow,10px) var(--sweep-shadow)}22%{background-position:100% 50%;text-shadow:0 0 calc(var(--sweep-glow, 10px) * .4) var(--sweep-shadow)}30%{background-position:0 50%;text-shadow:0 0 calc(var(--sweep-glow, 10px) * .4) var(--sweep-shadow)}44%{background-position:50% 50%;text-shadow:0 0 var(--sweep-glow,10px) var(--sweep-shadow)}52%{background-position:100% 50%;text-shadow:0 0 calc(var(--sweep-glow, 10px) * .4) var(--sweep-shadow)}to{background-position:100% 50%;text-shadow:0 0 calc(var(--sweep-glow, 10px) * .4) var(--sweep-shadow)}}@keyframes sweep-editorial{0%{background-position:0 50%;filter:brightness(1)}50%{filter:brightness(1.06)}to{background-position:100% 50%;filter:brightness(1)}}@media (prefers-reduced-motion:reduce){.sweep-word--command,.sweep-word--editorial,.sweep-word--launch{animation:none;background-position:50% 50%;text-shadow:0 0 calc(var(--sweep-glow, 14px) * .6) var(--sweep-shadow);filter:none}}.accordion-item{border-bottom:1px solid rgba(148,163,184,.2)}.accordion-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;width:100%;background:transparent;border:0;cursor:pointer;color:var(--fg);font-size:.9rem;font-weight:600;text-align:left}.accordion-trigger:focus-visible{outline:2px solid var(--accordion-accent);outline-offset:4px;border-radius:4px}.accordion-chevron{display:inline-block;transition:transform var(--accordion-duration,.3s) ease;color:rgba(148,163,184,.7)}.accordion-item[data-open=true] .accordion-chevron{transform:rotate(180deg);color:var(--accordion-accent)}.accordion-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--accordion-duration,.3s) ease}.accordion-item[data-open=true] .accordion-panel{grid-template-rows:1fr}.accordion-panel__inner{overflow:hidden;min-height:0}.accordion-panel__inner p{margin:0;padding:0 0 14px;font-size:.85rem;color:rgba(148,163,184,.85);line-height:1.55}@media (prefers-reduced-motion:reduce){.accordion-chevron,.accordion-panel{transition:none}}.heart-burst-panel{display:flex;flex-direction:column;gap:1.4rem}.heart-burst-panel__header h2{margin:.25rem 0 .6rem;font-size:clamp(1.4rem,2.4vw,1.7rem);letter-spacing:-.01em}.heart-burst-status{align-self:flex-start}.heart-burst-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:1rem;gap:1rem}.heart-burst-card{display:flex;flex-direction:column;gap:1rem;padding:1.1rem 1.1rem 1.3rem;border-radius:18px;border:1px solid rgba(148,163,184,.18);background:linear-gradient(160deg,rgba(15,23,42,.72),rgba(30,41,59,.55));transition:border-color .2s ease,transform .2s ease}.heart-burst-card--active{border-color:rgba(236,72,153,.55);transform:translateY(-2px)}.heart-burst-card h3{margin:.2rem 0 .45rem;font-size:1.05rem}.heart-burst-card p{margin:0 0 .6rem;color:rgba(226,232,240,.78);font-size:.9rem;line-height:1.5}.heart-burst-preview{--heart-accent:rgba(236,72,153,1);--heart-duration:520ms;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding:1.4rem 1rem 1.2rem;min-height:var(--stage-preview-height);border-radius:var(--stage-preview-radius);background:rgba(2,6,23,.55);border:1px solid rgba(148,163,184,.12)}.heart-burst-preview--inspector{min-height:var(--stage-inspector-preview-height)}.heart-burst-button{position:relative;display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .95rem;border-radius:999px;border:1px solid rgba(148,163,184,.35);background:rgba(15,23,42,.8);color:rgba(226,232,240,.82);font-size:.95rem;font-weight:600;cursor:pointer;transition:border-color .18s ease,color .18s ease;overflow:visible}.heart-burst-button:focus-visible,.heart-burst-button:hover{border-color:var(--heart-accent);outline:none}.heart-burst-button--liked{color:var(--heart-accent)}.heart-icon{position:relative;display:inline-flex;width:1.4rem;height:1.4rem;color:rgba(148,163,184,.55);transform-origin:50% 55%}.heart-icon svg{width:100%;height:100%}.heart-burst-button--liked .heart-icon{color:var(--heart-accent);filter:drop-shadow(0 0 6px rgba(236,72,153,.55))}.heart-particle-layer{position:absolute;inset:0;left:.95rem;display:block;width:1.4rem;height:1.4rem;pointer-events:none}.heart-particle{position:absolute;top:50%;left:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:var(--heart-accent);opacity:0;transform:translate(0) scale(.2);will-change:transform,opacity}.heart-burst-button__count{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-size:.85rem;color:rgba(226,232,240,.7)}.heart-burst-button--liked .heart-burst-button__count{color:var(--heart-accent)}.heart-burst-preview__state{margin:0;font-size:.75rem;color:rgba(148,163,184,.7)}.heart-burst-inspector__preview{margin-bottom:1rem}@media (prefers-reduced-motion:reduce){.heart-particle{display:none}}.v4-svg-art{position:relative;z-index:1;width:min(100%,210px);height:auto;overflow:visible;color:var(--v4-svg-accent);filter:drop-shadow(0 0 20px var(--v4-svg-soft))}.v4-svg-stroke{fill:none;stroke:var(--v4-svg-accent);stroke-width:calc(5px * var(--v4-svg-intensity, 1));stroke-linecap:round;stroke-linejoin:round}.v4-svg-stroke--thin{stroke-width:calc(3px * var(--v4-svg-intensity, 1))}.v4-svg-stroke--draw{stroke-dasharray:1;stroke-dashoffset:1;animation:v4SvgDraw var(--v4-svg-duration,2.8s) cubic-bezier(.22,1,.36,1) forwards infinite;animation-delay:calc(var(--v4-stroke-index, 0) * .22s)}.v4-svg-stroke--ghost{stroke:var(--v4-svg-accent-2);stroke-width:calc(8px * var(--v4-svg-intensity, 1));opacity:.16}.v4-svg-script-fill{fill:var(--v4-svg-accent);font-family:Brush Script MT,Segoe Script,Snell Roundhand,cursive;font-size:54px;font-weight:700;letter-spacing:0}.v4-svg-mask-stroke{stroke-width:calc(36px * var(--v4-svg-intensity, 1));stroke-dasharray:1;stroke-dashoffset:1;animation:v4SvgDraw var(--v4-svg-duration,3s) cubic-bezier(.22,1,.36,1) forwards infinite}.v4-svg-fill-shape{fill:var(--v4-svg-fill);stroke:none;opacity:0;transform-box:fill-box;transform-origin:center;animation:v4SvgFillReveal var(--v4-svg-duration,2.8s) ease forwards infinite}.v4-svg-morph-shape{fill:var(--v4-svg-fill);stroke:color-mix(in srgb,var(--v4-svg-accent-2) 78%,white);stroke-width:calc(2.6px * var(--v4-svg-intensity, 1));stroke-linejoin:round;animation:v4MorphShapeFloat var(--v4-svg-duration,4.2s) ease-in-out infinite}.v4-svg-morph-ghost{fill:none;stroke-width:1.8px;stroke-linejoin:round;stroke-dasharray:8 9;opacity:.28;animation:v4MorphGhostPulse var(--v4-svg-duration,4.2s) ease-in-out infinite}.v4-svg-morph-ghost--from{stroke:var(--v4-svg-accent)}.v4-svg-morph-ghost--to{stroke:var(--v4-svg-accent-2);animation-delay:calc(var(--v4-svg-duration, 4.2s) * -.5)}.v4-svg-morph-shine{fill:none;stroke:rgba(248,250,252,.86);stroke-width:calc(1.9px * var(--v4-svg-intensity, 1));stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.2 .8;animation:v4MorphTrace var(--v4-svg-duration,4.2s) ease-in-out infinite}.v4-svg-stroke--static{stroke:var(--v4-svg-accent-2);stroke-width:1.5px;opacity:.22}.v4-svg-gooey-group{fill:var(--v4-svg-accent)}.v4-svg-blob{transform-box:fill-box;transform-origin:center}.v4-svg-blob--one{animation:v4BlobOne var(--v4-svg-duration,4s) ease-in-out infinite}.v4-svg-blob--two{animation:v4BlobTwo var(--v4-svg-duration,4s) ease-in-out infinite}.v4-svg-blob--three{opacity:.86;animation:v4BlobThree var(--v4-svg-duration,4s) ease-in-out infinite}.v4-svg-blob--four{opacity:.72;animation:v4BlobFour var(--v4-svg-duration,4s) ease-in-out infinite}@keyframes v4ElasticSnap{0%{opacity:0;transform:translateY(calc(18px * var(--v4-text-intensity, 1))) scale(.92)}70%{opacity:1;transform:translateY(calc(-5px * var(--v4-text-intensity, 1))) scale(calc(1 + .05 * var(--v4-text-intensity, 1)))}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes v4NeonFlicker{0%,18%,22%,to{opacity:1}20%{opacity:.72}64%{opacity:.9}66%{opacity:1}}@keyframes v4SplitRise{0%{opacity:0;transform:translateY(calc(.62em * var(--v4-text-intensity, 1))) rotate(calc(-8deg * var(--v4-text-intensity, 1)))}to{opacity:1;transform:translateY(0) rotate(0)}}@keyframes v4SquiggleWeight{0%,to{text-decoration-thickness:calc(.07em * var(--v4-text-intensity, 1));text-underline-offset:calc(.18em + .04em * var(--v4-text-intensity, 1))}50%{text-decoration-thickness:calc(.14em * var(--v4-text-intensity, 1));text-underline-offset:calc(.24em + .05em * var(--v4-text-intensity, 1))}}@keyframes v4ScrambleClear{0%,52%{opacity:.86;-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}to{opacity:0;-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}}@keyframes v4ScrambleTick{50%{transform:translateY(-.05em)}}@keyframes v4LineStepReveal{0%{max-height:var(--v4-line-height)}to{max-height:calc(var(--v4-text-lines, 3) * var(--v4-line-height))}}@keyframes v4TextCaret{50%{opacity:0}}@keyframes v4VariableAxis{0%{font-weight:420;font-stretch:92%;font-variation-settings:"wght" 420,"wdth" 92,"slnt" 0}55%{font-weight:880;font-stretch:112%;font-variation-settings:"wght" calc(760 + 100 * var(--v4-text-intensity, 1)),"wdth" calc(104 + 10 * var(--v4-text-intensity, 1)),"slnt" calc(-6 * var(--v4-text-intensity, 1))}to{font-weight:620;font-stretch:100%;font-variation-settings:"wght" 620,"wdth" 100,"slnt" 0}}@keyframes v4SvgDraw{0%{stroke-dashoffset:1}58%,to{stroke-dashoffset:0}}@keyframes v4SvgFillReveal{0%,48%{opacity:0;transform:scale(.96)}78%,to{opacity:1;transform:scale(1)}}@keyframes v4MorphShapeFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(calc(-4px * var(--v4-svg-intensity, 1))) scale(1.015)}}@keyframes v4MorphGhostPulse{0%,to{opacity:.18;stroke-dashoffset:0}50%{opacity:.42;stroke-dashoffset:12}}@keyframes v4MorphTrace{0%{opacity:.32;stroke-dashoffset:1}50%{opacity:.95}to{opacity:.36;stroke-dashoffset:0}}@keyframes v4BlobOne{50%{transform:translateX(calc(10px * var(--v4-svg-intensity, 1))) translateY(calc(-4px * var(--v4-svg-intensity, 1)))}}@keyframes v4BlobTwo{50%{transform:translateX(calc(-14px * var(--v4-svg-intensity, 1))) translateY(calc(5px * var(--v4-svg-intensity, 1)))}}@keyframes v4BlobThree{50%{transform:translateX(calc(5px * var(--v4-svg-intensity, 1))) translateY(calc(15px * var(--v4-svg-intensity, 1)))}}@keyframes v4BlobFour{50%{transform:translateX(calc(9px * var(--v4-svg-intensity, 1))) translateY(calc(-11px * var(--v4-svg-intensity, 1)))}}@media (prefers-reduced-motion:reduce){.v4-svg-blob,.v4-svg-fill-shape,.v4-svg-mask-stroke,.v4-svg-morph-ghost,.v4-svg-morph-shape,.v4-svg-morph-shine,.v4-svg-stroke--draw,.v4-text-grapheme,.v4-text-line-step__caret,.v4-text-line-step__copy,.v4-text-scramble-row,.v4-text-scramble-row span,.v4-text-word--neon,.v4-text-word--squiggle,.v4-text-word--variable,.v4-text-word__unit{animation:none}.v4-text-grapheme,.v4-text-word__unit{opacity:1;transform:none}.v4-text-scramble-row{opacity:0}.v4-text-line-step__copy{max-height:none}.v4-svg-mask-stroke,.v4-svg-stroke--draw{stroke-dashoffset:0}.v4-svg-fill-shape{opacity:1;transform:none}.v4-svg-morph-shape{transform:none}}@media (max-width:900px){.v4-svg-facts,.v4-svg-grid,.v4-text-facts,.v4-text-grid{grid-template-columns:1fr}.v4-svg-panel__header,.v4-text-panel__header{display:grid}}@media (max-width:768px){.v4-svg-panel,.v4-text-panel{padding:20px}.v4-text-word{font-size:clamp(1.65rem,11vw,3.2rem)}.v4-svg-art{width:min(100%,190px)}}.badge-preview{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--radius-md);background:rgba(2,6,23,.5);border:1px dashed rgba(148,163,184,.2);align-items:center}.badge-tile{position:relative;width:56px;height:56px;display:grid;place-items:center;color:rgba(203,213,225,.95)}.badge-tile__icon{display:grid;place-items:center}.badge{position:absolute;top:-4px;right:-6px;display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--badge-accent);color:#0f172a;font-size:12px;font-weight:700;transform-origin:center}.badge--animating{animation:badgePop var(--badge-duration) cubic-bezier(.34,1.56,.64,1)}@keyframes badgePop{0%{transform:scale(1)}45%{transform:scale(var(--badge-scale))}to{transform:scale(1)}}.badge-preview__controls{display:flex;gap:8px}.badge-preview__button{padding:6px 14px;border-radius:var(--radius-full);border:1px solid var(--border);background:rgba(30,41,59,.9);color:var(--fg);font-size:.8rem;cursor:pointer}.badge-preview__button--ghost{background:transparent;color:rgba(148,163,184,.85)}.badge-inspector__preview{display:flex;flex-direction:column;gap:12px;padding:32px;border-radius:var(--radius-md);background:linear-gradient(180deg,#0a1220,#050912);border:1px solid var(--border);align-items:flex-start}@media (prefers-reduced-motion:reduce){.badge--animating{animation:none}}