.app-stage>astro-island{display:block;height:100%}.eo{--eo-radius: 18px;--eo-radius-sm: 12px;--eo-green: #34d27f;height:100%;overflow-y:auto;padding:clamp(18px,2.6vw,38px);font-family:var(--font-body);color:var(--color-ink)}.eo *,.eo *:before,.eo *:after{box-sizing:border-box}.eo-sprite{image-rendering:auto}.eo-sprite--pixel{image-rendering:pixelated;image-rendering:crisp-edges}.eo__grid{display:grid;grid-template-columns:380px 1fr;gap:clamp(18px,2vw,30px);align-items:start;max-width:1400px;margin:0 auto}.eo-panel{border-radius:var(--eo-radius)}.eo-controls{display:flex;flex-direction:column;gap:22px;padding:22px;background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-soft)}.eo-field{display:flex;flex-direction:column;gap:12px}.eo-controls__hint{margin:0;padding:16px;border-radius:var(--eo-radius-sm);border:1px dashed var(--color-border-strong);background:var(--color-surface-soft);color:var(--color-muted);font-size:.9rem;line-height:1.5;text-align:center}.eo-label{font-family:var(--font-display);font-weight:700;font-size:.95rem;letter-spacing:-.01em;color:var(--color-ink)}.eo-select{position:relative}.eo-select__trigger{display:flex;align-items:center;gap:12px;width:100%;padding:12px 14px;border-radius:var(--eo-radius-sm);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);color:var(--color-ink);transition:border-color .16s ease,box-shadow .16s ease}.eo-select__trigger:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-card)}.eo-select__iconwrap{position:relative;width:38px;height:38px;flex:none;display:grid;place-items:center}.eo-select__icon{width:44px;height:44px;flex:none;object-fit:contain}.eo-select__icon.is-picked{animation:eo-pop-in .5s cubic-bezier(.34,1.56,.64,1),eo-bob 3.6s .5s ease-in-out infinite}.eo-select__label--empty{color:var(--color-muted)}.eo-select__showcase{position:relative;width:44px;height:44px;flex:none}.eo-select__showcase-icon{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:translateY(34%);transition:opacity .42s ease,transform .42s cubic-bezier(.42,0,.22,1)}.eo-select__showcase-icon.is-active{opacity:1;transform:translateY(0)}@media(prefers-reduced-motion:reduce){.eo-select__showcase-icon{transition:none}}.eo-select__label{flex:1;text-align:left;font-family:var(--font-display);font-weight:700;font-size:1.02rem}.eo-select__chevron{width:18px;height:18px;color:var(--color-muted-light);transition:transform .18s ease}.eo-select__chevron.is-open{transform:rotate(180deg)}.eo-select__menu{position:absolute;z-index:30;top:calc(100% + 8px);left:0;right:0;max-height:340px;overflow-y:auto;padding:8px;border-radius:var(--eo-radius-sm);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-float);transform-origin:top center;animation:eo-menu-in .22s cubic-bezier(.34,1.4,.64,1)}@keyframes eo-menu-in{0%{opacity:0;transform:translateY(-8px) scaleY(.94)}to{opacity:1;transform:translateY(0) scaleY(1)}}.eo-select__group+.eo-select__group{margin-top:6px}.eo-select__grouplabel{padding:6px 10px 4px;font-size:.68rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--color-muted-light)}.eo-select__option{display:flex;align-items:center;gap:11px;width:100%;padding:8px 10px;border:0;border-radius:10px;background:transparent;color:var(--color-ink-soft);font-weight:600;font-size:.92rem;text-align:left;transition:background-color .14s ease,transform .14s ease;animation:eo-opt-in .3s both;animation-delay:calc(var(--i, 0) * 20ms)}.eo-select__option:hover{background:var(--color-primary-soft);transform:translate(4px)}.eo-select__option:hover .eo-select__icon{animation:eo-wiggle .5s ease}.eo-select__option.is-active{background:var(--color-primary-soft);color:var(--color-primary)}.eo-select__option .eo-select__icon{width:40px;height:40px}@keyframes eo-opt-in{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@keyframes eo-wiggle{0%,to{transform:rotate(0)}25%{transform:rotate(-11deg) scale(1.12)}60%{transform:rotate(9deg) scale(1.12)}}.eo-enchants-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.eo-presets{display:flex;gap:6px;flex-wrap:wrap}.eo-preset{position:relative;overflow:visible;display:inline-flex;align-items:center;gap:5px;padding:5px 11px;border-radius:999px;border:1px solid transparent;background:var(--color-primary-soft);color:var(--color-primary);font-weight:700;font-size:.78rem;transition:transform .14s cubic-bezier(.34,1.56,.64,1),box-shadow .14s ease,background-color .14s ease}.eo-preset:hover{transform:translateY(-2px) scale(1.04);box-shadow:var(--shadow-soft)}.eo-preset:active{transform:scale(.96)}.eo-preset.is-active{background:var(--gradient-primary);color:#fff;box-shadow:0 6px 16px #657df257}.eo-preset.is-active .eo-preset__star{animation:eo-spin-star 4s linear infinite}.eo-preset__star{width:12px;height:12px}@keyframes eo-spin-star{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.eo-name{width:100%;padding:11px 14px;border-radius:var(--eo-radius-sm);border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-ink);font:inherit;font-size:.92rem;transition:border-color .16s ease,box-shadow .16s ease}.eo-name::placeholder{color:var(--color-muted-light)}.eo-name:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.eo-table{display:flex;flex-direction:column;border-radius:var(--eo-radius-sm);border:1px solid var(--color-border);overflow:visible}.eo-row:first-child{border-top-left-radius:var(--eo-radius-sm);border-top-right-radius:var(--eo-radius-sm)}.eo-row:last-child{border-bottom-left-radius:var(--eo-radius-sm);border-bottom-right-radius:var(--eo-radius-sm)}.eo-row{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;min-height:46px;transition:background-color .2s ease;animation:eo-row-in .4s both;animation-delay:calc(var(--i, 0) * 32ms)}.eo-row+.eo-row{border-top:1px solid var(--color-border)}.eo-row.is-selected{background:color-mix(in srgb,var(--color-primary-soft) 70%,transparent)}.eo-row.is-selected:before{content:"";position:absolute;left:0;top:6px;bottom:6px;width:3px;border-radius:0 3px 3px 0;background:var(--gradient-primary);animation:eo-bar-in .32s cubic-bezier(.34,1.56,.64,1)}.eo-row__name{font-weight:600;font-size:.9rem;color:var(--color-ink-soft);transition:color .16s ease,transform .2s cubic-bezier(.34,1.56,.64,1)}.eo-row.is-selected .eo-row__name{color:var(--color-ink);transform:translate(4px)}.eo-row.is-blocked{opacity:.42}@keyframes eo-row-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}@keyframes eo-bar-in{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.eo-levels{display:flex;gap:6px;flex:none}.eo-lvl{position:relative;overflow:visible;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;border:1px solid var(--color-border);background:var(--color-surface-soft);color:var(--color-muted);font-family:var(--font-display);font-weight:700;font-size:.86rem;transition:transform .16s cubic-bezier(.34,1.56,.64,1),border-color .14s ease,color .14s ease,box-shadow .16s ease}.eo-lvl__num{position:relative;z-index:1}.eo-lvl:hover:not(:disabled){transform:translateY(-2px) scale(1.12);border-color:var(--color-primary);color:var(--color-primary);box-shadow:0 6px 14px #657df238}.eo-lvl:active:not(:disabled){transform:scale(.94)}.eo-lvl.on{background:var(--gradient-primary);border-color:transparent;color:#fff;box-shadow:0 6px 14px #657df257;animation:eo-lvl-pop .44s cubic-bezier(.34,1.56,.64,1)}.eo-lvl.on:hover:not(:disabled){color:#fff}.eo-lvl:disabled{cursor:not-allowed}@keyframes eo-lvl-pop{0%{transform:scale(1)}38%{transform:scale(1.42) rotate(-7deg);box-shadow:0 10px 24px #657df280}70%{transform:scale(.92) rotate(3deg)}to{transform:scale(1) rotate(0)}}.eo-summary{display:flex;flex-direction:column;align-items:center;gap:4px;padding:22px 18px;border-radius:var(--eo-radius);background:linear-gradient(180deg,var(--color-primary-soft),color-mix(in srgb,var(--color-purple-soft) 70%,transparent));border:1px solid var(--color-border);text-align:center;animation:eo-pop-in .42s cubic-bezier(.34,1.56,.64,1)}.eo-summary__icon{width:84px;height:84px;object-fit:contain;margin-bottom:6px;filter:drop-shadow(0 6px 12px rgba(118,87,232,.28));animation:eo-bob 3.4s ease-in-out infinite}.eo-summary__name{font-weight:700;font-style:italic;color:var(--color-primary-2);font-size:.92rem}.eo-summary__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:3px}.eo-summary__list li{font-family:var(--font-display);font-weight:700;font-size:.92rem;color:var(--color-ink-soft);animation:eo-fly-up .4s both;animation-delay:calc(var(--i, 0) * 45ms)}@keyframes eo-fly-up{0%{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.eo-solution{display:flex;flex-direction:column;gap:16px;min-height:420px}.eo-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 24px 26px;border-radius:var(--eo-radius);border:1px solid var(--color-border);background:radial-gradient(circle at 18% 16%,rgba(125,151,255,.22),transparent 42%),radial-gradient(circle at 86% 86%,rgba(142,221,255,.26),transparent 46%),linear-gradient(125deg,#eceafc,#e8f1fd 52%,#eafaff);animation:eo-hero-in .55s cubic-bezier(.22,1,.36,1) both}@keyframes eo-hero-in{0%{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}[data-theme=dark] .eo-hero{background:radial-gradient(circle at 18% 16%,rgba(101,125,242,.26),transparent 42%),radial-gradient(circle at 86% 86%,rgba(43,172,207,.22),transparent 46%),linear-gradient(125deg,#18203c,#141b33 60%,#101a30)}.eo-hero__spark{position:absolute;z-index:1;color:#7657e866;pointer-events:none;transform-origin:center}.eo-hero__spark svg{width:100%;height:100%}.eo-hero__spark--a{top:16px;left:26px;width:26px;height:26px;animation:eo-twinkle 2.8s ease-in-out infinite}.eo-hero__spark--b{bottom:18px;right:34px;width:18px;height:18px;color:#657df26b;animation:eo-twinkle 3.4s ease-in-out .6s infinite}.eo-hero__spark--c{top:30px;right:30px;width:14px;height:14px;color:#24bfae66;animation:eo-twinkle 2.2s ease-in-out 1.1s infinite}.eo-hero__icon{position:relative;z-index:2;width:104px;height:104px;object-fit:contain;filter:drop-shadow(0 8px 16px rgba(118,87,232,.32));animation:eo-pop-in .6s cubic-bezier(.34,1.56,.64,1),eo-bob 3.4s .6s ease-in-out infinite}.eo-hero__title{position:relative;z-index:2;font-family:var(--font-display);font-weight:800;font-size:clamp(1.6rem,3.4vw,2.1rem);letter-spacing:.12em;text-transform:uppercase;background:linear-gradient(120deg,#5f7df0,#7657e8,#2baccf,#5f7df0);background-size:280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:eo-title-shift 7s ease-in-out infinite}@keyframes eo-title-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.eo-hero__stats{position:relative;z-index:2;display:inline-flex;align-items:stretch;gap:18px;margin-top:4px}.eo-stat{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:86px}.eo-stat__value{display:inline-block;font-family:var(--font-display);font-weight:800;font-size:clamp(1.8rem,4vw,2.5rem);line-height:1;letter-spacing:-.01em;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent;animation:eo-bump .5s cubic-bezier(.34,1.56,.64,1)}.eo-stat__label{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-muted)}.eo-hero__dot{width:8px;height:8px;border-radius:999px;background:var(--eo-green);box-shadow:0 0 0 4px color-mix(in srgb,var(--eo-green) 24%,transparent);animation:eo-dot-pulse 1.8s ease-in-out infinite}@keyframes eo-bump{0%{transform:scale(1)}35%{transform:scale(1.28) translateY(-2px)}70%{transform:scale(.96)}to{transform:scale(1)}}@keyframes eo-dot-pulse{0%,to{box-shadow:0 0 0 3px color-mix(in srgb,var(--eo-green) 26%,transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--eo-green) 6%,transparent)}}.eo-steps{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:12px}.eo-step{position:relative;overflow:hidden;border-radius:var(--eo-radius-sm);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-soft);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;animation:eo-step-in .5s cubic-bezier(.22,1,.36,1) both;animation-delay:calc(var(--i, 0) * 80ms + .12s)}.eo-step:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.55) 50%,transparent 70%);transform:translate(-130%);animation:eo-sweep .9s ease-out;animation-delay:calc(var(--i, 0) * 80ms + .26s);pointer-events:none}[data-theme=dark] .eo-step:after{background:linear-gradient(100deg,transparent 30%,rgba(125,151,255,.28) 50%,transparent 70%)}.eo-step:hover{transform:translateY(-3px);border-color:var(--color-border-strong);box-shadow:var(--shadow-card-hover)}@keyframes eo-step-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes eo-sweep{0%{transform:translate(-130%)}to{transform:translate(130%)}}.eo-step.is-expensive{border-color:color-mix(in srgb,var(--color-orange) 55%,var(--color-border));background:var(--color-orange-soft)}.eo-step__main{display:flex;align-items:center;gap:14px;width:100%;padding:14px 16px;border:0;background:transparent;text-align:left}.eo-step__num{flex:none;width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-family:var(--font-display);font-weight:800;font-size:.9rem}.eo-step__operands{flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;justify-items:center;gap:18px;max-width:460px;margin:0 auto}.eo-step__operands:has(.eo-step__rename-tag){grid-template-columns:auto auto;justify-content:center}.eo-step__plus{flex:none;display:inline-flex;width:22px;height:22px;color:var(--color-muted-light)}.eo-step__plus svg{width:100%;height:100%}.eo-step__rename-tag{padding:4px 10px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-size:.74rem;font-weight:700;letter-spacing:.04em}.eo-operand{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;max-width:180px}.eo-operand__icon{width:60px;height:60px;object-fit:contain;transition:transform .2s cubic-bezier(.34,1.56,.64,1)}.eo-step:hover .eo-operand__icon{transform:scale(1.14) rotate(-3deg)}.eo-operand__label{display:flex;flex-direction:column;align-items:center;gap:2px;font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--color-ink);line-height:1.3;text-align:center}.eo-operand__label--item{color:var(--color-ink)}.eo-empty{position:relative;isolation:isolate;overflow:hidden;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:380px;padding:40px 28px;text-align:center;border-radius:var(--eo-radius);border:1px dashed var(--color-border-strong);background:var(--color-surface-soft)}.eo-empty__spark,.eo-empty__title,.eo-empty__note{position:relative;z-index:1}.eo-empty__spark{display:inline-flex;width:46px;height:46px;align-items:center;justify-content:center;border-radius:14px;background:var(--color-primary-soft);color:var(--color-primary);animation:eo-float 3.2s ease-in-out infinite}.eo-empty__spark svg{width:26px;height:26px;animation:eo-twinkle 2.6s ease-in-out infinite}.eo-empty__title{font-family:var(--font-display);font-weight:800;font-size:1.2rem;color:var(--color-ink)}.eo-empty__note{margin:0;max-width:34ch;color:var(--color-muted);font-size:.92rem;line-height:1.55}.eo-empty--warn{border-color:color-mix(in srgb,var(--color-orange) 50%,var(--color-border));background:var(--color-orange-soft)}.eo-empty--warn .eo-empty__title{color:var(--color-orange)}@media(max-width:880px){.eo__grid{grid-template-columns:1fr}.eo-solution{min-height:0}}@media(max-width:460px){.eo-step__operands{gap:10px}.eo-operand__icon{width:48px;height:48px}}@keyframes eo-pop-in{0%{opacity:0;transform:scale(.4) rotate(-12deg)}60%{opacity:1;transform:scale(1.14) rotate(5deg)}to{opacity:1;transform:scale(1) rotate(0)}}@keyframes eo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes eo-float{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes eo-twinkle{0%,to{opacity:.5;transform:scale(.78) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(20deg)}}.eo-step__num{animation:eo-pop-in .45s cubic-bezier(.34,1.56,.64,1) backwards;animation-delay:calc(var(--i, 0) * 80ms + .22s)}.eo-step__plus svg{animation:eo-plus-pulse 2.6s ease-in-out infinite;transform-origin:center}@keyframes eo-plus-pulse{0%,to{transform:scale(1) rotate(0);opacity:.65}50%{transform:scale(1.3) rotate(90deg);opacity:1}}.eo-burst-layer{position:absolute;inset:0;z-index:5;display:block;overflow:visible;pointer-events:none}.eo-burst{position:absolute;left:50%;top:50%}.eo-burst__spark{position:absolute;left:0;top:0;width:var(--sz, 6px);height:var(--sz, 6px);margin-left:calc(var(--sz, 6px) / -2);margin-top:calc(var(--sz, 6px) / -2);border-radius:50%;background:radial-gradient(circle,#fff 0%,var(--color-primary) 58%,transparent 74%);box-shadow:0 0 7px 1px #657df299;opacity:0;transform:rotate(var(--a, 0deg)) translate(0) scale(.3);animation:eo-spark .74s var(--delay, 0ms) cubic-bezier(.2,.7,.3,1) forwards}.eo-burst-layer.is-gold .eo-burst__spark{background:radial-gradient(circle,#fff 0%,#ffce54 55%,transparent 74%);box-shadow:0 0 7px 1px #ffc649a8}@keyframes eo-spark{0%{opacity:0;transform:rotate(var(--a, 0deg)) translate(2px) scale(.3)}20%{opacity:1}70%{opacity:1}to{opacity:0;transform:rotate(var(--a, 0deg)) translate(var(--d, 30px)) scale(.85)}}.eo-runes{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.eo-rune{position:absolute;bottom:-10%;font-family:var(--font-display);font-weight:700;color:var(--color-primary-2);text-shadow:0 0 8px rgba(118,87,232,.55);opacity:0;animation-name:eo-rune-rise;animation-timing-function:ease-in-out;animation-iteration-count:infinite;will-change:transform,opacity}[data-theme=dark] .eo-rune{color:#aeb9ff;text-shadow:0 0 10px rgba(125,151,255,.7)}.eo-runes--empty .eo-rune{color:var(--color-primary)}@keyframes eo-rune-rise{0%{opacity:0;transform:translateY(0) translate(0) rotate(0) scale(.8)}18%{opacity:var(--peak, .4)}82%{opacity:var(--peak, .4)}to{opacity:0;transform:translateY(-300px) translate(var(--drift, 0px)) rotate(10deg) scale(1.05)}}@media(prefers-reduced-motion:reduce){.eo *,.eo *:before,.eo *:after{animation:none!important}.eo-select__showcase-icon{transition:none}}