:root{--ease-expo:cubic-bezier(.16,1,.3,1);--ease-scene:cubic-bezier(.76,0,.24,1);--dur-scene:1000ms;--xp-top:76px;--xp-bottom:60px;--xp-dock:68px;--xp-gutter:clamp(20px,4vw,64px);--xp-glass:color-mix(in srgb,var(--surface) 78%,transparent);--xp-glass-border:color-mix(in srgb,var(--fg) 8%,transparent);--xp-hair:color-mix(in srgb,var(--fg) 9%,transparent);--xp-panel-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 1px 2px rgba(16,24,40,.04),0 30px 70px -34px rgba(16,24,40,.3)}:root[data-theme=dark]{--xp-glass:color-mix(in srgb,var(--surface) 70%,transparent);--xp-glass-border:rgba(255,255,255,.075);--xp-hair:rgba(255,255,255,.08);--xp-panel-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 40px 100px -40px rgba(0,0,0,.9)}html.js:has(.xp),html.js:has(.xp) body{height:100%;overflow:hidden;overscroll-behavior:none}.xp{position:relative;z-index:1}html.js .xp{position:fixed;inset:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:var(--xp-top) minmax(0,1fr) var(--xp-bottom)}html.js .xp>.xp-top{grid-area:1/1}html.js .xp>.xp-world{grid-area:2/1}html.js .xp>.xp-bottom{grid-area:3/1}html:not(.js) .xp-top{position:-webkit-sticky;position:sticky;top:0;background:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.xp:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(130% 90% at 50% 45%,transparent 55%,color-mix(in srgb,var(--bg) 75%,transparent))}.xp-top{position:relative;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-gap:24px;gap:24px;height:var(--xp-top);padding:0 var(--xp-gutter)}.xp-brand,.xp-top{align-items:center}.xp-brand{justify-self:start;display:inline-flex;gap:10px;padding:6px 8px 6px 4px;margin-left:-4px;border-radius:12px;color:var(--fg);font-size:17px;font-weight:600;letter-spacing:-.035em}.xp-brand,.xp-brand:hover{text-decoration:none}.xp-brand .brand-mark{transition:transform .6s var(--ease-expo)}.xp-brand:hover .brand-mark{transform:rotate(-6deg) scale(1.06)}.xp-top .xp-nav{justify-self:center}.xp-actions{justify-self:end;display:flex;min-width:0}.xp-actions,.xp-keys{align-items:center;gap:8px}.xp-keys{display:inline-flex;margin-right:4px;font-size:12.5px;color:var(--muted);white-space:nowrap}.xp-keys .dot{position:relative;width:6px;height:6px;border-radius:50%;background:var(--ok)}.xp-keys .dot:after{content:"";position:absolute;inset:-3px;border-radius:50%;background:color-mix(in srgb,var(--ok) 22%,transparent);animation:live-dot 2.6s ease-in-out infinite}.xp-actions>.btn-ghost:not(.btn-icon){border-radius:999px}@keyframes live-dot{50%{scale:1.5;opacity:0}}.xp-bottom{position:relative;z-index:20;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;grid-gap:16px;gap:16px;height:var(--xp-bottom);padding:0 var(--xp-gutter);font-size:12px;color:var(--muted)}.xp-bottom>:first-child{justify-self:start}.xp-bottom>.xp-meta{justify-self:end}.xp-meta{display:flex;gap:16px}.xp-base,.xp-meta{align-items:center;min-width:0}.xp-base{display:inline-flex;gap:4px}.xp-base code{overflow:hidden;text-overflow:ellipsis;font-size:11.5px}.xp-base code,.xp-meta-link{white-space:nowrap;color:var(--fg-2)}.xp-meta-link:hover{color:var(--fg);text-decoration:none}.xp-world{position:relative;min-height:0}html.js .xp-world{overflow:hidden}.scene-inner{position:relative;box-sizing:border-box;display:grid;align-content:center;grid-gap:clamp(16px,3vh,32px);gap:clamp(16px,3vh,32px);width:100%;min-height:100%;max-width:1480px;margin:0 auto;padding:clamp(10px,2.6vh,32px) calc(var(--xp-gutter) + 28px) clamp(16px,3.4vh,40px) var(--xp-gutter)}.scene{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.xp-world>section.scene:focus{outline:none}.object-space{min-height:1px}.scene-cell{display:none}.chapter{display:inline-flex;align-items:center;gap:12px;margin:0;font-size:11px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.chapter-num{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.02em;color:var(--accent)}.chapter-rule{width:40px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)}.mega{--mega-size:clamp(60px,8.4vw,150px);margin:0;padding-bottom:.04em;font-size:var(--mega-size);font-weight:600;line-height:.92;letter-spacing:-.058em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}@supports (width:1cqi){.balance-copy{container-type:inline-size}.mega{font-size:min(var(--mega-size),calc((100cqi - var(--mega-room, 0px)) / (var(--chars, 7) * .54 + .2)))}}.mega>span{display:inline-flex;align-items:baseline;gap:.14em;flex-wrap:wrap}[data-count]{display:inline-grid}[data-count]:after,[data-count]>span{grid-area:1/1}[data-count]>span{width:0;min-width:100%;white-space:nowrap}[data-count]:after{content:attr(data-count);height:0;overflow:hidden;visibility:hidden}.mega-num{background:linear-gradient(180deg,var(--fg) 30%,color-mix(in srgb,var(--fg) 52%,transparent));-webkit-background-clip:text;background-clip:text;color:transparent}.mega-unit{font-size:max(12px,.18em);font-weight:500;letter-spacing:-.01em;color:var(--muted)}.charge-summary strong,.display-accent,.ks-figure-num,.mega-num,.model.is-base .model-k-num,.title em{padding-right:.1em;margin-right:-.1em;-webkit-box-decoration-break:clone;box-decoration-break:clone}.display{margin:0;font-size:clamp(40px,5.3vw,96px);font-weight:600;line-height:.96;letter-spacing:-.052em}.display .line{display:block;padding-bottom:.05em;margin-bottom:-.05em}.display .line>*{white-space:nowrap}.display-accent,.title em{font-style:normal;background:linear-gradient(95deg,var(--accent) 5%,var(--accent-2) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}.title{margin:0;max-width:20ch;padding-bottom:.05em;font-size:clamp(32px,3.5vw,58px);font-weight:600;line-height:1.02;letter-spacing:-.042em}.lede{margin:0;max-width:46ch;font-size:clamp(16px,1.25vw,19px);line-height:1.55;color:var(--fg-2)}.lede strong{color:var(--fg);font-weight:600}.scene-desc{margin:0;max-width:50ch;font-size:15px;line-height:1.6;color:var(--muted)}.xp .eyebrow{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.xp a:focus-visible,.xp button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.xp .btn-pill{border-radius:999px}.xp .btn-lg{height:46px;padding:0 22px;font-size:14.5px;gap:8px}.xp .btn-xl{height:56px;padding:0 30px;font-size:16px;font-weight:550;letter-spacing:-.012em;gap:10px}.xp .btn-primary.btn-pill{box-shadow:inset 0 1px 0 var(--btn-hi),0 12px 32px -14px var(--glow)}.xp .btn-primary.btn-pill:hover:not(:disabled){box-shadow:inset 0 1px 0 var(--btn-hi),0 16px 44px -14px color-mix(in srgb,var(--accent) 70%,transparent)}.xp .btn-ghost.btn-pill{border-color:var(--xp-hair);background:color-mix(in srgb,var(--surface) 34%,transparent);color:var(--fg)}.xp .btn-ghost.btn-pill:hover:not(:disabled){border-color:var(--border-strong);background:color-mix(in srgb,var(--surface) 70%,transparent)}.xp .btn .arrow{width:16px;height:16px;transition:transform .45s var(--ease-expo)}.xp .btn:hover .arrow{transform:translateX(4px)}.cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.cta-row.is-centered{justify-content:center}.glass{background:var(--xp-glass);border:1px solid var(--xp-glass-border);border-radius:24px;box-shadow:var(--xp-panel-shadow)}.aurora{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}.aurora>span{position:absolute;display:block;border-radius:50%;opacity:var(--aurora-strength);will-change:transform;animation:aurora-drift 34s ease-in-out infinite alternate;transition:translate 2.4s var(--ease-scene)}.aurora>.aurora-a{width:78vmax;height:78vmax;left:-30vmax;top:-46vmax;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent) 26%,transparent),transparent)}.aurora>.aurora-b{width:62vmax;height:62vmax;right:-26vmax;top:-34vmax;background:radial-gradient(closest-side,color-mix(in srgb,var(--accent-2) 15%,transparent),transparent);animation-duration:27s;animation-delay:-11s;animation-direction:alternate-reverse}.aurora>.aurora-c{width:72vmax;height:52vmax;left:16vw;bottom:-36vmax;background:radial-gradient(closest-side,var(--aurora-warm),transparent);animation-duration:40s;animation-delay:-19s}.aurora>.aurora-grain{inset:0;width:auto;height:auto;border-radius:0;opacity:var(--grain-opacity);will-change:auto;animation:none;background-size:180px 180px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}html[data-scene=keys] .aurora-a{translate:38vw 12vh}html[data-scene=charge] .aurora-a{translate:-8vw 42vh}html[data-scene=charge] .aurora-b{translate:-30vw 30vh}html[data-scene=connect] .aurora-a{translate:56vw 20vh}html[data-scene=connect] .aurora-c{translate:-20vw -10vh}html[data-scene=multipliers] .aurora-a{translate:20vw 56vh}html[data-scene=multipliers] .aurora-b{translate:-46vw 8vh}html[data-scene=how] .aurora-a{translate:34vw 30vh}@keyframes aurora-drift{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(5vw,4vh,0) scale(1.06)}to{transform:translate3d(-3vw,8vh,0) scale(.96)}}@media (hover:none) and (pointer:coarse){.aurora>span{animation:none}}.xp-object{--level:var(--level-total,0);--ox:0vw;--oy:0vh;--os:1;--oo:1;position:absolute;z-index:3;left:72%;top:50%;height:min(64vh,610px);aspect-ratio:220/400;translate:calc(-50% + var(--ox)) calc(-50% + var(--oy));scale:var(--os);opacity:var(--oo);pointer-events:none;transition:--level 1.8s var(--ease-expo),translate var(--dur-scene) var(--ease-scene),scale var(--dur-scene) var(--ease-scene),opacity .75s var(--ease-scene)}html:not(.js) .xp-object{display:none}.xp-object-inner{position:relative;width:100%;height:100%}.xp-object .cell{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;--cell-u:tan(atan2(400px,min(64vh,610px)))}html[data-scene=balance] .xp-object .cell,html[data-scene=charge] .xp-object .cell,html[data-scene=welcome] .xp-object .cell{pointer-events:auto}html[data-scene=charge] .xp-object{--level:var(--level-key,0);--ox:-44vw;--os:.94}html[data-scene=keys] .xp-object{--ox:22vw;--oy:6vh;--os:.7;--oo:0}html[data-scene=connect] .xp-object,html[data-scene=multipliers] .xp-object{--ox:30vw;--os:.6;--oo:0}html[data-scene=how] .xp-object{--ox:-22vw;--oy:34vh;--os:.5;--oo:0}:is(html[data-scene=how],html[data-scene=connect],html[data-scene=multipliers]) .float-chip,html.xp-calm .aurora>span,html.xp-calm .float-chip{animation-play-state:paused}.callout{--cv:34px;position:absolute;left:88%;display:flex;align-items:flex-start;gap:14px;white-space:nowrap;opacity:0;translate:16px calc(var(--cv) / -2);transition:opacity .6s var(--ease-expo),translate .9s var(--ease-expo)}.callout-rule{position:relative;flex:none;width:clamp(32px,4vw,64px);height:1px;margin-top:calc(var(--cv) / 2);background:linear-gradient(90deg,color-mix(in srgb,var(--fg) 60%,transparent),color-mix(in srgb,var(--fg) 8%,transparent))}.callout-rule:before{content:"";position:absolute;left:-3.5px;top:-3.5px;width:8px;height:8px;border-radius:50%;background:var(--fg);box-shadow:0 0 0 4px color-mix(in srgb,var(--fg) 12%,transparent),0 0 18px var(--glow)}.callout-body{display:grid;justify-items:start;grid-gap:3px;gap:3px}.callout-value{display:inline-grid;font-size:32px;font-weight:600;line-height:var(--cv);letter-spacing:-.045em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.callout-value>span{grid-area:1/1;transition:opacity .5s var(--ease-expo)}.callout-value>[data-for=key],html[data-scene=charge] .callout-value>[data-for=total]{opacity:0}html[data-scene=charge] .callout-value>[data-for=key]{opacity:1}.callout-sub{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.callout-level{top:calc((46 + (1 - var(--level)) * 334) / 400 * 100%)}html[data-scene=balance] .callout,html[data-scene=charge] .callout{opacity:1;translate:0 calc(var(--cv) / -2);transition-delay:.55s}html[data-scene=charge] .callout{left:auto;right:88%;flex-direction:row-reverse}html[data-scene=charge] .callout-body{justify-items:end}html[data-scene=charge] .callout-rule{background:linear-gradient(270deg,color-mix(in srgb,var(--fg) 60%,transparent),color-mix(in srgb,var(--fg) 8%,transparent))}html[data-scene=charge] .callout-rule:before{left:auto;right:-3.5px}.object-caption{position:absolute;top:calc(100% + 22px);left:50%;display:flex;align-items:center;gap:18px;white-space:nowrap;opacity:0;translate:-50% 8px;transition:opacity .6s var(--ease-expo),translate .9s var(--ease-expo)}.oc-item{display:grid;justify-items:center;grid-gap:3px;gap:3px}.oc-label{font-size:9.5px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.oc-item strong{font-size:16px;font-weight:600;line-height:1.1;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.oc-sep{width:1px;height:26px;background:var(--xp-hair)}html[data-scene=charge] .object-caption{opacity:1;translate:-50% 0;transition-delay:.7s}.float-chip{position:absolute;display:grid;grid-gap:3px;gap:3px;padding:11px 15px;white-space:nowrap;border-radius:14px;border:1px solid var(--xp-glass-border);background:color-mix(in srgb,var(--surface) 78%,transparent);box-shadow:var(--xp-panel-shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);font-size:13.5px;opacity:0;transition:opacity .8s var(--ease-expo);animation:chip-float 7s ease-in-out infinite}.float-chip .eyebrow{font-size:9.5px}.float-chip code{font-size:12px;color:var(--fg)}.chip-a{top:12%;right:78%}.chip-b{top:44%;left:84%;animation-delay:-2.4s}.chip-c{top:80%;right:70%;animation-delay:-4.6s}html[data-scene=welcome] .float-chip{opacity:1;transition-delay:.6s}html[data-scene=welcome] .chip-b{transition-delay:.8s}html[data-scene=welcome] .chip-c{transition-delay:1s}@keyframes chip-float{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.scene-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:end;grid-gap:14px 56px;gap:14px 56px}.scene-head-main,.scene-head-side{display:grid;grid-gap:14px;gap:14px}.scene-head-side{justify-items:start}.scene-head-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.scene-head.is-centered{grid-template-columns:minmax(0,1fr);justify-items:center;gap:16px;text-align:center}.scene-head.is-centered .title{max-width:24ch}.count-chip{font-size:12.5px;color:var(--muted)}.balance{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center}.balance-copy{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:clamp(14px,2.4vh,26px);gap:clamp(14px,2.4vh,26px);max-width:700px}.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;border-top:1px solid var(--xp-hair)}.fact{padding:16px 20px 0 0;min-width:0}.fact+.fact{padding-left:20px;border-left:1px solid var(--xp-hair)}.fact dt{font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.fact dd{display:grid;grid-gap:3px;gap:3px;margin:8px 0 0}.fact strong{font-size:clamp(22px,1.9vw,30px);font-weight:600;line-height:1.1;letter-spacing:-.035em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fact dd>span{font-size:12.5px;line-height:1.4;color:var(--muted)}.trend{display:grid;grid-gap:10px;gap:10px}.trend-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.trend-total{font-size:12.5px;color:var(--fg-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trend{position:relative}.trend-empty{position:absolute;left:0;right:0;bottom:22px;margin:0;text-align:center;font-size:12.5px;color:var(--muted)}.spark{display:block;width:100%;height:auto;max-height:76px;overflow:visible;color:var(--accent)}.spark-line{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.spark:not(:has(.spark-dot)) .spark-line{stroke:var(--border-strong)}.spark-dot{fill:currentColor}.spark-wrap{position:relative;display:block}.spark-ping{position:absolute;border-radius:50%;translate:-50% -50%;opacity:0;pointer-events:none;background:var(--accent)}html[data-scene=balance] #balance .spark-ping{animation:pulse-dot 2.4s var(--ease-out) infinite 1.6s}@keyframes pulse-dot{0%{scale:.3333;opacity:.5}70%,to{scale:1;opacity:0}}@keyframes draw{0%{stroke-dasharray:1000;stroke-dashoffset:1000}to{stroke-dasharray:1000;stroke-dashoffset:0}}@keyframes fade-in{0%{opacity:0}}.charge{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center}.charge-panel{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:clamp(12px,2.2vh,22px);gap:clamp(12px,2.2vh,22px);max-width:640px}.charge-target{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px}.target-keys{display:flex;flex-wrap:wrap}.target-key,.target-keys{gap:8px;min-width:0;max-width:100%}.target-key{display:inline-flex;align-items:center;height:36px;padding:0 14px 0 9px;border-radius:999px;border:1px solid var(--xp-hair);background:color-mix(in srgb,var(--surface) 38%,transparent);color:var(--fg-2);font-size:13px;font-weight:500;text-decoration:none;transition:border-color .3s var(--ease-expo),background-color .3s var(--ease-expo),color .3s var(--ease-expo)}.target-key:hover{color:var(--fg);border-color:var(--border-strong);text-decoration:none}.target-key.is-selected{color:var(--fg);border-color:color-mix(in srgb,var(--accent) 60%,transparent);background:color-mix(in srgb,var(--accent) 13%,transparent)}.target-dot{flex:none;width:20px;height:20px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--level, 0) * 1turn),var(--surface-3) 0);-webkit-mask:radial-gradient(circle,transparent 5.5px,#000 6px);mask:radial-gradient(circle,transparent 5.5px,#000 6px)}.target-name{min-width:0;max-width:24ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.target-pct{flex:none;font-size:11.5px;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.target-secret{font-family:var(--mono);font-size:12px;color:var(--faint)}.charge-form{display:grid;grid-gap:14px;gap:14px}.charge-field{position:relative;display:block}.charge-field textarea{box-sizing:border-box;display:block;width:100%;height:auto;min-height:clamp(112px,17vh,150px);padding:18px 20px 36px;resize:none;border-radius:22px;border:1px solid var(--xp-glass-border);background:var(--xp-glass);box-shadow:var(--xp-panel-shadow);font-family:var(--mono);font-size:15px;line-height:1.75;letter-spacing:.03em;color:var(--fg);transition:border-color .3s var(--ease-expo),box-shadow .3s var(--ease-expo)}.charge-field textarea::placeholder{color:color-mix(in srgb,var(--fg) 26%,transparent)}.charge-field textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:0 0 0 4px var(--ring),var(--xp-panel-shadow)}.charge-count{position:absolute;right:18px;bottom:13px;font-size:11.5px;color:var(--faint);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;pointer-events:none}.charge-count.is-over{color:var(--danger)}.code-chips{display:flex;flex-wrap:wrap;gap:6px;max-height:64px;margin:0;padding:0;overflow-y:auto;list-style:none}.code-chip{padding:3px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--accent) 40%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent);font-family:var(--mono);font-size:11.5px;color:var(--fg);animation:chip-in .45s var(--ease-expo) both;animation-delay:calc(var(--i, 0) * 25ms)}.code-chip.is-bad{border-color:color-mix(in srgb,var(--danger) 45%,transparent);background:var(--danger-bg);color:var(--danger);text-decoration:line-through;-webkit-text-decoration-color:color-mix(in srgb,var(--danger) 55%,transparent);text-decoration-color:color-mix(in srgb,var(--danger) 55%,transparent)}@keyframes chip-in{0%{opacity:0;transform:translateY(6px) scale(.94)}}.charge-actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.charge-note{font-size:12px;color:var(--faint)}.charge-progress{height:2px;overflow:hidden;border-radius:1px;background:var(--xp-hair);opacity:0;transition:opacity .25s}.charge-form.is-pending .charge-progress{opacity:1}.charge-progress i{display:block;width:40%;height:100%;background:linear-gradient(90deg,transparent,var(--accent),var(--accent-2),transparent)}.charge-form.is-pending .charge-progress i{animation:progress 1.1s var(--ease-scene) infinite}@keyframes progress{0%{transform:translateX(-100%)}to{transform:translateX(260%)}}.charge-results{display:grid;grid-gap:10px;gap:10px;padding:16px 18px;border-radius:20px;border:1px solid var(--xp-glass-border);background:var(--xp-glass);animation:settle-in .6s var(--ease-expo) both}.charge-summary{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;font-size:13px;color:var(--fg-2)}.charge-summary strong{font-size:32px;font-weight:600;letter-spacing:-.04em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.charge-summary.is-bad{color:var(--danger)}.charge-lines{display:grid;grid-gap:4px;gap:4px;max-height:120px;margin:0;padding:0;overflow-y:auto;list-style:none;font-size:12.5px}.charge-lines li{display:grid;grid-template-columns:12ch minmax(0,1fr);grid-gap:12px;gap:12px}.charge-lines code{color:var(--fg-2)}.charge-lines .is-ok span{color:var(--ok)}.charge-lines .is-bad span{color:var(--danger)}.connect{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;column-gap:clamp(32px,5vw,88px)}.connect-copy{display:grid;grid-gap:clamp(12px,2.2vh,22px);gap:clamp(12px,2.2vh,22px)}.baseurl{display:grid;grid-gap:8px;gap:8px}.baseurl-line{display:flex;align-items:center;gap:8px;padding:12px 12px 12px 20px;border-radius:18px;border:1px solid var(--xp-glass-border);background:var(--xp-glass);box-shadow:var(--xp-panel-shadow)}.baseurl-line code{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(14px,1.25vw,18px);color:var(--fg)}.endpoints{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:10px 20px;gap:10px 20px;margin:0;padding:0;list-style:none}.endpoints li{display:flex;align-items:center;gap:10px;min-width:0;font-size:12.5px}.endpoints .method{flex:none;min-width:44px;padding:4px 6px;border-radius:6px;text-align:center;font-family:var(--mono);font-size:10px;font-weight:600;letter-spacing:.06em;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.endpoints code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--fg-2)}.connect .help{max-width:54ch;margin:0;font-size:12.5px;line-height:1.65;color:var(--muted)}.connect .help code{padding:1px 5px;border:1px solid var(--xp-hair);border-radius:5px;font-size:11.5px}.window{overflow:hidden;border-radius:22px;border:1px solid var(--xp-glass-border);background:color-mix(in srgb,var(--bg) 72%,transparent);box-shadow:var(--xp-panel-shadow)}.window-bar{display:flex;align-items:center;gap:14px;height:44px;padding:0 18px;border-bottom:1px solid var(--xp-hair)}.window-dots{display:inline-flex;gap:7px}.window-dots i{width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--fg) 16%,transparent)}.window-dots i:first-child{background:color-mix(in srgb,#ff5f57 80%,transparent)}.window-title{font-family:var(--mono);font-size:11.5px;color:var(--muted)}.window .tabs{display:flex;gap:4px;padding:12px 14px 0;border-bottom:0}.window .tab{padding:7px 13px;border-radius:9px;font-size:12.5px;font-weight:500;color:var(--muted);transition:color .2s var(--ease-expo),background-color .2s var(--ease-expo)}.window .tab:hover{color:var(--fg)}.window .tab[aria-selected=true]{color:var(--fg);background:color-mix(in srgb,var(--fg) 7%,transparent)}.window .tab[aria-selected=true]:after{content:none}.window .tab-panel{padding:0}.window .code{border:0;border-radius:0;background:transparent}.window .code-head{padding:10px 12px 8px 20px;border-bottom:1px solid var(--xp-hair);background:transparent}.window .code pre{min-height:clamp(220px,34vh,320px);max-height:46vh;padding:18px 22px 24px;overflow:auto;font-size:13px;line-height:1.8;color:var(--fg-2)}.rates{align-content:center;gap:clamp(16px,3vh,32px)}.models{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:14px;gap:14px}.model{position:relative;display:grid;align-content:start;grid-gap:10px;gap:10px;padding:20px 20px 18px;overflow:hidden;border-radius:22px}.model.is-base{border-color:color-mix(in srgb,var(--accent) 45%,transparent);background:color-mix(in srgb,var(--accent) 9%,var(--xp-glass))}.model-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.model-head h3{margin:0;font-size:16px;letter-spacing:-.02em}.model-id{font-size:11.5px;color:var(--faint)}.model-k{display:flex;align-items:baseline;gap:10px;margin-top:4px}.model-k-num{font-size:clamp(40px,3.8vw,60px);font-weight:600;line-height:1;letter-spacing:-.055em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.model.is-base .model-k-num{background:linear-gradient(95deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.model-k-label{font-size:12px;color:var(--muted)}.model-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin:2px 0 0;padding-top:12px;border-top:1px solid var(--xp-hair)}.model-rows div{display:grid;grid-gap:2px;gap:2px}.model-rows dt{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.model-rows dd{margin:0;font-size:19px;font-weight:600;letter-spacing:-.025em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.model-buys,.model-usd{margin:0;font-size:12px;line-height:1.5;color:var(--fg-2);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.model-usd span{color:var(--faint)}.model-buys{color:var(--muted)}.model-buys strong{color:var(--fg-2);font-weight:600}.formula-band{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;grid-gap:14px 44px;gap:14px 44px;padding:22px 26px 18px;border-radius:24px;border:1px solid var(--xp-glass-border);background:var(--xp-glass);box-shadow:var(--xp-panel-shadow)}.fb-example,.fb-lead{display:grid;grid-gap:9px;gap:9px;min-width:0}.fb-formula{margin:0;font-family:var(--mono);font-size:clamp(14px,1.28vw,18px);line-height:1.5;color:var(--fg);white-space:nowrap;overflow-x:auto;scrollbar-width:none}.fb-fn{color:var(--accent);font-weight:600}.fb-formula sub,.fb-op{color:var(--muted)}.fb-formula sub{font-size:.62em;vertical-align:-.25em}.fb-example p{margin:0;font-size:14.5px;line-height:1.5;color:var(--fg-2)}.fb-example code{font-size:.9em;color:var(--fg)}.fb-eq{margin:0 .45em;color:var(--muted)}.fb-example strong{font-size:24px;font-weight:600;letter-spacing:-.035em;color:var(--fg);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fb-note{grid-column:1/-1;margin:0;padding-top:12px;border-top:1px solid var(--xp-hair);font-size:12.5px;line-height:1.55;color:var(--muted)}.welcome{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);align-items:center;padding-bottom:calc(clamp(16px, 3.4vh, 40px) + 64px)}.welcome-copy{display:grid;grid-gap:clamp(16px,2.8vh,30px);gap:clamp(16px,2.8vh,30px);max-width:740px}.welcome-error{max-width:560px}.facts-inline{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none;font-size:13px;color:var(--muted)}.facts-inline li{display:inline-flex;align-items:center;gap:8px}.facts-inline svg{width:15px;height:15px;color:var(--accent)}.welcome-marquee{position:absolute;left:0;right:0;bottom:clamp(10px,2.6vh,26px)}.how{align-content:center;justify-items:center;gap:clamp(22px,4.4vh,48px);text-align:center}.how-flow{width:min(1120px,100%);text-align:left}.toast{position:fixed;z-index:40;top:calc(var(--xp-top) + 4px);left:50%;translate:-50% 0;display:flex;align-items:center;gap:12px;max-width:min(660px,calc(100vw - 32px));padding:8px 8px 8px 16px;border-radius:999px;border:1px solid var(--xp-glass-border);background:color-mix(in srgb,var(--surface) 86%,transparent);box-shadow:var(--shadow-pop);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-size:13px;animation:toast-in .8s var(--ease-expo) .3s both;transition:opacity .45s var(--ease-expo),translate .6s var(--ease-expo)}.toast.is-gone{opacity:0;translate:-50% -18px;pointer-events:none}.toast-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--ok-bg)}.toast-danger .toast-dot{background:var(--danger);box-shadow:0 0 0 4px var(--danger-bg)}.toast-text{min-width:0}.toast-close{display:grid;flex:none;place-items:center;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}.toast-close svg{width:14px;height:14px}.toast-close:hover{background:color-mix(in srgb,var(--fg) 8%,transparent);color:var(--fg)}@keyframes toast-in{0%{opacity:0;translate:-50% -16px}}html:not(.js) .toast{position:static;translate:none;margin:12px auto;width:-moz-fit-content;width:fit-content;animation:none}.xp .dialog{border-radius:26px;border-color:var(--xp-glass-border);background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:var(--shadow-pop);backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3)}.xp .dialog-body{padding:24px;gap:14px}.xp .dialog-body h2{font-size:20px;letter-spacing:-.03em}.xp .dialog .btn{border-radius:999px}.stagger-row{animation:settle-in .55s var(--ease-expo) both;animation-delay:calc(var(--i, 0) * 45ms + .12s)}@keyframes settle-in{0%{opacity:0;transform:translateY(8px)}}@keyframes bar-grow{0%{transform:scaleY(0)}}@keyframes bar-x{0%{transform:scaleX(0)}}.xp .bars .bar{transform-origin:bottom;border-radius:3px 3px 1px 1px;background:color-mix(in srgb,var(--accent) 42%,var(--surface-3))}.xp .bars .bar:last-child{background:linear-gradient(180deg,var(--accent-2),var(--accent))}.xp .bars .bar.zero{background:var(--surface-3)}.xp .bars .bar.zero:last-child{background:var(--surface-3);box-shadow:inset 0 -2px 0 var(--accent)}.xp .tag-base{border-color:color-mix(in srgb,var(--accent) 45%,transparent);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}:is(html[data-scene=balance] #balance,html[data-scene=keys] #keys,html[data-scene=welcome] #welcome) .spark-line{animation:draw 1.6s var(--ease-expo) .55s backwards}:is(html[data-scene=balance] #balance,html[data-scene=keys] #keys) .spark-area{animation:fade-in 1s var(--ease-out) 1s backwards}@media (max-width:1280px){.xp-keys{display:none}}@media (max-width:1180px){.xp-word{display:none}.xp-object{left:74%;height:min(56vh,520px)}.xp-object .cell{--cell-u:tan(atan2(400px,min(56vh,520px)))}}@media (min-width:761px) and (max-height:820px){:root{--xp-top:64px;--xp-bottom:48px}.scene-inner:not(.welcome){padding-bottom:60px}.mega{--mega-size:clamp(56px,7vw,116px)}.title{font-size:clamp(28px,2.8vw,44px)}.window .code pre{min-height:170px}.welcome-copy{gap:14px}html[data-scene=welcome] .xp-object{--oy:-3vh}.rates{gap:14px}.model{gap:7px;padding:14px 16px 13px}.model-k-num{font-size:clamp(32px,3vw,46px)}.model-rows{padding-top:8px}.model-rows dd{font-size:16px}.model-buys{display:none}.formula-band{gap:8px 32px;padding:14px 20px 12px}.fb-note{padding-top:8px}}@media (max-width:900px){.xp-object{display:none}.scene-cell{display:block;position:absolute;z-index:1;top:clamp(14px,2.6vh,26px);right:var(--xp-gutter);width:46px;height:84px;pointer-events:none}.mega{--mega-room:64px}.mega>span{max-width:calc(100% - var(--mega-room))}.scene-cell .cell{width:100%;height:100%;--cell-u:4.7826}.balance,.charge,.connect,.welcome{grid-template-columns:minmax(0,1fr)}.object-space{display:none}.scene-head{grid-template-columns:minmax(0,1fr);align-items:start}.scene-inner{align-content:start;padding-top:clamp(16px,3vh,28px);padding-bottom:60px}.welcome{padding-bottom:calc(clamp(16px, 3.4vh, 40px) + 64px)}}@media (max-width:760px){:root{--xp-top:60px;--xp-bottom:0px;--xp-gutter:18px}html.js .xp{grid-template-rows:var(--xp-top) minmax(0,1fr) var(--xp-dock)}.xp-top{grid-template-columns:auto minmax(0,1fr);gap:10px}.xp-bottom,.xp-top .xp-nav{display:none}.xp-actions{gap:4px}.scene-inner{padding:18px var(--xp-gutter) 60px;gap:18px}.mega{--mega-size:clamp(52px,17vw,88px)}.facts{grid-template-columns:minmax(0,1fr)}.fact,.fact+.fact{padding:12px 0;border-left:0;border-bottom:1px solid var(--xp-hair)}.endpoints,.formula-band{grid-template-columns:minmax(0,1fr)}.formula-band{padding:18px}.fb-formula{white-space:normal}.welcome-marquee{position:static;margin-top:8px}.welcome{padding-bottom:28px}.display{font-size:clamp(32px,9.8vw,56px)}.toast{top:calc(var(--xp-top) + 6px);border-radius:18px}.charge-panel .title{max-width:calc(100% - 48px)}}@supports (width:1cqi){@media (max-width:760px){.welcome-copy{container-type:inline-size}.welcome .display{font-size:min(clamp(32px,9.8vw,56px),calc((100cqi - 48px) / 8.2))}}}@media (pointer:coarse){:where(.xp) :where(.copy-btn-xs,.btn-xs:not(.btn-icon)){position:relative}.xp :is(.copy-btn-xs,.btn-xs:not(.btn-icon)):after{content:"";position:absolute;inset:-6px;border-radius:10px}}@supports (-webkit-touch-callout:none){@media (pointer:coarse){.xp :is(input:not([type=checkbox],[type=radio],[type=hidden]),textarea,select){font-size:16px}}}@media (prefers-reduced-motion:reduce){.aurora>span,.charge-progress i,.charge-results,.code-chip,.float-chip,.spark-ping,.stagger-row,.toast,.xp-keys .dot:after{animation:none!important}:is(html[data-scene] .scene) .bars .bar,:is(html[data-scene] .scene) .spark-area,:is(html[data-scene] .scene) .spark-line{animation:none!important}.aurora>span,.callout,.float-chip,.object-caption,.target-key,.toast,.xp .btn .arrow,.xp-brand .brand-mark,.xp-object{transition:none!important}}@media print{html.js:has(.xp),html.js:has(.xp) body{height:auto;overflow:visible}html.js .xp{position:static;display:block}.aurora,.toast,.xp-bottom,.xp-object,.xp-top{display:none}}html:not(.js) .xp-world{position:relative;height:auto;overflow:visible}html:not(.js) .xp-world>section.scene{position:relative;min-height:calc(100dvh - var(--xp-top));scroll-margin-top:var(--xp-top)}html:not(.js) .xp-counter,html:not(.js) .xp-hint,html:not(.js) .xp-progress{display:none}html.js .xp-world>section.scene{position:absolute;inset:0;z-index:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(7vh);transition:none;content-visibility:hidden}html.js .xp-world>section.scene:focus{outline:none}html.js:not(.xp-moving)[data-scene=balance] #keys,html.js:not(.xp-moving)[data-scene=charge] #connect,html.js:not(.xp-moving)[data-scene=charge] #keys,html.js:not(.xp-moving)[data-scene=connect] #charge,html.js:not(.xp-moving)[data-scene=connect] #how,html.js:not(.xp-moving)[data-scene=connect] #multipliers,html.js:not(.xp-moving)[data-scene=how] #connect,html.js:not(.xp-moving)[data-scene=how] #welcome,html.js:not(.xp-moving)[data-scene=keys] #balance,html.js:not(.xp-moving)[data-scene=keys] #charge,html.js:not(.xp-moving)[data-scene=multipliers] #connect,html.js:not(.xp-moving)[data-scene=welcome] #how{content-visibility:visible}html.js[data-scene=charge] #balance,html.js[data-scene=charge] #keys,html.js[data-scene=connect] #balance,html.js[data-scene=connect] #charge,html.js[data-scene=connect] #how,html.js[data-scene=connect] #keys,html.js[data-scene=connect] #welcome,html.js[data-scene=how] #welcome,html.js[data-scene=keys] #balance,html.js[data-scene=multipliers] #balance,html.js[data-scene=multipliers] #charge,html.js[data-scene=multipliers] #connect,html.js[data-scene=multipliers] #how,html.js[data-scene=multipliers] #keys,html.js[data-scene=multipliers] #welcome{transform:translateY(-7vh)}html.js:not([data-scene]) .xp-world>section.scene:first-of-type,html.js[data-scene=balance] #balance,html.js[data-scene=charge] #charge,html.js[data-scene=connect] #connect,html.js[data-scene=how] #how,html.js[data-scene=keys] #keys,html.js[data-scene=multipliers] #multipliers,html.js[data-scene=welcome] #welcome{z-index:2;visibility:visible;opacity:1;pointer-events:auto;content-visibility:visible;transform:none;translate:0 0;transition:opacity var(--dur-scene) var(--ease-expo) 80ms,transform var(--dur-scene) var(--ease-expo),translate .45s var(--ease-expo)}:is(html.js[data-leave=welcome] #welcome,html.js[data-leave=how] #how,html.js[data-leave=balance] #balance,html.js[data-leave=keys] #keys,html.js[data-leave=charge] #charge,html.js[data-leave=connect] #connect,html.js[data-leave=multipliers] #multipliers),html.js .xp-world>section.scene[data-leaving]{z-index:1;visibility:visible;pointer-events:none;content-visibility:visible}html.js .xp-world>section.scene[data-leaving]{opacity:0;translate:none;transform:translateY(-5vh) scale(.985);transition:opacity .52s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.55,0,.15,1),translate .7s cubic-bezier(.55,0,.15,1)}html.js[data-scene=charge] #balance[data-leaving],html.js[data-scene=charge] #keys[data-leaving],html.js[data-scene=connect] #balance[data-leaving],html.js[data-scene=connect] #charge[data-leaving],html.js[data-scene=connect] #how[data-leaving],html.js[data-scene=connect] #keys[data-leaving],html.js[data-scene=connect] #welcome[data-leaving],html.js[data-scene=how] #welcome[data-leaving],html.js[data-scene=keys] #balance[data-leaving],html.js[data-scene=multipliers] #balance[data-leaving],html.js[data-scene=multipliers] #charge[data-leaving],html.js[data-scene=multipliers] #connect[data-leaving],html.js[data-scene=multipliers] #how[data-leaving],html.js[data-scene=multipliers] #keys[data-leaving],html.js[data-scene=multipliers] #welcome[data-leaving]{transform:translateY(-5vh) scale(.985)}html.js[data-scene=balance] #balance~section.scene[data-leaving],html.js[data-scene=charge] #charge~section.scene[data-leaving],html.js[data-scene=connect] #connect~section.scene[data-leaving],html.js[data-scene=how] #how~section.scene[data-leaving],html.js[data-scene=keys] #keys~section.scene[data-leaving],html.js[data-scene=multipliers] #multipliers~section.scene[data-leaving],html.js[data-scene=welcome] #welcome~section.scene[data-leaving]{transform:translateY(5vh) scale(.985)}:where(html.js [data-anim=lines] .line)>:where(*),:where(html.js [data-anim=mask])>:where(:first-child){display:inline-block}[data-anim=lines] .line:nth-child(2){--line:1}[data-anim=lines] .line:nth-child(3){--line:2}[data-anim=lines] .line:nth-child(4){--line:3}[data-anim=lines] .line:nth-child(5){--line:4}[data-anim=lines] .line:nth-child(6){--line:5}[data-anim=lines] .line:nth-child(7){--line:6}[data-anim=lines] .line:nth-child(8){--line:7}:is(html[data-scene=welcome] #welcome,html[data-scene=how] #how,html[data-scene=balance] #balance,html[data-scene=keys] #keys,html[data-scene=charge] #charge,html[data-scene=connect] #connect,html[data-scene=multipliers] #multipliers) :is([data-anim=fade],[data-anim=rise],[data-anim=scale],[data-anim=mask],[data-anim=mask]>.anim-in,[data-anim=lines] .line,[data-anim=lines] .anim-in){animation-duration:.9s;animation-timing-function:var(--ease-expo);animation-fill-mode:both;animation-delay:calc(.18s + var(--d, 0) * 70ms + var(--line, 0) * 90ms)}:is(html[data-scene=welcome] #welcome,html[data-scene=how] #how,html[data-scene=balance] #balance,html[data-scene=keys] #keys,html[data-scene=charge] #charge,html[data-scene=connect] #connect,html[data-scene=multipliers] #multipliers) [data-anim=fade]{animation-name:xp-fade}:is(html[data-scene=welcome] #welcome,html[data-scene=how] #how,html[data-scene=balance] #balance,html[data-scene=keys] #keys,html[data-scene=charge] #charge,html[data-scene=connect] #connect,html[data-scene=multipliers] #multipliers) [data-anim=rise]{animation-name:xp-rise}:is(html[data-scene=welcome] #welcome,html[data-scene=how] #how,html[data-scene=balance] #balance,html[data-scene=keys] #keys,html[data-scene=charge] #charge,html[data-scene=connect] #connect,html[data-scene=multipliers] #multipliers) [data-anim=scale]{animation-name:xp-scale}:is(html[data-scene=welcome] #welcome,html[data-scene=how] #how,html[data-scene=balance] #balance,html[data-scene=keys] #keys,html[data-scene=charge] #charge,html[data-scene=connect] #connect,html[data-scene=multipliers] #multipliers) :is([data-anim=mask],[data-anim=lines] .line){animation-name:xp-clip}:is(html[data-scene=welcome] #welcome,html[data-scene=how] #how,html[data-scene=balance] #balance,html[data-scene=keys] #keys,html[data-scene=charge] #charge,html[data-scene=connect] #connect,html[data-scene=multipliers] #multipliers) :is([data-anim=mask]>.anim-in,[data-anim=lines] .anim-in){animation-name:xp-slide}@keyframes xp-fade{0%{opacity:0}}@keyframes xp-rise{0%{opacity:0;translate:0 22px}}@keyframes xp-scale{0%{opacity:0;scale:.94}}@keyframes xp-slide{0%{translate:0 calc(110% + .2em)}}@keyframes xp-clip{0%,99.9%{-webkit-clip-path:inset(-1em -1em 0 -1em);clip-path:inset(-1em -1em 0 -1em)}to{-webkit-clip-path:none;clip-path:none}}html[data-scene=balance] [data-scene-link=balance],html[data-scene=balance] [data-scene-value=balance],html[data-scene=charge] [data-scene-link=charge],html[data-scene=charge] [data-scene-value=charge],html[data-scene=connect] [data-scene-link=connect],html[data-scene=connect] [data-scene-value=connect],html[data-scene=how] [data-scene-link=how],html[data-scene=how] [data-scene-value=how],html[data-scene=keys] [data-scene-link=keys],html[data-scene=keys] [data-scene-value=keys],html[data-scene=multipliers] [data-scene-link=multipliers],html[data-scene=multipliers] [data-scene-value=multipliers],html[data-scene=welcome] [data-scene-link=welcome],html[data-scene=welcome] [data-scene-value=welcome]{--xp-on:1}.xp-nav{position:relative;display:flex;align-items:center;gap:2px;padding:4px;border-radius:999px;background:color-mix(in srgb,var(--surface) 42%,transparent);border:1px solid var(--xp-glass-border);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 6%,transparent),0 14px 34px -24px rgba(0,0,0,.6)}.xp-nav-indicator{position:absolute;top:4px;bottom:4px;left:0;width:var(--w,0);translate:var(--x,0) 0;border-radius:999px;pointer-events:none;opacity:0;background:color-mix(in srgb,var(--fg) 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fg) 7%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 9%,transparent)}.xp-nav-indicator:after{content:"";position:absolute;left:50%;bottom:-1px;width:16px;height:2px;margin-left:-8px;border-radius:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));box-shadow:0 0 10px 1px var(--glow)}.xp-nav[data-ready] .xp-nav-indicator{opacity:1;transition:translate .75s var(--ease-expo),width .75s var(--ease-expo),opacity .3s var(--ease-out)}.xp-nav-link{position:relative;z-index:1;display:inline-flex;align-items:baseline;gap:8px;height:32px;padding:0 14px 0 12px;border-radius:999px;font-size:13px;font-weight:500;line-height:32px;letter-spacing:-.01em;white-space:nowrap;text-decoration:none;color:color-mix(in srgb,var(--fg) calc(var(--xp-on, 0) * 100%),var(--muted));transition:color .4s var(--ease-out)}.xp-nav-link:hover{color:var(--fg);text-decoration:none}.xp-nav-num{font-family:var(--mono);font-size:10px;font-weight:500;letter-spacing:.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--accent) calc(var(--xp-on, 0) * 100%),var(--faint));transition:color .4s var(--ease-out)}.xp-nav:not([data-ready]) .xp-nav-link:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:var(--xp-on,0);background:color-mix(in srgb,var(--fg) 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fg) 7%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 9%,transparent)}.xp-progress{position:absolute;z-index:15;right:clamp(8px,calc(var(--xp-gutter) * .5 - 6px),26px);top:calc(var(--xp-top) + (100% - var(--xp-top) - var(--xp-bottom)) / 2);translate:0 -50%;display:flex;flex-direction:column;align-items:flex-end}.xp-progress-rail{position:absolute;right:0;top:11px;bottom:11px;width:1px;background:var(--xp-hair);pointer-events:none}.xp-progress-fill{position:absolute;inset:0;transform-origin:50% 0;scale:1 var(--scene-progress,0);background:linear-gradient(180deg,var(--accent-2),var(--accent));box-shadow:0 0 8px var(--glow);transition:scale var(--dur-scene) var(--ease-expo)}.xp-tick{position:relative;display:flex;align-items:center;justify-content:flex-end;width:36px;height:22px;text-decoration:none}.xp-tick:before{content:"";height:1px;border-radius:1px;width:calc(8px + var(--xp-on, 0) * 14px);background-color:color-mix(in srgb,var(--accent) calc(var(--xp-on, 0) * 100%),color-mix(in srgb,var(--fg) 30%,transparent));box-shadow:0 0 calc(var(--xp-on, 0) * 8px) var(--glow);transition:width .6s var(--ease-expo),background-color .4s var(--ease-out)}.xp-tick:hover{text-decoration:none}.xp-tick:hover:before{width:calc(14px + var(--xp-on, 0) * 8px);background-color:color-mix(in srgb,var(--accent) calc(var(--xp-on, 0) * 100%),var(--fg))}.xp-tick-label{position:absolute;right:calc(100% + 4px);top:50%;translate:8px -50%;opacity:0;pointer-events:none;padding:5px 9px;border-radius:999px;white-space:nowrap;font-size:11px;font-weight:500;line-height:1;letter-spacing:.01em;color:var(--fg);background:var(--xp-glass);border:1px solid var(--xp-glass-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .25s var(--ease-out),translate .45s var(--ease-expo)}.xp-tick:hover .xp-tick-label{opacity:1;translate:0 -50%}@media (pointer:coarse){.xp-progress{pointer-events:none}}.xp-counter{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;font-family:var(--mono);font-size:11px;font-weight:500;line-height:1.2;letter-spacing:.08em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--faint)}.xp-counter-cur{display:inline-flex;color:var(--fg)}.xp-counter-label,.xp-roll{position:relative;display:inline-grid;overflow:hidden}.xp-counter-label>span,.xp-roll>span{grid-area:1/1;opacity:var(--xp-on,0);translate:0 calc((1 - var(--xp-on, 0)) * 105%);transition:translate .8s var(--ease-expo),opacity .5s var(--ease-out)}html[data-scene=charge] :is(.xp-roll,.xp-counter-label)>[data-scene-value=balance],html[data-scene=charge] :is(.xp-roll,.xp-counter-label)>[data-scene-value=keys],html[data-scene=connect] :is(.xp-roll,.xp-counter-label)>[data-scene-value=balance],html[data-scene=connect] :is(.xp-roll,.xp-counter-label)>[data-scene-value=charge],html[data-scene=connect] :is(.xp-roll,.xp-counter-label)>[data-scene-value=how],html[data-scene=connect] :is(.xp-roll,.xp-counter-label)>[data-scene-value=keys],html[data-scene=connect] :is(.xp-roll,.xp-counter-label)>[data-scene-value=welcome],html[data-scene=how] :is(.xp-roll,.xp-counter-label)>[data-scene-value=welcome],html[data-scene=keys] :is(.xp-roll,.xp-counter-label)>[data-scene-value=balance],html[data-scene=multipliers] :is(.xp-roll,.xp-counter-label)>[data-scene-value=balance],html[data-scene=multipliers] :is(.xp-roll,.xp-counter-label)>[data-scene-value=charge],html[data-scene=multipliers] :is(.xp-roll,.xp-counter-label)>[data-scene-value=connect],html[data-scene=multipliers] :is(.xp-roll,.xp-counter-label)>[data-scene-value=how],html[data-scene=multipliers] :is(.xp-roll,.xp-counter-label)>[data-scene-value=keys],html[data-scene=multipliers] :is(.xp-roll,.xp-counter-label)>[data-scene-value=welcome]{translate:0 -105%}.xp-counter-bar{position:relative;width:48px;height:1px;overflow:hidden;background:var(--xp-hair)}.xp-counter-bar>i{position:absolute;inset:0;transform-origin:0 50%;scale:calc((var(--scene-index, 0) + 1) / var(--scene-count, 1)) 1;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:scale var(--dur-scene) var(--ease-expo)}.xp-counter-label{margin-left:2px;font-family:var(--font);font-size:12px;letter-spacing:-.005em;color:var(--fg-2)}.xp-hint{display:inline-flex;align-items:center;justify-content:center;font-size:11.5px;letter-spacing:.01em;line-height:1;color:var(--muted);white-space:nowrap}html.js .xp-hint{opacity:0;translate:0 6px;pointer-events:none;transition:opacity .7s var(--ease-out),translate .9s var(--ease-expo)}html.js .xp-hint[data-show]{opacity:1;translate:0 0}.xp-hint-coarse,.xp-hint-fine{display:inline-flex;align-items:center;gap:8px}.xp-hint-coarse{display:none}.xp-hint-sep{color:var(--faint)}.xp-hint kbd{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 5px;border-radius:6px;font:500 10px/1 var(--mono);color:var(--fg-2);background:color-mix(in srgb,var(--fg) 5%,transparent);box-shadow:inset 0 0 0 1px var(--xp-hair),inset 0 -1px 0 var(--xp-hair)}.xp-hint-mouse{position:relative;width:13px;height:19px;border-radius:7px;box-shadow:inset 0 0 0 1.25px color-mix(in srgb,var(--fg) 40%,transparent)}.xp-hint-mouse>i{position:absolute;left:50%;top:4px;width:2px;height:4px;margin-left:-1px;border-radius:1px;background:var(--fg-2);animation:xp-wheel 1.9s var(--ease-out) infinite}.xp-hint-swipe{position:relative;width:26px;height:12px}.xp-hint-swipe:before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--xp-hair)}.xp-hint-swipe>i{position:absolute;top:50%;right:0;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--fg-2);animation:xp-swipe 1.9s var(--ease-expo) infinite}html.js .xp-hint:not([data-show]) :is(.xp-hint-mouse,.xp-hint-swipe)>i{animation-play-state:paused}@keyframes xp-wheel{0%{opacity:0;translate:0 -1px}30%{opacity:1}75%,to{opacity:0;translate:0 6px}}@keyframes xp-swipe{0%{opacity:0;translate:0 0}20%{opacity:1}80%,to{opacity:0;translate:-19px 0}}@media (hover:none) and (pointer:coarse){.xp-hint-fine{display:none}.xp-hint-coarse{display:inline-flex}}.xp-dock{display:none}@media (max-width:1100px){.xp-nav-num{display:none}.xp-nav-link{padding:0 12px}}@media (max-width:900px){.xp-nav-link{padding:0 10px;font-size:12.5px}}@media (max-width:760px){.xp-progress{display:none}html:not(.js) .xp-world{padding-bottom:var(--xp-dock)}.xp-dock{position:fixed;z-index:30;left:10px;right:10px;bottom:8px;height:calc(var(--xp-dock) - 14px);display:flex;align-items:stretch;padding:4px;border-radius:20px;background:var(--xp-glass);border:1px solid var(--xp-glass-border);box-shadow:inset 0 1px 0 color-mix(in srgb,#fff 7%,transparent),0 18px 40px -18px rgba(0,0,0,.55);-webkit-backdrop-filter:blur(22px) saturate(1.5);backdrop-filter:blur(22px) saturate(1.5)}.xp-dock-pill{position:absolute;top:4px;bottom:4px;left:0;width:var(--w,0);translate:var(--x,0) 0;border-radius:16px;opacity:0;pointer-events:none;background:color-mix(in srgb,var(--fg) 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fg) 6%,transparent),inset 0 1px 0 color-mix(in srgb,#fff 8%,transparent)}.xp-dock[data-ready] .xp-dock-pill{opacity:1;transition:translate .6s var(--ease-expo),width .6s var(--ease-expo),opacity .3s var(--ease-out)}.xp-dock-item{position:relative;z-index:1;flex:1 1;min-width:0;display:grid;place-content:center;justify-items:center;grid-gap:4px;gap:4px;border-radius:16px;font-size:10.5px;font-weight:500;line-height:1;letter-spacing:.01em;color:color-mix(in srgb,var(--fg) calc(var(--xp-on, 0) * 100%),var(--muted));-webkit-tap-highlight-color:transparent;transition:color .35s var(--ease-out)}.xp-dock-item,.xp-dock-item:hover{text-decoration:none}.xp-dock:not([data-ready]) .xp-dock-item:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:var(--xp-on,0);background:color-mix(in srgb,var(--fg) 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--fg) 6%,transparent)}.xp-dock-icon{width:20px;height:20px;color:color-mix(in srgb,var(--accent) calc(var(--xp-on, 0) * 100%),currentColor);translate:0 calc(var(--xp-on, 0) * -1px);transition:color .35s var(--ease-out),translate .5s var(--ease-expo)}.xp-dock-label{max-width:100%;padding:0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@media (forced-colors:active){:is(.xp-nav-link,.xp-dock-item)[aria-current=location]{-webkit-text-decoration:underline 2px;text-decoration:underline 2px;text-underline-offset:6px}.xp-progress-fill,.xp-tick:before{forced-color-adjust:none}.xp-tick:before{background-color:color-mix(in srgb,Highlight calc(var(--xp-on, 0) * 100%),GrayText)}.xp-progress-fill{background:Highlight}}@media print{html.js .xp-world{overflow:visible}html.js .xp-world>section.scene{position:relative!important;inset:auto!important;overflow:visible!important;visibility:visible!important;opacity:1!important;transform:none!important;translate:none!important;transition:none!important;content-visibility:visible!important;page-break-before:always;break-before:page}html.js .xp-world>section.scene:first-of-type{page-break-before:auto;break-before:auto}:is(.xp-progress,.xp-counter,.xp-hint,.xp-dock){display:none!important}}@media (prefers-reduced-motion:reduce){html.js .xp-world>section.scene{transform:none!important;translate:none!important;transition:none!important}:is(html.js[data-leave=welcome] #welcome,html.js[data-leave=how] #how,html.js[data-leave=balance] #balance,html.js[data-leave=keys] #keys,html.js[data-leave=charge] #charge,html.js[data-leave=connect] #connect,html.js[data-leave=multipliers] #multipliers),html.js .xp-world>section.scene[data-leaving]{visibility:hidden;opacity:0}:is(.xp-roll,.xp-counter-label)>span{translate:none!important}html.js .xp-hint{translate:none}}