@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.0yczt4r3j28ff.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:500;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.0yczt4r3j28ff.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:600;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/b6df7c92285ebcd2-s.0y4xxz2y19qqs.woff2)format("woff2");unicode-range:U+307-308,U+590-5FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/eeba9b1ad34c1404-s.0yczt4r3j28ff.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fredoka;font-style:normal;font-weight:700;font-stretch:100%;font-display:swap;src:url(../media/5d52bd6c4cb3f315-s.p.0ez3bnoxb63ra.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fredoka Fallback;src:local(Arial);ascent-override:95.64%;descent-override:23.17%;line-gap-override:0.0%;size-adjust:101.84%}.fredoka_4709bc4e-module__J4p43q__className{font-family:Fredoka,Fredoka Fallback;font-style:normal}.fredoka_4709bc4e-module__J4p43q__variable{--font-fredoka:"Fredoka", "Fredoka Fallback"}
html:has(.magic-app){background:#120a06}.magic-app{--ma-panel:#1a0f08f7;--ma-line:#f6b64b42;--ma-text:#fdf1dc;--ma-muted:#fde1b0bd;--ma-amber:#f6b64b;--ma-ember:#ff8a3d;--ma-hdr:2.5rem;height:100dvh;color:var(--ma-text);font-family:var(--font-nunito), system-ui, sans-serif;-webkit-user-select:none;user-select:none;background:#120a06;flex-direction:column;display:flex;overflow:hidden}.magic-app h1,.ma-btn,.ma-name-label{font-family:var(--font-fredoka), var(--font-nunito), system-ui, sans-serif}.magic-app button,.magic-app input{font:inherit}.magic-app :focus-visible{outline:2px solid var(--ma-amber);outline-offset:2px}.ma-header{z-index:10;height:var(--ma-hdr);background:var(--ma-panel);border-bottom:1px solid var(--ma-line);flex-shrink:0;align-items:center;gap:.5rem;padding:0 .5rem;display:flex;position:relative}.ma-title{white-space:nowrap;text-overflow:ellipsis;background:linear-gradient(90deg,#ffd68a,#ff9a4d);color:#0000;-webkit-background-clip:text;background-clip:text;flex:1;min-width:0;font-size:1.1rem;font-weight:700;line-height:1.2;overflow:hidden}.ma-title-short{display:none}@media (max-width:479px){.ma-title-long{display:none}.ma-title-short{display:inline}}.ma-icon-btn{width:2rem;height:2rem;color:var(--ma-text);border:1px solid var(--ma-line);cursor:pointer;background:#ffffff0f;border-radius:.6rem;place-items:center;display:grid}.ma-icon-btn:hover{background:#ffffff1f}.ma-view{background:radial-gradient(circle,#2a170c,#0d0704 80%);flex:1;place-items:center;min-height:0;display:grid;position:relative;container:ma-view/size}.ma-label-card{z-index:5;color:#3a2614;pointer-events:none;background:#fff6e0;border:2px solid #6b4526;border-radius:.9rem;align-items:center;gap:.7rem;max-width:calc(100% - 1rem);min-height:3.4rem;padding:.4rem 1rem .4rem .7rem;animation:.18s ease-out both ma-card-in;display:flex;position:absolute;top:.6rem;left:50%;transform:translate(-50%);box-shadow:0 .4rem 1rem #00000080}.ma-label-dot{border:2px solid #6b4526;border-radius:999px;flex-shrink:0;width:1.5rem;height:1.5rem}.ma-label-art{object-fit:contain;max-width:10rem;max-height:3.4rem;display:none}.ma-label-art[data-loaded=true]{display:block}.ma-label-text{white-space:nowrap;flex-direction:column;line-height:1.15;display:flex}.ma-label-text strong{font-family:var(--font-fredoka), var(--font-nunito), system-ui, sans-serif;font-size:1.1rem;font-weight:700}.ma-label-text em{color:#7a5230;font-size:.85rem;font-style:normal;font-weight:700}@keyframes ma-card-in{0%{opacity:0;transform:translate(-50%)translateY(-.4rem)scale(.94)}}.ma-stage{aspect-ratio:4/3;touch-action:none;width:min(100cqw,133.333cqh);font-family:var(--font-fredoka), var(--font-nunito), system-ui, sans-serif;position:relative;overflow:hidden;container-type:inline-size}.ma-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.ma-jar,.ma-beaker{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:.8rem;padding:0;position:absolute}.ma-jar[aria-disabled=true]{cursor:default}.ma-beaker{cursor:grab}.ma-stage[data-phase=boom] .ma-jar,.ma-stage[data-phase=result] .ma-jar{pointer-events:none}.ma-bubble-slot{z-index:3;pointer-events:none;width:max-content;transition:opacity .2s;position:absolute;bottom:46.6%;left:50%}.ma-stage[data-busy=true] .ma-bubble-slot{opacity:.45}.ma-stage[data-holding=true] .ma-bubble-slot{opacity:.1}.ma-bubble{color:#3a2614;text-align:center;text-wrap:balance;transform-origin:0 100%;background-position:0 100%;background-repeat:no-repeat;background-size:100% 100%;width:clamp(150px,18.2cqw,300px);margin:0;font-size:clamp(12px,1.7cqw,21px);font-weight:600;line-height:1.3;animation:.28s cubic-bezier(.2,1.4,.4,1) both ma-pop;position:relative}.ma-bubble--sm{aspect-ratio:292/153;background-image:url(/magic/bubble-small.png)}.ma-bubble--md{aspect-ratio:291/183;background-image:url(/magic/bubble-medium.png)}.ma-bubble--lg{aspect-ratio:291/270;background-image:url(/magic/bubble-large.png)}.ma-bubble-text{justify-content:center;align-items:center;display:flex;position:absolute;inset:10% 12% 15% 9%}.ma-bubble--sm .ma-bubble-text,.ma-bubble--md .ma-bubble-text{inset:10% 6% 14% 17%}@keyframes ma-pop{0%{opacity:0;transform:scale(.7)translateY(.5em)}}.ma-meter{aspect-ratio:497/87;pointer-events:none;width:31%;position:absolute;top:1.5%;left:50%;transform:translate(-50%)}.ma-meter-slot{background:#140a04c7;border-radius:999px;position:absolute;inset:25.3% 6.2% 40.2% 5%;overflow:hidden}.ma-meter-slot span{transform-origin:0;background:linear-gradient(90deg,#ffd36b,#ff6a2b,#ff3b30);width:100%;height:100%;transition:transform 80ms linear;display:block}.ma-meter-frame{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.ma-dock{z-index:4;flex-wrap:nowrap;justify-content:center;align-items:center;gap:1.2cqw;font-size:clamp(12px,1.6cqw,17px);display:flex;position:absolute;inset:88.6% 6% .8%}.ma-dock-main{align-items:center;gap:1.4cqw;min-width:0;display:flex}.ma-dock-text{color:var(--ma-text);text-shadow:0 1px 3px #000000b3;margin:0;font-size:1em;font-weight:600;line-height:1.25}.ma-pips{flex-shrink:0;gap:.5cqw;display:flex}.ma-pip{border:2px solid var(--ma-line);background:#ffffff14;border-radius:50%;width:1.15em;height:1.15em;transition:background .3s,box-shadow .3s}.ma-btn{min-height:max(2.2rem,4.2cqw);color:var(--ma-text);white-space:nowrap;border:1px solid var(--ma-line);cursor:pointer;background:#1a0f08bf;border-radius:.8em;flex-shrink:0;align-items:center;gap:.4em;padding:.3em .9em;font-size:1em;font-weight:600;display:inline-flex}.ma-btn:hover{background:#3c2412e6}.ma-btn-hot{color:#2a1304;background:linear-gradient(#ffd36b,#f59a2e);border-color:#ffd36b}.ma-btn-hot:hover{background:linear-gradient(#ffe08f,#ffad4a)}.ma-btn-quiet{background:#1a0f0873}@property --heat{syntax:"<number>";inherits:false;initial-value:0}.magic-app .ma-btn-heat{--glow:255 calc(165 - var(--heat) * 125) calc(55 - var(--heat) * 45);min-height:2.5em;color:color-mix(in srgb, #2a1304, #fff4e0 clamp(0%, calc((var(--heat) - .55) * 2000%), 100%));letter-spacing:.02em;background:linear-gradient(to bottom, color-mix(in srgb, #ffd36b, #ff4a1a calc(var(--heat) * 100%)), color-mix(in srgb, #f59a2e, #d40d00 calc(var(--heat) * 100%)));border:2px solid color-mix(in srgb, #ffe9a8, #ff5a2a calc(var(--heat) * 100%));box-shadow:0 .2em 0 color-mix(in srgb, #b4540d, #6e0700 calc(var(--heat) * 100%)), 0 0 calc(.9em + var(--heat) * 2em) calc(.15em + var(--heat) * .4em) rgb(var(--glow) / calc(.5 + var(--heat) * .4));-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border-radius:999px;gap:.5em;padding:.2em 1.5em;font-size:1.3em;font-weight:800;transition:--heat .25s linear,transform .55s cubic-bezier(.2,2.2,.4,1);display:none;position:relative;transform:scale(1)}.magic-app .ma-btn-heat:hover{background:linear-gradient(to bottom, color-mix(in srgb, #ffe08f, #ff5a2a calc(var(--heat) * 100%)), color-mix(in srgb, #ffad4a, #e51a05 calc(var(--heat) * 100%)));transform:scale(1.04)}.magic-app .ma-btn-heat:active{box-shadow:0 .03em 0 color-mix(in srgb, #b4540d, #6e0700 calc(var(--heat) * 100%)), 0 0 calc(.6em + var(--heat) * 2em) calc(.05em + var(--heat) * .4em) rgb(var(--glow) / calc(.5 + var(--heat) * .4));transition:--heat .25s linear,transform 70ms ease-out;transform:translateY(.17em)scale(.82,.7)}.magic-app .ma-btn-heat:before,.magic-app .ma-btn-heat:after{content:"";border:2px solid rgb(var(--glow) / .8);border-radius:inherit;opacity:0;pointer-events:none;animation:1.8s ease-out infinite ma-radiate;position:absolute;inset:-2px}.magic-app .ma-btn-heat:after{animation-delay:.9s}@keyframes ma-radiate{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.35,1.8)}}@media (hover:hover) and (pointer:fine){.magic-app .ma-btn-heat{display:inline-flex}.ma-btn-touch-only{display:none}}.ma-name{flex:1 1 0;align-items:center;gap:.6em;min-width:0;display:flex}.ma-name-label{color:var(--ma-muted);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;flex-shrink:0;font-size:.8em}.ma-name input{width:100%;min-width:0;min-height:max(2.2rem,4.2cqw);color:var(--ma-text);border:1px solid var(--ma-line);-webkit-user-select:text;user-select:text;background:#1a0f08bf;border-radius:.7em;padding:.25em .7em;font-size:1.05em;font-weight:600}.ma-actions{flex-shrink:0;gap:.8cqw;display:flex}.ma-status{color:#2a1304;background:var(--ma-amber);border-radius:999px;padding:.2rem .6rem;font-size:.85rem;font-weight:700;position:absolute;top:-2.2em;right:0}.ma-status:empty{display:none}@container ma-view (max-width:720px) and (max-aspect-ratio:1){.ma-stage{align-self:start;margin-top:.5rem;overflow:visible}.ma-dock{border:1px solid var(--ma-line);background:#1a0f08eb;border-radius:1rem;flex-wrap:wrap;gap:.6rem;padding:.8rem;font-size:15px;inset:calc(100% + .6rem) 3% auto}.ma-dock-main{flex-wrap:wrap;flex:100%;justify-content:center;gap:.5rem .9rem}.ma-dock-text{text-align:center;text-wrap:balance}.ma-pip{width:1.1rem;height:1.1rem}.ma-btn{flex:auto;justify-content:center;min-height:2.75rem}.ma-name{flex-direction:column;flex:100%;align-items:stretch;gap:.35rem;max-width:none}.ma-name-label{font-size:.8rem}.ma-name input{min-height:2.75rem;font-size:1.1rem}.ma-actions{flex-wrap:wrap;flex:100%;gap:.6rem}.ma-status{top:-2.4rem;right:.4rem}}@media (prefers-reduced-motion:reduce){.ma-bubble,.ma-btn-heat:before,.ma-btn-heat:after{animation:none}.ma-btn-heat{transition:--heat .25s linear}}