.neu{--bg: #e7e2da;--hi: #ffffff;--lo: #c2bcb1;--ink: #2b2a33;--soft: #6f6a7b;--accent: #f0702e;background:var(--bg);color:var(--ink);transition:background-color .5s,color .5s}.neu-dark{--bg: #1d1d27;--hi: #2b2b39;--lo: #0e0e15;--ink: #f0ece5;--soft: #a29eb0;--accent: #ffb547}.neu-raised{background:var(--bg);box-shadow:12px 12px 26px var(--lo),-12px -12px 26px var(--hi);transition:box-shadow .5s,background-color .5s}.neu-sunk{background:var(--bg);box-shadow:inset 8px 8px 16px var(--lo),inset -8px -8px 16px var(--hi);transition:box-shadow .5s,background-color .5s}.neu-ink{color:var(--ink)}.neu-soft{color:var(--soft)}.neu-tick{background:color-mix(in srgb,var(--soft) 35%,transparent)}.neu-tick-on{background:var(--accent);box-shadow:0 0 8px color-mix(in srgb,var(--accent) 80%,transparent)}.neu-knob{background:var(--accent);box-shadow:0 0 12px 1px color-mix(in srgb,var(--accent) 70%,transparent),inset 1px 1px 2px #ffffff80}.neu-btn{background:var(--bg);color:var(--ink);box-shadow:5px 5px 12px var(--lo),-5px -5px 12px var(--hi);transition:box-shadow .25s,color .25s,background-color .5s}.neu-btn:active,.neu-btn.is-on{color:var(--accent);box-shadow:inset 4px 4px 9px var(--lo),inset -4px -4px 9px var(--hi)}.neu-switch{background:var(--bg);box-shadow:inset 3px 3px 7px var(--lo),inset -3px -3px 7px var(--hi);transition:background-color .3s}.neu-switch.is-on{background:color-mix(in srgb,var(--accent) 24%,var(--bg))}.neu-thumb{background:var(--bg);box-shadow:3px 3px 7px var(--lo),-2px -2px 5px var(--hi);transition:transform .4s var(--ease-out-expo),background-color .3s}.neu-switch.is-on .neu-thumb{transform:translate(28px);background:var(--accent)}.neu-focus:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.neu-range{appearance:none;height:14px;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0 var(--v),transparent var(--v)) 5px center / calc(100% - 10px) 4px no-repeat,var(--bg);box-shadow:inset 3px 3px 6px var(--lo),inset -3px -3px 6px var(--hi);cursor:pointer}.neu-range::-webkit-slider-thumb{appearance:none;width:26px;height:26px;border-radius:50%;background:var(--bg);box-shadow:3px 3px 7px var(--lo),-3px -3px 7px var(--hi)}.neu-range::-moz-range-thumb{width:26px;height:26px;border:0;border-radius:50%;background:var(--bg);box-shadow:3px 3px 7px var(--lo),-3px -3px 7px var(--hi)}.gm{--px: 0;--py: 0;background:#0b0a14;color:#fff}.gm-orb{position:absolute;aspect-ratio:1;border-radius:50%;filter:blur(28px);translate:calc(var(--px) * -70px) calc(var(--py) * -50px);transition:translate 1.4s var(--ease-out-expo)}.gm-orb-1{width:46%;left:2%;top:4%;background:radial-gradient(circle at 40% 40%,#ffd98a,#ff6b3d 55%,transparent 71%);animation:gm-a 14s ease-in-out infinite alternate}.gm-orb-2{width:42%;right:0;top:26%;background:radial-gradient(circle,#ff3d7f,#a3276c 55%,transparent 71%);animation:gm-b 17s ease-in-out infinite alternate}.gm-orb-3{width:38%;left:28%;bottom:-14%;background:radial-gradient(circle,#8190ff,#4a3fd0 55%,transparent 71%);animation:gm-c 12s ease-in-out infinite alternate}.gm-orb-4{width:22%;left:60%;top:-2%;background:radial-gradient(circle,#5ef2b0,#1b9c75 55%,transparent 71%);animation:gm-d 15s ease-in-out infinite alternate}@keyframes gm-a{to{transform:translate(18%,22%) scale(1.15)}}@keyframes gm-b{to{transform:translate(-30%,-14%) scale(.9)}}@keyframes gm-c{to{transform:translate(24%,-26%) scale(1.2)}}@keyframes gm-d{to{transform:translate(-60%,80%) scale(1.3)}}.gm-pane{background:linear-gradient(145deg,#ffffff3d,#ffffff0f);-webkit-backdrop-filter:blur(var(--frost)) saturate(1.6);backdrop-filter:blur(var(--frost)) saturate(1.6);border:1px solid rgb(255 255 255 / .32);box-shadow:inset 0 1px #ffffff73,0 24px 50px -22px #0000008c;transform:perspective(900px) translate3d(calc(var(--px) * var(--d, 0) * 36px),calc(var(--py) * var(--d, 0) * 26px),0) rotateX(calc(var(--py) * var(--d, 0) * -9deg)) rotateY(calc(var(--px) * var(--d, 0) * 11deg));transition:transform 1s var(--ease-out-expo)}.gm-art{background:conic-gradient(from 0deg,#ffd98a,#ff6b3d,#ff3d7f,#8190ff,#5ef2b0,#ffd98a);animation:gm-spin 9s linear infinite}@keyframes gm-spin{to{filter:hue-rotate(360deg)}}.gm-progress{width:0;animation:gm-play 24s linear infinite}.gm-progress.is-paused{animation-play-state:paused}@keyframes gm-play{to{width:100%}}.gm-play{background:#fff;color:#15131f;box-shadow:0 10px 30px -8px #00000073;transition:transform .2s}.gm-play:active{transform:scale(.94)}.gm-icon-btn{background:#ffffff24;transition:background-color .2s}.gm-icon-btn:hover{background:#ffffff42}.gm-range{appearance:none;height:4px;border-radius:999px;background:#ffffff59;cursor:pointer}.gm-range::-webkit-slider-thumb{appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000059}.gm-range::-moz-range-thumb{width:18px;height:18px;border:0;border-radius:50%;background:#fff;box-shadow:0 2px 8px #00000059}@property --demo-a{syntax: "<angle>"; inherits: false; initial-value: 0deg;}.demo-cta{position:relative;display:inline-flex;isolation:isolate}.demo-cta:before{content:"";position:absolute;inset:-6px;z-index:-1;border-radius:999px;background:conic-gradient(from var(--demo-a),#ffd98a,#ff6b3d,#ff3d7f,#8190ff,#5ef2b0,#ffd98a);filter:blur(18px);opacity:.55;animation:demo-spin 4s linear infinite,demo-breathe 2.8s ease-in-out infinite;transition:opacity .4s}.demo-cta:hover:before{opacity:.95}.btn-demo{color:var(--color-paper);border:2px solid transparent;background:linear-gradient(#0e0d17,#0e0d17) padding-box,conic-gradient(from var(--demo-a),#ffd98a,#ff6b3d,#ff3d7f,#8190ff,#5ef2b0,#ffd98a) border-box;animation:demo-spin 4s linear infinite}.btn-demo:hover{background:linear-gradient(#191726,#191726) padding-box,conic-gradient(from var(--demo-a),#ffd98a,#ff6b3d,#ff3d7f,#8190ff,#5ef2b0,#ffd98a) border-box}.btn-demo:before{background:#ffffff38;animation:demo-shine 4.5s var(--ease-out-expo) infinite}.btn-demo .arrow-swap>:first-child{animation:demo-nudge 2.6s ease-in-out infinite}@keyframes demo-spin{to{--demo-a: 360deg}}@keyframes demo-breathe{50%{opacity:.85;inset:-9px}}@keyframes demo-shine{0%,62%{transform:translate(-120%);opacity:0}64%{opacity:1}to{transform:translate(520%);opacity:1}}@keyframes demo-nudge{0%,60%,to{translate:0 0}72%{translate:3px -3px}84%{translate:0 0}}.pv-glass{background:repeating-linear-gradient(115deg,#ffd98a 0 10px,#ff6b3d 10px 20px,#ff3d7f 20px 30px,#8190ff 30px 40px,#07070c 40px 52px) bottom / 100% 34% no-repeat,linear-gradient(rgb(255 255 255 / .06) 1px,transparent 1px) 0 0 / 100% 22px,linear-gradient(90deg,rgb(255 255 255 / .06) 1px,transparent 1px) 0 0 / 22px 100%,#07070c}.pv-lens{-webkit-backdrop-filter:blur(1.5px) saturate(1.8) brightness(1.15);backdrop-filter:blur(1.5px) saturate(1.8) brightness(1.15);background:#ffffff0a;box-shadow:inset 1.5px 1.5px #ffffffbf,inset -1px -1px #ffffff40,inset 0 0 18px #ffffff2e,0 16px 30px -12px #000000b3;animation:pv-lens 6s var(--ease-in-out-expo) infinite alternate}@keyframes pv-lens{0%{transform:translate(-60%) scaleX(1)}45%{transform:translate(40%) scaleX(1.12) scaleY(.94)}55%,to{transform:translate(60%) scaleX(1)}}.pv-neu{--bg: #e7e2da;--hi: #fff;--lo: #c2bcb1;--accent: #f0702e;background:var(--bg)}.pv-neu-raised{background:var(--bg);box-shadow:8px 8px 18px var(--lo),-8px -8px 18px var(--hi)}.pv-neu-sunk{background:var(--bg);box-shadow:inset 5px 5px 10px var(--lo),inset -5px -5px 10px var(--hi)}.pv-neu-press{animation:pv-press 3.2s ease-in-out infinite}@keyframes pv-press{0%,40%,to{box-shadow:8px 8px 18px var(--lo),-8px -8px 18px var(--hi);color:#6f6a7b}50%,90%{box-shadow:inset 6px 6px 12px var(--lo),inset -6px -6px 12px var(--hi);color:var(--accent)}}.pv-neu-thumb{background:var(--bg);box-shadow:3px 3px 6px var(--lo),-2px -2px 4px var(--hi);animation:pv-thumb 3.2s var(--ease-out-expo) infinite}@keyframes pv-thumb{0%,40%,to{transform:translate(0)}50%,90%{transform:translate(28px);background:var(--accent)}}