@property --dot-x{syntax:"<percentage>";inherits:false;initial-value:30%}@property --dot-y{syntax:"<percentage>";inherits:false;initial-value:40%}@property --typed-angle{syntax:"<angle>";inherits:false;initial-value:120deg}@property --hue{syntax:"<number>";inherits:false;initial-value:155}@property --gradient-stop{syntax:"<percentage>";inherits:false;initial-value:42%}.adopted-showcase-panel .pattern-card{overflow:hidden}.adopted-preview{display:grid;place-items:center;min-height:168px;padding:18px;overflow:hidden;isolation:isolate}.adopted-preview--inspector{min-height:260px;padding:28px}.pattern-preview.adopted-preview--idle-wiggle{background:transparent;box-shadow:none}.pattern-preview.adopted-preview--idle-wiggle:before{display:none}.adopted-visual__odometer,.adopted-visual__scene,.adopted-visual__svg{width:min(100%,280px);height:132px}.adopted-preview--inspector .adopted-visual__odometer,.adopted-preview--inspector .adopted-visual__scene,.adopted-preview--inspector .adopted-visual__svg{width:min(100%,420px);height:190px}.adopted-visual__scene{position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid color-mix(in srgb,var(--adopted-accent) 25%,transparent);border-radius:18px;background:linear-gradient(145deg,rgba(15,23,42,.86),rgba(3,7,18,.94)),#08111f;box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.adopted-visual__scene strong{position:relative;z-index:2;max-width:12rem;color:#e0f2fe;font-size:.78rem;font-weight:900;letter-spacing:.05em;text-align:center;text-transform:uppercase}.adopted-visual__scene span{position:absolute;display:block;background:var(--adopted-accent);opacity:.72;will-change:transform,opacity,filter}.adopted-visual__scene--parallax-stack{display:grid;place-items:center;perspective:620px;overflow:visible}.adopted-visual__parallax-stack{position:relative;width:min(62%,168px);height:68px;transform-style:preserve-3d;animation:adoptedParallaxCard var(--adopted-duration) ease-in-out infinite;will-change:transform}.adopted-visual__scene--parallax-stack .adopted-visual__parallax-depth{position:absolute;inset:0;display:grid;place-items:center;border-radius:14px;-webkit-backface-visibility:hidden;backface-visibility:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--adopted-accent) 32%,transparent),transparent 56%),rgba(15,23,42,.86);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--adopted-accent) 38%,transparent),0 14px 30px rgba(2,6,23,.22);color:color-mix(in srgb,var(--adopted-accent) 68%,white);font-size:.72rem;font-weight:900;letter-spacing:.06em;text-align:center;text-transform:uppercase;transform-style:preserve-3d;will-change:transform}.adopted-visual__scene--parallax-stack .adopted-visual__parallax-depth--back{transform:translate3d(-22px,12px,-48px);opacity:.58}.adopted-visual__scene--parallax-stack .adopted-visual__parallax-depth--mid{transform:translate3d(-7px,5px,-14px);opacity:.76}.adopted-visual__scene--parallax-stack .adopted-visual__parallax-depth--front{transform:translate3d(14px,-9px,42px);opacity:1;background:linear-gradient(135deg,color-mix(in srgb,var(--adopted-accent) 28%,transparent),transparent 58%),rgba(15,23,42,.94);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--adopted-accent) 52%,transparent),0 18px 36px rgba(2,6,23,.28)}.adopted-visual__scene--glare-plane{perspective:620px;overflow:hidden}.adopted-visual__glare-plane{position:relative;width:min(68%,176px);height:74px;overflow:hidden;border-radius:15px;transform-style:preserve-3d;animation:adoptedGlarePlaneTilt var(--adopted-duration) ease-in-out infinite;will-change:transform}.adopted-visual__glare-chip,.adopted-visual__scene--glare-plane .adopted-visual__glare-card,.adopted-visual__scene--glare-plane .adopted-visual__glare-sheen{position:absolute;inset:0}.adopted-visual__scene--glare-plane .adopted-visual__glare-card{display:block;border-radius:inherit;opacity:1;background:linear-gradient(135deg,color-mix(in srgb,var(--adopted-accent) 24%,transparent),transparent 58%),rgba(15,23,42,.94);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--adopted-accent) 42%,transparent);transform:translateZ(0)}.adopted-visual__scene--glare-plane .adopted-visual__glare-sheen{inset:auto;top:-14px;bottom:-14px;left:0;right:auto;width:42px;display:block;opacity:0;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18) 26%,rgba(255,255,255,.52) 50%,rgba(255,255,255,.16) 72%,transparent);filter:blur(.4px);mix-blend-mode:screen;transform:translate3d(-56px,0,28px) rotate(14deg);animation:adoptedGlareReflection var(--adopted-duration) ease-in-out infinite}.adopted-visual__glare-chip{display:grid;place-items:center;max-width:none;color:color-mix(in srgb,var(--adopted-accent) 68%,white);font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;transform:translateZ(44px);-webkit-backface-visibility:hidden;backface-visibility:hidden}.adopted-visual__scene--scene-split{perspective:700px;overflow:visible}.adopted-visual__scene-split{position:relative;width:min(72%,184px);height:78px;transform-style:preserve-3d;animation:adoptedSceneSplitCamera var(--adopted-duration) ease-in-out infinite;will-change:transform}.adopted-visual__scene--scene-split .adopted-visual__split-backdrop,.adopted-visual__scene--scene-split .adopted-visual__split-midground,.adopted-visual__split-foreground{position:absolute;border-radius:15px;-webkit-backface-visibility:hidden;backface-visibility:hidden}.adopted-visual__scene--scene-split .adopted-visual__split-backdrop{inset:12px 22px 10px 4px;display:block;overflow:hidden;opacity:.58;background:rgba(15,23,42,.78);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--adopted-accent) 20%,transparent);transform:translate3d(-20px,10px,-58px)}.adopted-visual__scene--scene-split .adopted-visual__split-backdrop:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 28% 34%,var(--adopted-accent) 0 5px,transparent 6px),radial-gradient(circle at 72% 64%,var(--adopted-accent-b) 0 4px,transparent 5px);transform:translateZ(0);pointer-events:none}.adopted-visual__scene--scene-split .adopted-visual__split-midground{inset:8px 12px;display:block;opacity:1;border:1px solid color-mix(in srgb,var(--adopted-accent) 36%,transparent);background:rgba(15,23,42,.88);transform:translate3d(-4px,2px,-8px)}.adopted-visual__split-foreground{width:112px;height:34px;right:10px;top:12px;display:grid;place-items:center;max-width:none;color:color-mix(in srgb,var(--adopted-accent) 68%,white);font-size:.72rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;background:rgba(15,23,42,.96);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--adopted-accent) 46%,transparent);transform:translate3d(20px,-8px,46px)}.adopted-visual__scene--halftone-drift{background:radial-gradient(circle at var(--dot-x,30%) var(--dot-y,40%),var(--adopted-accent) 0 2px,transparent 3px),radial-gradient(circle at calc(var(--dot-x, 30%) + 13px) calc(var(--dot-y, 40%) + 9px),var(--adopted-accent-b) 0 1.8px,transparent 3px),#08111f;background-size:18px 18px,18px 18px,auto;animation:adoptedHalftonePhase var(--adopted-duration) linear infinite}.adopted-visual__scene--halftone-drift span{display:none}.adopted-visual__scene--starfield{overflow:hidden;background:#060818}.adopted-visual__starfield-layer{position:absolute;inset:-22px;background-repeat:repeat;will-change:transform}.adopted-visual__starfield-layer--far{background-image:radial-gradient(circle,#e0f2fe 0 1px,transparent 1.6px);background-size:72px 54px;animation:adoptedStarLayerFar var(--adopted-duration) linear infinite}.adopted-visual__starfield-layer--mid{background-image:radial-gradient(circle,var(--adopted-accent) 0 1.3px,transparent 2px);background-size:96px 68px;animation:adoptedStarLayerMid var(--adopted-duration) linear infinite}.adopted-visual__starfield-layer--near{background-image:radial-gradient(circle,var(--adopted-accent-b) 0 1.8px,transparent 2.5px);background-size:126px 86px;animation:adoptedStarLayerNear var(--adopted-duration) linear infinite}.adopted-visual__starfield-orbit-star,.adopted-visual__starfield-star{width:3px;height:3px;border-radius:50%;box-shadow:0 0 12px currentColor;color:var(--adopted-accent)}.adopted-visual__starfield-star{animation:adoptedStarTwinklePhase 1.8s ease-in-out infinite;animation-delay:calc(var(--item-index) * -.13s)}.adopted-visual__starfield-layer-parallax .adopted-visual__starfield-star{animation-duration:2.4s;opacity:.7}.adopted-visual__starfield-star:first-of-type{left:12%;top:22%}.adopted-visual__starfield-star:nth-of-type(2){left:28%;top:34%}.adopted-visual__starfield-star:nth-of-type(3){left:46%;top:18%}.adopted-visual__starfield-star:nth-of-type(4){left:62%;top:42%}.adopted-visual__starfield-star:nth-of-type(5){left:78%;top:24%}.adopted-visual__starfield-star:nth-of-type(6){left:88%;top:68%}.adopted-visual__starfield-star:nth-of-type(7){left:18%;top:72%}.adopted-visual__starfield-star:nth-of-type(8){left:36%;top:58%}.adopted-visual__starfield-star:nth-of-type(9){left:54%;top:76%}.adopted-visual__starfield-star:nth-of-type(10){left:72%;top:60%}.adopted-visual__starfield-star:nth-of-type(11){left:8%;top:48%}.adopted-visual__starfield-star:nth-of-type(12){left:22%;top:12%}.adopted-visual__starfield-star:nth-of-type(13){left:40%;top:84%}.adopted-visual__starfield-star:nth-of-type(14){left:58%;top:10%}.adopted-visual__starfield-orbit-star{left:50%;top:50%;transform-origin:calc(-26px * var(--adopted-intensity)) center;animation:adoptedStarOrbitDrift var(--adopted-duration) linear infinite;animation-delay:calc(var(--item-index) * -.26s)}.adopted-visual__starfield-orbit-star:nth-child(2n){transform-origin:calc(32px * var(--adopted-intensity)) center}.adopted-visual__starfield-orbit-star:nth-child(3n){transform-origin:center calc(-30px * var(--adopted-intensity));color:var(--adopted-accent-b)}.adopted-visual__scene--typed-gradient{--gradient-stop:42%;--typed-angle:100deg;display:grid;place-items:center;overflow:hidden;background:#08111f}.adopted-visual__typed-gradient-surface{position:absolute;inset:12px;display:block;border-radius:14px;opacity:.94}.adopted-visual__typed-gradient--angle-spin .adopted-visual__typed-gradient-surface{background:linear-gradient(var(--typed-angle),var(--adopted-accent),var(--adopted-accent-b),#08111f 76%);animation:adoptedTypedGradientAngle var(--adopted-duration) ease-in-out infinite}.adopted-visual__typed-gradient--hue-slide .adopted-visual__typed-gradient-surface{--hue:155;background:linear-gradient(135deg,hsl(var(--hue) 86% 62%),hsl(calc(var(--hue) + 52) 84% 64%),hsl(calc(var(--hue) + 104) 82% 70%));animation:adoptedTypedGradientHue var(--adopted-duration) ease-in-out infinite}.adopted-visual__typed-gradient--stop-breathe .adopted-visual__typed-gradient-surface{background:linear-gradient(112deg,#08111f 0,var(--adopted-accent) var(--gradient-stop),var(--adopted-accent-b) calc(var(--gradient-stop) + 18%),#08111f 100%);animation:adoptedTypedGradientStop var(--adopted-duration) ease-in-out infinite}.adopted-visual__idle-wiggle span{position:relative;inset:auto;display:block;opacity:1;will-change:transform,opacity}.adopted-visual__scene--idle-wiggle{background:transparent;box-shadow:none}.adopted-visual__scene--idle-wiggle .adopted-visual__idle-ui-card{display:grid;align-items:center;border:1px solid rgba(148,163,184,.26);background:rgba(15,23,42,.72)}.adopted-visual__scene--idle-wiggle .adopted-visual__idle-ui-card--notice{width:138px;height:58px;grid-template-columns:24px minmax(0,1fr) 13px;gap:9px;padding:10px 12px;border-radius:12px}.adopted-visual__scene--idle-wiggle .adopted-visual__idle-ui-card--task{width:126px;height:48px;grid-template-columns:18px minmax(0,1fr) 13px;gap:8px;padding:9px 11px;border-radius:10px}.adopted-visual__scene--idle-wiggle .adopted-visual__idle-ui-card--message{width:150px;height:54px;grid-template-columns:22px minmax(0,1fr) 13px;gap:9px;padding:10px 12px;border-radius:13px}.adopted-visual__idle-ui-action,.adopted-visual__idle-ui-avatar,.adopted-visual__idle-ui-check,.adopted-visual__idle-ui-icon,.adopted-visual__idle-ui-meta,.adopted-visual__idle-ui-title{border-radius:999px}.adopted-visual__scene--idle-wiggle .adopted-visual__idle-ui-icon{width:22px;height:22px;border-radius:7px;background:#1e293b;border:1px solid rgba(148,163,184,.26)}.adopted-visual__scene--idle-wiggle .adopted-visual__idle-ui-check{width:16px;height:16px;border-radius:5px;background:transparent;border:1px solid rgba(103,232,249,.6)}.adopted-visual__scene--idle-wiggle .adopted-visual__idle-ui-avatar{width:20px;height:20px;border-radius:999px;background:#1e293b;border:1px solid rgba(148,163,184,.26)}.adopted-visual__scene--idle-wiggle .adopted-visual__idle-ui-copy,.adopted-visual__scene--idle-wiggle .adopted-visual__idle-ui-message-copy,.adopted-visual__scene--idle-wiggle .adopted-visual__idle-ui-task-copy{display:grid;grid-gap:4px;gap:4px;min-width:0;background:transparent}.adopted-visual__scene--idle-wiggle .adopted-visual__idle-ui-title{width:56px;height:6px;background:rgba(226,232,240,.86)}.adopted-visual__scene--idle-wiggle .adopted-visual__idle-ui-meta{width:40px;height:5px;background:rgba(148,163,184,.58)}.adopted-visual__idle-ui-card--task .adopted-visual__idle-ui-title{width:50px}.adopted-visual__idle-ui-card--task .adopted-visual__idle-ui-meta{width:34px}.adopted-visual__idle-ui-card--message .adopted-visual__idle-ui-title{width:64px}.adopted-visual__idle-ui-card--message .adopted-visual__idle-ui-meta{width:48px}.adopted-visual__scene--idle-wiggle .adopted-visual__idle-ui-action{width:13px;height:13px;background:#67e8f9;transform-origin:50% 50%}.adopted-visual__idle-wiggle--rotate-burst .adopted-visual__idle-ui-card{transform-origin:50% 82%;animation:adoptedIdleWiggle var(--adopted-duration) ease-in-out infinite}.adopted-visual__idle-wiggle--y-bob .adopted-visual__idle-ui-card{animation:adoptedIdleBob var(--adopted-duration) ease-in-out infinite}.adopted-visual__idle-wiggle--secondary-pulse .adopted-visual__idle-ui-action{animation:adoptedIdleDot var(--adopted-duration) ease-in-out infinite}.adopted-visual__svg{display:block;overflow:visible;border:1px solid color-mix(in srgb,var(--adopted-accent) 24%,transparent);border-radius:18px;background:rgba(8,17,31,.92)}.adopted-visual__svg rect{fill:color-mix(in srgb,var(--adopted-accent) 28%,transparent);stroke:color-mix(in srgb,var(--adopted-accent) 52%,transparent);stroke-width:2}.adopted-visual__svg line,.adopted-visual__svg path{fill:none;stroke:var(--adopted-accent-b);stroke-width:5;stroke-linecap:round;stroke-linejoin:round}.adopted-visual__odometer{display:inline-flex;align-items:center;justify-content:center;gap:4px;border:1px solid color-mix(in srgb,var(--adopted-accent) 24%,transparent);border-radius:18px;background:rgba(8,17,31,.92)}.adopted-visual__odometer--single-strip{padding-inline:20px}.adopted-visual__value-window{width:112px;height:50px;overflow:hidden;border:1px solid rgba(148,163,184,.22);border-radius:12px;background:rgba(15,23,42,.9)}.adopted-visual__value-strip{display:grid;animation:adoptedOdometerRoll var(--adopted-duration) cubic-bezier(.2,.8,.2,1) infinite}.adopted-visual__value-strip b{height:50px;display:grid;place-items:center;color:color-mix(in srgb,var(--adopted-accent) 76%,white);font:900 1.35rem/1 ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.adopted-visual__digit{width:34px;height:48px;overflow:hidden;border-radius:10px;color:#e0f2fe;background:rgba(15,23,42,.92);font:900 2rem/48px ui-monospace,SFMono-Regular,Menlo,monospace;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.adopted-visual__digit b{display:block;height:48px;text-align:center;font-weight:inherit;animation:adoptedOdometerRoll var(--adopted-duration) cubic-bezier(.2,.8,.2,1) infinite;animation-delay:calc(var(--digit-index) * 90ms)}.adopted-visual__digit--steady b{animation:none}.adopted-visual__carry{margin-left:7px;color:#04111f;background:var(--adopted-accent-b);font-size:.75rem}.adopted-visual__carry,.adopted-visual__delta{padding:5px 8px;border-radius:999px;font-weight:900;animation:adoptedDeltaFade var(--adopted-duration) ease-in-out infinite}.adopted-visual__delta{margin-left:8px;color:#052e1a;background:var(--adopted-accent);font-size:.78rem}@keyframes adoptedParallaxCard{0%,to{transform:rotateX(8deg) rotateY(-10deg) translateZ(0)}50%{transform:rotateX(calc(-8deg * var(--adopted-intensity))) rotateY(calc(12deg * var(--adopted-intensity))) translateZ(18px)}}@keyframes adoptedGlarePlaneTilt{0%,to{transform:rotateX(calc(5deg * var(--adopted-intensity))) rotateY(calc(-11deg * var(--adopted-intensity)))}50%{transform:rotateX(calc(-5deg * var(--adopted-intensity))) rotateY(calc(11deg * var(--adopted-intensity)))}}@keyframes adoptedGlareReflection{0%,18%{transform:translate3d(-56px,0,28px) rotate(14deg);opacity:0}42%{opacity:.5}68%{transform:translate3d(178px,0,28px) rotate(14deg);opacity:.56}to{transform:translate3d(178px,0,28px) rotate(14deg);opacity:0}}@keyframes adoptedSceneSplitCamera{0%,to{transform:rotateX(calc(6deg * var(--adopted-intensity))) rotateY(calc(-10deg * var(--adopted-intensity)))}50%{transform:rotateX(calc(-4deg * var(--adopted-intensity))) rotateY(calc(10deg * var(--adopted-intensity)))}}@keyframes adoptedHalftonePhase{0%{--dot-x:20%;--dot-y:28%;background-position:0 0,0 0,0 0}to{--dot-x:80%;--dot-y:68%;background-position:18px 12px,-14px 10px,0 0}}@keyframes adoptedStarLayerFar{to{transform:translate3d(10px,4px,0)}}@keyframes adoptedStarLayerMid{to{transform:translate3d(calc(24px * var(--adopted-intensity)),9px,0)}}@keyframes adoptedStarLayerNear{to{transform:translate3d(calc(42px * var(--adopted-intensity)),16px,0)}}@keyframes adoptedStarTwinklePhase{0%,to{opacity:.24;transform:scale(.72)}50%{opacity:1;transform:scale(calc(1.2 * var(--adopted-intensity)))}}@keyframes adoptedStarOrbitDrift{0%{transform:rotate(0deg) translateX(22px);opacity:.42}50%{opacity:1}to{transform:rotate(1turn) translateX(22px);opacity:.42}}@keyframes adoptedTypedGradientAngle{0%,to{--typed-angle:90deg}50%{--typed-angle:250deg}}@keyframes adoptedTypedGradientHue{0%,to{--hue:155}50%{--hue:304}}@keyframes adoptedTypedGradientStop{0%,to{--gradient-stop:30%}50%{--gradient-stop:62%}}@keyframes adoptedIdleWiggle{0%,72%,to{transform:rotate(0deg) translateY(0)}78%{transform:rotate(calc(-5deg * var(--adopted-intensity))) translateY(-2px)}84%{transform:rotate(calc(4deg * var(--adopted-intensity))) translateY(1px)}90%{transform:rotate(calc(-2deg * var(--adopted-intensity))) translateY(0)}}@keyframes adoptedIdleBob{0%,70%,to{transform:translateY(0)}78%{transform:translateY(calc(-8px * var(--adopted-intensity)))}86%{transform:translateY(0)}}@keyframes adoptedIdleDot{0%,70%,to{opacity:.58;transform:scale(1)}82%{opacity:1;transform:scale(calc(1.35 * var(--adopted-intensity)))}90%{opacity:.78;transform:scale(.92)}}@keyframes adoptedOdometerRoll{0%,18%{transform:translateY(0)}54%,70%{transform:translateY(-48px)}to{transform:translateY(-96px)}}@keyframes adoptedDeltaFade{0%,28%,to{opacity:.42;transform:translateY(3px)}54%,78%{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.adopted-visual__carry,.adopted-visual__delta,.adopted-visual__digit b,.adopted-visual__glare-plane,.adopted-visual__idle-cue,.adopted-visual__idle-target,.adopted-visual__scene,.adopted-visual__scene span,.adopted-visual__scene-split,.adopted-visual__starfield-layer,.adopted-visual__value-strip{animation:none}.adopted-visual__svg animate,.adopted-visual__svg animateTransform{display:none}}