@property --h-a{syntax:"<number>";inherits:true;initial-value:265}@property --h-b{syntax:"<number>";inherits:true;initial-value:295}@property --h-c{syntax:"<number>";inherits:true;initial-value:350}@property --cx{syntax:"<number>";inherits:true;initial-value:62}@property --cy{syntax:"<number>";inherits:true;initial-value:38}.sim-shell{position:relative;isolation:isolate}.sim-ambient{position:absolute;top:0;left:0;right:0;height:min(100%,var(--amb-height,560px));z-index:-1;overflow:hidden;pointer-events:none;--size:min(34vmax,500px);--r:min(8vmax,120px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 14%,#000 62%,transparent);mask-image:linear-gradient(180deg,transparent,#000 14%,#000 62%,transparent);opacity:0;transition:opacity 1.6s ease;--h-a:var(--hue-blue);--h-b:var(--hue-violet);--h-c:var(--hue-pink)}.sim-ambient[data-ready=true]{opacity:1}.sim-ambient span{position:absolute;width:0;height:0;transform:rotate(calc(var(--p) * 1turn))}.amb-a{--h:var(--h-a);--p:var(--p-a);left:calc((var(--cx) - 6) * 1%);top:calc((var(--cy) - 5) * 1%)}.amb-b{--h:var(--h-b);--p:var(--p-b);left:calc((var(--cx) + 7) * 1%);top:calc((var(--cy) + 2) * 1%)}.amb-c{--h:var(--h-c);--p:var(--p-c);left:calc((var(--cx) - 1) * 1%);top:calc((var(--cy) + 9) * 1%)}.sim-ambient span:before{content:"";position:absolute;width:var(--size);height:var(--size);left:calc(var(--r) - var(--size) / 2);top:calc(var(--size) / -2);border-radius:50%;background:radial-gradient(closest-side,rgb(240 240 255/.42),rgb(255 255 255/0));background:radial-gradient(closest-side,oklch(var(--amb-l) var(--amb-c) calc(var(--h) + var(--seed-h,0))/var(--amb-a)),oklch(var(--amb-l) var(--amb-c) calc(var(--h) + var(--seed-h,0))/0))}.sim-ambient:is([data-mode=slow],[data-mode=step]) span{animation:amb-orbit 64s linear infinite;animation-delay:calc(var(--p) * -64s)}.sim-ambient:is([data-mode=slow],[data-mode=step]) .amb-b{animation-duration:82s;animation-direction:reverse;animation-delay:calc(var(--p) * -82s)}.sim-ambient:is([data-mode=slow],[data-mode=step]) .amb-c{animation-duration:97s;animation-delay:calc(var(--p) * -97s)}.sim-ambient:is([data-mode=slow],[data-mode=step]) span:before{animation:amb-breathe 11s ease-in-out infinite alternate}.sim-ambient:is([data-mode=slow],[data-mode=step]) .amb-b:before{animation-duration:14s}.sim-ambient:is([data-mode=slow],[data-mode=step]) .amb-c:before{animation-duration:17s}.sim-ambient[data-paused=true] span,.sim-ambient[data-paused=true] span:before{animation-play-state:paused}@keyframes amb-orbit{to{transform:rotate(1turn)}}@keyframes amb-breathe{0%{transform:scale(.9)}to{transform:scale(1.08)}}.sim-ambient[data-mode=slow]{animation:amb-hue-a 96s ease-in-out infinite alternate}.sim-ambient[data-mode=slow] .amb-a{animation-name:amb-orbit,amb-hue-a}.sim-ambient[data-mode=slow] .amb-b{animation-name:amb-orbit,amb-hue-b}.sim-ambient[data-mode=slow] .amb-c{animation-name:amb-orbit,amb-hue-c}.sim-ambient[data-mode=slow] .amb-a{animation-duration:64s,96s}.sim-ambient[data-mode=slow] .amb-b{animation-duration:82s,120s}.sim-ambient[data-mode=slow] .amb-c{animation-duration:97s,108s}.sim-ambient[data-mode=slow]{animation:none}@keyframes amb-hue-a{0%{--h-a:262}to{--h-a:300}}@keyframes amb-hue-b{0%{--h-b:285}to{--h-b:350}}@keyframes amb-hue-c{0%{--h-c:335}to{--h-c:40}}.sim-ambient[data-mode=step]{transition:opacity 1.6s ease,--h-a 1.8s ease,--h-b 1.8s ease,--h-c 1.8s ease,--cx 1.8s ease,--cy 1.8s ease}.sim-ambient[data-mode=step][data-step="0"]{--h-a:265;--h-b:280;--h-c:295;--cx:72;--cy:34}.sim-ambient[data-mode=step][data-step="1"]{--h-a:275;--h-b:295;--h-c:325;--cx:58;--cy:36}.sim-ambient[data-mode=step][data-step="2"]{--h-a:295;--h-b:335;--h-c:350;--cx:44;--cy:38}.sim-ambient[data-mode=step][data-step="3"]{--h-a:330;--h-b:348;--h-c:25;--cx:30;--cy:40}@media(prefers-reduced-motion:reduce){.sim-ambient,.sim-ambient span,.sim-ambient span:before{transition:none!important;animation:none!important}}@media(max-width:760px){.sim-ambient{--size:min(58vmin,300px);--r:min(14vmin,70px);--amb-height:520px}}.sim-ambient-switch{display:inline-flex;align-items:center;gap:4px;margin-left:auto}.sim-ambient-switch>span{margin-right:4px;white-space:nowrap}.sim-ambient-switch button{padding:4px 8px;border:1px solid #bbb;background:transparent;font-size:12px;line-height:1.4;min-height:28px}.sim-ambient-switch button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}@media(max-width:760px){.sim-ambient-switch{flex-basis:100%;order:3;flex-wrap:wrap;margin-left:0}.sim-ambient-switch button{min-height:44px;padding:4px 12px;white-space:nowrap}.sim-preview{flex-wrap:wrap}}