.major-navbar{align-items:center;background-color:#4a90e2;color:#f0f0f0;display:flex;justify-content:space-between;padding:clamp(.25rem,.5cqw,.5rem)}.major-navbar .brand{align-items:center;cursor:pointer;display:flex;font-size:clamp(1.5rem,4cqb,2.5rem);font-weight:700}.major-navbar .brand .app-icon{border-radius:clamp(.5rem,1cqw,1rem);margin-right:clamp(.5rem,1cqw,1rem);width:calc(clamp(1.5rem,4cqb,2.5rem)*2)}.major-navbar .brand h1{color:#f0f0f0;font-size:clamp(1.5rem,4cqb,2.5rem);text-decoration:none}.major-navbar .menu{display:flex;list-style:none}.major-navbar .menu button,.major-navbar .menu li{align-items:center;cursor:pointer;display:flex;font-size:clamp(1.2rem,3cqb,2rem);padding:clamp(.25rem,.5cqw,.5rem)}.major-navbar .menu button:hover,.major-navbar .menu li:hover{text-decoration:underline}.major-navbar button{background-color:#0000;font-size:clamp(1.2rem,3cqb,2rem);margin:0}.major-navbar .menu-icon{display:none}.major-navbar .close-icon,.major-navbar .menu-icon{cursor:pointer;font-size:calc(clamp(1.5rem,4cqb,2.5rem)*2)}.major-navbar .close-icon{display:block;margin-bottom:clamp(.5rem,1cqw,1rem)}.major-navbar .blur{background:#00000080;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:100}.major-navbar .blur.show{animation:blurIn .5s ease-in-out;display:block}.major-navbar .sidebar{background-color:#4a90e2;display:none;height:100%;padding:clamp(1rem,2cqw,2rem);position:fixed;right:0;top:0;z-index:100}.major-navbar .sidebar ul{list-style:none}.major-navbar .sidebar ul button,.major-navbar .sidebar ul li{text-wrap:nowrap;cursor:pointer;font-size:clamp(2rem,5cqb,3.5rem);margin-bottom:clamp(1rem,2cqw,2rem);text-align:left;width:100%}.major-navbar .sidebar ul button:hover,.major-navbar .sidebar ul li:hover{text-decoration:underline}.major-navbar .sidebar.show{animation:slideIn .5s ease-in-out;display:block}@keyframes slideIn{0%{right:-250px}to{right:0}}@keyframes blurIn{0%{left:-100%}to{left:0}}@media(min-width:0px){.major-navbar .menu,.major-navbar .search-container{display:none}.major-navbar .menu-icon{display:block}}@media(min-width:1140px){.major-navbar .menu{display:flex}.major-navbar .search-container{display:none}.major-navbar .search-icon{display:block}.major-navbar .menu-icon{display:none}}.footer{background-color:#4a90e2;color:#f0f0f0;padding:clamp(.25rem,.5cqw,.5rem)}.footer .footer-content{display:flex;flex-wrap:wrap;justify-content:space-between}.footer .footer-content .footer-section{flex:1 1;margin:clamp(.5rem,1cqw,1rem)}.footer .footer-content .footer-section h2{font-size:clamp(2rem,5cqb,3.5rem);margin-bottom:clamp(1rem,2cqw,2rem)}.footer .footer-content .footer-section ul{list-style:none;padding:0}.footer .footer-content .footer-section ul li{margin-bottom:clamp(.5rem,1cqw,1rem)}.footer .footer-content .footer-section ul li button,.footer .footer-content .footer-section ul li span{background-color:#0000;color:#f0f0f0;font-size:clamp(1.5rem,4cqb,2.5rem);text-decoration:none}.footer .footer-content .footer-section ul li button:hover,.footer .footer-content .footer-section ul li span:hover{cursor:pointer;text-decoration:underline}.footer .footer-content .footer-section ul li span{background-color:#0000}.footer .footer-content .footer-section ul li span p{align-items:center;display:flex}.footer .footer-content .footer-section p{font-size:clamp(1.5rem,4cqb,2.5rem);margin:0}.footer .footer-content .footer-section .social-icons{display:flex}.footer .footer-content .footer-section .social-icons a{color:#f0f0f0;font-size:clamp(2rem,5cqb,3.5rem);margin-right:clamp(.5rem,1cqw,1rem)}.footer .footer-content .footer-section .social-icons a:hover{color:#357ab8}.footer .footer-content .contact>span{display:flex;font-size:clamp(2rem,5cqb,3.5rem);margin-bottom:clamp(.5rem,1cqw,1rem)}.footer .footer-content .contact>span>svg{margin-right:clamp(.5rem,1cqw,1rem)}.footer .footer-bottom{font-size:clamp(1.5rem,4cqb,2.5rem);margin-top:clamp(.5rem,1cqw,1rem);text-align:center}.home{background:linear-gradient(180deg,#f0f8ff,#e6e6fa);color:#333;flex-grow:1;font-family:Comic Neue}.home .home-header{margin:clamp(1rem,2cqw,2rem);text-align:center}.home .home-header h1{color:#4a90e2;font-size:clamp(3rem,6cqb,6rem);text-shadow:0 4px 6px #0000001a}.home .home-header p{font-size:clamp(2rem,5cqb,3.5rem)}.home .home-main{align-items:center;display:flex;flex-direction:column;margin-bottom:clamp(1rem,2cqw,2rem)}.home .home-main .features{grid-gap:clamp(1rem,2cqw,2rem);align-items:start;display:grid;gap:clamp(1rem,2cqw,2rem);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));max-width:1200px;width:100%}.home .home-main .features .feature-card{background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;color:#333;display:block;margin:clamp(.5rem,1cqw,1rem);padding:clamp(.5rem,1cqw,1rem);text-align:center;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.home .home-main .features .feature-card:hover{box-shadow:0 6px 10px #00000026;color:#333;transform:translateY(-5px)}.home .home-main .features .feature-card h2{color:#4a90e2;font-size:clamp(1.5rem,4cqb,2.5rem);margin-bottom:clamp(.5rem,1cqw,1rem)}.home .home-main .features .feature-card p{font-size:clamp(1.2rem,3cqb,2rem);text-align:left}.phoneme-analysis{background:linear-gradient(180deg,#f0f8ff,#e6e6fa);color:#333;flex-grow:1;font-family:Comic Neue;padding:clamp(1rem,2cqw,2rem)}.phoneme-analysis h1{color:#4a90e2;font-size:clamp(3rem,6cqb,6rem);margin-bottom:clamp(1rem,2cqw,2rem);text-align:center;text-shadow:0 4px 6px #0000001a}.phoneme-analysis input{border:1px solid #ddd;border-radius:8px;font-size:clamp(1.5rem,4cqb,2.5rem);max-width:400px;width:100%}.phoneme-analysis button,.phoneme-analysis input{display:block;margin:0 auto clamp(1rem,2cqw,2rem);padding:clamp(.5rem,1cqw,1rem)}.phoneme-analysis button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:clamp(3rem,6cqb,6rem);transition:background-color .3s ease}.phoneme-analysis button:hover{background-color:#357ab8}.phoneme-analysis .error{font-size:clamp(1.5rem,4cqb,2.5rem);margin-bottom:clamp(.5rem,1cqw,1rem);text-align:center}.phoneme-analysis .phon-analysis-grapheme{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1cqw,1rem);justify-content:center}.phoneme-analysis .phon-analysis-grapheme .phon-tile{background-color:#fff;border:1px solid #ddd;border-radius:5px;box-shadow:0 4px 6px #0000001a;color:#333;font-size:clamp(3rem,6cqb,6rem);min-width:50px;padding:clamp(.5rem,1cqw,1rem);text-align:center}.audio-test{background:linear-gradient(180deg,#f0f8ff,#e6e6fa);color:#333;flex-grow:1;font-family:Comic Neue;padding:clamp(1rem,2cqw,2rem)}.audio-test h1{color:#4a90e2;font-size:clamp(3rem,6cqb,6rem);margin-bottom:clamp(1rem,2cqw,2rem);text-align:center;text-shadow:0 4px 6px #0000001a}.audio-test .recorder{display:flex;justify-content:center;margin-bottom:clamp(1rem,2cqw,2rem)}.audio-test .recorder button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:clamp(3rem,6cqb,6rem);padding:clamp(.5rem,1cqw,1rem);transition:background-color .3s ease}.audio-test .recorder button:hover{background-color:#357ab8}.audio-test audio{display:block;margin:0 auto clamp(1rem,2cqw,2rem)}.audio-test .error{font-size:clamp(1.5rem,4cqb,2.5rem);margin-bottom:clamp(.5rem,1cqw,1rem);text-align:center}.audio-test .transcription{font-size:clamp(3rem,6cqb,6rem);margin-top:clamp(1rem,2cqw,2rem);text-align:center}.about-container{background:linear-gradient(180deg,#f0f8ff,#e6e6fa);line-height:1.6;padding:clamp(1rem,2cqw,2rem)}.about-container .about-header{background-color:#4a90e2;margin-bottom:clamp(1rem,2cqw,2rem);padding:clamp(2rem,4cqw,4rem);text-align:center}.about-container .about-header h1{font-size:clamp(2rem,5cqb,3.5rem)}.about-container .about-header p{font-size:clamp(1rem,2.5cqb,1.5rem)}.about-container .about-section{background:#fff;border-radius:8px;box-shadow:0 6px 10px #00000026;margin-bottom:clamp(1rem,2cqw,2rem);padding:clamp(1rem,2cqw,2rem)}.about-container .about-section h2{color:#357ab8;font-size:1.6rem;font-weight:700}.about-container .about-section ul{padding-left:clamp(1rem,2cqw,2rem)}.about-container .about-section ul li{list-style-type:disc}.about-container .about-footer{font-size:clamp(1rem,2.5cqb,1.5rem);margin-top:clamp(1rem,2cqw,2rem);text-align:center}.about-container .about-footer a{color:#4a90e2;text-decoration:underline}.about-container .about-footer a:hover{text-decoration:none}#contact-page .contact-page-container{align-content:center;padding:clamp(1rem,2cqw,2rem)}#contact-page .contact-page-container>h2{font-weight:700;text-align:center}#contact-page .contact-page-container .header{background-color:#4a90e2;margin-bottom:clamp(1.5rem,3cqw,3rem);padding:clamp(1rem,2cqw,2rem);text-align:center}#contact-page .contact-page-container .header h1{font-size:clamp(1.2rem,3cqb,2rem)}#contact-page .contact-page-container .contact-info{display:flex;flex-direction:column;margin:0 auto;max-width:1000px;text-align:center}#contact-page .contact-page-container .contact-info .col-1,#contact-page .contact-page-container .contact-info .col-2{flex:1 1}#contact-page .contact-page-container .contact-info span{display:flex;justify-content:center}#contact-page .contact-page-container .contact-info span p{margin-left:clamp(.5rem,1cqw,1rem)}#contact-page .contact-page-container .contact-info h2{font-size:clamp(.8rem,2cqb,1.2rem);margin:clamp(.5rem,1cqw,1rem) 0}#contact-page .contact-page-container .contact-info .photo-of-me-container{margin:clamp(.5rem,1cqw,1rem) 0}#contact-page .contact-page-container .contact-info .photo-of-me-container .photo-of-me{border-radius:50%;height:auto;max-width:25cqmin}#contact-page .contact-page-container .contact-info .no-top-padding{margin-top:0}#contact-page .contact-page-container .social-icons{display:flex;gap:clamp(.5rem,1cqw,1rem);justify-content:center;margin-top:clamp(1.5rem,3cqw,3rem)}#contact-page .contact-page-container .social-icons a img{height:25px;width:25px}.login-page{align-items:center;background:linear-gradient(180deg,#f0f8ff,#e6e6fa);display:flex;flex-grow:1;font-family:Comic Neue;justify-content:center;padding:clamp(1.5rem,3cqw,3rem) 0}.login-form{background-color:#fff;border-radius:8px;box-shadow:0 10px 18px #00000026;max-width:400px;padding:clamp(1rem,2cqw,2rem);width:100%}.login-page h2{color:#333;font-size:clamp(1.2rem,3cqb,2rem);font-weight:700;margin-bottom:clamp(.5rem,1cqw,1rem);text-align:center}.error-text{list-style-type:disc}.login-form button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:clamp(.8rem,2cqb,1.2rem);font-weight:500;padding:clamp(.25rem,.5cqw,.5rem);transition:background-color .3s ease;width:100%}.login-form button:hover{background-color:#357ab8}.signup-page{align-items:center;background:linear-gradient(180deg,#f0f8ff,#e6e6fa);display:flex;flex-grow:1;font-family:Comic Neue;justify-content:center;padding:clamp(1.5rem,3cqw,3rem) 0}.signup-form{background-color:#fff;border-radius:8px;box-shadow:0 10px 18px #00000026;max-width:400px;padding:clamp(1rem,2cqw,2rem);width:100%}.signup-page h2{color:#333;font-size:clamp(1.2rem,3cqb,2rem);font-weight:700;text-align:center}.form-group,.signup-page h2{margin-bottom:clamp(.5rem,1cqw,1rem)}.form-group{position:relative}.form-input{border:1px solid #ddd;border-radius:5px;font-size:clamp(.8rem,2cqb,1.2rem);padding:clamp(.25rem,.5cqw,.5rem);transition:border-color .3s ease,box-shadow .3s ease;width:100%}.form-input:focus{border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233;outline:none}.form-input.input-error{background-color:#fff;border-color:#c22121}.error-text{color:#c22121;font-size:clamp(.6rem,1.5cqb,1rem);list-style-type:none;margin-top:clamp(.25rem,.5cqw,.5rem);padding-left:1rem;position:relative;z-index:1}.error-text li{line-height:1.2;margin-bottom:.2rem}.error-text li:before{color:#c22121;content:"✗";margin-right:.5rem}.resolved-text{animation:fadeOut 2s ease forwards;color:#28a745;font-size:clamp(.6rem,1.5cqb,1rem);list-style-type:none;margin-top:clamp(.25rem,.5cqw,.5rem);padding-left:1rem;position:relative;z-index:2}.resolved-text li{line-height:1.2;margin-bottom:.2rem}.resolved-text li:before{color:#28a745;content:"✔";margin-right:.5rem}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.resolved-text.fade-out{height:0;margin:0;overflow:hidden;padding:0;transition:height .2s ease-out}.error-response{background-color:#cd4b4b;border-radius:5px;color:#fff;font-size:clamp(.6rem,1.5cqb,1rem);list-style:none;margin-bottom:clamp(.5rem,1cqw,1rem);padding:0;text-align:center}.signup-form button{background-color:#4a90e2;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:clamp(.8rem,2cqb,1.2rem);font-weight:500;padding:clamp(.25rem,.5cqw,.5rem);transition:background-color .3s ease;width:100%}.signup-form button:hover{background-color:#357ab8}.dashboard{align-items:center;background:linear-gradient(180deg,#f0f8ff,#e6e6fa);color:#333;display:flex;flex-direction:column;flex-grow:1;font-family:Comic Neue;padding:clamp(1rem,2cqw,2rem)}.dashboard h1{color:#4a90e2;font-size:clamp(3rem,6cqb,6rem);margin-bottom:clamp(1rem,2cqw,2rem);text-align:center;text-shadow:0 4px 6px #0000001a}.dashboard h2{color:#4a90e2;font-size:clamp(2rem,5cqb,3.5rem);margin-bottom:clamp(.5rem,1cqw,1rem)}.dashboard p{font-size:clamp(1.5rem,4cqb,2.5rem);margin-bottom:clamp(1rem,2cqw,2rem)}.dashboard .profile-section,.dashboard .verification-section{background:#fff;box-shadow:0 6px 10px #00000026;margin-bottom:clamp(1rem,2cqw,2rem);padding:clamp(1rem,2cqw,2rem)}.dashboard .verification-input{display:flex;gap:clamp(.5rem,1cqw,1rem);margin-top:clamp(.5rem,1cqw,1rem)}.dashboard .form-group{display:flex;flex-direction:column;margin-bottom:clamp(.5rem,1cqw,1rem)}.dashboard label{font-size:clamp(1rem,2.5cqb,1.5rem);margin-bottom:clamp(.25rem,.5cqw,.5rem)}.dashboard input,.dashboard select{background:#fff;border:1px solid;font-size:clamp(1rem,2.5cqb,1.5rem);padding:clamp(.5rem,1cqw,1rem)}.dashboard button{background:#4a90e2;border:none;color:#fff;cursor:pointer;font-size:clamp(1rem,2.5cqb,1.5rem);padding:clamp(.5rem,1cqw,1rem) clamp(1rem,2cqw,2rem);transition:background .2s}.dashboard button:hover{background:#2275d7}.dashboard .message{font-size:clamp(1rem,2.5cqb,1.5rem);margin-bottom:0;margin-top:clamp(.5rem,1cqw,1rem)}.profile{background:linear-gradient(180deg,#f0f8ff,#e6e6fa);color:#333;flex-grow:1;font-family:Comic Neue;padding:clamp(1rem,2cqw,2rem)}.profile h1{color:#4a90e2;font-size:clamp(3rem,6cqb,6rem);margin-bottom:clamp(1rem,2cqw,2rem);text-align:center;text-shadow:0 4px 6px #0000001a}.profile p{margin-bottom:clamp(1.5rem,3cqw,3rem)}.profile .under-construction,.profile p{font-size:clamp(2rem,5cqb,3.5rem);text-align:center}.profile .under-construction{font-style:italic;margin-top:clamp(1rem,2cqw,2rem)}.vowel-valley-wrapper{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:absolute;width:100%;z-index:1}.vowel-valley-wrapper.half-height{height:50%}.vowel-valley-wrapper.half-width{width:50%}.vowel-valley-wrapper .vowel-valley-grid{background-color:#f0f0f0;display:grid;grid-template-columns:repeat(13,1fr);grid-template-rows:repeat(10,1fr);height:100%;width:100%}.vowel-valley-wrapper .vowel-valley-grid .cell{align-items:center;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;text-align:center}.vowel-valley-wrapper .vowel-valley-grid .cell.header{background-color:#0d0d0d;border-radius:8px}.vowel-valley-wrapper .vowel-valley-grid .cell.header>div{color:#f0f0f0}.vowel-valley-wrapper .vowel-valley-grid .highlight{background-color:#ffff81}.vowel-valley-wrapper .vowel-valley-grid .cell.image{overflow:visible;position:relative}.vowel-valley-wrapper .vowel-valley-grid .image img{height:120%;left:-10%;object-fit:contain;position:absolute;top:-10%;width:120%;z-index:1}.vowel-valley-wrapper .vowel-valley-grid .image img.not-face{z-index:2}.vowel-valley-wrapper .vowel-valley-grid .text{font-weight:700;z-index:1}.vowel-valley-wrapper .vowel-valley-grid .merge-5x2{grid-column:span 5;grid-row:span 2}.vowel-valley-wrapper .vowel-valley-grid .merge-1x2{grid-column:span 1;grid-row:span 2}.vowel-valley-wrapper .vowel-valley-grid .merge-3x2{grid-column:span 3;grid-row:span 2}.consonant-sounds-wrapper .consonant-sounds-grid .cell.cell-tile{display:flex;justify-content:flex-end;overflow:visible}.consonant-sounds-wrapper .consonant-sounds-grid .cell.cell-tile img{left:0;object-fit:contain;position:absolute;width:40%;z-index:1}.consonant-sounds-wrapper .consonant-sounds-grid .cell.cell-tile img.not-face{z-index:2}.consonant-sounds-wrapper .consonant-sounds-grid .cell.cell-tile img.one-voiced-sound{left:-15%;top:63%;width:30%}.consonant-sounds-wrapper .consonant-sounds-grid .cell.cell-tile img.voiced-sound{left:-15%;top:25%;width:30%}.consonant-sounds-wrapper .consonant-sounds-grid .cell.cell-tile img.item-photo{height:150%;left:50%;object-fit:contain;position:absolute;top:-75%;width:150%;z-index:2}.consonant-sounds-wrapper .consonant-sounds-grid .cell.cell-tile img.item-photo:last-of-type{left:75%;top:50%}.consonant-sounds-wrapper .consonant-sounds-grid .cell.cell-tile>.graphemes-inner-cell{display:flex;flex-direction:column;width:50%}.consonant-sounds-wrapper .consonant-sounds-grid .cell.cell-tile>.graphemes-inner-cell>h1{font-size:clamp(.6rem,1.5cqb,1rem);width:100%}.consonant-sounds-wrapper .consonant-sounds-grid .cell.cell-tile>.graphemes-inner-cell>h1.fullscreen{font-size:clamp(1.5rem,4cqb,2.5rem)}.consonant-sounds-wrapper{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:absolute;width:100%;z-index:1}.consonant-sounds-wrapper.half-height{height:50%}.consonant-sounds-wrapper.half-width{width:50%}.consonant-sounds-wrapper .consonant-sounds-grid{background-color:#f0f0f0;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);height:100%;width:100%}.consonant-sounds-wrapper .consonant-sounds-grid .cell{align-items:center;border:.5px solid #000;box-sizing:border-box;display:flex;justify-content:center;overflow:hidden;text-align:center}.consonant-sounds-wrapper .consonant-sounds-grid .cell.empty{background-color:#d8d8d8}.consonant-sounds-wrapper .consonant-sounds-grid .cell.no-border{border:none}.consonant-sounds-wrapper .consonant-sounds-grid .cell.header{background-color:#0d0d0d;border-radius:8px}.consonant-sounds-wrapper .consonant-sounds-grid .cell.header>div{color:#f0f0f0}.consonant-sounds-wrapper .consonant-sounds-grid .highlight{background-color:#ffff81}.consonant-sounds-wrapper .consonant-sounds-grid .cell.image{overflow:visible;position:relative}.consonant-sounds-wrapper .consonant-sounds-grid .image img{height:140%;left:-20%;object-fit:contain;position:absolute;top:-20%;width:140%;z-index:1}.consonant-sounds-wrapper .consonant-sounds-grid .image img.not-face{z-index:2}.consonant-sounds-wrapper .consonant-sounds-grid .merge-6x1{grid-column:span 6;grid-row:span 1}.consonant-sounds-wrapper .consonant-sounds-grid .text{font-weight:700;z-index:1}.consonant-sounds-wrapper .consonant-sounds-grid .text>div>img.type-photo{width:25%}.audio-review-consonant{background-color:#4a90e2;display:flex;flex-direction:column;height:calc(clamp(500px,50cqmax,75cqmin)*9/16);overflow:hidden;width:clamp(500px,50cqmax,75cqmin)}.audio-review-consonant .bounty-bar{align-items:center;background-color:#357ab8;display:flex;height:15%;width:100%}.audio-review-consonant .bounty-bar>h1{font-size:clamp(2rem,5cqb,3.5rem);padding:clamp(.5rem,1cqw,1rem)}.audio-review-consonant .block-wall{align-items:center;background-color:#357ab8;height:100%;margin-left:auto;position:absolute;right:0;transform:translateX(0);transition:transform .5s linear;width:70%;z-index:3}.audio-review-consonant .block-wall.block-wall-right{transform:translateX(100%)}.audio-review-consonant .arc-slide-content{display:flex;flex-direction:row;flex-grow:1}.audio-review-consonant .arc-slide-content .grapheme-container{align-items:center;display:flex;justify-content:center;opacity:0;transition:opacity .5s linear;width:30%}.audio-review-consonant .arc-slide-content .grapheme-container.single-column{flex-direction:column}.audio-review-consonant .arc-slide-content .grapheme-container.two-columns{align-content:center;flex-wrap:wrap}.audio-review-consonant .arc-slide-content .grapheme-container.gc-fade-in{opacity:1}.audio-review-consonant .arc-slide-content .grapheme-container.gc-no-fade{transition:opacity 0s linear}.audio-review-consonant .arc-slide-content .grapheme-tile{align-items:center;aspect-ratio:1/1;background:#f0f0f0;border-radius:5px;box-shadow:0 2px 5px #0d0d0d33;display:flex;font-size:clamp(2rem,5cqb,3.5rem);font-weight:700;justify-content:center;margin:clamp(.5rem,1cqw,1rem);padding:clamp(.5rem,1cqw,1rem);width:30%}.audio-review-consonant .arc-slide-content .grapheme-tile.gt-fullscreen{font-size:clamp(3rem,6cqb,6rem)}.audio-review-consonant .background-container{display:flex;flex-direction:column;height:100%;position:absolute;right:0;width:70%}.audio-review-consonant .background-container .sound-wall{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;background-size:100% 100%;flex-grow:1;width:100%;z-index:1}.audio-review-consonant .photo-container{height:100%;left:30%;position:absolute;transform:translateX(0);transition:transform .5s linear;width:70%;z-index:4}.audio-review-consonant .photo-container.photo-container-right{transform:translateX(100%)}.audio-review-consonant .photo-container .photo-tile{left:50%;max-height:100%;position:absolute;transform:translateX(-50%)}.audio-review-consonant .photo-container.layout-2 .photo-1{height:60%;left:1%;top:1%;transform:translateX(0)}.audio-review-consonant .photo-container.layout-2 .photo-2{height:60%;left:99%;top:39%;transform:translateX(-100%)}.audio-review-consonant .photo-container.layout-3 .photo-1{height:49%;left:10.25%;top:1%;transform:translateX(0)}.audio-review-consonant .photo-container.layout-3 .photo-2{height:49%;left:89.75%;top:1%;transform:translateX(-100%)}.audio-review-consonant .photo-container.layout-3 .photo-3{height:48%;left:50%;top:51%;transform:translateX(-50%)}.audio-review-consonant .photo-container.layout-4 .photo-1{height:48%;left:7%;top:1%;transform:translateX(0)}.audio-review-consonant .photo-container.layout-4 .photo-2{height:48%;left:93%;top:1%;transform:translateX(-100%)}.audio-review-consonant .photo-container.layout-4 .photo-3{height:48%;left:7%;top:51%;transform:translateX(0)}.audio-review-consonant .photo-container.layout-4 .photo-4{height:48%;left:93%;top:51%;transform:translateX(-100%)}.audio-review-consonant .photo-container.layout-5 .photo-1{height:50%;left:6%;top:1%;transform:translateX(0)}.audio-review-consonant .photo-container.layout-5 .photo-2{height:50%;left:94%;top:1%;transform:translateX(-100%)}.audio-review-consonant .photo-container.layout-5 .photo-3{height:38%;left:2%;top:56.5%;transform:translateX(0)}.audio-review-consonant .photo-container.layout-5 .photo-4{height:38%;left:50%;top:56.5%;transform:translateX(-50%)}.audio-review-consonant .photo-container.layout-5 .photo-5{height:38%;left:98%;top:56.5%;transform:translateX(-100%)}.audio-review-consonant .photo-container.layout-6 .photo-1{height:38%;left:2%;top:8%;transform:translateX(0)}.audio-review-consonant .photo-container.layout-6 .photo-2{height:38%;left:50%;top:8%;transform:translateX(-50%)}.audio-review-consonant .photo-container.layout-6 .photo-3{height:38%;left:98%;top:8%;transform:translateX(-100%)}.audio-review-consonant .photo-container.layout-6 .photo-4{height:38%;left:2%;top:50%;transform:translateX(0)}.audio-review-consonant .photo-container.layout-6 .photo-5{height:38%;left:50%;top:50%;transform:translateX(-50%)}.audio-review-consonant .photo-container.layout-6 .photo-6{height:38%;left:98%;top:50%;transform:translateX(-100%)}.visual-review-consonant{background-color:#4a90e2;display:flex;flex-direction:column;height:calc(clamp(500px,50cqmax,75cqmin)*9/16);overflow:hidden;width:clamp(500px,50cqmax,75cqmin)}.visual-review-consonant .bounty-bar{align-items:center;background-color:#357ab8;display:flex;height:15%;width:100%}.visual-review-consonant .bounty-bar>h1{font-size:clamp(2rem,5cqb,3.5rem);padding:clamp(.5rem,1cqw,1rem)}.visual-review-consonant .block-wall{align-items:center;background-color:#357ab8;bottom:0;height:65%;margin-left:auto;position:absolute;transform:translateY(0);transition:transform .5s linear;width:100%;z-index:3}.visual-review-consonant .block-wall.block-wall-down{transform:translateY(100%)}.visual-review-consonant .grapheme-container{align-items:flex-start;display:flex;flex-direction:row;flex-grow:1;justify-content:space-evenly;width:100%}.visual-review-consonant .grapheme-tile{align-items:center;aspect-ratio:1/1;background:#f0f0f0;border-radius:5px;box-shadow:0 2px 5px #0d0d0d33;display:flex;font-size:clamp(2rem,5cqb,3.5rem);font-weight:700;height:15%;justify-content:center;margin:clamp(.5rem,1cqw,1rem);padding:clamp(.5rem,1cqw,1rem)}.visual-review-consonant .grapheme-tile.gt-fullscreen{font-size:clamp(3rem,6cqb,6rem)}.visual-review-consonant .background-container{bottom:0;display:flex;flex-direction:row;height:65%;position:absolute;width:100%}.visual-review-consonant .background-container .sound-wall{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;background-size:100% 100%;flex-grow:1;width:100%;z-index:1}.visual-review-consonant .photo-container{bottom:0;height:65%;opacity:0;position:absolute;transform:translateY(0);transition:opacity .5s linear,transform .5s linear;width:100%;z-index:4}.visual-review-consonant .photo-container.photo-container-show{opacity:1}.visual-review-consonant .photo-container.photo-container-down{transform:translateY(100%)}.visual-review-consonant .photo-container .photo-tile{left:50%;max-height:98%;position:absolute;top:1%;transform:translateX(-49%)}.visual-review-consonant .photo-container.layout-2 .photo-1{height:98%;left:10%;top:1%;transform:translateX(0)}.visual-review-consonant .photo-container.layout-2 .photo-2{height:98%;left:90%;top:1%;transform:translateX(-98%)}.visual-review-consonant .photo-container.layout-3 .photo-1{height:89%;left:.5%;top:5.5%;transform:translateX(0)}.visual-review-consonant .photo-container.layout-3 .photo-2{height:89%;left:49.8%;top:5.5%;transform:translateX(-49%)}.visual-review-consonant .photo-container.layout-3 .photo-3{height:89%;left:99%;top:5.5%;transform:translateX(-98%)}.visual-review-consonant .photo-container.layout-4 .photo-1{height:80%;left:1%;top:10%;transform:translateX(0)}.visual-review-consonant .photo-container.layout-4 .photo-2{height:80%;left:37.5%;top:10%;transform:translateX(-49%)}.visual-review-consonant .photo-container.layout-4 .photo-3{height:80%;left:62.5%;top:10%;transform:translateX(-49%)}.visual-review-consonant .photo-container.layout-4 .photo-4{height:80%;left:99%;top:10%;transform:translateX(-98%)}.guided-phonics-lesson-container{background-color:#4a90e2;display:flex;flex-direction:column;height:calc(clamp(500px,50cqmax,75cqmin)*9/16);overflow:hidden;width:clamp(500px,50cqmax,75cqmin)}.guided-phonics-lesson-container .guided-phonics-background{background-position:50%;background-size:cover;height:100%;position:absolute;width:100%;z-index:1}.guided-phonics-lesson-container .guided-phonics-overlay{height:100%;position:relative;width:100%;z-index:2}.guided-phonics-lesson-container .guided-phonics-title{background-color:#4a90e2bf;border-radius:1rem;color:#fff;font-size:clamp(1.5rem,4cqb,2.5rem);left:50%;max-width:75%;padding:clamp(.5rem,1cqw,1rem);position:absolute;text-align:center;top:30%;transform:translateX(-50%) translateY(-50%)}.guided-phonics-lesson-container .guided-phonics-title.gpt-fullscreen{font-size:clamp(3rem,6cqb,6rem)}.guided-phonics-lesson-container .guided-phonics-grade-label{background-color:#4a90e2bf;border-radius:0 50% 0 0;bottom:0;color:#fff;font-size:clamp(1rem,2.5cqb,1.5rem);left:0;padding:clamp(1rem,2cqw,2rem);position:absolute;text-align:center}.guided-phonics-target-container{background-color:#4a90e2;background-position:50%;background-size:cover;display:flex;flex-direction:row;height:calc(clamp(500px,50cqmax,75cqmin)*9/16);justify-content:center;overflow:hidden;width:clamp(500px,50cqmax,75cqmin)}.guided-phonics-target-container .left-panel,.guided-phonics-target-container .right-panel{background-color:#4a90e2d9;border:4.25px solid #357ab8;display:flex;flex-direction:column;height:80%;overflow-x:hidden;overflow-y:auto;padding:clamp(.5rem,1cqw,1rem);top:10%}.guided-phonics-target-container .left-panel{width:30%}.guided-phonics-target-container .right-panel{width:50%}.guided-phonics-target-container .header{border-bottom:4.25px solid #357ab8;color:#fff;font-size:2vh;font-weight:700;margin-bottom:1rem;padding-bottom:1vh;text-align:center}.guided-phonics-target-container .header.h-fullscreen{font-size:clamp(2rem,5cqb,3.5rem)}.guided-phonics-target-container .li-body,.guided-phonics-target-container .sc-body{flex-grow:1;font-size:clamp(1rem,2.5cqb,1.5rem);line-height:1.5}.guided-phonics-target-container .li-body>p,.guided-phonics-target-container .sc-body>p{margin-left:clamp(1.5rem,3cqw,3rem)}.guided-phonics-target-container .li-body>p:first-child,.guided-phonics-target-container .sc-body>p:first-child{margin-left:0}.guided-phonics-target-container .li-body.t-fullscreen,.guided-phonics-target-container .sc-body.t-fullscreen{font-size:clamp(1.5rem,4cqb,2.5rem)}.guided-phonics-target-container .gray{color:#212121;font-style:italic}.guided-phonics-target-container .bold{font-weight:700}.guided-phonics-target-container .half{display:inline-block;width:50%}.guided-phonics-target-container .sc-pictures{display:flex;flex-wrap:wrap;justify-content:space-around}.guided-phonics-target-container .sc-card{align-items:center;display:flex;flex-direction:column}.guided-phonics-target-container .sc-image{height:10vh;object-fit:contain}.guided-phonics-target-container .sc-graphemes{display:flex;flex-direction:row;gap:.5rem;margin-top:.5rem}.guided-phonics-target-container .grapheme-box{background-color:#fff;border-radius:8px;display:flex;flex-direction:column;font-weight:700;justify-content:center;padding:.25rem .5rem}.guided-phonics-target-container .grapheme-box:first-child{border:4px solid #c22121}.listen-slide-container{background-color:#4a90e2;background-position:50%;background-size:cover;display:flex;flex-direction:row;height:calc(clamp(500px,50cqmax,75cqmin)*9/16);justify-content:center;overflow:hidden;width:clamp(500px,50cqmax,75cqmin)}.listen-slide-container .listen-overlay{height:100%;position:relative;width:100%;z-index:2}.listen-slide-container .listen-title{left:75%;position:absolute;text-align:center;top:20cqh;transform:translateX(-50%) translateY(-50%);width:100%}.listen-slide-container .listen-title>li{background-color:#4a90e2bf;font-size:clamp(1.5rem,4cqb,2.5rem);padding:clamp(.25rem,.5cqw,.5rem);width:30cqmin}.listen-slide-container .listen-title>li:first-child{border-radius:1rem 1rem 0 1rem;margin-left:0}.listen-slide-container .listen-title>li:nth-child(2){border-radius:0 1rem 0 1rem;margin-left:5cqb}.listen-slide-container .listen-title>li:nth-child(3){border-radius:0 1rem 1rem 1rem;margin-left:10cqb}.listen-slide-container.slide-fullscreen>.listen-overlay>.listen-title>li{font-size:clamp(3.2rem,12cqb,12rem);top:20cqh;width:70cqmin}.review-slide-container{background-color:#4a90e2;background-position:50%;background-size:cover;display:flex;flex-direction:row;height:calc(clamp(500px,50cqmax,75cqmin)*9/16);justify-content:center;overflow:hidden;width:clamp(500px,50cqmax,75cqmin)}.review-slide-container .review-overlay{height:100%;position:relative;width:100%;z-index:2}.review-slide-container .review-title{left:75%;position:absolute;text-align:center;top:20cqh;transform:translateX(-50%) translateY(-50%);width:100%}.review-slide-container .review-title>li{background-color:#4a90e2bf;font-size:clamp(1.5rem,4cqb,2.5rem);padding:clamp(.25rem,.5cqw,.5rem);width:30cqmin}.review-slide-container .review-title>li:first-child{border-radius:1rem 1rem 0 1rem;margin-left:0}.review-slide-container .review-title>li:nth-child(2){border-radius:0 1rem 1rem 1rem;margin-left:5cqb}.review-slide-container.slide-fullscreen>.review-overlay>.review-title>li{font-size:clamp(3.2rem,12cqb,12rem);top:20cqh;width:70cqmin}.phoneme-modal{align-items:center;background:#0d0d0d99;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.modal-content{display:flex;flex-direction:column;max-height:90vh;overflow:hidden;padding:clamp(.25rem,.5cqw,.5rem)}.modal-scroll-wrapper{border-radius:inherit;max-height:calc(90vh - 5rem);overflow-y:auto;padding-right:clamp(.25rem,.5cqw,.5rem)}.modal-content{background:#fff;border-radius:1rem;box-shadow:0 10px 18px #00000026;max-height:85cqb;max-width:400px;overflow-x:hidden;overflow-y:auto;padding:clamp(.5rem,1cqw,1rem);position:relative;text-align:center;width:85cqb}.modal-title{font-size:clamp(1.2rem,3cqb,2rem)}.grapheme-face,.modal-title{margin-bottom:clamp(1rem,2cqw,2rem)}.grapheme-face{aspect-ratio:1;border-radius:8px;max-width:300px;object-fit:cover;width:100%}.grapheme-label{margin-bottom:clamp(1rem,2cqw,2rem)}.grapheme-label,.modal-close{font-size:clamp(1.2rem,3cqb,2rem)}.modal-close{background:none;border:none;cursor:pointer;position:absolute;right:.75rem;top:.75rem}.phoneme-face-grid{display:flex;flex-wrap:wrap;gap:clamp(.5rem,1cqw,1rem);justify-content:center;margin-bottom:clamp(1rem,2cqw,2rem)}.phoneme-face-card{align-items:center;display:flex;flex-direction:column;width:120px}.phoneme-label{font-size:clamp(1rem,2.5cqb,1.5rem);margin-bottom:clamp(.5rem,1cqw,1rem)}.no-image{align-items:center;background:#fff;display:flex;font-size:clamp(1rem,2.5cqb,1.5rem);justify-content:center}.keyword-photo,.no-image{border-radius:8px;height:100px;width:100px}.keyword-photo{object-fit:cover}.keyword-photo,.phoneme-type{margin-top:clamp(.25rem,.5cqw,.5rem)}.phoneme-type{color:#212121;font-size:clamp(.6rem,1.5cqb,1rem);font-style:italic}.visual-review-overview-container{background-color:#4a90e2;background-position:50%;background-size:cover;display:flex;flex-direction:column;height:calc(clamp(500px,50cqmax,75cqmin)*9/16);justify-content:center;overflow:hidden;width:clamp(500px,50cqmax,75cqmin)}.visual-review-overview-container .grapheme-scroll-wrapper{border-radius:1rem;max-height:90vh;overflow-y:auto}.visual-review-overview-container.not-fullscreen{justify-content:normal}.visual-review-overview-container.not-fullscreen .grapheme-item{margin-top:calc(clamp(2rem,5cqb,3.5rem) + clamp(.5rem,1cqw,1rem)*2)}.visual-review-overview-container.slide-fullscreen .grapheme-item{max-width:30%}.visual-review-overview-container .overview-title{color:#fff;font-size:clamp(2rem,5cqb,3.5rem);font-weight:700;padding:clamp(.5rem,1cqw,1rem);position:absolute;text-align:center;top:0;width:100%}.visual-review-overview-container .grapheme-item{align-items:center;background-color:#fff;border:4px solid #357ab8;border-radius:1rem;display:flex;flex-direction:column;margin:0 auto;max-height:750px;max-width:50%;overflow-x:hidden;overflow-y:auto;padding:clamp(1.5rem,3cqw,3rem)}.visual-review-overview-container .grapheme-main{color:#0d0d0d;font-size:clamp(3.2rem,12cqb,12rem);font-weight:700;margin-bottom:clamp(1rem,2cqw,2rem)}.visual-review-overview-container .bounty{font-size:clamp(.6rem,1.5cqb,1rem);font-weight:700;left:20px;position:absolute;top:20px}.visual-review-overview-container .grapheme-buttons{display:flex;gap:clamp(.5rem,1cqw,1rem)}.visual-review-overview-container .grapheme-buttons button{background-color:#4a90e2;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:clamp(.8rem,2cqb,1.2rem);padding:clamp(.25rem,.5cqw,.5rem) clamp(.5rem,1cqw,1rem);transition:background .2s}.visual-review-overview-container .grapheme-buttons button:hover{background-color:#357ab8}.visual-review-overview-container .revealed-list{color:#0d0d0d;margin-bottom:clamp(1rem,2cqw,2rem)}.visual-review-overview-container .revealed-list>ul{display:flex;flex-direction:column}.visual-review-overview-container .revealed-list>ul>li{font-size:clamp(1.2rem,3cqb,2rem);font-weight:700}.popup-modal{align-items:center;background-color:#0d0d0d99;display:flex;inset:0;justify-content:center;position:fixed;z-index:999}.popup-content{background:#fff;border-radius:1rem;box-shadow:0 10px 18px #00000026;height:90cqb;overflow:hidden;position:relative;width:90cqb}.popup-content img{height:100%;object-fit:cover;width:100%}.close-button{background:none;border:none;color:#0d0d0d;cursor:pointer;font-size:clamp(1.5rem,4cqb,2.5rem);position:absolute;right:.75rem;top:.5rem}.blending-review-overview-container{align-items:center;background-color:#4a90e2;background-position:50%;background-size:cover;display:flex;flex-direction:column;height:calc(clamp(500px,50cqmax,75cqmin)*9/16);overflow-x:hidden;overflow-y:scroll;padding:clamp(.5rem,1cqw,1rem);width:clamp(500px,50cqmax,75cqmin)}.blending-review-overview-container.slide-fullscreen{padding:clamp(1rem,2cqw,2rem)}.blending-review-overview-container .blending-title{font-size:clamp(1.5rem,4cqb,2.5rem);font-weight:700;margin-bottom:clamp(.5rem,1cqw,1rem)}.blending-review-overview-container .blending-table{display:flex;flex-direction:column;flex-grow:1;gap:clamp(.5rem,1cqw,1rem);justify-content:center;max-width:80%;width:100%}.blending-review-overview-container .blending-table .blending-row{display:flex;gap:clamp(.5rem,1cqw,1rem);justify-content:space-between}.blending-review-overview-container .blending-table .blending-row .blending-cell{background-color:#fff;border:3px solid #357ab8;border-radius:8px;box-shadow:0 6px 10px #00000026;cursor:pointer;flex:1 1;font-size:clamp(1.5rem,4cqb,2.5rem);padding:clamp(.5rem,1cqw,1rem);text-align:center}.blending-review-overview-container .blending-table .blending-row .blending-cell b{font-size:clamp(1.5rem,4cqb,2.5rem);font-weight:700}.learn-slide-container{background-color:#4a90e2;background-position:50%;background-size:cover;display:flex;flex-direction:row;height:calc(clamp(500px,50cqmax,75cqmin)*9/16);justify-content:center;overflow:hidden;width:clamp(500px,50cqmax,75cqmin)}.learn-slide-container .learn-overlay{height:100%;position:relative;width:100%;z-index:2}.learn-slide-container .learn-title{left:60%;position:absolute;text-align:center;top:10cqh;transform:translateX(-50%) translateY(-50%);width:100%}.learn-slide-container .learn-title>li{background-color:#4a90e2bf;border-radius:1rem;font-size:clamp(1.5rem,4cqb,2.5rem);padding:clamp(.25rem,.5cqw,.5rem);width:30cqmin}.learn-slide-container.slide-fullscreen>.learn-overlay>.learn-title>li{font-size:clamp(3.2rem,12cqb,12rem);top:10cqh;width:80cqmin}.learn-grapheme-slide-container{align-items:center;background-color:#4a90e2;background-position:50%;background-size:cover;height:calc(clamp(500px,50cqmax,75cqmin)*9/16);justify-content:center;overflow:hidden;width:clamp(500px,50cqmax,75cqmin)}.learn-grapheme-slide-container .learn-grapheme-overlay{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:center;width:100%}.learn-grapheme-slide-container .grapheme-side,.learn-grapheme-slide-container .photo-side{align-items:center;display:flex;flex:1 1;justify-content:center;max-width:50%}.learn-grapheme-slide-container .grapheme-box{background-color:#f0f0f0;border:4px solid #357ab8;border-radius:1rem;box-shadow:0 10px 18px #00000026;font-size:clamp(3.2rem,12cqb,12rem);font-weight:700;padding:clamp(.5rem,1cqw,1rem) clamp(1rem,2cqw,2rem)}.learn-grapheme-slide-container .grapheme-box.fullscreen{font-size:8rem}.learn-grapheme-slide-container .grapheme-photo{background-color:#fff;border:3px solid #357ab8;border-radius:1rem;max-height:80%;max-width:80%;object-fit:contain}.blend-slide-container{background-color:#4a90e2;background-position:50%;background-size:cover;display:flex;flex-direction:row;height:calc(clamp(500px,50cqmax,75cqmin)*9/16);justify-content:center;overflow:hidden;width:clamp(500px,50cqmax,75cqmin)}.blend-slide-container .blend-overlay{height:100%;position:relative;width:100%;z-index:2}.blend-slide-container .blend-title{position:absolute;right:0;text-align:center;top:50%;transform:translateX(30%) translateY(-50%);width:100%}.blend-slide-container .blend-title>li{background-color:#4a90e2bf;border-radius:1rem;font-size:clamp(1.5rem,4cqb,2.5rem);padding:clamp(.25rem,.5cqw,.5rem);width:30cqmin}.blend-slide-container.slide-fullscreen>.blend-overlay>.blend-title>li{font-size:clamp(3.2rem,12cqb,12rem);top:50%;width:80cqmin}.blending-routine-container{align-items:center;background-color:#4a90e2;background-position:50%;background-size:cover;display:flex;flex-direction:column;height:calc(clamp(500px,50cqmax,75cqmin)*9/16);overflow:hidden;width:clamp(500px,50cqmax,75cqmin)}.blending-routine-container .grapheme-row{align-items:center;display:flex;flex-direction:row;flex-grow:1;gap:clamp(.5rem,1cqw,1rem);justify-content:center;position:relative;transition:flex-grow 1s ease}.blending-routine-container .grapheme-tile{background:#fff;border-radius:8px;font-size:clamp(1.5rem,4cqb,2.5rem);padding:clamp(.5rem,1cqw,1rem);position:relative;transition:transform .3s,border-radius 1s}.blending-routine-container .grapheme-tile.teeter{animation:teeter .25s linear infinite alternate}.blending-routine-container .grapheme-tile.grow{animation:grow 1s ease forwards}.blending-routine-container .grapheme-tile.pulse{animation:pulse 1s ease}.blending-routine-container .grapheme-tile.vowel{background-color:#ff7d6b}.blending-routine-container .grapheme-tile.schwa{background-color:#ffc7c0}.blending-routine-container .grapheme-tile.consonant{background-color:#ffff81}.blending-routine-container .grapheme-tile.le-consonant{background:linear-gradient(90deg,#ffff81,#35d826)}.blending-routine-container .grapheme-tile.le-consonant.grow{border-radius:8px 0 0 8px}.blending-routine-container .grapheme-tile.le-special{background-color:#35d826}.blending-routine-container .grapheme-tile.le-special.grow{border-radius:0 8px 8px 0}.blending-routine-container .grapheme-tile.no-border.grow{border-radius:0 0 0 0}.blending-routine-container .grapheme-tile.gray{background-color:#9b9b9b}.blending-routine-container .arrow{border:4px solid #e68a12;border-radius:4px;bottom:30%;height:6px;position:absolute;transition:all .3s ease}.blending-routine-container .arrow:after{border-right:6px solid #e68a12;border-top:6px solid #e68a12;content:"";height:10px;position:absolute;right:-5px;top:50%;transform:translateY(-50%) rotate(45deg);width:10px}.blending-routine-container .final-reveal{display:flex;height:0;text-align:center;transition:flex-grow 1s ease;width:100%}.blending-routine-container .final-reveal .grapheme-row.top{margin-bottom:1rem}.blending-routine-container .final-reveal .photo-title{font-size:2rem;font-weight:700;margin-bottom:1rem}.blending-routine-container .final-reveal .photo-image{aspect-ratio:1/1;height:0;object-fit:contain}.blending-routine-container .final-reveal.show{align-items:center;flex-grow:6;justify-content:center}.blending-routine-container .final-reveal.show>.photo-image{border:6px solid #e68a12;height:90%}.blending-routine-container.slide-fullscreen>.grapheme-row{gap:clamp(1rem,2cqw,2rem)}.blending-routine-container.slide-fullscreen>.grapheme-row .grapheme-tile{font-size:clamp(3.2rem,12cqb,12rem);padding:clamp(.5rem,1cqw,1rem) clamp(1rem,2cqw,2rem)}.blending-routine-container.slide-fullscreen>.grapheme-row .arrow{bottom:35%}@keyframes teeter{0%{transform:rotate(3deg)}to{transform:rotate(-3deg)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.33)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes grow{0%{transform:scale(1)}to{transform:scale(1.33)}}.spelling-with-blocks-container{background-color:#4a90e2;background-position:50%;background-size:cover;display:flex;flex-direction:column;height:calc(clamp(500px,50cqmax,75cqmin)*9/16);justify-content:center;overflow:hidden;width:clamp(500px,50cqmax,75cqmin)}.spelling-with-blocks-container .spelling-header{font-size:clamp(1.5rem,4cqb,2.5rem);margin-bottom:clamp(.5rem,1cqw,1rem);text-align:center;-webkit-user-select:none;user-select:none;width:100%}.spelling-with-blocks-container .link-icon,.spelling-with-blocks-container .trash-icon{color:#e68a12;font-size:clamp(1rem,2.5cqb,1.5rem);left:16px;position:absolute;-webkit-user-select:none;user-select:none}.spelling-with-blocks-container .link-icon:hover,.spelling-with-blocks-container .trash-icon:hover{transform:scale(1.2)}.spelling-with-blocks-container .trash-icon{bottom:16px}.spelling-with-blocks-container .link-icon{bottom:64px}.spelling-with-blocks-container .spelling-tile-row{display:flex;justify-content:center;margin-bottom:clamp(.5rem,1cqw,1rem);-webkit-user-select:none;user-select:none}.spelling-with-blocks-container .spelling-drop-area{display:flex;margin-bottom:clamp(.5rem,1cqw,1rem);overflow-x:auto;overflow-y:hidden;position:relative;-webkit-user-select:none;user-select:none;width:100%}.spelling-with-blocks-container .spelling-tile-pool{display:flex;flex-direction:column;justify-content:center;-webkit-user-select:none;user-select:none}.spelling-with-blocks-container .block-tile{border-radius:8px;cursor:grab;font-size:clamp(1.2rem,3cqb,2rem);font-weight:700;padding:clamp(.5rem,1cqw,1rem);transition:all .2s ease}.spelling-with-blocks-container .block-dropzone,.spelling-with-blocks-container .block-tile{align-items:center;display:flex;justify-content:center;margin:clamp(.25rem,.5cqw,.5rem);-webkit-user-select:none;user-select:none}.spelling-with-blocks-container .block-dropzone{aspect-ratio:1/1;background-color:#fff;border:2px dashed #e68a12;border-radius:8px;height:clamp(2rem,4cqw,4rem);width:clamp(2rem,4cqw,4rem)}.spelling-with-blocks-container .block-dropzone:first-child{margin-left:auto}.spelling-with-blocks-container .block-dropzone:last-child{margin-right:auto}.spelling-with-blocks-container .floating-tile,.spelling-with-blocks-container .return-tile{background:#ff7d6b;border-radius:8px;font-size:clamp(1.2rem,3cqb,2rem);font-weight:700;left:0;padding:clamp(.5rem,1cqw,1rem);pointer-events:none;position:fixed;top:0;-webkit-user-select:none;user-select:none;z-index:1}.spelling-with-blocks-container .tile-vowel{background-color:#ff7d6b}.spelling-with-blocks-container .tile-consonant{background-color:#ffff81}.spelling-with-blocks-container .le-special{background-color:#35d826}.spelling-with-blocks-container .tile-schwa{background-color:#ffc7c0}.spelling-with-blocks-container .tile-silent{background-color:#9b9b9b}.spelling-with-blocks-container .loading-placeholder{animation:fadeIn .5s ease-in;background-color:#fff;color:#0d0d0d;font-size:clamp(1.5rem,4cqb,2.5rem);padding:clamp(1rem,2cqw,2rem);text-align:center;-webkit-user-select:none;user-select:none}.spelling-with-blocks-container .spelling-with-blocks-container.dragging{overscroll-behavior:contain;touch-action:none;-webkit-user-select:none;user-select:none}.spelling-with-blocks-container .photo-viewer{aspect-ratio:1/1;bottom:16px;height:50%;pointer-events:auto;position:absolute;right:16px;z-index:1}.spelling-with-blocks-container .photo-container{background:#fff;border-radius:8px;box-shadow:0 10px 18px #00000026;height:100%;position:relative;width:100%}.spelling-with-blocks-container .photo-image{height:100%;object-fit:cover;width:100%}.spelling-with-blocks-container .photo-toggle{background:#fff;border:1px solid #fff;border-radius:8px;box-shadow:0 10px 18px #00000026;cursor:pointer;left:-10%;padding:clamp(.25rem,.5cqw,.5rem);position:absolute;top:50%;transform:translateY(-50%)}.spelling-with-blocks-container.slide-fullscreen .spelling-header{font-size:clamp(3rem,6cqb,6rem);margin-bottom:clamp(1.5rem,3cqw,3rem)}.spelling-with-blocks-container.slide-fullscreen .trash-icon{bottom:64px;font-size:clamp(1.5rem,4cqb,2.5rem);left:64px}.spelling-with-blocks-container.slide-fullscreen .link-icon{bottom:160px;font-size:clamp(1.5rem,4cqb,2.5rem);left:64px}.spelling-with-blocks-container.slide-fullscreen .spelling-drop-area{margin-bottom:clamp(1.5rem,3cqw,3rem)}.spelling-with-blocks-container.slide-fullscreen .block-tile{font-size:clamp(3rem,6cqb,6rem);margin:clamp(.25rem,.5cqw,.5rem);padding:clamp(.5rem,1cqw,1rem)}.spelling-with-blocks-container.slide-fullscreen .block-dropzone{aspect-ratio:1/1;height:clamp(3rem,6cqb,6rem);margin:clamp(.25rem,.5cqw,.5rem);padding:clamp(1.5rem,3cqw,3rem);width:clamp(3rem,6cqb,6rem)}.spelling-with-blocks-container.slide-fullscreen .block-dropzone:first-child{margin-left:auto}.spelling-with-blocks-container.slide-fullscreen .block-dropzone:last-child{margin-right:auto}.spelling-with-blocks-container.slide-fullscreen .floating-tile,.spelling-with-blocks-container.slide-fullscreen .return-tile{font-size:clamp(3rem,6cqb,6rem);margin:clamp(.25rem,.5cqw,.5rem);padding:clamp(.5rem,1cqw,1rem)}.spelling-with-blocks-container.slide-fullscreen .loading-placeholder{font-size:clamp(3rem,6cqb,6rem)}.spelling-with-blocks-container.slide-fullscreen .photo-toggle{left:-5%}.word-sort-container{background-color:#4a90e2;background-position:50%;background-size:cover;display:flex;flex-direction:column;height:calc(clamp(500px,50cqmax,75cqmin)*9/16);overflow:hidden;overflow-x:hidden;overflow-y:auto;width:clamp(500px,50cqmax,75cqmin)}.word-sort-container .word-sort-header{font-size:clamp(1.5rem,4cqb,2.5rem);margin-bottom:clamp(.5rem,1cqw,1rem);margin-top:auto;text-align:center;-webkit-user-select:none;user-select:none;width:100%}.word-sort-container .link-icon,.word-sort-container .trash-icon{color:#e68a12;font-size:clamp(1rem,2.5cqb,1.5rem);left:16px;position:absolute;-webkit-user-select:none;user-select:none}.word-sort-container .link-icon:hover,.word-sort-container .trash-icon:hover{transform:scale(1.2)}.word-sort-container .trash-icon{bottom:16px}.word-sort-container .link-icon{bottom:64px}.word-sort-container .word-sort-categories{display:flex;flex-direction:row;flex-wrap:wrap;gap:clamp(.5rem,1cqw,1rem);justify-content:center;padding:clamp(.5rem,1cqw,1rem);width:100%}.word-sort-container .category-zone{align-items:center;background-color:#fffc;border-radius:8px;display:flex;flex:1 1;flex-direction:column;margin-bottom:clamp(.5rem,1cqw,1rem);min-height:150px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.word-sort-container .category-zone .category-title{color:#0d0d0d;font-size:clamp(1.2rem,3cqb,2rem);font-weight:700;margin-bottom:clamp(.5rem,1cqw,1rem);text-align:center;text-decoration:underline}.word-sort-container .category-zone .category-words{align-items:center;display:flex;flex-wrap:wrap}.word-sort-container .word-sort-pool{flex-direction:row;flex-wrap:wrap;margin-bottom:auto}.word-sort-container .word-sort-pool,.word-sort-container .word-tile{display:flex;justify-content:center;-webkit-user-select:none;user-select:none}.word-sort-container .word-tile{align-items:center;background-color:#fff;border-radius:8px;cursor:grab;font-size:clamp(1.2rem,3cqb,2rem);font-weight:700;margin:clamp(.25rem,.5cqw,.5rem);padding:clamp(.5rem,1cqw,1rem);transition:all .2s ease}.word-sort-container .word-tile:hover{transform:scale(1.05)}.word-sort-container .word-tile:active{cursor:grabbing}.word-sort-container .floating-word-tile,.word-sort-container .return-word-tile{background-color:#fff;border-radius:8px;font-size:clamp(1.2rem,3cqb,2rem);font-weight:700;left:0;padding:clamp(.5rem,1cqw,1rem);pointer-events:none;position:fixed;top:0;-webkit-user-select:none;user-select:none;z-index:1}.word-sort-container .loading-placeholder{animation:fadeIn .5s ease-in;background-color:#fff;color:#0d0d0d;font-size:clamp(1.5rem,4cqb,2.5rem);padding:clamp(1rem,2cqw,2rem);text-align:center;-webkit-user-select:none;user-select:none}.word-sort-container.slide-fullscreen .word-sort-header{font-size:clamp(3rem,6cqb,6rem);margin-bottom:clamp(1.5rem,3cqw,3rem)}.word-sort-container.slide-fullscreen .link-icon,.word-sort-container.slide-fullscreen .trash-icon{font-size:clamp(1.5rem,4cqb,2.5rem);left:64px}.word-sort-container.slide-fullscreen .trash-icon{bottom:64px}.word-sort-container.slide-fullscreen .link-icon{bottom:160px}.word-sort-container.slide-fullscreen .word-sort-categories{gap:clamp(1rem,2cqw,2rem);min-height:400px;padding:clamp(1rem,2cqw,2rem)}.word-sort-container.slide-fullscreen .category-zone{margin-bottom:clamp(1rem,2cqw,2rem)}.word-sort-container.slide-fullscreen .category-zone .category-title{color:#0d0d0d;font-size:clamp(1.5rem,4cqb,2.5rem);margin-bottom:clamp(1rem,2cqw,2rem)}.word-sort-container.slide-fullscreen .word-tile{margin:clamp(.5rem,1cqw,1rem)}.word-sort-container.slide-fullscreen .floating-word-tile,.word-sort-container.slide-fullscreen .return-word-tile,.word-sort-container.slide-fullscreen .word-tile{font-size:clamp(1.5rem,4cqb,2.5rem);padding:clamp(1rem,2cqw,2rem)}.word-sort-container.slide-fullscreen .loading-placeholder{font-size:clamp(2rem,5cqb,3.5rem);padding:clamp(1.5rem,3cqw,3rem)}.lesson-container{min-height:75cqh}.lesson-container>.slide-fullscreen{height:56.25vw;left:50%;max-height:100vh;max-width:100vw;position:absolute;top:50%;transform:translate(-50%,-50%);width:100vw}.lesson-container{align-items:center;color:#333;flex-direction:column;font-family:Comic Neue}.lesson-container,.lesson-container .lesson-buttons{display:flex;justify-content:center;padding:clamp(1rem,2cqw,2rem)}.lesson-container .lesson-buttons button{background:#fff;border:1px solid #ddd;cursor:pointer;font-size:clamp(1.2rem,3cqb,2rem);margin:clamp(.25rem,.5cqw,.5rem);padding:8px 12px;transition:background .2s ease;z-index:10}.lesson-container .lesson-buttons button:hover{background:#0d0d0d40}.lesson-container .lesson-buttons-fullscreen{height:0;width:0}.lesson-container .lesson-buttons-fullscreen button{background:#0d0d0d80;border:none;color:#fff;margin:0;pointer-events:all;z-index:100}.lesson-container .lesson-buttons-fullscreen button.prev-button{left:10px;position:fixed;top:50%;transform:translateY(-50%)}.lesson-container .lesson-buttons-fullscreen button.fullscreen-button{bottom:10px;left:50%;position:fixed;transform:translateX(-50%)}.lesson-container .lesson-buttons-fullscreen button.next-button{position:fixed;right:10px;top:50%;transform:translateY(-50%)}.lesson-container .lesson-buttons-fullscreen button:hover{background:#0d0d0dbf}.lesson-container.lesson-fullscreen{height:0}.lesson-container .lb-none{display:none}.lesson-select{background:linear-gradient(180deg,#f0f8ff,#e6e6fa);color:#333;flex-grow:1;font-family:Comic Neue;padding:clamp(1rem,2cqw,2rem)}.lesson-select h1{color:#4a90e2;font-size:clamp(3rem,6cqb,6rem);margin-bottom:clamp(1rem,2cqw,2rem);text-align:center;text-shadow:0 4px 6px #0000001a}.lesson-select p{font-size:clamp(2rem,5cqb,3.5rem);margin-bottom:clamp(1.5rem,3cqw,3rem);text-align:center}.lesson-select .lesson-cards{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center;margin-top:1rem}.lesson-select .feature-card{background-color:#f5f5f5;border-radius:12px;box-shadow:0 4px 10px #0000000d;color:#333;padding:1rem;text-decoration:none;width:250px}.lesson-select .feature-card:hover{background-color:#eaeaea}.lesson-select .feature-card h2{font-size:1.2rem;margin-bottom:.5rem}.lesson-select .feature-card p{font-size:.95rem;text-align:left}.not-found{align-items:center;background:url(/static/media/404.0c7baba72d3fcf5394f3.webp) no-repeat 50%;background-size:cover;display:flex;flex-grow:1;justify-content:center;padding:clamp(1.5rem,3cqw,3rem)}.not-found .content-wrapper{background-color:#fffc;border-radius:clamp(.5rem,1cqw,1rem);padding:clamp(1.5rem,3cqw,3rem);text-align:center}.not-found h1{font-size:clamp(3rem,6cqb,6rem);font-weight:700;margin-bottom:clamp(1rem,2cqw,2rem)}.not-found p{font-size:clamp(1.5rem,4cqb,2.5rem);margin-bottom:clamp(.5rem,1cqw,1rem)}.not-found .icon{color:#c22121;font-size:clamp(3rem,6cqb,6rem);margin-bottom:clamp(1rem,2cqw,2rem)}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,button,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;box-sizing:border-box;color:#0d0d0d;font-family:Comic Neue,sans-serif;font-size:clamp(1rem,2.5cqb,1.5rem);font-weight:400;margin:0;padding:0;position:relative;vertical-align:initial}body,html{height:100%;margin:0;padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);touch-action:manipulation}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}::-webkit-scrollbar{background-color:#0d0d0d;width:6px}::-webkit-scrollbar-thumb{background-color:#545454}::-webkit-scrollbar-thumb:hover{background-color:#d8d8d8}@font-face{font-family:Comic Neue;font-style:normal;font-weight:400;src:url(/static/media/ComicNeue-Regular.f6e8f457de11c548d697.ttf) format("truetype")}.App{background:linear-gradient(180deg,#f0f8ff,#e6e6fa);display:flex;flex-direction:column;min-height:100vh;overflow:hidden;padding-bottom:env(safe-area-inset-bottom);padding-top:env(safe-area-inset-top)}.App>.not-supported{align-content:center;align-items:center;display:initial;display:flex;flex-direction:column;height:100vh;justify-content:center;justify-items:center;width:100vw}.App>.big-routes{display:none}.app-container{box-sizing:border-box;display:flex;flex-direction:column;min-height:100vh}.app-content{display:flex;flex:1 1;flex-direction:column;justify-content:center}@media(min-width:300px){.App{height:auto;min-height:100vh}.App>.not-supported{display:none;height:100%}.App>.big-routes{display:inline;display:initial}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.1c314697.css.map*/