@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&family=Fredoka+One&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}.collapse{visibility:collapse}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.line-through{text-decoration-line:line-through}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}:root{--p:#6bcb77;--p2:#42b24e;--p-light:#6bcb772e;--p-dark:#6bcb77;--s:#4ecdc4;--s-light:#4ecdc42e;--s-dark:#4ecdc4;--acc:#ffe66d;--acc-dark:#f0a500;--pu:#a78bfa;--pu-light:#a78bfa2e;--bg:#050a12;--card:#ffffff0f;--border:#ffffff1c;--text:#fff;--muted:#ffffff80;--faint:#ffffff47}*{box-sizing:border-box;margin:0;padding:0}html{background:#050a12}body{color:var(--text);background:#050a12 fixed;min-height:100vh;font-family:Nunito,sans-serif}.font-display{font-family:Fredoka One,cursive}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:99px}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes bounceSoft{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pulseDot{0%,to{opacity:1}50%{opacity:.4}}@keyframes orbPulse{0%,to{box-shadow:0 0 80px #00c8ff8c,0 0 160px #0096ff47,0 0 240px #0064c81f,inset 0 0 60px #ffffff21}50%{box-shadow:0 0 110px #00c8ffbf,0 0 210px #0096ff61,0 0 320px #0064c82e,inset 0 0 80px #fff3}}@keyframes orbitSpin{0%{transform:rotateX(75deg)rotate(0)}to{transform:rotateX(75deg)rotate(360deg)}}@keyframes orbitSpinRev{0%{transform:rotateX(75deg)rotate(0)}to{transform:rotateX(75deg)rotate(-360deg)}}@keyframes floatBubble{0%,to{transform:translateY(0)scale(1)}33%{transform:translateY(-22px)scale(1.03)}66%{transform:translateY(-9px)scale(.97)}}@keyframes floatUp{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-80px)scale(1.4)}}@keyframes popRing{0%{opacity:.9;transform:scale(.8)}to{opacity:0;transform:scale(2.5)}}.animate-slide-up{animation:.4s cubic-bezier(.34,1.56,.64,1) both slideUp}.animate-fade-in{animation:.3s ease-out both fadeIn}.animate-bounce-in{animation:.4s cubic-bezier(.34,1.56,.64,1) both bounceSoft}.animate-pulse-dot{animation:2s ease-in-out infinite pulseDot}.card{-webkit-backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff1c;border-radius:16px}.card-hover{-webkit-backdrop-filter:blur(20px);background:#ffffff0f;border:1px solid #ffffff1c;border-radius:16px;transition:border-color .15s,transform .15s}.card-hover:hover{border-color:#6bcb7773;transform:translateY(-2px)}.btn-primary{background:var(--p);color:#fff;cursor:pointer;border:none;border-radius:14px;padding:12px 20px;font-family:Nunito,sans-serif;font-size:14px;font-weight:800;transition:opacity .15s,transform .1s}.btn-primary:hover{opacity:.9}.btn-primary:active{transform:scale(.97)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.chip{cursor:pointer;color:#ffffff8c;background:0 0;border:1px solid #ffffff2e;border-radius:20px;padding:5px 13px;font-family:Nunito,sans-serif;font-size:11px;font-weight:800;transition:all .15s}.chip:hover{border-color:var(--p);color:var(--p)}.chip.active{border-color:var(--p);color:var(--p);background:#6bcb772e}.chip.s-active{border-color:var(--s);color:var(--s);background:#4ecdc42e}.gloss-head{-webkit-text-fill-color:transparent;background:linear-gradient(#fff 0%,#e8f0ff 42%,#9fb8e8 60%,#fff 100%);-webkit-background-clip:text;background-clip:text}.gloss-num{-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 6px #00c8ff59);background:linear-gradient(#fff 0%,#d6f6ff 38%,#3fc8f0 56%,#aef0ff 72%,#fff 100%);-webkit-background-clip:text;background-clip:text}.gloss-stat{-webkit-text-fill-color:transparent;background:linear-gradient(#fff,#cfe6ff 55%,#fff);-webkit-background-clip:text;background-clip:text}@keyframes belt-travel{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes rock-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.belt-layer{will-change:transform;pointer-events:none;width:200%;height:100%;position:absolute;top:0;left:0}.belt-far{opacity:.5;animation:90s linear infinite belt-travel}.belt-mid{opacity:.75;animation:55s linear infinite belt-travel}.belt-near{animation:32s linear infinite belt-travel}.belt-band{filter:blur(24px);pointer-events:none;background:linear-gradient(#0000,#786e961a 40%,#968cb429 50%,#786e961a 60%,#0000);width:130%;height:34%;position:absolute;top:38%;left:-10%;transform:rotate(-7deg)}.rock{background:radial-gradient(circle at 32% 26%,#b3a594 0%,#7d6f60 38%,#4a3f36 70%,#241d18 100%);border-radius:46% 54% 48% 52%/56% 47% 53% 44%;position:absolute;box-shadow:inset -6px -8px 18px #000000b3,inset 4px 5px 12px #ffffff24,0 0 24px #00000059}@keyframes moon-in{0%{opacity:0;transform:scale(.2)}60%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}@keyframes moon-orbit{0%,to{transform:translateY(0)}50%{transform:translateY(-14px)}}.moon{pointer-events:none;border-radius:50%;animation:.7s cubic-bezier(.34,1.56,.64,1) forwards moon-in;position:absolute}.moon .moon-body{border-radius:50%;animation:7s ease-in-out infinite moon-orbit;position:absolute;inset:0}.moon .moon-lbl{white-space:nowrap;color:#ffffff8c;font-size:9px;font-weight:800;position:absolute;top:104%;left:50%;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.belt-far,.belt-mid,.belt-near,.rock,.moon .moon-body{animation:none!important}}@keyframes comet-orbit{0%{opacity:0;offset-distance:0%}6%{opacity:1}90%{opacity:1}to{opacity:1;offset-distance:100%}}@keyframes comet-headflicker{0%{transform:scale(1)}to{transform:scale(1.4)}}@keyframes trail-flow{0%{background-position:200% 0}to{background-position:0 0}}@keyframes trail-flicker{0%{opacity:.45}to{opacity:1}}@keyframes spark-fade{0%{opacity:1;transform:translate(0)scale(1.2)}to{opacity:0;transform:translate(var(--sx),var(--sy)) scale(.2)}}@keyframes flash-out{0%{opacity:1;transform:translate(-50%,-50%)scale(.2)}40%{opacity:1;transform:translate(-50%,-50%)scale(1.2)}to{opacity:0;transform:translate(-50%,-50%)scale(2.8)}}@keyframes shock-out{0%{opacity:.95;transform:translate(-50%,-50%)scale(.2)}to{opacity:0;transform:translate(-50%,-50%)scale(8)}}@keyframes frag-fly{0%{opacity:1;transform:translate(-50%,-50%)translate(0)scale(1.2)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-50%) translate(var(--fx),var(--fy)) scale(.25)}}@keyframes planet-coalesce{0%{opacity:0;transform:translate(-50%,-50%)scale(0)rotate(-40deg)}40%{opacity:1}58%{transform:translate(-50%,-50%)scale(1.18)rotate(8deg)}to{opacity:1;transform:translate(-50%,-50%)scale(1)rotate(0)}}@keyframes planet-pulse{0%,to{transform:translate(-50%,-50%)scale(1)}50%{transform:translate(-50%,-50%)scale(1.04)}}@keyframes ring-spin{0%{transform:translate(-50%,-50%)rotateX(72deg)rotate(0)}to{transform:translate(-50%,-50%)rotateX(72deg)rotate(360deg)}}@keyframes ring-in{0%{opacity:0}to{opacity:1}}.calc-overlay{z-index:9999;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);cursor:pointer;background:radial-gradient(circle at 50% 45%,#0c1022bd,#02040ced);justify-content:center;align-items:center;animation:.25s forwards calc-fadein;display:flex;position:fixed;inset:0;overflow:hidden}.calc-overlay.out{animation:.4s forwards calc-fadeout}@keyframes calc-fadein{0%{opacity:0}to{opacity:1}}@keyframes calc-fadeout{0%{opacity:1}to{opacity:0}}.calc-stage{transform-origin:50%;width:680px;height:440px;position:relative}@media (max-width:720px){.calc-stage{transform:scale(.6)}}.calc-comet{opacity:0;offset-path:path("M 470 70 C 610 130, 600 330, 430 360 C 300 382, 250 300, 300 250 C 330 220, 360 240, 350 260");offset-rotate:auto;width:0;height:0;position:absolute;top:0;left:0}.calc-comet.go{animation:1.9s cubic-bezier(.45,.05,.4,1) forwards comet-orbit}.calc-comet .ch{background:radial-gradient(circle at 40% 38%,#fff,#aef6ff 45%,#22d3ee 75%,#22d3ee00 100%);border-radius:50%;width:14px;height:14px;animation:.12s ease-in-out infinite alternate comet-headflicker;position:absolute;top:-7px;left:-7px;box-shadow:0 0 14px 4px #78f0ffe6,0 0 36px 10px #22d3ee99}.calc-comet .ct{filter:blur(1px);background:linear-gradient(90deg,#22d3ee00,#78f0ffd9 60%,#fff) 0 0/200% 100%;border-radius:3px;width:120px;height:6px;animation:.3s linear infinite trail-flow,.15s ease-in-out infinite alternate trail-flicker;position:absolute;top:-3px;right:0;transform:translate(2px)}.calc-comet .ct2{opacity:.8;filter:blur(.5px);width:90px;height:2px;top:-1px}.calc-spark{pointer-events:none;background:radial-gradient(circle,#fff,#67e8f9 60%,#67e8f900);border-radius:50%;width:4px;height:4px;animation:.6s ease-out forwards spark-fade;position:absolute;box-shadow:0 0 6px 2px #78f0ffb3}.calc-flash{pointer-events:none;background:radial-gradient(circle,#fff,#aef6ff 35%,#22d3ee80 60%,#22d3ee00 75%);border-radius:50%;width:120px;height:120px;animation:.5s ease-out forwards flash-out;position:absolute;top:260px;left:350px}.calc-shock{pointer-events:none;border:3px solid #96f5ffe6;border-radius:50%;width:60px;height:60px;animation:.7s ease-out forwards shock-out;position:absolute;top:260px;left:350px;box-shadow:0 0 18px #78f0ff99}.calc-frag{pointer-events:none;background:radial-gradient(circle at 40% 38%,#fff,#67e8f9 60%,#0e7490);border-radius:50%;animation:.8s ease-out forwards frag-fly;position:absolute;top:260px;left:350px;box-shadow:0 0 8px #78f0ff99}.calc-planet{opacity:0;pointer-events:none;background:radial-gradient(circle at 36% 30%,#7fffe6,#0fc 38%,#0891b2 70%,#0a1030 100%);border-radius:50%;justify-content:center;align-items:center;width:190px;height:190px;display:flex;position:absolute;top:260px;left:350px;box-shadow:0 0 60px #00ffcc73,inset -14px -18px 44px #0000008c,inset 10px 12px 30px #b4fff059}.calc-planet.show{animation:.8s cubic-bezier(.34,1.56,.64,1) forwards planet-coalesce,3.4s ease-in-out 1s infinite planet-pulse}.calc-planet .pnum{color:#04121a;text-shadow:0 1px #ffffff80;letter-spacing:-1px;font-size:34px;font-weight:900}.calc-planet .plbl{letter-spacing:1px;text-transform:uppercase;color:#04121ab3;font-size:10px;font-weight:800;position:absolute;bottom:30px}.calc-ring{opacity:0;pointer-events:none;border:3px solid #00ffcc8c;border-radius:50%;width:300px;height:300px;animation:.6s .2s forwards ring-in,9s linear infinite ring-spin;position:absolute;top:260px;left:350px;transform:translate(-50%,-50%)rotateX(72deg);box-shadow:0 0 22px #00ffcc59}.calc-dismiss{letter-spacing:.5px;color:#b4fff099;pointer-events:none;font-size:12px;font-weight:700;position:absolute;bottom:6%;left:50%;transform:translate(-50%)}@keyframes heartFloat{0%,to{transform:translateY(0)scale(1)rotate(0)}25%{transform:translateY(-8px)scale(1.012)rotate(.6deg)}50%{transform:translateY(0)scale(1.02)rotate(0)}75%{transform:translateY(6px)scale(1.012)rotate(-.6deg)}}@keyframes heartFlicker{0%,to{filter:brightness()saturate(1.05)}40%{filter:brightness(1.22)saturate(1.3)}60%{filter:brightness(1.05)saturate(1.15)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}