@charset "UTF-8";.major-navbar{display:flex;justify-content:space-between;align-items:center;background-color:#4a90e2;color:#f0f0f0;padding:clamp(.25rem,.5cqw,.5rem)}.major-navbar .brand{font-size:clamp(1.5rem,4cqb,2.5rem);font-weight:700;display:flex;align-items:center}.major-navbar .brand .app-icon{width:calc(clamp(1.5rem,4cqb,2.5rem)*2);border-radius:clamp(.5rem,1cqw,1rem);margin-right:clamp(.5rem,1cqw,1rem)}.major-navbar .brand{cursor:pointer}.major-navbar .brand h1{font-size:clamp(1.5rem,4cqb,2.5rem);color:#f0f0f0;text-decoration:none}.major-navbar .menu{display:flex;list-style:none}.major-navbar .menu li,.major-navbar .menu button{display:flex;align-items:center;padding:clamp(.25rem,.5cqw,.5rem);font-size:clamp(1.2rem,3cqb,2rem);cursor:pointer}.major-navbar .menu li:hover,.major-navbar .menu button:hover{text-decoration:underline}.major-navbar button{background-color:transparent;font-size:clamp(1.2rem,3cqb,2rem);margin:0}.major-navbar .menu-icon{display:none;font-size:calc(clamp(1.5rem,4cqb,2.5rem)*2);cursor:pointer}.major-navbar .close-icon{display:block;font-size:calc(clamp(1.5rem,4cqb,2.5rem)*2);cursor:pointer;margin-bottom:clamp(.5rem,1cqw,1rem)}.major-navbar .blur{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:100}.major-navbar .blur.show{display:block;animation:blurIn .5s ease-in-out}.major-navbar .sidebar{display:none;position:fixed;top:0;right:0;height:100%;background-color:#4a90e2;z-index:100;padding:clamp(1rem,2cqw,2rem)}.major-navbar .sidebar ul{list-style:none}.major-navbar .sidebar ul li,.major-navbar .sidebar ul button{margin-bottom:clamp(1rem,2cqw,2rem);font-size:clamp(2rem,5cqb,3.5rem);text-wrap:nowrap;width:100%;text-align:left;cursor:pointer}.major-navbar .sidebar ul li:hover,.major-navbar .sidebar ul button:hover{text-decoration:underline}.major-navbar .sidebar.show{display:block;animation:slideIn .5s ease-in-out}@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;justify-content:space-between;flex-wrap:wrap}.footer .footer-content .footer-section{flex: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 span,.footer .footer-content .footer-section ul li button{color:#f0f0f0;text-decoration:none;background-color:transparent;font-size:clamp(1.5rem,4cqb,2.5rem)}.footer .footer-content .footer-section ul li span:hover,.footer .footer-content .footer-section ul li button:hover{text-decoration:underline;cursor:pointer}.footer .footer-content .footer-section ul li span{background-color:transparent}.footer .footer-content .footer-section ul li span p{display:flex;align-items:center}.footer .footer-content .footer-section p{margin:0;font-size:clamp(1.5rem,4cqb,2.5rem)}.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{text-align:center;margin-top:clamp(.5rem,1cqw,1rem);font-size:clamp(1.5rem,4cqb,2.5rem)}.home{font-family:Comic Neue;background:linear-gradient(to bottom,#f0f8ff,#e6e6fa);color:#333;flex-grow:1}.home .home-header{text-align:center;margin:clamp(1rem,2cqw,2rem)}.home .home-header h1{font-size:clamp(3rem,6cqb,6rem);color:#4a90e2;text-shadow:0 4px 6px rgba(0,0,0,.1)}.home .home-header p{font-size:clamp(2rem,5cqb,3.5rem)}.home .home-main{display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(1rem,2cqw,2rem)}.home .home-main .features{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:clamp(.25rem,.5cqw,.5rem);width:100%;max-width:1600px;align-items:start}.home .home-main .features .feature-card{display:block;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 6px #0000001a;padding:clamp(.5rem,1cqw,1rem);margin:clamp(.5rem,1cqw,1rem);text-align:center;transition:transform .3s ease,box-shadow .3s ease;color:#333;text-decoration:none}.home .home-main .features .feature-card:hover{transform:translateY(-5px);box-shadow:0 6px 10px #00000026;color:#333}.home .home-main .features .feature-card h2{font-size:clamp(1.5rem,4cqb,2.5rem);color:#4a90e2;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{font-family:Comic Neue;background:linear-gradient(to bottom,#f0f8ff,#e6e6fa);color:#333;flex-grow:1;padding:clamp(1rem,2cqw,2rem)}.phoneme-analysis h1{text-align:center;font-size:clamp(3rem,6cqb,6rem);color:#4a90e2;text-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:clamp(1rem,2cqw,2rem)}.phoneme-analysis input{display:block;width:100%;max-width:400px;margin:0 auto;padding:clamp(.5rem,1cqw,1rem);border:1px solid #ddd;border-radius:8px;margin-bottom:clamp(1rem,2cqw,2rem);font-size:clamp(1.5rem,4cqb,2.5rem)}.phoneme-analysis button{display:block;margin:0 auto;background-color:#4a90e2;color:#fff;border:none;border-radius:8px;cursor:pointer;padding:clamp(.5rem,1cqw,1rem);margin-bottom:clamp(1rem,2cqw,2rem);font-size:clamp(3rem,6cqb,6rem);transition:background-color .3s ease}.phoneme-analysis button:hover{background-color:#357ab8}.phoneme-analysis .error{text-align:center;font-size:clamp(1.5rem,4cqb,2.5rem);margin-bottom:clamp(.5rem,1cqw,1rem)}.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;color:#333;border:1px solid #ddd;border-radius:5px;padding:clamp(.5rem,1cqw,1rem);font-size:clamp(3rem,6cqb,6rem);box-shadow:0 4px 6px #0000001a;text-align:center;min-width:50px}.audio-test{font-family:Comic Neue;background:linear-gradient(to bottom,#f0f8ff,#e6e6fa);color:#333;flex-grow:1;padding:clamp(1rem,2cqw,2rem)}.audio-test h1{text-align:center;font-size:clamp(3rem,6cqb,6rem);color:#4a90e2;text-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:clamp(1rem,2cqw,2rem)}.audio-test .recorder{display:flex;justify-content:center;margin-bottom:clamp(1rem,2cqw,2rem)}.audio-test .recorder button{background-color:#4a90e2;color:#fff;border:none;border-radius:8px;cursor:pointer;padding:clamp(.5rem,1cqw,1rem);font-size:clamp(3rem,6cqb,6rem);transition:background-color .3s ease}.audio-test .recorder button:hover{background-color:#357ab8}.audio-test audio{display:block;margin:0 auto;margin-bottom:clamp(1rem,2cqw,2rem)}.audio-test .error{text-align:center;font-size:clamp(1.5rem,4cqb,2.5rem);margin-bottom:clamp(.5rem,1cqw,1rem)}.audio-test .transcription{text-align:center;font-size:clamp(3rem,6cqb,6rem);margin-top:clamp(1rem,2cqw,2rem)}.about-container{background:linear-gradient(to bottom,#f0f8ff,#e6e6fa);line-height:1.6;padding:clamp(1rem,2cqw,2rem)}.about-container .about-header{background-color:#4a90e2;padding:clamp(2rem,4cqw,4rem);text-align:center;margin-bottom:clamp(1rem,2cqw,2rem)}.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{margin-bottom:clamp(1rem,2cqw,2rem);background:#fff;padding:clamp(1rem,2cqw,2rem);border-radius:8px;box-shadow:0 6px 10px #00000026}.about-container .about-section h2{font-size:1.6rem;color:#357ab8;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{text-align:center;font-size:clamp(1rem,2.5cqb,1.5rem);margin-top:clamp(1rem,2cqw,2rem)}.about-container .about-footer a{color:#4a90e2;text-decoration:underline}.about-container .about-footer a:hover{text-decoration:none}#contact-page .contact-page-container{padding:clamp(1rem,2cqw,2rem);align-content:center}#contact-page .contact-page-container>h2{text-align:center;font-weight:700}#contact-page .contact-page-container .header{background-color:#4a90e2;padding:clamp(1rem,2cqw,2rem);text-align:center;margin-bottom:clamp(1.5rem,3cqw,3rem)}#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;text-align:center;max-width:1000px;margin:0 auto}#contact-page .contact-page-container .contact-info .col-1,#contact-page .contact-page-container .contact-info .col-2{flex: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{max-width:25cqmin;height:auto;border-radius:50%}#contact-page .contact-page-container .contact-info .no-top-padding{margin-top:0}#contact-page .contact-page-container .social-icons{display:flex;justify-content:center;gap:clamp(.5rem,1cqw,1rem);margin-top:clamp(1.5rem,3cqw,3rem)}#contact-page .contact-page-container .social-icons a img{width:25px;height:25px}.login-page{display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,#f0f8ff,#e6e6fa);font-family:Comic Neue;padding:clamp(1.5rem,3cqw,3rem) 0;flex-grow:1}.login-form{background-color:#fff;padding:clamp(1rem,2cqw,2rem);border-radius:8px;box-shadow:0 10px 18px #00000026;width:100%;max-width:400px}.login-page h2{font-size:clamp(1.2rem,3cqb,2rem);font-weight:700;margin-bottom:clamp(.5rem,1cqw,1rem);color:#333;text-align:center}.form-group{margin-bottom:clamp(.5rem,1cqw,1rem)}.error-text{font-size:clamp(.6rem,1.5cqb,1rem);color:#c22121;margin-top:clamp(.25rem,.5cqw,.5rem);padding-left:1rem;list-style-type:disc}.login-form button{width:100%;padding:clamp(.25rem,.5cqw,.5rem);font-size:clamp(.8rem,2cqb,1.2rem);font-weight:500;color:#fff;background-color:#4a90e2;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.login-form button:hover{background-color:#357ab8}.signup-page{display:flex;justify-content:center;align-items:center;background:linear-gradient(to bottom,#f0f8ff,#e6e6fa);font-family:Comic Neue;padding:clamp(1.5rem,3cqw,3rem) 0;flex-grow:1}.signup-form{background-color:#fff;padding:clamp(1rem,2cqw,2rem);border-radius:8px;box-shadow:0 10px 18px #00000026;width:100%;max-width:400px}.signup-page h2{font-size:clamp(1.2rem,3cqb,2rem);font-weight:700;margin-bottom:clamp(.5rem,1cqw,1rem);color:#333;text-align:center}.form-group{margin-bottom:clamp(.5rem,1cqw,1rem);position:relative}.form-input{width:100%;padding:clamp(.25rem,.5cqw,.5rem);font-size:clamp(.8rem,2cqb,1.2rem);border-radius:5px;border:1px solid #ddd;transition:border-color .3s ease,box-shadow .3s ease}.form-input:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 3px #4a90e233}.form-input.input-error{border-color:#c22121;background-color:#fff}.error-text{font-size:clamp(.6rem,1.5cqb,1rem);color:#c22121;margin-top:clamp(.25rem,.5cqw,.5rem);padding-left:1rem;list-style-type:none;position:relative;z-index:1}.error-text li{margin-bottom:.2rem;line-height:1.2}.error-text li:before{content:"✗";color:#c22121;margin-right:.5rem}.resolved-text{font-size:clamp(.6rem,1.5cqb,1rem);color:#28a745;margin-top:clamp(.25rem,.5cqw,.5rem);padding-left:1rem;list-style-type:none;position:relative;z-index:2;animation:fadeOut 2s ease forwards}.resolved-text li{margin-bottom:.2rem;line-height:1.2}.resolved-text li:before{content:"✔";color:#28a745;margin-right:.5rem}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.resolved-text.fade-out{height:0;margin:0;padding:0;overflow:hidden;transition:height .2s ease-out}.error-response{background-color:#cd4b4b;color:#fff;padding:clamp(.25rem,.5cqw,.5rem);margin-bottom:clamp(.5rem,1cqw,1rem);border-radius:5px;font-size:clamp(.6rem,1.5cqb,1rem);text-align:center;list-style:none;padding:0}.signup-form button{width:100%;padding:clamp(.25rem,.5cqw,.5rem);font-size:clamp(.8rem,2cqb,1.2rem);font-weight:500;color:#fff;background-color:#4a90e2;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.signup-form button:hover{background-color:#357ab8}.dashboard{font-family:Comic Neue;background:linear-gradient(to bottom,#f0f8ff,#e6e6fa);color:#333;flex-grow:1;padding:clamp(1rem,2cqw,2rem);display:flex;flex-direction:column;align-items:center}.dashboard h1{text-align:center;font-size:clamp(3rem,6cqb,6rem);color:#4a90e2;text-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:clamp(1rem,2cqw,2rem)}.dashboard h2{font-size:clamp(2rem,5cqb,3.5rem);color:#4a90e2;margin-bottom:clamp(.5rem,1cqw,1rem)}.dashboard p{font-size:clamp(1.5rem,4cqb,2.5rem);margin-bottom:clamp(1rem,2cqw,2rem)}.dashboard .verification-section,.dashboard .profile-section{background:#fff;padding:clamp(1rem,2cqw,2rem);box-shadow:0 6px 10px #00000026;margin-bottom: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{padding:clamp(.5rem,1cqw,1rem);font-size:clamp(1rem,2.5cqb,1.5rem);border:1px solid;background:#fff}.dashboard button{padding:clamp(.5rem,1cqw,1rem) clamp(1rem,2cqw,2rem);font-size:clamp(1rem,2.5cqb,1.5rem);color:#fff;background:#4a90e2;border:none;cursor:pointer;transition:background .2s}.dashboard button:hover{background:#2275d7}.dashboard .message{font-size:clamp(1rem,2.5cqb,1.5rem);margin-top:clamp(.5rem,1cqw,1rem);margin-bottom:0}.profile{font-family:Comic Neue;background:linear-gradient(to bottom,#f0f8ff,#e6e6fa);color:#333;flex-grow:1;padding:clamp(1rem,2cqw,2rem)}.profile h1{text-align:center;font-size:clamp(3rem,6cqb,6rem);color:#4a90e2;text-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:clamp(1rem,2cqw,2rem)}.profile p{text-align:center;font-size:clamp(2rem,5cqb,3.5rem);margin-bottom:clamp(1.5rem,3cqw,3rem)}.profile .under-construction{text-align:center;font-style:italic;font-size:clamp(2rem,5cqb,3.5rem);margin-top:clamp(1rem,2cqw,2rem)}.vowel-valley-wrapper{position:absolute;z-index:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.vowel-valley-wrapper.half-height{height:50%}.vowel-valley-wrapper.half-width{width:50%}.vowel-valley-wrapper .vowel-valley-grid{display:grid;grid-template-columns:repeat(13,1fr);grid-template-rows:repeat(10,1fr);width:100%;height:100%;background-color:#f0f0f0}.vowel-valley-wrapper .vowel-valley-grid .cell{display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;overflow:hidden}.vowel-valley-wrapper .vowel-valley-grid .cell.header>div{color:#f0f0f0}.vowel-valley-wrapper .vowel-valley-grid .cell.header{background-color:#0d0d0d;border-radius:8px}.vowel-valley-wrapper .vowel-valley-grid .highlight{background-color:#ffff81}.vowel-valley-wrapper .vowel-valley-grid .cell.image{position:relative;overflow:visible}.vowel-valley-wrapper .vowel-valley-grid .image img{position:absolute;top:-10%;left:-10%;width:120%;height:120%;object-fit:contain;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{position:absolute;left:0%;width:40%;object-fit:contain;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{width:30%;top:63%;left:-15%}.consonant-sounds-wrapper .consonant-sounds-grid .cell.cell-tile img.voiced-sound{width:30%;top:25%;left:-15%}.consonant-sounds-wrapper .consonant-sounds-grid .cell.cell-tile img.item-photo{position:absolute;top:-75%;left:50%;width:150%;height:150%;object-fit:contain;z-index:2}.consonant-sounds-wrapper .consonant-sounds-grid .cell.cell-tile img.item-photo:last-of-type{top:50%;left:75%}.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{width:100%;font-size:clamp(.6rem,1.5cqb,1rem)}.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{position:absolute;z-index:1;width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.consonant-sounds-wrapper.half-height{height:50%}.consonant-sounds-wrapper.half-width{width:50%}.consonant-sounds-wrapper .consonant-sounds-grid{display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(8,1fr);width:100%;height:100%;background-color:#f0f0f0}.consonant-sounds-wrapper .consonant-sounds-grid .cell{display:flex;align-items:center;justify-content:center;text-align:center;box-sizing:border-box;overflow:hidden;border:.5px solid black}.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>div{color:#f0f0f0}.consonant-sounds-wrapper .consonant-sounds-grid .cell.header{background-color:#0d0d0d;border-radius:8px}.consonant-sounds-wrapper .consonant-sounds-grid .highlight{background-color:#ffff81}.consonant-sounds-wrapper .consonant-sounds-grid .cell.image{position:relative;overflow:visible}.consonant-sounds-wrapper .consonant-sounds-grid .image img{position:absolute;top:-20%;left:-20%;width:140%;height:140%;object-fit:contain;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{width:clamp(500px,50cqmax,75cqmin);height:calc(clamp(500px,50cqmax,75cqmin)*.5625);background-color:#4a90e2;overflow:hidden;display:flex;flex-direction:column}.audio-review-consonant .bounty-bar{display:flex;align-items:center;width:100%;height:15%;background-color:#357ab8}.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;margin-left:auto;position:absolute;right:0;width:70%;height:100%;background-color:#357ab8;z-index:3;transition:transform .5s linear;transform:translate(0)}.audio-review-consonant .block-wall.block-wall-right{transform:translate(100%)}.audio-review-consonant .arc-slide-content{flex-grow:1;display:flex;flex-direction:row}.audio-review-consonant .arc-slide-content .grapheme-container{display:flex;justify-content:center;align-items:center;width:30%;opacity:0;transition:opacity .5s linear}.audio-review-consonant .arc-slide-content .grapheme-container.single-column{flex-direction:column}.audio-review-consonant .arc-slide-content .grapheme-container.two-columns{flex-wrap:wrap;align-content:center}.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{font-size:clamp(2rem,5cqb,3.5rem);padding:clamp(.5rem,1cqw,1rem);margin:clamp(.5rem,1cqw,1rem);width:30%;aspect-ratio:1/1;background:#f0f0f0;border-radius:5px;font-weight:700;box-shadow:0 2px 5px #0d0d0d33;display:flex;align-items:center;justify-content:center}.audio-review-consonant .arc-slide-content .grapheme-tile.gt-fullscreen{font-size:clamp(3rem,6cqb,6rem)}.audio-review-consonant .background-container{position:absolute;display:flex;flex-direction:column;width:70%;height:100%;right:0}.audio-review-consonant .background-container .sound-wall{align-items:center;flex-grow:1;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;background-size:100% 100%;z-index:1}.audio-review-consonant .photo-container{position:absolute;left:30%;z-index:4;width:70%;height:100%;transition:transform .5s linear;transform:translate(0)}.audio-review-consonant .photo-container.photo-container-right{transform:translate(100%)}.audio-review-consonant .photo-container .photo-tile{position:absolute;max-height:100%;left:50%;transform:translate(-50%)}.audio-review-consonant .photo-container.layout-2 .photo-1{transform:translate(0);left:1%;top:1%;height:60%}.audio-review-consonant .photo-container.layout-2 .photo-2{transform:translate(-100%);top:39%;left:99%;height:60%}.audio-review-consonant .photo-container.layout-3 .photo-1{transform:translate(0);left:10.25%;top:1%;height:49%}.audio-review-consonant .photo-container.layout-3 .photo-2{transform:translate(-100%);top:1%;left:89.75%;height:49%}.audio-review-consonant .photo-container.layout-3 .photo-3{transform:translate(-50%);top:51%;left:50%;height:48%}.audio-review-consonant .photo-container.layout-4 .photo-1{transform:translate(0);left:7%;top:1%;height:48%}.audio-review-consonant .photo-container.layout-4 .photo-2{transform:translate(-100%);top:1%;left:93%;height:48%}.audio-review-consonant .photo-container.layout-4 .photo-3{transform:translate(0);top:51%;left:7%;height:48%}.audio-review-consonant .photo-container.layout-4 .photo-4{transform:translate(-100%);top:51%;left:93%;height:48%}.audio-review-consonant .photo-container.layout-5 .photo-1{transform:translate(0);left:6%;top:1%;height:50%}.audio-review-consonant .photo-container.layout-5 .photo-2{transform:translate(-100%);top:1%;left:94%;height:50%}.audio-review-consonant .photo-container.layout-5 .photo-3{transform:translate(0);top:56.5%;left:2%;height:38%}.audio-review-consonant .photo-container.layout-5 .photo-4{transform:translate(-50%);top:56.5%;left:50%;height:38%}.audio-review-consonant .photo-container.layout-5 .photo-5{transform:translate(-100%);top:56.5%;left:98%;height:38%}.audio-review-consonant .photo-container.layout-6 .photo-1{transform:translate(0);top:8%;left:2%;height:38%}.audio-review-consonant .photo-container.layout-6 .photo-2{transform:translate(-50%);top:8%;left:50%;height:38%}.audio-review-consonant .photo-container.layout-6 .photo-3{transform:translate(-100%);top:8%;left:98%;height:38%}.audio-review-consonant .photo-container.layout-6 .photo-4{transform:translate(0);top:50%;left:2%;height:38%}.audio-review-consonant .photo-container.layout-6 .photo-5{transform:translate(-50%);top:50%;left:50%;height:38%}.audio-review-consonant .photo-container.layout-6 .photo-6{transform:translate(-100%);top:50%;left:98%;height:38%}.visual-review-consonant{width:clamp(500px,50cqmax,75cqmin);height:calc(clamp(500px,50cqmax,75cqmin)*.5625);background-color:#4a90e2;overflow:hidden;display:flex;flex-direction:column}.visual-review-consonant .bounty-bar{display:flex;align-items:center;width:100%;height:15%;background-color:#357ab8}.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;margin-left:auto;position:absolute;bottom:0;width:100%;height:65%;background-color:#357ab8;z-index:3;transition:transform .5s linear;transform:translateY(0)}.visual-review-consonant .block-wall.block-wall-down{transform:translateY(100%)}.visual-review-consonant .grapheme-container{display:flex;flex-direction:row;justify-content:space-evenly;align-items:flex-start;flex-grow:1;width:100%}.visual-review-consonant .grapheme-tile{font-size:clamp(2rem,5cqb,3.5rem);padding:clamp(.5rem,1cqw,1rem);margin:clamp(.5rem,1cqw,1rem);height:15%;aspect-ratio:1/1;background:#f0f0f0;border-radius:5px;font-weight:700;box-shadow:0 2px 5px #0d0d0d33;display:flex;align-items:center;justify-content:center}.visual-review-consonant .grapheme-tile.gt-fullscreen{font-size:clamp(3rem,6cqb,6rem)}.visual-review-consonant .background-container{position:absolute;display:flex;flex-direction:row;width:100%;height:65%;bottom:0}.visual-review-consonant .background-container .sound-wall{align-items:center;flex-grow:1;width:100%;background-repeat:no-repeat;background-size:cover;background-position:center;background-size:100% 100%;z-index:1}.visual-review-consonant .photo-container{position:absolute;bottom:0%;z-index:4;width:100%;height:65%;opacity:0;transition:opacity .5s linear,transform .5s linear;transform:translateY(0)}.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{position:absolute;max-height:98%;top:1%;left:50%;transform:translate(-49%)}.visual-review-consonant .photo-container.layout-2 .photo-1{left:10%;top:1%;height:98%;transform:translate(0)}.visual-review-consonant .photo-container.layout-2 .photo-2{top:1%;left:90%;height:98%;transform:translate(-98%)}.visual-review-consonant .photo-container.layout-3 .photo-1{left:.5%;top:5.5%;height:89%;transform:translate(0)}.visual-review-consonant .photo-container.layout-3 .photo-2{top:5.5%;left:49.8%;height:89%;transform:translate(-49%)}.visual-review-consonant .photo-container.layout-3 .photo-3{top:5.5%;left:99%;height:89%;transform:translate(-98%)}.visual-review-consonant .photo-container.layout-4 .photo-1{left:1%;top:10%;height:80%;transform:translate(0)}.visual-review-consonant .photo-container.layout-4 .photo-2{top:10%;left:37.5%;height:80%;transform:translate(-49%)}.visual-review-consonant .photo-container.layout-4 .photo-3{top:10%;left:62.5%;height:80%;transform:translate(-49%)}.visual-review-consonant .photo-container.layout-4 .photo-4{top:10%;left:99%;height:80%;transform:translate(-98%)}.guided-phonics-lesson-container{width:clamp(500px,50cqmax,75cqmin);height:calc(clamp(500px,50cqmax,75cqmin)*.5625);background-color:#4a90e2;overflow:hidden;display:flex;flex-direction:column}.guided-phonics-lesson-container .guided-phonics-background{position:absolute;width:100%;height:100%;background-size:cover;background-position:center;z-index:1}.guided-phonics-lesson-container .guided-phonics-overlay{position:relative;z-index:2;width:100%;height:100%}.guided-phonics-lesson-container .guided-phonics-title{font-size:clamp(1.5rem,4cqb,2.5rem);max-width:75%;text-align:center;background-color:#4a90e2bf;padding:clamp(.5rem,1cqw,1rem);border-radius:1rem;color:#fff;position:absolute;top:30%;left:50%;transform:translate(-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{position:absolute;bottom:0;left:0;background-color:#4a90e2bf;color:#fff;border-radius:0 50% 0 0;padding:clamp(1rem,2cqw,2rem);font-size:clamp(1rem,2.5cqb,1.5rem);text-align:center}.guided-phonics-target-container{width:clamp(500px,50cqmax,75cqmin);height:calc(clamp(500px,50cqmax,75cqmin)*.5625);background-color:#4a90e2;overflow:hidden;display:flex;flex-direction:row;justify-content:center;background-size:cover;background-position:center}.guided-phonics-target-container .left-panel,.guided-phonics-target-container .right-panel{display:flex;flex-direction:column;background-color:#4a90e2d9;border:4.25px solid #357ab8;height:80%;top:10%;padding:clamp(.5rem,1cqw,1rem);overflow-y:auto;overflow-x:hidden}.guided-phonics-target-container .left-panel{width:30%}.guided-phonics-target-container .right-panel{width:50%}.guided-phonics-target-container .header{font-size:2vh;color:#fff;font-weight:700;margin-bottom:1rem;text-align:center;border-bottom:4.25px solid #357ab8;padding-bottom:1vh}.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;justify-content:space-around;flex-wrap:wrap}.guided-phonics-target-container .sc-card{display:flex;flex-direction:column;align-items:center}.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{padding:.25rem .5rem;font-weight:700;border-radius:8px;background-color:#fff;display:flex;flex-direction:column;justify-content:center}.guided-phonics-target-container .grapheme-box:first-child{border:4px solid #c22121}.listen-slide-container{width:clamp(500px,50cqmax,75cqmin);height:calc(clamp(500px,50cqmax,75cqmin)*.5625);background-color:#4a90e2;overflow:hidden;display:flex;flex-direction:row;justify-content:center;background-size:cover;background-position:center}.listen-slide-container .listen-overlay{position:relative;z-index:2;width:100%;height:100%}.listen-slide-container .listen-title{width:100%;text-align:center;position:absolute;top:20cqh;left:75%;transform:translate(-50%) translateY(-50%)}.listen-slide-container .listen-title>li{padding:clamp(.25rem,.5cqw,.5rem);background-color:#4a90e2bf;font-size:clamp(1.5rem,4cqb,2.5rem);width:30cqmin}.listen-slide-container .listen-title>li:nth-child(1){margin-left:0;border-radius:1rem 1rem 0}.listen-slide-container .listen-title>li:nth-child(2){margin-left:5cqb;border-radius:0 1rem}.listen-slide-container .listen-title>li:nth-child(3){margin-left:10cqb;border-radius:0 1rem 1rem}.listen-slide-container.slide-fullscreen>.listen-overlay>.listen-title>li{width:70cqmin;top:20cqh;font-size:clamp(3.2rem,12cqb,12rem)}.review-slide-container{width:clamp(500px,50cqmax,75cqmin);height:calc(clamp(500px,50cqmax,75cqmin)*.5625);background-color:#4a90e2;overflow:hidden;display:flex;flex-direction:row;justify-content:center;background-size:cover;background-position:center}.review-slide-container .review-overlay{position:relative;z-index:2;width:100%;height:100%}.review-slide-container .review-title{width:100%;text-align:center;position:absolute;top:20cqh;left:75%;transform:translate(-50%) translateY(-50%)}.review-slide-container .review-title>li{padding:clamp(.25rem,.5cqw,.5rem);background-color:#4a90e2bf;font-size:clamp(1.5rem,4cqb,2.5rem);width:30cqmin}.review-slide-container .review-title>li:nth-child(1){margin-left:0;border-radius:1rem 1rem 0}.review-slide-container .review-title>li:nth-child(2){margin-left:5cqb;border-radius:0 1rem 1rem}.review-slide-container.slide-fullscreen>.review-overlay>.review-title>li{width:70cqmin;top:20cqh;font-size:clamp(3.2rem,12cqb,12rem)}.phoneme-modal{position:fixed;inset:0;background:#0d0d0d99;display:flex;justify-content:center;align-items:center;z-index:999}.modal-content{background:#fff;border-radius:1rem;padding:clamp(.25rem,.5cqw,.5rem);width:85cqb;max-width:400px;text-align:center;position:relative;box-shadow:0 10px 18px #00000026;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal-scroll-wrapper{overflow-y:auto;padding-right:clamp(.25rem,.5cqw,.5rem);border-radius:inherit;max-height:calc(90vh - 5rem)}.modal-content{background:#fff;border-radius:1rem;padding:clamp(.5rem,1cqw,1rem);width:85cqb;max-height:85cqb;max-width:400px;text-align:center;position:relative;box-shadow:0 10px 18px #00000026;overflow-y:auto;overflow-x:hidden}.modal-title{font-size:clamp(1.2rem,3cqb,2rem);margin-bottom:clamp(1rem,2cqw,2rem)}.grapheme-face{width:100%;max-width:300px;aspect-ratio:1;object-fit:cover;border-radius:8px;margin-bottom:clamp(1rem,2cqw,2rem)}.grapheme-label{font-size:clamp(1.2rem,3cqb,2rem);margin-bottom:clamp(1rem,2cqw,2rem)}.modal-close{position:absolute;top:.75rem;right:.75rem;font-size:clamp(1.2rem,3cqb,2rem);background:none;border:none;cursor:pointer}.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{display:flex;flex-direction:column;align-items:center;width:120px}.phoneme-label{font-size:clamp(1rem,2.5cqb,1.5rem);margin-bottom:clamp(.5rem,1cqw,1rem)}.no-image{width:100px;height:100px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,2.5cqb,1.5rem)}.keyword-photo{margin-top:clamp(.25rem,.5cqw,.5rem);width:100px;height:100px;object-fit:cover;border-radius:8px}.phoneme-type{font-size:clamp(.6rem,1.5cqb,1rem);color:#212121;font-style:italic;margin-top:clamp(.25rem,.5cqw,.5rem)}.visual-review-overview-container{width:clamp(500px,50cqmax,75cqmin);height:calc(clamp(500px,50cqmax,75cqmin)*.5625);background-color:#4a90e2;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background-size:cover;background-position:center}.visual-review-overview-container .grapheme-scroll-wrapper{max-height:90vh;overflow-y:auto;border-radius:1rem}.visual-review-overview-container.not-fullscreen{justify-content:initial}.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{text-align:center;font-size:clamp(2rem,5cqb,3.5rem);color:#fff;font-weight:700;padding:clamp(.5rem,1cqw,1rem);top:0;position:absolute;width:100%}.visual-review-overview-container .grapheme-item{padding:clamp(1.5rem,3cqw,3rem);border:4px solid #357ab8;border-radius:1rem;background-color:#fff;display:flex;flex-direction:column;align-items:center;max-width:50%;max-height:750px;margin:0 auto;overflow-y:auto;overflow-x:hidden}.visual-review-overview-container .grapheme-main{font-size:clamp(3.2rem,12cqb,12rem);font-weight:700;color:#0d0d0d;margin-bottom:clamp(1rem,2cqw,2rem)}.visual-review-overview-container .bounty{position:absolute;top:20px;left:20px;font-size:clamp(.6rem,1.5cqb,1rem);font-weight:700}.visual-review-overview-container .grapheme-buttons{display:flex;gap:clamp(.5rem,1cqw,1rem)}.visual-review-overview-container .grapheme-buttons button{font-size:clamp(.8rem,2cqb,1.2rem);padding:clamp(.25rem,.5cqw,.5rem) clamp(.5rem,1cqw,1rem);border-radius:8px;border:none;cursor:pointer;background-color:#4a90e2;color:#fff;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-weight:700;font-size:clamp(1.2rem,3cqb,2rem)}.popup-modal{position:fixed;inset:0;background-color:#0d0d0d99;display:flex;justify-content:center;align-items:center;z-index:999}.popup-content{width:90cqb;height:90cqb;background:#fff;border-radius:1rem;overflow:hidden;position:relative;box-shadow:0 10px 18px #00000026}.popup-content img{width:100%;height:100%;object-fit:cover}.close-button{position:absolute;top:.5rem;right:.75rem;font-size:clamp(1.5rem,4cqb,2.5rem);color:#0d0d0d;background:none;border:none;cursor:pointer}.blending-review-overview-container{width:clamp(500px,50cqmax,75cqmin);height:calc(clamp(500px,50cqmax,75cqmin)*.5625);background-color:#4a90e2;display:flex;flex-direction:column;align-items:center;padding:clamp(.5rem,1cqw,1rem);overflow-y:scroll;overflow-x:hidden;background-size:cover;background-position:center}.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;justify-content:center;flex-grow:1;width:100%;max-width:80%;gap:clamp(.5rem,1cqw,1rem)}.blending-review-overview-container .blending-table .blending-row{display:flex;justify-content:space-between;gap:clamp(.5rem,1cqw,1rem)}.blending-review-overview-container .blending-table .blending-row .blending-cell{flex:1;padding:clamp(.5rem,1cqw,1rem);text-align:center;font-size:clamp(1.5rem,4cqb,2.5rem);background-color:#fff;border:3px solid #357ab8;border-radius:8px;box-shadow:0 6px 10px #00000026;cursor:pointer}.blending-review-overview-container .blending-table .blending-row .blending-cell b{font-weight:700;font-size:clamp(1.5rem,4cqb,2.5rem)}.learn-slide-container{width:clamp(500px,50cqmax,75cqmin);height:calc(clamp(500px,50cqmax,75cqmin)*.5625);background-color:#4a90e2;overflow:hidden;display:flex;flex-direction:row;justify-content:center;background-size:cover;background-position:center}.learn-slide-container .learn-overlay{position:relative;z-index:2;width:100%;height:100%}.learn-slide-container .learn-title{width:100%;text-align:center;position:absolute;top:10cqh;left:60%;transform:translate(-50%) translateY(-50%)}.learn-slide-container .learn-title>li{padding:clamp(.25rem,.5cqw,.5rem);background-color:#4a90e2bf;font-size:clamp(1.5rem,4cqb,2.5rem);width:30cqmin;border-radius:1rem}.learn-slide-container.slide-fullscreen>.learn-overlay>.learn-title>li{width:80cqmin;top:10cqh;font-size:clamp(3.2rem,12cqb,12rem)}.learn-grapheme-slide-container{width:clamp(500px,50cqmax,75cqmin);height:calc(clamp(500px,50cqmax,75cqmin)*.5625);background-color:#4a90e2;overflow:hidden;align-items:center;justify-content:center;background-size:cover;background-position:center}.learn-grapheme-slide-container .learn-grapheme-overlay{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;height:100%}.learn-grapheme-slide-container .grapheme-side,.learn-grapheme-slide-container .photo-side{flex:1;display:flex;align-items:center;justify-content:center;max-width:50%}.learn-grapheme-slide-container .grapheme-box{font-size:clamp(3.2rem,12cqb,12rem);font-weight:700;background-color:#f0f0f0;border:4px solid #357ab8;padding:clamp(.5rem,1cqw,1rem) clamp(1rem,2cqw,2rem);border-radius:1rem;box-shadow:0 10px 18px #00000026}.learn-grapheme-slide-container .grapheme-box.fullscreen{font-size:8rem}.learn-grapheme-slide-container .grapheme-photo{max-height:80%;max-width:80%;object-fit:contain;border-radius:1rem;border:3px solid #357ab8;background-color:#fff}.blend-slide-container{width:clamp(500px,50cqmax,75cqmin);height:calc(clamp(500px,50cqmax,75cqmin)*.5625);background-color:#4a90e2;overflow:hidden;display:flex;flex-direction:row;justify-content:center;background-size:cover;background-position:center}.blend-slide-container .blend-overlay{position:relative;z-index:2;width:100%;height:100%}.blend-slide-container .blend-title{width:100%;text-align:center;position:absolute;top:50%;right:0%;transform:translate(30%) translateY(-50%)}.blend-slide-container .blend-title>li{padding:clamp(.25rem,.5cqw,.5rem);background-color:#4a90e2bf;font-size:clamp(1.5rem,4cqb,2.5rem);width:30cqmin;border-radius:1rem}.blend-slide-container.slide-fullscreen>.blend-overlay>.blend-title>li{width:80cqmin;top:50%;font-size:clamp(3.2rem,12cqb,12rem)}.blending-routine-container{width:clamp(500px,50cqmax,75cqmin);height:calc(clamp(500px,50cqmax,75cqmin)*.5625);background-color:#4a90e2;overflow:hidden;display:flex;flex-direction:column;align-items:center;background-size:cover;background-position:center}.blending-routine-container .grapheme-row{position:relative;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:clamp(.5rem,1cqw,1rem);flex-grow:1;transition:flex-grow 1s ease}.blending-routine-container .grapheme-tile{background:#fff;padding:clamp(.5rem,1cqw,1rem);font-size:clamp(1.5rem,4cqb,2.5rem);border-radius:8px;transition:transform .3s,border-radius 1s;position:relative}.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}.blending-routine-container .grapheme-tile.gray{background-color:#9b9b9b}.blending-routine-container .arrow{position:absolute;bottom:30%;height:6px;border:4px solid #e68a12;border-radius:4px;transition:all .3s ease}.blending-routine-container .arrow:after{content:"";position:absolute;right:-5px;top:50%;transform:translateY(-50%) rotate(45deg);width:10px;height:10px;border-top:6px solid #e68a12;border-right:6px solid #e68a12}.blending-routine-container .final-reveal{text-align:center;display:flex;height:0;width:100%;transition:flex-grow 1s ease}.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{height:0%;object-fit:contain;aspect-ratio:1/1}.blending-routine-container .final-reveal.show{flex-grow:6;align-items:center;justify-content:center}.blending-routine-container .final-reveal.show>.photo-image{height:90%;border:6px solid #e68a12}.blending-routine-container.slide-fullscreen>.grapheme-row{gap:clamp(1rem,2cqw,2rem)}.blending-routine-container.slide-fullscreen>.grapheme-row .grapheme-tile{padding:clamp(.5rem,1cqw,1rem) clamp(1rem,2cqw,2rem);font-size:clamp(3.2rem,12cqb,12rem)}.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(360deg)}}@keyframes grow{0%{transform:scale(1)}to{transform:scale(1.33)}}.spelling-with-blocks-container{width:clamp(500px,50cqmax,75cqmin);height:calc(clamp(500px,50cqmax,75cqmin)*.5625);background-color:#4a90e2;overflow:hidden;display:flex;flex-direction:column;justify-content:center;background-size:cover;background-position:center}.spelling-with-blocks-container .spelling-header{width:100%;text-align:center;font-size:clamp(1.5rem,4cqb,2.5rem);margin-bottom:clamp(.5rem,1cqw,1rem);-webkit-user-select:none;user-select:none}.spelling-with-blocks-container .trash-icon,.spelling-with-blocks-container .link-icon{position:absolute;left:16px;font-size:clamp(1rem,2.5cqb,1.5rem);color:#e68a12;-webkit-user-select:none;user-select:none}.spelling-with-blocks-container .trash-icon:hover,.spelling-with-blocks-container .link-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{position:relative;display:flex;margin-bottom:clamp(.5rem,1cqw,1rem);overflow-x:auto;overflow-y:hidden;width:100%;-webkit-user-select:none;user-select:none}.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{display:flex;justify-content:center;align-items:center;font-weight:700;font-size:clamp(1.2rem,3cqb,2rem);border-radius:8px;margin:clamp(.25rem,.5cqw,.5rem);padding:clamp(.5rem,1cqw,1rem);cursor:grab;-webkit-user-select:none;user-select:none;transition:all .2s ease}.spelling-with-blocks-container .block-dropzone{width:clamp(2rem,4cqw,4rem);height:clamp(2rem,4cqw,4rem);aspect-ratio:1/1;background-color:#fff;border:2px dashed #e68a12;margin:clamp(.25rem,.5cqw,.5rem);display:flex;justify-content:center;align-items:center;border-radius:8px;-webkit-user-select:none;user-select:none}.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{position:fixed;left:0;top:0;background:#ff7d6b;border-radius:8px;padding:clamp(.5rem,1cqw,1rem);font-size:clamp(1.2rem,3cqb,2rem);font-weight:700;pointer-events:none;z-index:1;-webkit-user-select:none;user-select:none}.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{font-size:clamp(1.5rem,4cqb,2.5rem);color:#0d0d0d;background-color:#fff;padding:clamp(1rem,2cqw,2rem);text-align:center;animation:fadeIn .5s ease-in;-webkit-user-select:none;user-select:none}.spelling-with-blocks-container .spelling-with-blocks-container.dragging{touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}.spelling-with-blocks-container .photo-viewer{position:absolute;bottom:16px;right:16px;z-index:1;height:50%;aspect-ratio:1/1;pointer-events:auto}.spelling-with-blocks-container .photo-container{position:relative;width:100%;height:100%;border-radius:8px;box-shadow:0 10px 18px #00000026;background:#fff}.spelling-with-blocks-container .photo-image{width:100%;height:100%;object-fit:cover}.spelling-with-blocks-container .photo-toggle{position:absolute;top:50%;left:-10%;transform:translateY(-50%);background:#fff;border-radius:8px;border:1px solid #fff;box-shadow:0 10px 18px #00000026;cursor:pointer;padding:clamp(.25rem,.5cqw,.5rem)}.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;left:64px;font-size:clamp(1.5rem,4cqb,2.5rem)}.spelling-with-blocks-container.slide-fullscreen .link-icon{bottom:160px;left:64px;font-size:clamp(1.5rem,4cqb,2.5rem)}.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;width:clamp(3rem,6cqb,6rem);height:clamp(3rem,6cqb,6rem);margin:clamp(.25rem,.5cqw,.5rem);padding:clamp(1.5rem,3cqw,3rem)}.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{width:clamp(500px,50cqmax,75cqmin);height:calc(clamp(500px,50cqmax,75cqmin)*.5625);background-color:#4a90e2;overflow:hidden;display:flex;flex-direction:column;background-size:cover;background-position:center;overflow-y:auto;overflow-x:hidden}.word-sort-container .word-sort-header{width:100%;text-align:center;font-size:clamp(1.5rem,4cqb,2.5rem);margin-bottom:clamp(.5rem,1cqw,1rem);-webkit-user-select:none;user-select:none;margin-top:auto}.word-sort-container .trash-icon,.word-sort-container .link-icon{position:absolute;left:16px;font-size:clamp(1rem,2.5cqb,1.5rem);color:#e68a12;-webkit-user-select:none;user-select:none}.word-sort-container .trash-icon:hover,.word-sort-container .link-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;gap:clamp(.5rem,1cqw,1rem);width:100%;padding:clamp(.5rem,1cqw,1rem);flex-wrap:wrap;justify-content:center}.word-sort-container .category-zone{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:clamp(.5rem,1cqw,1rem);-webkit-user-select:none;user-select:none;border-radius:8px;width:100%;min-height:150px;flex:1;background-color:#fffc}.word-sort-container .category-zone .category-title{font-size:clamp(1.2rem,3cqb,2rem);font-weight:700;margin-bottom:clamp(.5rem,1cqw,1rem);color:#0d0d0d;text-align:center;text-decoration:underline}.word-sort-container .category-zone .category-words{display:flex;align-items:center;flex-wrap:wrap}.word-sort-container .word-sort-pool{display:flex;flex-direction:row;justify-content:center;-webkit-user-select:none;user-select:none;flex-wrap:wrap;margin-bottom:auto}.word-sort-container .word-tile{display:flex;justify-content:center;align-items:center;font-weight:700;font-size:clamp(1.2rem,3cqb,2rem);border-radius:8px;margin:clamp(.25rem,.5cqw,.5rem);padding:clamp(.5rem,1cqw,1rem);cursor:grab;transition:all .2s ease;-webkit-user-select:none;user-select:none;background-color:#fff}.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{position:fixed;left:0;top:0;background-color:#fff;border-radius:8px;padding:clamp(.5rem,1cqw,1rem);font-size:clamp(1.2rem,3cqb,2rem);font-weight:700;pointer-events:none;z-index:1;-webkit-user-select:none;user-select:none}.word-sort-container .loading-placeholder{font-size:clamp(1.5rem,4cqb,2.5rem);color:#0d0d0d;background-color:#fff;padding:clamp(1rem,2cqw,2rem);text-align:center;animation:fadeIn .5s ease-in;-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 .trash-icon,.word-sort-container.slide-fullscreen .link-icon{left:64px;font-size:clamp(1.5rem,4cqb,2.5rem)}.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{min-height:400px;gap:clamp(1rem,2cqw,2rem);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{font-size:clamp(1.5rem,4cqb,2.5rem);margin-bottom:clamp(1rem,2cqw,2rem);color:#0d0d0d}.word-sort-container.slide-fullscreen .word-tile{font-size:clamp(1.5rem,4cqb,2.5rem);margin:clamp(.5rem,1cqw,1rem);padding:clamp(1rem,2cqw,2rem)}.word-sort-container.slide-fullscreen .floating-word-tile,.word-sort-container.slide-fullscreen .return-word-tile{padding:clamp(1rem,2cqw,2rem);font-size:clamp(1.5rem,4cqb,2.5rem)}.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{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:100vw;max-height:100vh;width:100vw;height:56.25vw}.lesson-container{font-family:Comic Neue;color:#333;padding:clamp(1rem,2cqw,2rem);display:flex;flex-direction:column;align-items:center;justify-content:center}.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;padding:8px 12px;font-size:clamp(1.2rem,3cqb,2rem);margin:clamp(.25rem,.5cqw,.5rem);cursor:pointer;z-index:10;transition:background .2s ease}.lesson-container .lesson-buttons button:hover{background:#0d0d0d40}.lesson-container .lesson-buttons-fullscreen{width:0;height:0}.lesson-container .lesson-buttons-fullscreen button{pointer-events:all;background:#0d0d0d80;color:#fff;border:none;margin:0;z-index:100}.lesson-container .lesson-buttons-fullscreen button.prev-button{position:fixed;left:10px;top:50%;transform:translateY(-50%)}.lesson-container .lesson-buttons-fullscreen button.fullscreen-button{position:fixed;bottom:10px;left:50%;transform:translate(-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{font-family:Comic Neue;background:linear-gradient(to bottom,#f0f8ff,#e6e6fa);color:#333;flex-grow:1;padding:clamp(1rem,2cqw,2rem)}.lesson-select h1{text-align:center;font-size:clamp(3rem,6cqb,6rem);color:#4a90e2;text-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:clamp(1rem,2cqw,2rem)}.lesson-select p{text-align:center;font-size:clamp(2rem,5cqb,3.5rem);margin-bottom:clamp(1.5rem,3cqw,3rem)}.lesson-select .lesson-cards{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;margin-top:1rem}.lesson-select .feature-card{background-color:#f5f5f5;border-radius:12px;padding:1rem;width:250px;text-decoration:none;color:#333;box-shadow:0 4px 10px #0000000d}.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{text-align:left;font-size:.95rem}.not-found{background:url(/assets/404-B6e_ZhaB.webp) no-repeat center center;background-size:cover;display:flex;justify-content:center;align-items:center;padding:clamp(1.5rem,3cqw,3rem);flex-grow:1}.not-found .content-wrapper{background-color:#fffc;padding:clamp(1.5rem,3cqw,3rem);border-radius:clamp(.5rem,1cqw,1rem);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)}.annotations{font-family:Comic Neue;background:linear-gradient(to bottom,#f0f8ff,#e6e6fa);color:#333;min-height:100vh;display:flex;flex-direction:column}.annotations.annotations-fullscreen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#2c2c2c;z-index:9999}.annotations.annotations-fullscreen .file-info-bar{display:none}.annotations.annotations-fullscreen .pdf-viewer-container{height:100vh;background:#2c2c2c}.annotations .annotations-header{text-align:center;margin:clamp(1rem,2cqw,2rem);padding-top:clamp(1rem,2cqw,2rem)}.annotations .annotations-header h1{font-size:clamp(3rem,6cqb,6rem);color:#4a90e2;text-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:clamp(.5rem,1cqw,1rem)}.annotations .annotations-header p{font-size:clamp(1.5rem,4cqb,2.5rem)}.annotations .annotations-main{display:flex;flex-direction:column;align-items:center;padding:clamp(1rem,2cqw,2rem);margin-bottom:clamp(1rem,2cqw,2rem);flex-grow:1}.annotations .annotations-main .upload-section{width:100%;max-width:800px;display:flex;flex-direction:column;gap:clamp(1rem,2cqw,2rem)}.annotations .annotations-main .upload-section .upload-box{background:#fff;border:2px dashed #ddd;border-radius:8px;padding:clamp(1.5rem,3cqw,3rem);text-align:center;transition:all .3s ease}.annotations .annotations-main .upload-section .upload-box:hover{border-color:#4a90e2;box-shadow:0 6px 10px #00000026}.annotations .annotations-main .upload-section .upload-box.secondary{border-color:#eaeaea;background:#fbfbfe}.annotations .annotations-main .upload-section .upload-box.secondary:hover{border-color:#a2c6f0}.annotations .annotations-main .upload-section .upload-box .upload-icon{font-size:4rem;margin-bottom:clamp(.5rem,1cqw,1rem)}.annotations .annotations-main .upload-section .upload-box h2{font-size:clamp(1.5rem,4cqb,2.5rem);color:#4a90e2;margin-bottom:clamp(.5rem,1cqw,1rem)}.annotations .annotations-main .upload-section .upload-box p{font-size:clamp(1.2rem,3cqb,2rem);margin-bottom:clamp(1rem,2cqw,2rem)}.annotations .annotations-main .upload-section .upload-box .file-input{display:none}.annotations .annotations-main .upload-section .upload-box .upload-button{display:inline-block;background:#4a90e2;color:#fff;padding:clamp(.5rem,1cqw,1rem) clamp(1rem,2cqw,2rem);border-radius:5px;font-size:clamp(1.2rem,3cqb,2rem);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 6px #0000001a}.annotations .annotations-main .upload-section .upload-box .upload-button:hover{background:#2275d7;transform:translateY(-2px);box-shadow:0 6px 10px #00000026}.annotations .annotations-main .upload-section .upload-box .upload-button.secondary{background:#8cb8ed}.annotations .annotations-main .upload-section .upload-box .upload-button.secondary:hover{background:#4a90e2}.annotations .annotations-main .upload-section .upload-box .file-selected{font-size:clamp(1rem,2.5cqb,1.5rem);color:#2d7a2d;margin-top:clamp(1rem,2cqw,2rem);margin-bottom:0}.annotations .annotations-main .upload-section .upload-box .file-selected strong{color:#1a5c1a}.annotations .annotations-main .upload-section .processing{background:#fff;padding:clamp(1rem,2cqw,2rem);border-radius:8px;text-align:center;color:#4a90e2;font-size:clamp(1.2rem,3cqb,2rem);box-shadow:0 4px 6px #0000001a}.annotations .annotations-main .upload-section .error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:clamp(1rem,2cqw,2rem);border-radius:8px;text-align:center;font-size:clamp(1.2rem,3cqb,2rem)}.annotations .file-info-bar{background:#fff;border-bottom:1px solid #ddd;box-shadow:0 4px 6px #0000001a;padding:clamp(.5rem,1cqw,1rem) clamp(1rem,2cqw,2rem);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:clamp(.5rem,1cqw,1rem);position:sticky;top:0;z-index:100;transition:all .3s ease}.annotations .file-info-bar.hidden{opacity:0;transform:translateY(-100%);pointer-events:none}.annotations .file-info-bar .file-list{display:flex;gap:clamp(.5rem,1cqw,1rem);flex-wrap:wrap;flex:1}.annotations .file-info-bar .file-list .file-item{display:flex;align-items:center;gap:clamp(.25rem,.5cqw,.5rem);padding:clamp(.25rem,.5cqw,.5rem) clamp(.5rem,1cqw,1rem);background:#e6e6fa;border-radius:5px;font-size:clamp(.8rem,2cqb,1.2rem)}.annotations .file-info-bar .file-list .file-item .file-icon{font-size:clamp(1.2rem,3cqb,2rem)}.annotations .file-info-bar .file-list .file-item .file-name{font-weight:500;color:#333}.annotations .file-info-bar .file-list .file-item .file-size{margin-left:clamp(.25rem,.5cqw,.5rem)}.annotations .file-info-bar .reset-button{background:#4a90e2;color:#fff;padding:clamp(.25rem,.5cqw,.5rem) clamp(.5rem,1cqw,1rem);border:none;border-radius:5px;font-size:clamp(1rem,2.5cqb,1.5rem);cursor:pointer;transition:all .2s ease;white-space:nowrap}.annotations .file-info-bar .reset-button:hover{background:#2275d7}.annotations .annotation-toolbar{background:#fff;border-bottom:1px solid #ddd;box-shadow:0 4px 6px #0000001a;padding:clamp(.5rem,1cqw,1rem) clamp(1rem,2cqw,2rem);display:flex;align-items:center;gap:clamp(.5rem,1cqw,1rem);flex-wrap:wrap;position:sticky;top:0;z-index:99;transition:all .3s ease}.annotations .annotation-toolbar.hidden{opacity:0;transform:translateY(-100%);pointer-events:none}.annotations .annotation-toolbar .toolbar-section{display:flex;align-items:center;gap:clamp(.5rem,1cqw,1rem)}.annotations .annotation-toolbar .toolbar-section.tool-settings label{font-size:clamp(.8rem,2cqb,1.2rem);white-space:nowrap}.annotations .annotation-toolbar .toolbar-section.tool-settings input[type=color]{width:40px;height:32px;border:1px solid #ddd;border-radius:5px;cursor:pointer}.annotations .annotation-toolbar .toolbar-section.tool-settings input[type=range]{width:100px;cursor:pointer}.annotations .annotation-toolbar .toolbar-divider{width:1px;height:32px;background:#ddd;margin:0 clamp(.25rem,.5cqw,.5rem)}.annotations .annotation-toolbar .toolbar-spacer{flex:1;min-width:clamp(.5rem,1cqw,1rem)}.annotations .annotation-toolbar .tool-group{display:flex;gap:clamp(.25rem,.5cqw,.5rem)}.annotations .annotation-toolbar .tool-btn,.annotations .annotation-toolbar .icon-btn,.annotations .annotation-toolbar .action-btn{display:flex;align-items:center;gap:clamp(.25rem,.5cqw,.5rem);padding:clamp(.25rem,.5cqw,.5rem) clamp(.5rem,1cqw,1rem);border:1px solid #ddd;border-radius:5px;background:#fff;color:#333;font-size:clamp(.8rem,2cqb,1.2rem);cursor:pointer;transition:all .2s ease;white-space:nowrap}.annotations .annotation-toolbar .tool-btn svg,.annotations .annotation-toolbar .icon-btn svg,.annotations .annotation-toolbar .action-btn svg{width:16px;height:16px}.annotations .annotation-toolbar .tool-btn:hover:not(:disabled),.annotations .annotation-toolbar .icon-btn:hover:not(:disabled),.annotations .annotation-toolbar .action-btn:hover:not(:disabled){background:#e6e6fa;border-color:#4a90e2}.annotations .annotation-toolbar .tool-btn:disabled,.annotations .annotation-toolbar .icon-btn:disabled,.annotations .annotation-toolbar .action-btn:disabled{opacity:.4;cursor:not-allowed}.annotations .annotation-toolbar .tool-btn.active,.annotations .annotation-toolbar .icon-btn.active,.annotations .annotation-toolbar .action-btn.active,.annotations .annotation-toolbar .action-btn.primary{background:#4a90e2;color:#fff;border-color:#4a90e2}.annotations .annotation-toolbar .action-btn.primary:hover{background:#2275d7}.annotations .annotation-toolbar .action-btn.danger{border-color:#dc3545;color:#dc3545}.annotations .annotation-toolbar .action-btn.danger:hover{background:#dc3545;color:#fff}.annotations .annotation-toolbar .page-controls,.annotations .annotation-toolbar .zoom-controls{display:flex;align-items:center;gap:clamp(.25rem,.5cqw,.5rem)}.annotations .annotation-toolbar .page-indicator,.annotations .annotation-toolbar .zoom-indicator{min-width:60px;text-align:center;font-size:clamp(.8rem,2cqb,1.2rem);font-weight:500;color:#333}.annotations .annotation-toolbar .clear-slider-container{display:flex;align-items:center;gap:clamp(.5rem,1cqw,1rem);padding:clamp(.25rem,.5cqw,.5rem) clamp(.5rem,1cqw,1rem);background:#fff5f5;border:1px solid #dc3545;border-radius:5px}.annotations .annotation-toolbar .clear-slider-container .clear-label{font-size:clamp(.8rem,2cqb,1.2rem);color:#dc3545;font-weight:500;white-space:nowrap}.annotations .annotation-toolbar .clear-slider-container .clear-slider{width:150px;cursor:pointer}.annotations .annotation-toolbar .clear-slider-container .clear-slider::-webkit-slider-thumb{background:#dc3545}.annotations .annotation-toolbar .clear-slider-container .clear-slider::-moz-range-thumb{background:#dc3545}.annotations .pdf-viewer-container{flex:1;background:#525659;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:clamp(1rem,2cqw,2rem);position:relative}.annotations .pdf-viewer-container .pdf-canvas-wrapper{position:relative;box-shadow:0 4px 20px #0000004d;background:#fff}.annotations .pdf-viewer-container .pdf-canvas,.annotations .pdf-viewer-container .ink-canvas{display:block;touch-action:none;-webkit-user-select:none;user-select:none}.annotations .pdf-viewer-container .ink-canvas{position:absolute;top:0;left:0;cursor:crosshair}.annotations .pdf-viewer-container .text-note{position:absolute;background:#fff9c4;border:1px solid #f9a825;border-radius:5px;padding:clamp(.25rem,.5cqw,.5rem);font-size:clamp(.8rem,2cqb,1.2rem);box-shadow:0 4px 6px #0000001a;pointer-events:none;white-space:nowrap;max-width:200px;overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.annotations .annotation-toolbar .toolbar-section.tool-settings{flex-wrap:wrap}.annotations .annotation-toolbar .toolbar-section.tool-settings input[type=range]{width:80px}.annotations .annotation-toolbar .tool-btn span{display:none}}@media(max-width:768px){.annotations .annotations-main{padding:clamp(.5rem,1cqw,1rem)}.annotations .file-info-bar{flex-direction:column;align-items:stretch}.annotations .file-info-bar .file-list{flex-direction:column}.annotations .file-info-bar .reset-button{width:100%}.annotations .annotation-toolbar{padding:clamp(.25rem,.5cqw,.5rem)}.annotations .annotation-toolbar .toolbar-section{gap:clamp(.25rem,.5cqw,.5rem)}.annotations .annotation-toolbar .toolbar-section.tool-settings{width:100%}.annotations .annotation-toolbar .toolbar-section.tool-settings label{font-size:.7rem}.annotations .annotation-toolbar .toolbar-section.tool-settings input[type=range]{flex:1;min-width:60px}.annotations .annotation-toolbar .toolbar-divider,.annotations .annotation-toolbar .toolbar-spacer{display:none}.annotations .annotation-toolbar .tool-btn,.annotations .annotation-toolbar .icon-btn,.annotations .annotation-toolbar .action-btn{padding:clamp(.25rem,.5cqw,.5rem);font-size:.75rem}.annotations .annotation-toolbar .tool-btn svg,.annotations .annotation-toolbar .icon-btn svg,.annotations .annotation-toolbar .action-btn svg{width:14px;height:14px}.annotations .annotation-toolbar .action-btn span{display:none}.annotations .annotation-toolbar .clear-slider-container{flex-wrap:wrap}.annotations .annotation-toolbar .clear-slider-container .clear-slider{width:100px}.annotations .annotation-toolbar .clear-slider-container .clear-label{width:100%;font-size:.65rem}.annotations .annotation-toolbar .page-indicator,.annotations .annotation-toolbar .zoom-indicator{min-width:50px;font-size:.75rem}.annotations .pdf-viewer-container{padding:clamp(.25rem,.5cqw,.5rem)}.annotations .pdf-viewer-container .text-note{font-size:.7rem;padding:2px 4px;max-width:150px}}@media(hover:none)and (pointer:coarse){.annotations .pdf-viewer-container .ink-canvas{cursor:default}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,button,input{margin:0;padding:0;border:0;vertical-align:baseline;position:relative;box-sizing:border-box;color:#0d0d0d;font-family:Comic Neue,sans-serif;font-weight:400;font-size:clamp(1rem,2.5cqb,1.5rem)}html,body{height:100%;margin:0;padding:0;padding-top:env(safe-area-inset-top);padding-bottom: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:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}::-webkit-scrollbar{width:6px;background-color:#0d0d0d}::-webkit-scrollbar-thumb{background-color:#545454}::-webkit-scrollbar-thumb:hover{background-color:#d8d8d8}@font-face{font-family:Comic Neue;src:url(/assets/ComicNeue-Regular-CGSvPYnr.ttf) format("truetype");font-weight:400;font-style:normal}.App{overflow:hidden;background:linear-gradient(to bottom,#f0f8ff,#e6e6fa);display:flex;flex-direction:column;min-height:100vh;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.App>.not-supported{display:initial;width:100vw;height:100vh;display:flex;flex-direction:column;align-content:center;justify-content:center;align-items:center;justify-items:center}.App>.big-routes{display:none}.app-container{display:flex;flex-direction:column;min-height:100vh;box-sizing:border-box}.app-content{flex:1;display:flex;flex-direction:column;justify-content:center}@media(min-width:300px){.App{min-height:100vh;height:auto}.App>.not-supported{display:none;height:100%}.App>.big-routes{display:initial}}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}