.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}}.elastic-stage{display:grid;place-items:center;place-content:center}.elastic-stage__phrase{display:flex;flex-wrap:wrap;justify-content:center;gap:.25em;margin:0;color:var(--elastic-fg,#e0f2fe);font-size:clamp(1.3rem,3vw,2.2rem);font-weight:700;line-height:1;letter-spacing:.01em;text-shadow:0 0 22px var(--elastic-soft,rgba(103,232,249,.14))}.pattern-preview--inspector .elastic-stage__phrase{font-size:clamp(1.8rem,4vw,3rem)}.elastic-stage__word{display:inline-block;transform-origin:50% 100%;animation:elastic-snap var(--elastic-duration,2.6s) cubic-bezier(.22,1.45,.36,1) infinite both;animation-delay:calc(var(--elastic-index, 0) * var(--elastic-stagger, 90ms))}@keyframes elastic-snap{0%{opacity:0;transform:translateY(calc(18px * var(--elastic-intensity, 1))) scale(.92)}35%{opacity:1;transform:translateY(calc(-5px * var(--elastic-intensity, 1))) scale(calc(1 + .05 * var(--elastic-intensity, 1)))}55%{opacity:1;transform:translateY(0) scale(1)}88%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-6px) scale(.96)}}@media (prefers-reduced-motion:reduce){.elastic-stage__word{animation:none;opacity:1;transform:none}}.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}}.rainbow-stage{display:grid;place-items:center;place-content:center}.rainbow-stage__text{color:var(--rainbow-fallback,#dbeafe);font-size:clamp(1.5rem,3vw,2.6rem);font-weight:900;letter-spacing:.01em;line-height:1;white-space:nowrap}.pattern-preview--inspector .rainbow-stage__text{font-size:clamp(2rem,4vw,3.4rem)}@supports (((-webkit-background-clip:text) or (background-clip:text)) or (-webkit-background-clip:text)){.rainbow-stage__text{background-image:var(--rainbow-gradient);background-size:var(--rainbow-bg-size,300% 100%);background-position:0 50%;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 var(--rainbow-glow,14px) var(--rainbow-shadow,rgba(244,114,182,.26)));animation:rainbow-text-sweep var(--rainbow-duration,4.8s) linear infinite}}@keyframes rainbow-text-sweep{0%{background-position:0 50%}to{background-position:100% 50%}}@media (prefers-reduced-motion:reduce){.rainbow-stage__text{animation:none;background-position:55% 50%}}.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}}.handwritten-stage{display:grid;place-items:center;place-content:center}.handwritten-stage__svg{width:min(92%,280px);height:auto;filter:drop-shadow(0 0 18px var(--handwritten-glow));overflow:visible}.pattern-preview--inspector .handwritten-stage__svg{width:min(82%,460px)}.handwritten-stage__word{fill:var(--handwritten-accent);font-family:Brush Script MT,Segoe Script,Snell Roundhand,cursive;font-weight:700;letter-spacing:0}.handwritten-stage__mask-stroke{stroke-width:calc(var(--handwritten-mask-base-width, 70px) * var(--handwritten-intensity, 1));stroke-dasharray:1;stroke-dashoffset:1;animation:handwritten-reveal var(--handwritten-duration,5s) cubic-bezier(.55,.05,.35,.95) infinite}@keyframes handwritten-reveal{0%,6%{stroke-dashoffset:1}46%{stroke-dashoffset:0}82%{stroke-dashoffset:0}92%,to{stroke-dashoffset:1}}@media (prefers-reduced-motion:reduce){.handwritten-stage__mask-stroke{animation:none;stroke-dashoffset:0}}.multiline-stage{--multiline-line-height:1.35em;display:grid;place-items:center;place-content:center}.multiline-stage__block{position:relative;width:min(100%,22ch);min-height:calc(var(--multiline-line-count, 3) * var(--multiline-line-height));display:grid;grid-template-columns:minmax(0,1fr) 4px;grid-gap:10px;gap:10px;align-items:start;color:var(--multiline-fg,#e0f2fe);font-size:clamp(1.05rem,2.4vw,1.6rem);font-weight:700;line-height:1.35;letter-spacing:0;text-shadow:0 0 22px var(--multiline-soft,rgba(103,232,249,.13))}.pattern-preview--inspector .multiline-stage__block{font-size:clamp(1.4rem,3.2vw,2.2rem);width:min(100%,28ch)}.multiline-stage__copy{display:block;max-height:var(--multiline-line-height);overflow:hidden;animation:multiline-reveal var(--multiline-duration,3.6s) steps(var(--multiline-line-count,3)) infinite}.multiline-stage__copy span{display:block;min-height:var(--multiline-line-height)}.multiline-stage__caret{width:4px;height:var(--multiline-line-height);background:var(--multiline-accent,#67e8f9);align-self:end;border-radius:2px;opacity:calc(.85 * var(--multiline-intensity, 1));animation:multiline-caret-blink .9s steps(2) infinite}@keyframes multiline-reveal{0%{max-height:var(--multiline-line-height)}to{max-height:calc(var(--multiline-line-count, 3) * var(--multiline-line-height))}}@keyframes multiline-caret-blink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.multiline-stage__copy{animation:none;max-height:none}.multiline-stage__caret{animation:none;opacity:0}}.neon-stage{display:grid;place-items:center;place-content:center;background:radial-gradient(circle at 50% 50%,rgba(0,0,0,.25) 0,transparent 70%)}.neon-stage__word{margin:0;color:var(--neon-fg,#f0fdff);font-size:clamp(1.4rem,3vw,2.4rem);font-weight:800;letter-spacing:.06em;white-space:nowrap;text-shadow:0 0 3px currentColor,0 0 calc(12px * var(--neon-intensity, 1)) var(--neon-accent),0 0 calc(28px * var(--neon-intensity, 1)) var(--neon-accent-2),0 0 calc(48px * var(--neon-intensity, 1)) var(--neon-accent);animation:neon-flicker var(--neon-duration,2.5s) steps(8) infinite}.pattern-preview--inspector .neon-stage__word{font-size:clamp(2rem,4vw,3.4rem)}@keyframes neon-flicker{0%,38%,62%,to{opacity:1;text-shadow:0 0 3px currentColor,0 0 calc(12px * var(--neon-intensity, 1)) var(--neon-accent),0 0 calc(28px * var(--neon-intensity, 1)) var(--neon-accent-2),0 0 calc(48px * var(--neon-intensity, 1)) var(--neon-accent)}44%{opacity:.85;text-shadow:0 0 2px currentColor,0 0 calc(6px * var(--neon-intensity, 1)) var(--neon-accent),0 0 calc(14px * var(--neon-intensity, 1)) var(--neon-accent-2)}56%{opacity:1;text-shadow:0 0 4px currentColor,0 0 calc(16px * var(--neon-intensity, 1)) var(--neon-accent),0 0 calc(36px * var(--neon-intensity, 1)) var(--neon-accent-2),0 0 calc(60px * var(--neon-intensity, 1)) var(--neon-accent)}}@media (prefers-reduced-motion:reduce){.neon-stage__word{animation:none}}.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}}.star-preview{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;border-radius:var(--radius-md);background:rgba(2,6,23,.5);border:1px dashed rgba(148,163,184,.2)}.star-preview__state{margin:0;font-size:.75rem;color:rgba(148,163,184,.7)}.star-rating{display:inline-flex;flex-direction:row-reverse;gap:4px}.star-rating input{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.star-rating label{cursor:pointer;color:var(--star-empty);transition:color var(--star-transition) ease;display:inline-flex;padding:2px;border-radius:4px}.star-rating input:focus-visible+label{outline:2px solid rgba(125,211,252,.8);outline-offset:2px}.star-rating input:checked~label,.star-rating label:hover,.star-rating label:hover~label{color:var(--star-filled)}.star-rating:hover input:checked~label{color:var(--star-empty)}.star-rating:hover input:checked~label:hover,.star-rating:hover input:checked~label:hover~label{color:var(--star-filled)}.star-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}.star-inspector__hint{margin:0;font-size:.75rem;color:rgba(148,163,184,.7)}@media (prefers-reduced-motion:reduce){.star-rating label{transition:none}}.rm-skeleton-tile{display:grid;grid-template-columns:56px 1fr;grid-template-areas:"cover title" "cover line" "cover short";grid-gap:10px;gap:10px;padding:12px;background:rgba(15,23,42,.6);border-radius:12px;border:1px solid var(--border)}.rm-skeleton{background:rgba(148,163,184,.22);border-radius:6px;position:relative;overflow:hidden}.rm-skeleton--cover{grid-area:cover;width:56px;height:56px;border-radius:10px}.rm-skeleton--title{grid-area:title;height:14px;width:75%}.rm-skeleton--line{grid-area:line;height:10px;width:92%}.rm-skeleton--short{grid-area:short;height:10px;width:45%}.rm-skeleton-tile--shimmer .rm-skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.14) 50%,transparent 80%);background-size:200% 100%;animation:rmSkeletonSweep var(--rm-duration) linear infinite}@keyframes rmSkeletonSweep{0%{background-position:200% 0}to{background-position:-200% 0}}.rm-skeleton-tile--fade .rm-skeleton{animation:rmSkeletonFade var(--rm-duration) ease-in-out infinite alternate}@keyframes rmSkeletonFade{0%{opacity:1}to{opacity:var(--rm-fade-opacity)}}.rm-skeleton-tile--static .rm-skeleton{background:rgba(148,163,184,calc(var(--rm-fade-opacity) * .5 + .1))}.segmented{position:relative;display:grid;grid-template-columns:repeat(var(--segment-count),1fr);padding:4px;background:rgba(15,23,42,.75);border-radius:999px;border:1px solid var(--border);min-width:220px;margin:0}.segmented legend.visually-hidden{white-space:nowrap}.segmented input,.segmented legend.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.segmented label{position:relative;z-index:1;padding:8px 14px;border-radius:999px;text-align:center;cursor:pointer;color:rgba(148,163,184,.85);font-size:.8rem;font-weight:500;transition:color var(--segment-duration) ease}.segmented:before{content:"";position:absolute;inset:4px;width:calc(100% / var(--segment-count) - 8px);border-radius:999px;background:var(--segment-accent);transform:translateX(calc(100% * var(--segment-active)));transition:transform var(--segment-duration) cubic-bezier(.2,.8,.2,1);z-index:0}.segmented input:checked+label{color:#0f172a}.segmented input:focus-visible+label{outline:2px solid var(--segment-accent);outline-offset:4px}@media (prefers-reduced-motion:reduce){.segmented label,.segmented:before{transition:none}}@property --donut-progress{syntax:"<number>";inherits:false;initial-value:0}.donut-figure{margin:0}.donut-figure--allocation{display:grid;justify-items:center;grid-gap:8px;gap:8px;text-align:center}.donut.donut--allocation{position:relative;display:grid;width:96px;aspect-ratio:1;place-items:center;border-radius:var(--radius-full);background:conic-gradient(var(--donut-a) calc(var(--donut-progress) * var(--donut-value) * 1%),var(--donut-b) 0 calc(var(--donut-progress) * (var(--donut-value) + var(--donut-second)) * 1%),rgba(148,163,184,.18) 0);animation:donutSweep var(--donut-duration,2.4s) cubic-bezier(.45,0,.55,1) infinite both}.donut.donut--allocation:before{content:"";position:absolute;inset:14px;border-radius:inherit;background:rgba(5,8,16,.94);box-shadow:inset 0 0 18px rgba(255,255,255,.04)}.donut.donut--allocation span{position:relative;z-index:1;color:var(--foreground);font-size:1rem;font-weight:800}.donut-figure--progress{display:grid;justify-items:center;grid-gap:10px;gap:10px;text-align:center}.donut.donut--progress{position:relative;display:grid;width:100px;aspect-ratio:1;place-items:center;border-radius:var(--radius-full);background:conic-gradient(var(--donut-a) calc(var(--donut-progress) * var(--donut-value) * 1%),rgba(148,163,184,.16) 0);animation:donutSweep var(--donut-duration,2.8s) cubic-bezier(.45,0,.55,1) infinite both}.donut.donut--progress:before{content:"";position:absolute;inset:14px;border-radius:inherit;background:rgba(5,8,16,.94);box-shadow:inset 0 0 18px rgba(255,255,255,.04)}.donut.donut--progress span{position:relative;z-index:1;color:var(--foreground);font-size:1.3rem;font-weight:800;letter-spacing:-.02em}.donut-figure--indicator{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:14px;gap:14px;width:min(100%,280px);text-align:left}.donut.donut--indicator{position:relative;width:36px;aspect-ratio:1;border-radius:var(--radius-full);background:conic-gradient(var(--donut-a) calc(var(--donut-progress) * var(--donut-value) * 1%),rgba(148,163,184,.16) 0);animation:donutSweep var(--donut-duration,1.8s) cubic-bezier(.45,0,.55,1) infinite both}.donut.donut--indicator:before{content:"";position:absolute;inset:6px;border-radius:inherit;background:rgba(5,8,16,.94)}.donut.donut--indicator:after{content:"";position:absolute;inset:12px;border-radius:inherit;background:var(--donut-a);box-shadow:0 0 8px var(--donut-a)}.donut-figure figcaption{display:grid;grid-gap:4px;gap:4px;color:var(--muted);font-size:.82rem;line-height:1.35}.donut-figure--allocation figcaption,.donut-figure--progress figcaption{max-width:260px}.donut-figure strong{color:var(--foreground);font-weight:700}.pattern-preview--inspector .donut.donut--allocation{width:144px}.pattern-preview--inspector .donut.donut--allocation:before{inset:22px}.pattern-preview--inspector .donut.donut--allocation span{font-size:1.5rem}.pattern-preview--inspector .donut-figure--allocation{gap:14px}.pattern-preview--inspector .donut-figure--allocation figcaption{font-size:.92rem;max-width:320px}.pattern-preview--inspector .donut.donut--progress{width:144px}.pattern-preview--inspector .donut.donut--progress:before{inset:20px}.pattern-preview--inspector .donut.donut--progress span{font-size:1.85rem}.pattern-preview--inspector .donut-figure--progress{gap:14px}.pattern-preview--inspector .donut-figure--progress figcaption{font-size:.92rem;max-width:320px}.pattern-preview--inspector .donut.donut--indicator{width:52px}.pattern-preview--inspector .donut.donut--indicator:before{inset:8px}.pattern-preview--inspector .donut.donut--indicator:after{inset:16px}.pattern-preview--inspector .donut-figure--indicator{gap:18px;width:min(100%,360px)}.pattern-preview--inspector .donut-figure--indicator figcaption{font-size:.92rem}@keyframes donutSweep{0%,8%{--donut-progress:0}50%,70%{--donut-progress:1}to{--donut-progress:0}}@media (prefers-reduced-motion:reduce){.donut{animation:none;--donut-progress:1}}