.gen-checker{background-color:#0e1118;background-image:conic-gradient(#151923 25%, transparent 0 50%, #151923 0 75%, transparent 0);background-size:14px 14px}.gen-stack{perspective:1400px}.gen-stack-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:relative}.gen-stack-plane{transition:transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .7s,outline-color .5s;transition-delay:calc(var(--i) * 35ms);outline-offset:-1px;border-radius:16px;outline:1px solid #0000;position:absolute;inset:0}.gen-stack-plane img{object-fit:contain;border-radius:16px;width:100%;height:100%;position:absolute;inset:0}.gen-stack.is-exploded .gen-stack-inner{transform:translateY(9%)rotateX(56deg)rotate(-38deg)scale(.6)}.gen-stack.is-exploded .gen-stack-plane{transform:translateZ(calc(var(--i) * 38px));outline-color:#becdff47;box-shadow:0 30px 60px -30px #000000e6}.gen-stack.is-exploded .gen-stack-plane.is-base{outline-color:#d4ff3a8c;box-shadow:0 30px 60px -30px #000000e6,0 0 40px -12px #d4ff3a66}.gen-drop{isolation:isolate;background:radial-gradient(55% 70% at 12% 0%, #5b8cff1a, transparent 70%), radial-gradient(40% 55% at 95% 0%, #9d6bff12, transparent 70%), radial-gradient(30% 40% at 40% 0%, #d4ff3a0d, transparent 70%), linear-gradient(180deg, #ffffff06, #fff0 45%), var(--color-ink-2);transition:border-color .25s,box-shadow .35s;position:relative}.gen-drop:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background-image:radial-gradient(#becdff21 1px,#0000 1.2px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 70% at 30% 0,#000 10%,#0000 70%);mask-image:radial-gradient(80% 70% at 30% 0,#000 10%,#0000 70%)}.gen-drop.is-over{background:radial-gradient(70% 90% at 50% 10%, #d4ff3a24, transparent 70%), var(--color-ink-2);box-shadow:0 0 0 4px #d4ff3a14,0 30px 90px -40px #d4ff3a8c}.gen-sheet{border:1px solid var(--color-line-2);-webkit-backdrop-filter:blur(10px);animation:7s ease-in-out infinite gen-float;animation-delay:calc(var(--i) * -.9s);transform:translateY(calc(var(--i) * -18px)) translateX(calc(var(--i) * 14px));background:linear-gradient(160deg,#ffffff12,#ffffff03 55%),#0b0d13b8;border-radius:20px;position:absolute;inset:0;box-shadow:inset 0 1px #ffffff12,0 24px 50px -24px #000000e6}.gen-sheet.is-top{border-color:#d4ff3a73;box-shadow:inset 0 1px #ffffff14,0 24px 50px -24px #000000e6,0 0 50px -16px #d4ff3a73}@keyframes gen-float{0%,to{translate:0}50%{translate:0 -6px}}.gen-progress{background:linear-gradient(90deg, var(--color-volt-3), var(--color-volt) 70%, var(--color-volt-2));position:relative;overflow:hidden;box-shadow:0 0 18px #d4ff3a8c}.gen-progress:after{content:"";background:linear-gradient(100deg,#0000 20%,#ffffff8c 50%,#0000 80%) 0 0/200% 100%;animation:1.6s linear infinite gen-sweep;position:absolute;inset:0}@keyframes gen-sweep{0%{background-position:150% 0}to{background-position:-50% 0}}.gen-rail{background:linear-gradient(90deg, var(--color-volt-3), var(--color-volt) 80%, var(--color-volt-2));box-shadow:0 0 14px #d4ff3a99}.gen-scroll{scrollbar-width:thin;scrollbar-color:#becdff2e transparent}.gen-weight::-webkit-inner-spin-button{opacity:.4}.gen-weight::-webkit-outer-spin-button{opacity:.4}.gen-drag-over{box-shadow:0 -2px 0 0 var(--color-volt), 0 -6px 18px -4px #d4ff3a99}.gen-drag-over-below{box-shadow:0 2px 0 0 var(--color-volt), 0 6px 18px -4px #d4ff3a99}.gen-tile-before{box-shadow:-5px 0 0 -2px var(--color-volt), -8px 0 14px -6px #d4ff3ab3}.gen-tile-after{box-shadow:5px 0 0 -2px var(--color-volt), 8px 0 14px -6px #d4ff3ab3}.gen-inline{background:0 0;border:1px solid #0000;outline:none;transition:background .2s,border-color .2s,box-shadow .2s}.gen-inline:hover{border-color:var(--color-line);background:#ffffff08}.gen-inline:focus{background:var(--color-ink);border-color:#d4ff3a99;box-shadow:0 0 0 3px #d4ff3a1f}.gen-icon-btn{color:var(--color-mute);border-radius:999px;place-items:center;transition:color .2s,background .2s,box-shadow .2s;display:grid}.gen-icon-btn:hover:not(:disabled){color:var(--color-bone);box-shadow:inset 0 0 0 1px var(--color-line-2);background:#ffffff0f}.gen-icon-btn:disabled{opacity:.25}.gen-icon-btn:focus-visible{outline:2px solid var(--color-volt);outline-offset:1px}@media (prefers-reduced-motion:reduce){.gen-sheet,.gen-progress:after{animation:none!important}}