@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700;800&display=swap";@font-face{font-family:Andika;src:url(https://store.gen-ai.fi/fonts/Andika-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Andika;src:url(https://store.gen-ai.fi/fonts/Andika-Bold.ttf) format("truetype");font-weight:700;font-style:normal}.MuiPopper-root{font-size:1rem;padding-left:5px}.MuiTooltip-tooltip{font-size:1rem;padding:.3em .8rem;background:#5f7377;border-radius:6px}.MuiTooltip-arrow{color:#5f7377}.MuiDialogTitle-root{border-bottom:2px solid #008297;padding:.5rem 1rem;background:#e5f6fd;margin-bottom:.5rem}.MuiBackdrop-root{background:#ffffffb3}.MuiDialog-paper{border-radius:6px}.MuiMenu-paper{box-shadow:none;box-shadow:1px 1px 8px #888}.MuiDialogContent-root{font-family:Andika}.MuiSpeedDialAction-staticTooltipLabel{width:max-content;box-shadow:0 2px 8px #0006;color:#fff;background:#5f7377;border-radius:6px}h1{color:#444}._lang_qnljl_1{display:flex;align-items:center;gap:.3rem;color:#666}._dark_qnljl_8,._dark_qnljl_8 div{color:#fff}._dark_qnljl_8 svg{color:#fff}._dark_qnljl_8 option{color:#000}._darkSelect_qnljl_24:before{border-bottom:1px solid rgba(255,255,255,.42)}._darkSelect_qnljl_24:hover:before{border-bottom:2px solid rgba(255,255,255,.42)!important}._star_165oq_1{font-size:3rem;color:#fac22a;cursor:pointer;display:flex;flex-direction:column;align-items:center;width:60px}._star_165oq_1:hover{color:#ffdb4d}._label_165oq_15{font-size:.7rem;color:#444;text-align:center}._rating_165oq_21{display:flex;align-items:flex-start;justify-content:center;gap:.5rem}._ratingContainer_165oq_28 h2{font-size:1rem;margin-top:2rem;color:#444;font-weight:400}._box_165oq_35{width:50px;height:50px;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#444;cursor:pointer;border-radius:8px;border-width:1px;border-style:solid;border-color:transparent;box-sizing:border-box;background-color:#f0f0f0;outline:2px dashed transparent;--background-select-color: black}._box1_165oq_55{background-color:#ff4d4d44;border-color:#eea2a2;--background-select-color: #eea2a2}._box1_165oq_55:hover{font-weight:700;background-color:#eea2a2}._box2_165oq_66{background-color:#ff944d44;border-color:#e49c5d;--background-select-color: #e49c5d}._box2_165oq_66:hover{font-weight:700;background-color:#e49c5d}._box3_165oq_77{background-color:#ffdb4d44;border-color:#f7d87b;--background-select-color: #f7d87b}._box3_165oq_77:hover{font-weight:700;background-color:#f7d87b}._box4_165oq_88{background-color:#e3edd8;border-color:#b2da7e;--background-select-color: #b2da7e}._box4_165oq_88:hover{font-weight:700;background-color:#b2da7e}._box5_165oq_99{background-color:#6c64;border-color:#9ce4a2;--background-select-color: #9ce4a2}._box5_165oq_99:hover{font-weight:700;background-color:#9ce4a2}._box_165oq_35._filled_165oq_110{outline-color:#444;border-color:transparent;font-weight:700}._box_165oq_35._filled_165oq_110:hover{background-color:var(--background-select-color)}._boxContainer_165oq_120{display:flex;flex-direction:column;align-items:center;gap:.25rem;max-width:50px}._experienceContainer_165oq_128 h2{font-size:1rem;margin-top:2rem;color:#444;font-weight:400}._feedback_165oq_135 h1{margin-bottom:0}._feedback_165oq_135{display:flex;flex-direction:column;align-items:stretch;-webkit-user-select:none;user-select:none;padding:1rem 2.5rem;max-width:320px;overflow:hidden}._messageBox_165oq_149{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem;justify-content:center}._thankYouBox_165oq_158{display:flex;flex-direction:column;align-items:stretch;justify-content:center}._messageBox_165oq_149 p{color:#444;text-align:center}._shell_1fbib_4{z-index:2;position:static;box-shadow:0 4px #00788c4d,0 8px 24px #00bcd433;background:linear-gradient(135deg,#00bcd4,#00acc1 25%,#7c4dff 60%,#ab47bc);background-size:200% 200%;animation:_gradient-shift_1fbib_1 12s ease infinite;border-radius:0 0 var(--radius-xl, 32px) var(--radius-xl, 32px);min-height:64px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:3px solid rgba(255,255,255,.2)}@keyframes _gradient-shift_1fbib_1{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}._brand_1fbib_27{background:#0000001f;padding-inline:1.2rem;gap:.8rem;display:flex;align-items:center;color:#fff;text-decoration:none;align-self:stretch;border-radius:0 0 0 var(--radius-xl, 32px);transition:background .2s ease,transform .2s var(--transition-bounce, cubic-bezier(.34, 1.56, .64, 1))}._brand_1fbib_27:hover{background:#0000002e;animation:_wiggle_1fbib_1 .6s ease-in-out}@keyframes _wiggle_1fbib_1{0%,to{transform:rotate(0)}15%{transform:rotate(-2deg)}30%{transform:rotate(2.5deg)}45%{transform:rotate(-1.5deg)}60%{transform:rotate(1.5deg)}75%{transform:rotate(-.5deg)}}._brand_1fbib_27 h1{color:#fff;margin:0;font-family:Fredoka,Nunito,sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:.01em;text-shadow:0 2px 4px rgba(0,0,0,.2)}._actions_1fbib_65 .MuiButton-root{text-transform:none;border-radius:var(--radius-md, 16px)!important;border:2px solid rgba(255,255,255,.7);font-weight:700;font-family:Fredoka,Nunito,sans-serif;font-size:1rem;padding:.5rem 1.4rem;min-height:52px;background:#ffffff1f;box-shadow:0 3px #00000026,inset 0 1px #ffffff4d;transition:transform .15s var(--transition-bounce, cubic-bezier(.34, 1.56, .64, 1)),background .2s ease,border-color .2s ease,box-shadow .15s ease;position:relative}._actions_1fbib_65 .MuiButton-root:hover{border-color:#fff;background:#ffffff38;transform:translateY(-2px) scale(1.05);box-shadow:0 5px #0000001f,0 8px 16px #0000001a,inset 0 1px #fff6}._actions_1fbib_65 .MuiButton-root:active{transform:translateY(2px) scale(.96);box-shadow:0 1px #00000026,inset 0 2px 4px #0000001a;transition:transform 80ms ease,box-shadow 80ms ease}._actions_1fbib_65 .MuiCircularProgress-root{color:#fff}@media only screen and (max-width:850px){.AppBar h1{display:none}}@media only screen and (max-height:500px),(max-width:700px){._shell_1fbib_4{border-radius:0 0 var(--radius-md, 16px) var(--radius-md, 16px);min-height:52px}._shell_1fbib_4 h1{display:none}._brand_1fbib_27{border-radius:0;padding-inline:.8rem}._actions_1fbib_65 .MuiButton-root{font-size:.85rem;padding:.4rem .8rem;min-height:44px}}@keyframes _float_90mrk_1{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes _floatDelay_90mrk_1{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes _pulse_90mrk_1{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.15);opacity:.8}}@keyframes _squish_90mrk_1{0%{transform:scale(1)}40%{transform:scale(.92)}70%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes _blobMove1_90mrk_1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.1)}66%{transform:translate(-20px,15px) scale(.9)}}@keyframes _blobMove2_90mrk_1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-25px,20px) scale(.95)}66%{transform:translate(15px,-25px) scale(1.05)}}@keyframes _blobMove3_90mrk_1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(20px,20px) scale(1.08)}}@keyframes _sparkle_90mrk_1{0%,to{opacity:0;transform:scale(0) rotate(0)}50%{opacity:1;transform:scale(1) rotate(180deg)}}@keyframes _bounceArrow_90mrk_1{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-6px) scale(1.1)}}@keyframes _wiggle_90mrk_1{0%,to{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}}@keyframes _confettiFloat_90mrk_1{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}._pageShell_90mrk_67{display:grid;grid-template-rows:auto auto 1fr auto;grid-template-columns:1fr;min-height:100vh;min-height:100dvh;background:linear-gradient(160deg,#fff8e1,#e8f5e9,#e3f2fd,#f3e5f5,#fff3e0);overflow-x:hidden;overflow-y:auto;padding-block:2rem 3rem;padding-inline:clamp(1rem,4vw,3rem);box-sizing:border-box;place-items:center;row-gap:2.5rem;position:relative;font-family:Nunito,Andika,system-ui,sans-serif}._pageShell_90mrk_67:before{content:"";position:absolute;top:5%;right:-5%;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,rgba(124,77,255,.12) 0%,transparent 70%);pointer-events:none;animation:_blobMove1_90mrk_1 12s ease-in-out infinite}._pageShell_90mrk_67:after{content:"";position:absolute;bottom:10%;left:-5%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,107,53,.1) 0%,transparent 70%);pointer-events:none;animation:_blobMove2_90mrk_1 15s ease-in-out infinite}._confettiLayer_90mrk_113{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:0}._confettiLayer_90mrk_113:before{content:"";position:absolute;width:8px;height:8px;border-radius:50%;top:8%;left:12%;background:#ff6b35;box-shadow:15vw 5vh #7c4dff,30vw 12vh #4caf50,55vw 3vh #42a5f5,72vw 8vh #ff6b9d,88vw 15vh #ffd166,10vw 85vh #42a5f5,25vw 78vh #ff6b35,45vw 90vh #7c4dff,65vw 82vh #4caf50,82vw 88vh #ff6b9d,5vw 45vh #ffd166,92vw 50vh #ff6b35,50vw 60vh #42a5f5,78vw 35vh #7c4dff;animation:_sparkle_90mrk_1 4s ease-in-out infinite}._confettiLayer_90mrk_113:after{content:"✦";position:absolute;font-size:16px;top:15%;right:10%;color:#ffd166;animation:_sparkle_90mrk_1 3s ease-in-out infinite 1s;text-shadow:-40vw 20vh 0 #FF6B9D,-60vw 60vh 0 #7C4DFF,-20vw 70vh 0 #4CAF50,5vw 40vh 0 #42A5F5}._blobExtra_90mrk_164{position:absolute;top:40%;right:15%;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(76,175,80,.08) 0%,transparent 70%);pointer-events:none;animation:_blobMove3_90mrk_1 10s ease-in-out infinite;z-index:0}._langToggle_90mrk_178{position:fixed;inset-block-start:.8rem;inset-inline-end:.8rem;z-index:10}._stepIndicator_90mrk_186{display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;padding:1rem 2rem;background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:100px;box-shadow:0 4px 20px #7c4dff1a;border:2px solid rgba(124,77,255,.15);z-index:2;position:relative}._step_90mrk_186{display:flex;align-items:center;gap:.4rem;font-size:1.1rem;font-weight:700;white-space:nowrap}._step_90mrk_186:nth-of-type(1){color:#ff6b35}._step_90mrk_186:nth-of-type(3){color:#7c4dff}._step_90mrk_186:nth-of-type(5){color:#4caf50}._stepNumber_90mrk_215{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;font-size:1rem;font-weight:800;color:#fff}._step_90mrk_186:nth-of-type(1) ._stepNumber_90mrk_215{background:#ff6b35}._step_90mrk_186:nth-of-type(3) ._stepNumber_90mrk_215{background:#7c4dff}._step_90mrk_186:nth-of-type(5) ._stepNumber_90mrk_215{background:#4caf50}._stepActive_90mrk_231{transform:scale(1.08);box-shadow:0 0 0 3px #ff6b354d;border-radius:100px;padding:.2rem .6rem;background:#ff6b3514}._stepArrow_90mrk_239{font-size:1.4rem;color:#ccc;margin-inline:.3rem}._heroSection_90mrk_246{display:grid;gap:1rem;justify-items:center;text-align:center;padding-inline:1rem;max-width:900px;z-index:2;position:relative}._heroSection_90mrk_246 h1{font-size:clamp(3rem,8vw,4.5rem);margin:0;line-height:1.1;font-weight:900;letter-spacing:-.02em;background:linear-gradient(135deg,#ff6b35,#7c4dff 40%,#42a5f5,#4caf50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:_wiggle_90mrk_1 3s ease-in-out infinite}._heroSection_90mrk_246 h2{font-size:clamp(1.2rem,3vw,1.7rem);margin:0;font-weight:600;color:#5a4a6a;line-height:1.5;max-width:650px}._mascot_90mrk_279{font-size:4rem;line-height:1;animation:_float_90mrk_1 3s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}._ctaRow_90mrk_286{display:inline-flex;gap:1rem;flex-wrap:wrap;margin-block-start:.5rem;justify-content:center}._chooserRegion_90mrk_295{display:grid;gap:2rem;justify-items:center;z-index:2;position:relative;width:100%;max-width:1200px}._chooserHeading_90mrk_305{font-size:clamp(1.5rem,4vw,2rem);font-weight:800;margin:0;color:#2d1b4e;position:relative;text-align:center}._chooserHeading_90mrk_305:after{content:"";display:block;width:80px;height:5px;background:linear-gradient(90deg,#ff6b35,#ffd166,#4caf50,#42a5f5,#7c4dff);border-radius:9999px;margin:.8rem auto 0}._cardGrid_90mrk_325{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:2rem;max-width:1100px;width:100%}._typeCard_90mrk_334{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2.5rem 2rem 2rem;border-radius:28px;background:#fff;color:#1a2b2e;text-decoration:none;position:relative;box-shadow:0 8px 32px #00000014,0 2px 8px #0000000a;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;overflow:hidden;min-height:280px;animation:_float_90mrk_1 4s ease-in-out infinite;border:3px solid transparent}._typeCard_90mrk_334:nth-child(1){animation-delay:0s}._typeCard_90mrk_334:nth-child(2){animation-delay:.5s}._typeCard_90mrk_334:nth-child(3){animation-delay:1s}._typeCard_90mrk_334:nth-child(4){animation-delay:1.5s}._typeCard_90mrk_334:nth-child(1){background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#ff6b35,#ffd166) border-box}._typeCard_90mrk_334:nth-child(2){background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#7c4dff,#ff6b9d) border-box}._typeCard_90mrk_334:nth-child(3){background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#4caf50,#42a5f5) border-box}._typeCard_90mrk_334:nth-child(4){background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#42a5f5,#7c4dff) border-box}._typeCard_90mrk_334:nth-child(1):hover{box-shadow:0 12px 40px #ff6b3540}._typeCard_90mrk_334:nth-child(2):hover{box-shadow:0 12px 40px #7c4dff40}._typeCard_90mrk_334:nth-child(3):hover{box-shadow:0 12px 40px #4caf5040}._typeCard_90mrk_334:nth-child(4):hover{box-shadow:0 12px 40px #42a5f540}._typeCard_90mrk_334:hover{transform:scale(1.06) translateY(-8px);animation-play-state:paused}._typeCard_90mrk_334:active{animation:_squish_90mrk_1 .4s ease forwards}._typeCard_90mrk_334:focus-visible{outline:4px solid #FFD166;outline-offset:4px}._cardEmoji_90mrk_402{font-size:4.5rem;line-height:1;display:block;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:transform .3s cubic-bezier(.34,1.56,.64,1)}._typeCard_90mrk_334:hover ._cardEmoji_90mrk_402{transform:scale(1.15) rotate(-5deg)}._cardImage_90mrk_415{display:none}._cardTitle_90mrk_419{margin:0;font-size:1.5rem;text-align:center;font-weight:800;color:#2d1b4e}._cardDescription_90mrk_427{margin:0;font-size:.95rem;text-align:center;color:#6b5a7a;font-weight:500;line-height:1.4}._startHere_90mrk_437{position:absolute;top:12px;right:12px;background:#ff6b35;color:#fff;font-size:.75rem;font-weight:800;padding:.35rem .7rem;border-radius:100px;animation:_pulse_90mrk_1 2s ease-in-out infinite;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #ff6b3566}._iconOverlay_90mrk_453{position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-80%);color:#fff;pointer-events:none;display:none}._usbToggle_90mrk_464{margin-block-start:1rem;background:#ffffffb3;padding:.5rem 1.5rem;border-radius:100px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:768px){._pageShell_90mrk_67{padding-block:1.5rem 2rem;row-gap:1.5rem}._stepIndicator_90mrk_186{padding:.8rem 1.2rem;gap:.3rem}._step_90mrk_186{font-size:.9rem}._stepNumber_90mrk_215{width:26px;height:26px;font-size:.85rem}._cardGrid_90mrk_325{grid-template-columns:1fr;gap:1.5rem;max-width:400px}._typeCard_90mrk_334{min-height:200px;padding:2rem 1.5rem}._cardEmoji_90mrk_402{font-size:3.5rem}._heroSection_90mrk_246 h1{font-size:clamp(2.4rem,7vw,3.5rem)}._mascot_90mrk_279{font-size:3rem}}@media(max-width:480px){._stepArrow_90mrk_239{display:none}._stepIndicator_90mrk_186{flex-direction:column;border-radius:20px;gap:.5rem}}.App{width:100%;display:flex;justify-content:center;align-items:center;background:var(--background, #f0f4f3);position:relative}.App:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(0,188,212,.06) 1.5px,transparent 1.5px),radial-gradient(circle,rgba(124,77,255,.04) 1px,transparent 1px);background-size:40px 40px,60px 60px;background-position:0 0,20px 20px;animation:drift-dots 60s linear infinite}@keyframes drift-dots{0%{background-position:0 0,20px 20px}to{background-position:40px 40px,60px 60px}}.App:after{content:"";position:fixed;top:-10px;left:0;right:0;bottom:0;pointer-events:none;z-index:0;background-image:radial-gradient(3px 3px at 10% 20%,var(--accent-pink) 50%,transparent 50%),radial-gradient(3px 3px at 30% 60%,var(--accent-yellow) 50%,transparent 50%),radial-gradient(3px 3px at 50% 30%,var(--accent-green) 50%,transparent 50%),radial-gradient(3px 3px at 70% 70%,var(--accent-blue) 50%,transparent 50%),radial-gradient(3px 3px at 85% 40%,var(--accent-purple) 50%,transparent 50%),radial-gradient(2px 2px at 20% 80%,var(--accent-orange) 50%,transparent 50%),radial-gradient(2px 2px at 60% 15%,var(--accent-cyan) 50%,transparent 50%),radial-gradient(2px 2px at 90% 85%,var(--accent-pink) 50%,transparent 50%);background-size:100% 100%;opacity:.5;animation:float 8s ease-in-out infinite alternate}.AppBar h1{font-size:16pt;font-family:Fredoka,Nunito,sans-serif}._svglayer_qfgw7_3 path{stroke:#00bcd459!important;stroke-width:3px!important;stroke-dasharray:none!important;stroke-linecap:round!important;transition:stroke .3s ease}._svglayer_qfgw7_3 path[data-testid*=class][data-testid*=trainer]{stroke:#ff6b3573!important}._svglayer_qfgw7_3 path[data-testid*=trainer][data-testid*=model]{stroke:#4caf5073!important}._svglayer_qfgw7_3 path[data-testid*=model][data-testid*=behaviour]{stroke:#7c4dff73!important}._svglayer_qfgw7_3 path[data-testid*=behaviour][data-testid*=output]{stroke:#ff6b9d73!important}._svglayer_qfgw7_3 path[data-testid*=input][data-testid*=model]{stroke:#42a5f566!important}._container_qfgw7_19{background:transparent!important;gap:2.5rem!important;padding:2.5rem!important}@media(max-width:700px){._container_qfgw7_19{gap:.75rem!important;padding:.5rem 0!important}._widget_content_9aoli_82{padding:20px!important}._widget_9aoli_3{box-shadow:none!important;border-radius:0!important;overflow:visible!important}._widget_header_9aoli_50{padding:.3rem 20px!important}[data-widget=container]{padding:0 20px!important;gap:.5rem!important}[data-widget=input]{width:100%!important;max-width:100%!important}}@media(max-width:480px){._container_qfgw7_19{gap:.5rem!important;padding:.25rem 0!important}._widget_content_9aoli_82{padding:20px!important}._widget_header_9aoli_50{padding:.2rem 20px!important}}.route-error-panel{margin:auto;width:100%;max-width:420px;background:var(--surface, #ffffff);padding:2.5rem;border-radius:var(--radius-lg, 24px);border:3px solid var(--border-fun, rgba(0, 188, 212, .25));box-shadow:var(--shadow-pop);text-align:center;position:relative;animation:pop-in .5s var(--transition-bounce) forwards}.route-error-panel:before{content:"🙈";display:block;font-size:3.5rem;margin-bottom:1rem;animation:wiggle 2s ease-in-out infinite}.route-error-panel h2{margin-top:0;color:var(--text-primary, #1a2b2e);font-family:Fredoka,Nunito,sans-serif;font-size:1.5rem;font-weight:700}.route-error-panel p{margin:1rem 0;color:var(--text-secondary, #4a5c5f);font-size:1.1rem;line-height:1.7}.monospace-block{font-family:Courier New,Courier,monospace;padding:.75rem 1rem;background:var(--primary-light, #E0F7FA);border-radius:var(--radius-sm, 12px);overflow-x:auto;font-size:10pt;border:2px solid var(--border-fun, rgba(0, 188, 212, .15))}:root{--primary: #00BCD4;--primary-dark: #0097A7;--primary-light: #E0F7FA;--secondary: #AB47BC;--secondaryLight: #F3E5F5;--accent-orange: #FF6B35;--accent-yellow: #FFD166;--accent-green: #66BB6A;--accent-pink: #FF6B9D;--accent-purple: #7C4DFF;--accent-blue: #42A5F5;--accent-red: #FF5252;--accent-lime: #C6FF00;--accent-cyan: #18FFFF;--class-1: #FFE0B2;--class-2: #B2EBF2;--class-3: #E1BEE7;--class-4: #C8E6C9;--class-5: #FFCDD2;--class-6: #FFF9C4;--paleBlue: #e8f0fe;--dropShadow: rgba(0, 0, 0, .08);--surface: #ffffff;--surface-raised: #ffffff;--background: #f0f7fa;--background-fun: linear-gradient(135deg, #e0f7fa 0%, #f3e5f5 25%, #fff3e0 50%, #e8f5e9 75%, #e0f7fa 100%);--text-primary: #1a2b2e;--text-secondary: #4a5c5f;--text-on-primary: #ffffff;--border-subtle: rgba(0, 188, 212, .12);--border-fun: rgba(0, 188, 212, .25);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--radius-full: 9999px;--shadow-soft: 0 4px 12px rgba(0, 188, 212, .1);--shadow-medium: 0 6px 20px rgba(0, 188, 212, .15);--shadow-pop: 0 8px 32px rgba(0, 188, 212, .2);--shadow-glow-green: 0 0 20px rgba(102, 187, 106, .4);--shadow-glow-primary: 0 0 20px rgba(0, 188, 212, .35);--shadow-glow-pink: 0 0 20px rgba(255, 107, 157, .4);--shadow-glow-purple: 0 0 20px rgba(124, 77, 255, .4);--shadow-glow-orange: 0 0 20px rgba(255, 107, 53, .4);--shadow-fun: 0 6px 0 rgba(0, 0, 0, .08), 0 8px 24px rgba(0, 188, 212, .12);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2.5rem;--touch-min: 48px;--transition-bounce: cubic-bezier(.34, 1.56, .64, 1);--transition-smooth: cubic-bezier(.4, 0, .2, 1)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pop-in{0%{transform:scale(0);opacity:0}50%{transform:scale(1.15)}70%{transform:scale(.95)}to{transform:scale(1);opacity:1}}@keyframes wiggle{0%,to{transform:rotate(0)}15%{transform:rotate(-3deg)}30%{transform:rotate(3deg)}45%{transform:rotate(-2deg)}60%{transform:rotate(2deg)}75%{transform:rotate(-1deg)}}@keyframes sparkle{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}@keyframes slide-up{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes confetti-fall{0%{transform:translateY(-10px) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}@keyframes rainbow-border{0%{border-color:var(--accent-pink)}16%{border-color:var(--accent-orange)}33%{border-color:var(--accent-yellow)}50%{border-color:var(--accent-green)}66%{border-color:var(--accent-blue)}83%{border-color:var(--accent-purple)}to{border-color:var(--accent-pink)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes pulse-glow{0%,to{box-shadow:0 0 5px #00bcd44d}50%{box-shadow:0 0 20px #00bcd499}}@keyframes bounce-subtle{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}body{margin:0;font-family:Nunito,Comic Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--text-primary);line-height:1.6;font-size:16px}h1,h2,h3,h4,h5,h6{font-family:Fredoka,Nunito,sans-serif;font-weight:600}#root{background:var(--background-fun);background-size:400% 400%;animation:gradient-shift 20s ease infinite;position:absolute;top:0;bottom:0;left:0;right:0;display:flex;flex-direction:column;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}p{margin:0}:focus-visible{outline:3px solid var(--accent-orange);outline-offset:3px;border-radius:var(--radius-sm)}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--primary-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--accent-pink),var(--accent-orange),var(--accent-yellow),var(--accent-green),var(--accent-blue),var(--accent-purple));border-radius:var(--radius-full);border:2px solid var(--primary-light)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--accent-purple),var(--accent-blue),var(--accent-green),var(--accent-yellow),var(--accent-orange),var(--accent-pink))}button,[role=button]{min-height:48px;min-width:var(--touch-min);border-radius:var(--radius-md)!important;font-size:1rem;font-weight:600;font-family:Fredoka,Nunito,sans-serif;transition:transform .15s var(--transition-bounce),box-shadow .15s ease}@media(min-width:700px){button,[role=button]{min-height:56px}}button:active,[role=button]:active{transform:scale(.92)!important;transition:transform 80ms ease}::selection{background:var(--accent-yellow);color:var(--text-primary)}.fun-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-fun);border:2px solid var(--border-subtle);transition:transform .25s var(--transition-bounce),box-shadow .25s ease,border-color .25s ease}.fun-card:hover{transform:translateY(-4px) rotate(.5deg);box-shadow:0 12px #0000000f,0 16px 40px #00bcd42e;border-color:var(--primary)}.animate-float{animation:float 3s ease-in-out infinite}.animate-pop-in{animation:pop-in .5s var(--transition-bounce) forwards}.animate-wiggle{animation:wiggle .6s ease-in-out}.animate-sparkle{animation:sparkle 2s ease-in-out infinite}.animate-slide-up{animation:slide-up .4s var(--transition-smooth) forwards}.animate-bounce{animation:bounce-subtle 2s ease-in-out infinite}.animate-rainbow-border{animation:rainbow-border 3s linear infinite;border-width:3px;border-style:solid}