@import url(https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{color:#1e1e1e;font-weight:400;overflow-x:hidden}body,button{font-family:Unbounded,sans-serif}.font-xl{font-size:32px}.font-lg{font-size:28px}.font-md{font-size:22px}.font-sm{font-size:18px}.font-xs{font-size:16px}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}math{font-family:Unbounded,sans-serif;font-size:28px;font-weight:700}@media (max-width:850px){.font-xl{font-size:28px}.font-lg{font-size:24px}.font-md{font-size:18px}.font-sm{font-size:16px}.font-xs{font-size:12px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.animate-fadeIn{animation:fadeIn .6s ease-out}.animate-bounce{animation:bounce 2s infinite}.home-page{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.home-content{color:#fff;text-align:center}.home-title{font-size:4rem;font-weight:700;margin-bottom:2rem}.home-subtitle{font-size:1.8rem;margin-bottom:3rem;opacity:.9}.start-button{background:#fff;border:none;border-radius:50px;color:#764ba2;cursor:pointer;display:inline-block;font-size:1.5rem;font-weight:700;padding:1rem 3rem;text-decoration:none;transition:transform .3s ease}.start-button:hover{transform:scale(1.1)}@media (max-width:768px){.home-title{font-size:2.5rem}.home-subtitle{font-size:1.2rem}}.hero-screen{animation:fadeIn .6s ease-out;height:100vh;min-width:370px;position:relative}.hero-content{background:#fff;border-radius:0 0 70px 70px;height:-webkit-fit-content;height:fit-content;padding:70px 30px;position:relative}.hero-content:after{border-left:42px solid #0000;border-right:42px solid #0000;border-top:42px solid #fff;bottom:-40px;content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.hero-img{bottom:0;max-width:320px;position:absolute;right:0}.hero-text p{margin-bottom:15px}.hero-button{background:#fff;border:none;border-radius:50px;box-shadow:0 4px 15px #0003;color:#764ba2;cursor:pointer;font-size:1.5rem;font-weight:700;padding:1rem 3rem;transition:transform .3s ease}.hero-button:hover{transform:scale(1.1)}.paper-note{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='323' height='113' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M305.287 1.454c6.255-.432 11.665 4.31 12.057 10.568l4.174 66.554c.389 6.204-4.307 11.558-10.509 11.983L17.706 110.611c-6.252.427-11.658-4.314-12.05-10.569l-2.884-46 28.533-33.69 273.982-18.9Z' fill='%23F1F458' stroke='%231E1E1E' stroke-width='1.258'/%3E%3Cpath d='M32.66 51.22 3.667 53.1 30.78 21.25l1.88 29.97Z' fill='%23F1F458' stroke='%231E1E1E' stroke-width='1.258'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;padding:25px 20px;width:300px}@media (max-width:480px){.hero-img{right:-100px}}@media (max-height:620px){.hero-img{max-width:180px}}.content-screen{align-items:center;animation:fadeIn .6s ease-out;display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.content-container{max-width:900px;width:100%}.content-body{align-items:center;display:flex;flex-direction:column;gap:30px}.musical-image{flex-shrink:0;max-width:400px;width:100%}.musical-image img{border-radius:20px;box-shadow:0 5px 20px #0000001a;width:100%}.musical-text p{margin-bottom:15px}.musical-text p:last-child{margin-bottom:0}@media (max-height:620px){.content-body{padding:60px 0}}.quiz-screen{align-items:flex-end;animation:fadeIn .6s ease-out;display:flex;justify-content:center}.quiz-card{background:#fff;border-radius:70px 70px 0 0;margin-top:60px;padding:40px 40px 20%;width:100%}.quiz-question{margin-bottom:25px}.quiz-image{margin-bottom:10px;text-align:center}.quiz-image-item{border:1.2px solid #0000;margin:10px auto;max-width:300px;overflow:hidden;padding:5px;position:relative;transition:all .3s ease}.quiz-image-item img{display:block;width:100%}.quiz-image-item.correct{border-color:#00b786;border-width:3px}.quiz-image-item.incorrect{border-color:#f44336;border-width:3px}.quiz-options{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr;justify-items:center;margin:20px auto}.quiz-option,.quiz-options{width:-webkit-fit-content;width:fit-content}.quiz-option{background:linear-gradient(96deg,#f1f458 24%,#dada40 89%);border:1.5px solid #1e1e1e;border-radius:25px;box-shadow:0 4px 10px #0000001a;color:#1e1e1e;cursor:pointer;font-size:20px;font-weight:600;padding:15px 30px;transition:all .3s}.quiz-option:hover:not(:disabled){box-shadow:0 6px 15px #00000026;transform:scale(1.05)}.quiz-option:disabled{cursor:not-allowed}.quiz-option.correct{background:#00b786;border-color:#1e1e1e;box-shadow:inset 0 0 10px #0000004d;color:#fff}.quiz-option.incorrect{background:#f44336;border-color:#1e1e1e;color:#fff}.quiz-option.selected{border-color:#1e1e1e;border-width:4px}.quiz-feedback{animation:slideUpFade .35s ease-out forwards;border-radius:70px 70px 0 0;bottom:0;font-size:20px;left:0;line-height:1.4;padding:30px 30px 130px;position:absolute;text-align:center;width:100%}.quiz-feedback-incorrect{background-color:#e95e2a;color:#fff}.quiz-feedback-correct{background-color:#00b786;color:#fff}.quiz-feedback-incorrect p:first-child{font-size:30px;font-weight:700}.quiz-feedback-incorrect p:last-child{border:1.5px solid #fff;border-radius:25px;font-size:26px;font-weight:700;margin:10px auto;padding:10px 20px;width:-webkit-fit-content;width:fit-content}@keyframes slideUpFade{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.quiz-card{padding:70px 30px 100px}}@media (max-width:500px){.quiz-card{min-height:70vh}}.basic-quiz .quiz-options{grid-template-columns:1fr}.basic-quiz .quiz-option{font-size:27px;font-weight:400;padding:70px 20px;width:100%}@media (max-width:500px){.basic-quiz .quiz-option{font-size:24px;padding:50px 20px}}.quiz-card.blurred>:not(.quiz-feedback){filter:blur(1.5px)}.question-answer-wrapper{display:flex;flex-direction:column}.question-answer-wrapper.column-direction{flex-direction:row;gap:20px;justify-content:center}.question-answer-wrapper.column-direction .quiz-options{grid-template-columns:1fr;margin:0}.input-quiz-fields{display:flex;flex-direction:column;gap:17px;justify-content:center;margin:16px 0}.input-quiz-field{align-items:center;background:#eeeee2;border:1.5px solid #ddddd9;border-radius:12px;display:flex;font-size:24px;font-weight:700;height:56px;justify-content:center;width:56px}.input-quiz-field.active{outline:2px solid #f4b7ea}.input-quiz-field.correct{background:#4caf50;color:#fff}.input-quiz-field.incorrect{background:#e53935;color:#fff}.input-quiz-keypad{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:350px}.input-quiz-keypad .quiz-option:last-child{grid-column:2/3}.input-quiz-keypad .quiz-option{background:#f3f3ec;border:1.5px solid #ddddd9;border-radius:7px;box-shadow:none;font-size:34px;font-weight:500;padding:4px 22px;width:95px}.quiz-input-area{background:#f3f3ec;border-radius:27px;display:flex;justify-content:center;margin-bottom:40px;padding:20px 25px}.quiz-input-area .input-quiz-field:first-child{position:relative}.quiz-input-area .input-quiz-field:first-child:after{background-color:#1e1e1e;bottom:-9px;content:"";height:2px;left:0;position:absolute;width:100%}@media (max-width:420px){.input-quiz-keypad .quiz-option{font-size:32px;width:85px}}.range-quiz-wrapper{margin:40px 0}.range-quiz-slider{-webkit-appearance:none;appearance:none;background:#fffefc;border-radius:10px;box-shadow:0 1px 17px 2px #0000001a;cursor:pointer;height:17px;outline:none;position:relative;width:100%}.range-quiz-slider::-webkit-slider-runnable-track{background:linear-gradient(to right,#b1caf6 0,#b1caf6 var(--fill-percent),#e5e5e5 var(--fill-percent),#e5e5e5 100%);border-radius:10px;height:17px}.range-quiz-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:url(/static/media/range.29edb9e45618f5464a1b.svg) no-repeat 50%;background-size:contain;border:none;box-shadow:9px 5px 15px 2px #00000026;height:40px;margin-top:-10px;width:40px}.range-quiz-slider::-moz-range-track{background:#fffefc;border-radius:10px;height:17px}.range-quiz-slider::-moz-range-progress{background:#b1caf6;border-radius:10px;height:17px}.range-quiz-slider::-moz-range-thumb{background:url(/static/media/range.29edb9e45618f5464a1b.svg) no-repeat 50%;background-size:contain;border:none;box-shadow:9px 5px 15px 2px #00000026;height:40px;width:40px}.range-quiz-labels{display:flex;justify-content:space-between;margin:30px 0}.range-quiz-label{color:#999;font-size:14px}.range-quiz-label.active{color:#000;font-weight:700}.levels-info-text{background:#fff;border-radius:18px;margin-bottom:14px;padding:14px;position:relative}.levels-info-screen .quiz-card{background:#0000 none repeat 0 0/auto auto padding-box border-box scroll;background:initial;margin-top:0;min-height:100vh;padding:0 30px}.levels-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr);margin-bottom:100px;margin-top:50px}.level-card{background:#fbf0f4;border-radius:18px;box-shadow:-1px -6px 7px -2px #fbf0f4bf;display:flex;flex-direction:column;justify-content:space-between;min-height:150px;padding:12px}.level-card--full{align-items:center;flex-direction:row;gap:16px;grid-column:1/-1}.level-card-header{align-items:center;display:flex;justify-content:space-between}.level-badge{background:#f5c6e7;border-radius:999px;font-size:13px;font-weight:600;padding:4px 10px}.level-status{opacity:.7}.level-card-body{text-align:center}.level-image{max-width:100%}.level-progress{color:#f3a6da;font-size:28px;font-weight:700}.status-завершено{opacity:1}.status-в-процесі{opacity:.8}.level-status{align-items:center;display:inline-flex;font-size:12px;gap:6px}.level-status-text{line-height:1}.status-finished .level-status-text{color:#000}.status-finished:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m.283 2.283 3.5 3.5 5.5-5.5' stroke='%231E1E1E' stroke-width='.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:7px;width:10px}.status-in-progress .level-status-text{color:#b0b0b0}.status-in-progress:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.495 0v3.5M5.495 7.5V11M11 5.495H7.5M3.5 5.495H0M9.386 1.607 6.91 4.082M4.082 6.91 1.607 9.387M1.607 1.607l2.475 2.475M6.91 6.91l2.476 2.476' stroke='%231E1E1E' stroke-opacity='.5' stroke-width='.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:11px;width:11px}.extra-level{padding:40px 12px;position:relative}.extra-level .level-card-body{text-align:left}.extra-level.level-card--full{align-items:flex-start;flex-direction:column}.extra-level .level-card-header{gap:10px;justify-content:flex-start}.extra-level .level-image{bottom:5px;position:absolute;right:20px}.extra-level .level-progress{color:#1e1e1e;max-width:60%}@media (max-width:500px){.levels-info-screen .quiz-card{padding:0 10px}.levels-info-screen .hero-content{padding:70px 30px}.level-card-header{flex-direction:column;gap:12px}.level-card{gap:15px}.level-progress{font-size:18px}.extra-level .level-card-header{flex-direction:row}.extra-level .level-image{right:0}}.new-level-info{background:#fbf0f4;border-radius:15px;margin:40px auto;padding:10px;width:-webkit-fit-content;width:fit-content}.new-level-header{align-items:center;display:flex;gap:10px}.new-level-number{background:#f4b7ea;border-radius:17px;font-weight:700;height:-webkit-fit-content;height:fit-content;padding:5px 8px}.new-level-score{color:#f4b7ea;font-size:32px;font-weight:700;text-align:center}.new-level-info-image{margin:40px auto;width:-webkit-fit-content;width:fit-content}.lesson-cover-screen{animation:fadeIn .6s ease-out;height:100vh;padding-top:70px;position:relative}.lesson-cover{border-radius:70px 70px 0 0;color:#fff;display:flex;flex-direction:column;height:100vh;min-width:600px;padding:10% 30px 0}.lesson-cover-img{bottom:5%;left:50%;position:absolute;transform:translate(-50%,5%)}@media (max-width:600px){.lesson-cover{border-radius:0;min-width:0;min-width:auto;padding-top:60px;width:100vw}.lesson-cover-screen{padding-top:0}}@media (max-width:500px){.lesson-cover-img{bottom:0;max-width:450px;transform:translate(-50%)}}@media (max-height:500px){.lesson-cover-img{max-width:300px}}.final-screen{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.final-screen,.final-screen--heroes,.final-screen--plain{background:#f7b6e8}.final-screen-heroes{height:100%;inset:0;object-fit:cover;position:absolute;width:100%;z-index:0}.final-content{position:relative;text-align:center;z-index:2}.final-score{color:#fff;font-size:45px;font-weight:800;margin-bottom:16px}.final-score span{color:#ff0;display:block;font-size:65px;font-weight:500}.final-cake{margin:0 auto;opacity:0;padding:30px;transform:scale(.3) rotate(-10deg);width:260px}.final-cake img{width:100%}.final-cake.animate{animation:cakeWin 1.2s ease-out forwards}@keyframes cakeWin{0%{opacity:0;transform:scale(.3) rotate(-10deg)}60%{opacity:1;transform:scale(1.1) rotate(5deg)}80%{transform:scale(.95) rotate(-3deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.fraction-story.quiz-card{padding:40px 0 0}.fraction-story.quiz-card .fraction-story-container{padding:40px 30px}.fraction-story-title.paper-note{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='267' height='135' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M243.539 1.484c8.357-.527 15.559 5.821 16.085 14.179l5.506 87.379c.527 8.357-5.821 15.559-14.178 16.086L23.076 133.487c-8.357.526-15.56-5.821-16.086-14.179l-3.819-60.6 39.4-44.56L243.538 1.484Z' fill='%23F4B7EA' stroke='%231E1E1E'/%3E%3Cpath d='M44.46 55.399 3.96 57.95l37.948-43.053 2.552 40.5Z' fill='%23F4B7EA' stroke='%231E1E1E'/%3E%3C/svg%3E");background-position:50%;font-size:26px;font-weight:700;padding:45px 60px;text-align:center;width:100%}.fraction-story-cake-5{position:absolute;right:0;top:180px;transform:rotate(10deg);width:100px}.fraction-story-cake-2{left:-20px;position:absolute;transform:rotate(10deg)}.fraction-story-go-down{font-weight:500;margin:100px auto 20px;text-align:center}.fraction-story-go-down-btn{animation:moveUpDown 1.5s ease-in-out infinite;display:block;margin:0 auto}@keyframes moveUpDown{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}.fraction-story-pink-bg{position:relative}.fraction-story-hero{width:100%}.fraction-story-pink-rectangle{background:#f4b7ea;margin-top:-2px;padding:40px 30px 150px;width:100%}.fraction-story-pink-rec-text{font-size:22px;font-weight:700;position:relative;text-align:center}.fraction-story-pink-rec-text:after{content:url("data:image/svg+xml;charset=utf-8,%3Csvg width='51' height='76' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m36.075 71.17-17.686-.485.486-17.684' stroke='%231E1E1E' stroke-width='4' stroke-miterlimit='10'/%3E%3Cpath d='M27.53 1.243s29.525 37.133-8.848 68.866' stroke='%231E1E1E' stroke-width='4' stroke-miterlimit='10'/%3E%3C/svg%3E");position:absolute;right:-30px}.fraction-story-heroes{display:flex;flex-direction:column;gap:30px;margin-top:80px}.fraction-story-hero{align-items:center;display:flex;justify-content:space-around}.fraction-story-hero p{font-size:20px;font-weight:700}.fraction-story-big-cake{display:block;margin:-80px auto 0;position:relative}.fraction-story-white-rectangle{background:#fff;border-radius:70px;margin-top:-50px;position:relative;z-index:3}.fraction-story-white-rec-text{font-size:24px;font-weight:700;margin:40px auto 10px;max-width:300px;text-align:center}.fraction-cipa-story{margin-left:20px;margin-top:50px;position:relative}.fraction-story-blue-rectangle{background:#5b5bd8;border-radius:0 0 70px 70px;margin-top:-60px;padding:100px 30px 150px;position:relative;z-index:2}.fraction-story-blue-rec-text{color:#fff;font-size:24px;text-align:center}.fraction-story-blue-rec-text span{font-size:120px;font-weight:700}.fraction-story-pink-rectangle-2{background:#f4b7ea;margin-top:-70px;padding-bottom:120px}.fraction-story-number-cake{display:block;margin:0 auto;position:relative;z-index:2}.fraction-story-arrow-1{bottom:-30px;left:10%;position:absolute}.fraction-story-arrow-2{left:50px;position:absolute;z-index:4}.fraction-story-question{background:#fff;border-radius:70px 70px 0;margin-top:-60px;padding:40px 30px;position:relative;z-index:3}.fraction-story-question .quiz-question{font-size:22px;font-weight:700;text-align:center}.fraction-story-question .quiz-img{display:block;margin:40px auto}.fraction-story-question{border-radius:70px;padding-bottom:80px}.progress-bar-container{align-items:center;background:#fffffff2;box-shadow:0 2px 10px #0000001a;display:flex;gap:8px;left:0;padding:7px 10px 7px 0;position:fixed;right:0;top:0;z-index:5}.progress-bar-container .go-back-btn{background:#fdecf4;border:none;border-radius:50%;cursor:pointer;flex-shrink:0;height:30px;margin-left:3px;position:relative;width:30px}.progress-bar-container .go-back-btn svg{left:50%;position:absolute;transform:translate(-50%,-50%)}.progress-info{display:flex;justify-content:center;position:relative}.progress-text{color:#666;font-size:14px;font-weight:600}.progress-bar{background:#fbe5f3;border-radius:10px;height:8px;position:relative;width:100%}.progress-fill{background:linear-gradient(90deg,#f4b7ea 100%,#f4b7ea 0);border-radius:10px;height:100%;transition:width .5s ease}.progress-decor{position:absolute;top:-15px;transition:left .5s ease}.navigation-container{align-items:center;bottom:30px;display:flex;flex-direction:column-reverse;gap:20px;left:50%;position:absolute;transform:translateX(-50%);z-index:1000}.nav-controls{border-radius:50px;box-shadow:0 4px 20px #00000026;display:flex;gap:10px;padding:10px}.nav-button{align-items:center;border:none;border-radius:50%;color:#333;cursor:pointer;display:flex;font-size:24px;height:50px;justify-content:center;transition:all .3s;width:50px}.nav-button:hover:not(:disabled){transform:scale(1.1)}.nav-button:disabled{cursor:not-allowed;opacity:.3}.nav-home{background:#fff;box-shadow:0 4px 20px #00000026}.nav-next,.nav-prev{background:#0000}.nav-single{border:1.5px solid #1e1e1e;border-radius:50px;box-shadow:3px 4px 11px 0 #000000d6;color:#1e1e1e;cursor:pointer;font-family:Unbounded,sans-serif;font-size:22px;font-weight:700;padding:14px 23px;transition:all .3s;width:-webkit-fit-content;width:fit-content}.nav-single:disabled{background:linear-gradient(90deg,#f3f3ec,#ddddd9)!important;cursor:inherit}.musical-player-nav{align-items:center;display:flex;gap:30px;margin:0 0 30px}.musical-player-nav svg{cursor:pointer;transition:all .3s}.musical-player-nav svg:hover,.nav-single:hover:not(:disabled){transform:scale(1.1)}.musical-player .nav-single{display:block;margin:20px auto 0}@media (max-width:768px){.navigation-container{bottom:20px}.nav-button{font-size:20px;height:45px;width:45px}}.theme-player{display:flex;min-height:100vh}.screen-container,.theme-player{background:#f4b7ea;position:relative}.screen-container{margin:auto auto 0;max-width:768px;overflow:hidden}.theme-error{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.error-content{color:#fff;text-align:center}.error-content h1{font-size:3rem;margin-bottom:1rem}.error-content p{font-size:1.5rem;margin-bottom:2rem;opacity:.9}@media (max-width:850px){.screen-container{max-width:100%}}.app{min-height:100vh;width:100%}
/*# sourceMappingURL=main.001e62ce.css.map*/