.notification-bell-container{display:inline-flex;position:relative}.notification-bell-button{background:var(--gray-2);cursor:pointer;color:var(--gray-6);border:none;border-radius:8px;justify-content:center;align-items:center;padding:8px 12px;font-size:16px;transition:background-color .2s;display:flex;position:relative}.notification-bell-button:hover{background-color:var(--gray-3);transform:scale(1.02)}.notification-badge{background-color:var(--dark-green);border:2px solid var(--gray-2);border-radius:50%;width:10px;height:10px;position:absolute;top:2px;right:4px}.notification-dropdown{background-color:var(--surface);z-index:1000;border:1px solid var(--gray-2);border-radius:12px;width:320px;max-height:400px;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden;box-shadow:0 4px 20px #00000026}.notification-header{border-bottom:1px solid var(--gray-2);padding:12px 16px}.notification-header h4{color:var(--gray-6);margin:0;font-size:14px;font-weight:600}.notification-empty{text-align:center;padding:32px 16px}.notification-empty p{color:var(--gray-4);margin:0;font-size:14px}.notification-list{max-height:340px;margin:0;padding:0;list-style:none;overflow-y:auto}.notification-item{cursor:pointer;border-bottom:1px solid var(--gray-2);align-items:flex-start;gap:8px;padding:12px 16px;transition:background-color .15s;display:flex}.notification-item:last-child{border-bottom:none}.notification-item:hover{background-color:var(--gray-1)}.notification-content{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.notification-title{color:var(--gray-6);font-size:14px;font-weight:600;line-height:1.3}.notification-message{color:var(--gray-5);text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.4;display:-webkit-box;overflow:hidden}.notification-time{color:var(--gray-4);margin-top:2px;font-size:11px}.notification-dismiss{cursor:pointer;color:var(--gray-4);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:4px;transition:color .15s,background-color .15s;display:flex}.notification-dismiss:hover{color:var(--gray-6);background-color:var(--gray-2)}@media (width<=400px){.notification-dropdown{width:280px;left:0}}.user-alert-popup{border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:min(700px,90vw);max-width:min(700px,90vw);margin:auto;padding:1rem;display:flex}.user-alert-popup img{max-width:200px;height:auto}.user-alert-popup .col{align-items:baseline;gap:12px}.game-menu-content{align-items:center;gap:24px;width:100%;display:flex}.game-menu-image{flex-shrink:0}.game-menu-content .col{flex:1;min-width:0}@media (width<=600px){.game-menu-image{display:none}.game-menu-content{justify-content:center}.game-menu-content .col{text-align:center;align-items:center}.badges-grid{justify-content:center}}.hamburger-icon{cursor:pointer;background:0 0;border:none;font-size:24px}.dropdown-menu{background-color:var(--gray-2);z-index:15;align-self:flex-start;min-width:160px;position:absolute;top:100%;right:5px;box-shadow:0 8px 16px #0003}.dropdown-menu ul{margin:0;padding:0;list-style-type:none}.dropdown-menu li{min-width:fit-content;text-decoration:none;display:block}.dropdown-menu li:hover{background-color:var(--gray-3)}.dropdown-menu li button{all:unset;width:100%;max-width:100%;color:var(--text);text-align:left;cursor:pointer;padding:12px 16px;font-family:inherit;transition:background-color .2s;display:block}.dropdown-menu li:not(:last-child) button{border-bottom:1px solid var(--gray-4)}.dropdown-menu li button:hover{background-color:var(--gray-3)}.fixed-header{background:var(--gray-1);z-index:100;justify-content:space-between;align-self:stretch;align-items:center;gap:1vw;width:100%;height:50px;padding:15px 4vw;display:flex;position:fixed;top:0;left:0}.fixed-header img{object-fit:contain;width:114px;height:40px}.fixed-header .col{align-items:center;width:30vw;min-width:30vw;max-width:30vw}.fixed-header .landing-button img{width:auto;height:20px}.fixed-header .row{gap:20px}.header-avatar-widget{cursor:pointer;background:var(--surface);border:1px solid #0000000f;border-radius:999px;align-items:center;gap:10px;padding:3px 14px 3px 3px;transition:border-color .2s,box-shadow .2s,transform .2s;display:inline-flex;box-shadow:0 1px 2px #0000000a}.header-avatar-widget:hover{border-color:#68168940;transform:translateY(-1px);box-shadow:0 4px 12px #6816891a}.header-avatar-circle{box-sizing:border-box;background:var(--surface);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.header-avatar-circle .avatar-preview{width:100%;height:100%;position:relative}.fixed-header .header-avatar-circle img{width:100%;height:100%}.header-coin-display{color:var(--gray-10);letter-spacing:.01em;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex;position:relative}.coin-bonus{text-align:center;width:100%;color:var(--success);white-space:nowrap;pointer-events:none;z-index:101;font-size:14px;font-weight:700;animation:1.5s ease-out forwards coin-float;position:absolute;top:100%;left:0}@keyframes coin-float{0%{opacity:0;transform:translateY(0)}15%{opacity:1;transform:translateY(2px)}65%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.coin-bump{animation:.4s ease-out coin-bump}@keyframes coin-bump{0%,to{transform:scale(1)}40%{transform:scale(1.3)}}.fixed-header .header-coin-display img{width:20px;height:20px}@media screen and (width<=700px){.fixed-header .icon-button.transparent{color:var(--gray-10);padding:4px 8px}}.scheduler-embed{text-align:center;align-items:center;width:min(1000px,100%);min-width:min(1000px,100%);height:min(1000px,100%);min-height:min(1000px,100%);overflow:auto}.social-media-icon{width:35px;height:35px}.social-media-icon:hover{cursor:pointer}.contact-page{flex-direction:column;gap:25px;display:flex}.horizontal-carousel{perspective:1400px;flex-direction:row;justify-content:center;align-items:center;width:100%;max-width:100%;height:100%;max-height:100%;display:flex;position:relative;overflow:hidden}.horizontal-carousel .slot-spacer{visibility:hidden;pointer-events:none}.horizontal-carousel .slot{box-sizing:border-box;width:fit-content;height:fit-content;transform-style:preserve-3d;backface-visibility:hidden;will-change:left, transform, opacity, filter;position:absolute;top:50%}.horizontal-carousel .slot-main{z-index:5;opacity:1;filter:none;left:50%;transform:translate(-50%,-50%)scale(1)rotateY(0)}.horizontal-carousel .slot-prev,.horizontal-carousel .slot-next{z-index:1;opacity:.5;filter:blur(4px);cursor:pointer}.horizontal-carousel .slot-prev{left:25%;transform:translate(-50%,-50%)scale(.6)rotateY(25deg)}.horizontal-carousel .slot-next{left:75%;transform:translate(-50%,-50%)scale(.6)rotateY(-25deg)}.horizontal-carousel .carousel-arrow{z-index:7;background:var(--surface);border:1px solid var(--gray-2);border-radius:50%;width:48px;height:48px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 6px 18px -8px #524b4966}.horizontal-carousel .carousel-arrow.left{left:12px}.horizontal-carousel .carousel-arrow.right{right:12px}.horizontal-carousel .slot-prev-prev{z-index:0;opacity:0;filter:blur(8px);left:0%;transform:translate(-50%,-50%)scale(.4)rotateY(45deg)}.horizontal-carousel .slot-next-next{z-index:0;opacity:0;filter:blur(8px);left:100%;transform:translate(-50%,-50%)scale(.4)rotateY(-45deg)}.horizontal-carousel.sliding-next .slot-next{z-index:6}.horizontal-carousel.sliding-next .slot-main{z-index:4}.horizontal-carousel.sliding-next .slot-prev{z-index:3}.horizontal-carousel.sliding-next .slot-next-next{z-index:2}.horizontal-carousel.sliding-prev .slot-prev{z-index:6}.horizontal-carousel.sliding-prev .slot-main{z-index:4}.horizontal-carousel.sliding-prev .slot-next{z-index:3}.horizontal-carousel.sliding-prev .slot-prev-prev{z-index:2}.horizontal-carousel.sliding-next .slot-prev{animation:.8s ease-in-out forwards slide-prev-to-offstage}.horizontal-carousel.sliding-next .slot-main{animation:.8s ease-in-out forwards slide-main-to-prev}.horizontal-carousel.sliding-next .slot-next{animation:.8s ease-in-out forwards slide-next-to-main}.horizontal-carousel.sliding-next .slot-next-next{animation:.8s ease-in-out forwards slide-offstage-to-next}.horizontal-carousel.sliding-prev .slot-next{animation:.8s ease-in-out forwards slide-next-to-offstage}.horizontal-carousel.sliding-prev .slot-main{animation:.8s ease-in-out forwards slide-main-to-next}.horizontal-carousel.sliding-prev .slot-prev{animation:.8s ease-in-out forwards slide-prev-to-main}.horizontal-carousel.sliding-prev .slot-prev-prev{animation:.8s ease-in-out forwards slide-offstage-to-prev}@keyframes slide-main-to-prev{0%{opacity:1;filter:blur();left:50%;transform:translate(-50%,-50%)scale(1)rotateY(0)}to{opacity:.5;filter:blur(4px);left:25%;transform:translate(-50%,-50%)scale(.6)rotateY(25deg)}}@keyframes slide-next-to-main{0%{opacity:.5;filter:blur(4px);left:75%;transform:translate(-50%,-50%)scale(.6)rotateY(-25deg)}to{opacity:1;filter:blur();left:50%;transform:translate(-50%,-50%)scale(1)rotateY(0)}}@keyframes slide-prev-to-offstage{0%{opacity:.5;filter:blur(4px);left:25%;transform:translate(-50%,-50%)scale(.6)rotateY(25deg)}to{opacity:0;filter:blur(8px);left:0%;transform:translate(-50%,-50%)scale(.4)rotateY(45deg)}}@keyframes slide-offstage-to-next{0%{opacity:0;filter:blur(8px);left:100%;transform:translate(-50%,-50%)scale(.4)rotateY(-45deg)}to{opacity:.5;filter:blur(4px);left:75%;transform:translate(-50%,-50%)scale(.6)rotateY(-25deg)}}@keyframes slide-main-to-next{0%{opacity:1;filter:blur();left:50%;transform:translate(-50%,-50%)scale(1)rotateY(0)}to{opacity:.5;filter:blur(4px);left:75%;transform:translate(-50%,-50%)scale(.6)rotateY(-25deg)}}@keyframes slide-prev-to-main{0%{opacity:.5;filter:blur(4px);left:25%;transform:translate(-50%,-50%)scale(.6)rotateY(25deg)}to{opacity:1;filter:blur();left:50%;transform:translate(-50%,-50%)scale(1)rotateY(0)}}@keyframes slide-next-to-offstage{0%{opacity:.5;filter:blur(4px);left:75%;transform:translate(-50%,-50%)scale(.6)rotateY(-25deg)}to{opacity:0;filter:blur(8px);left:100%;transform:translate(-50%,-50%)scale(.4)rotateY(-45deg)}}@keyframes slide-offstage-to-prev{0%{opacity:0;filter:blur(8px);left:0%;transform:translate(-50%,-50%)scale(.4)rotateY(45deg)}to{opacity:.5;filter:blur(4px);left:25%;transform:translate(-50%,-50%)scale(.6)rotateY(25deg)}}.landing-page{background:var(--Gray-Pure-White,var(--surface));flex-direction:column;align-items:center;width:100vw;min-height:fit-content;margin-top:100px;display:flex}.landing-page-nav{box-sizing:border-box;z-index:100;background:var(--Gray-Pure-White,var(--surface));flex-shrink:0;justify-content:space-between;align-items:center;width:100vw;height:100px;padding:0 5vw;display:flex;position:fixed;top:0;left:0}.landing-page-nav img{flex-shrink:0;width:132px;height:46px}.landing-page-nav .actions{justify-content:flex-end;align-items:center;gap:30px;display:flex}.landing-page hr{background:var(--Gray-Gray-4,#d4d4d4);width:80vw;height:2px}.landing-page .welcome-content{box-sizing:border-box;border-bottom:4px solid var(--Color-Dark-Green,#447d00);background:var(--Gradient,linear-gradient(180deg, var(--surface) 0%, #fdfffc 33.33%, #ddfecb 66.67%, #bafc95 100%));flex-direction:column;justify-content:center;align-items:center;width:100vw;height:fit-content;padding:8vh 70px 20vh;display:flex}.landing-page .hero{flex-flow:wrap;align-self:center;align-items:center;gap:10vw;width:85vw;min-height:fit-content;display:flex}.landing-page .speech-bubble{left:25%}.hero .text-content{align-items:flex-start;width:35vw;max-width:50%}.landing-page .hero video{width:35vw;min-width:380px}.landing-page .reading-container{min-height:60vh;max-height:60vh;width:35vw!important;min-width:300px!important;max-width:35vw!important}.landing-page .missed-word-popup{max-width:30vw!important}.landing-page .reading-frame{min-height:40vh!important;max-height:40vh!important}.landing-page h1{font-size:50px}.landing-page h1.green{color:var(--Color-Dark-Green,#447d00)}.landing-page h1.white{color:var(--Color-Dark-Green,#fff)}.landing-page .summary-content{background:var(--Gray-Gray-1,#fafaf7);text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:10vh;width:100vw;height:fit-content;padding:10vh 70px;display:flex}.landing-page .summary-content .content{box-sizing:border-box;flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:34px 3vw;width:90vw;display:flex}.landing-page .summary-content .content .card{width:28vw;color:var(--Gray-Pure-Black,#000);box-sizing:border-box;flex-direction:column;flex-shrink:0;align-items:center;gap:3vh;display:flex}.landing-page .summary-content .content .card img{width:20vw;color:var(--Gray-Pure-Black,#000);box-sizing:border-box;flex-direction:column;flex-shrink:0;align-items:center;gap:3vh;display:flex}.landing-page .demo-content{background:linear-gradient(180deg, var(--surface) 0%, #447d00 4%, #2f5a00 50%, var(--dark-green) 94%, var(--gray-1) 100%);box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:10vh;width:100vw;height:fit-content;padding:10vh 70px;display:flex}.landing-page .demo-content .text-content{color:#fff}.landing-page .demo-content hr{opacity:.5;background:var(--Color-Light-Green,#bafc95);width:80vw;height:2px}.landing-page .horizontal-carousel{flex-direction:row;justify-self:center;align-items:center;gap:45px;width:100vw;height:fit-content;margin-left:5vw;margin-right:5vw;display:flex;overflow-x:auto}.landing-page .horizontal-carousel img{width:50vw;height:auto}.landing-page .teacher-demo{flex-wrap:wrap-reverse;align-items:center;gap:95px;width:80vw;display:inline-flex}.landing-page .teacher-demo .examples{flex-direction:column;align-items:flex-start;gap:32px;display:flex}.landing-page .teacher-demo .examples img{width:40vw;height:auto}.landing-page .logistics-content{background:var(--Gray-Gray-1,#fafaf7);box-sizing:border-box;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:10vh;width:100vw;height:fit-content;padding:10vh 70px;display:flex}.landing-page .text-content{text-align:left;flex-direction:column;gap:25px;max-width:80vw;display:flex}.landing-page .faqs{text-align:left;flex-direction:column;align-items:flex-start;gap:25px;display:inline-flex}.landing-page .faqs .classroom-panel{text-align:left;box-sizing:border-box;flex-direction:column;align-items:flex-start;width:80vw;display:flex}.landing-page .faqs .classroom-panel .row{justify-content:space-between;width:100%}.landing-page .panel-collapse{grid-template-rows:0fr;width:100%;transition:grid-template-rows .35s cubic-bezier(.22,1,.36,1);display:grid}.landing-page .classroom-panel.expanded .panel-collapse{grid-template-rows:1fr}.landing-page .panel-collapse-inner{min-height:0;overflow:hidden}.landing-page .classroom-panel.expanded .panel-collapse-inner{padding-top:10px}.landing-page .signup-content{box-sizing:border-box;background:var(--Gradient,linear-gradient(180deg, var(--surface) 0%, #fdfffc 33.33%, #ddfecb 66.67%, #bafc95 100%));flex-direction:column;justify-content:center;align-items:center;gap:10vh;width:100vw;height:fit-content;padding:10vh 60px;display:flex}.social-media-row{box-sizing:border-box;flex-direction:row;justify-content:space-between;gap:10vw;width:80vw;display:flex;overflow-x:auto}.landing-page .signup-header{background:var(--Color-Dark-Green,#447d00);box-sizing:border-box;border-radius:25px;flex-flow:wrap-reverse;justify-content:center;align-items:center;gap:5vw;width:80vw;max-width:1250px;height:fit-content;padding:40px 60px;display:flex;box-shadow:9px 2px 41.2px 6px #00000026}.landing-page .signup-header .text-content{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:35px;width:40vw;max-width:700px;display:flex}.landing-page .signup-header span{color:#fff}.landing-page .signup-header .landing-button span{color:#447d00}.landing-page .signup-header img{border-radius:15px;width:50vw;height:auto;max-height:50vh}.landing-page footer{background:linear-gradient(0deg, #0003 0%, #0003 100%), var(--Color-Dark-Green,#447d00);box-sizing:border-box;flex-direction:row;justify-content:space-between;align-items:center;gap:4vh;min-width:100vw;height:250px;min-height:fit-content;padding:5vh 10vw 20px;display:flex}.landing-page footer .brand-info{color:#fff;flex-direction:column;justify-content:space-between;align-self:stretch;align-items:flex-start;height:100%;display:flex}.landing-page footer img{width:30vw;max-width:215px}.landing-page footer .links{flex-direction:column;align-items:flex-end;gap:5px;width:fit-content;height:fit-content;display:flex}.landing-page footer .links a{color:var(--Gray-Pure-White,#fff);text-align:right;font-family:Poppins;font-size:21px;font-style:normal;font-weight:300;line-height:123.5%;text-decoration:none}.social-media-button{background:var(--Gray-Gray-2,var(--gray-2));border-radius:100px;justify-content:center;align-items:center;gap:10px;padding:12px 22px 12px 18px;display:flex}.social-media-button:hover{cursor:pointer}@keyframes fadeInUp{0%{opacity:0;filter:blur(4px);transform:translateY(28px)scale(.985)}to{opacity:1;filter:blur();transform:translate(0,0)scale(1)}}.landing-page .welcome-content,.landing-page .summary-content,.landing-page .features-content,.landing-page .demo-content,.landing-page .logistics-content,.landing-page .signup-content{opacity:0}.fade-in-section{animation:.9s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.fade-in-section .stagger>*{opacity:0;animation:.7s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.fade-in-section .stagger>:first-child{animation-delay:50ms}.fade-in-section .stagger>:nth-child(2){animation-delay:.13s}.fade-in-section .stagger>:nth-child(3){animation-delay:.21s}.fade-in-section .stagger>:nth-child(4){animation-delay:.29s}.fade-in-section .stagger>:nth-child(5){animation-delay:.37s}.fade-in-section .stagger>:nth-child(6){animation-delay:.45s}.fade-in-section .stagger>:nth-child(n+7){animation-delay:.5s}@media (prefers-reduced-motion:reduce){.landing-page .welcome-content,.landing-page .summary-content,.landing-page .features-content,.landing-page .demo-content,.landing-page .logistics-content,.landing-page .signup-content,.fade-in-section .stagger>*{opacity:1;filter:none;animation:none;transform:none}}.landing-page .eyebrow{letter-spacing:2px;text-transform:uppercase;color:var(--Color-Dark-Green,#447d00);background:#447d0014;border-radius:999px;width:fit-content;padding:6px 14px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;display:inline-block}.landing-page .eyebrow.on-dark{color:#bafc95;background:#ffffff1f}.landing-page .section-header{text-align:center;flex-direction:column;align-items:center;gap:18px;max-width:760px;display:flex}.landing-page .section-header .subtitle{color:var(--Gray-Gray-9,#4a4a4a);max-width:640px}.landing-page .landing-button{transition:transform .2s,box-shadow .25s,filter .2s}.landing-page .landing-button:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 12px 24px -10px #00000040}.landing-page .landing-button:active{filter:brightness(.97);transform:translateY(0)}.landing-page .summary-content .content .card{transition:transform .3s}.landing-page .summary-content .content .card:hover{transform:translateY(-4px)}.social-media-button{transition:transform .2s,box-shadow .25s,background .2s}.social-media-button:hover{background:var(--Gray-Gray-3,var(--gray-3));transform:translateY(-2px);box-shadow:0 8px 18px -8px #0003}.landing-page footer .links a{transition:opacity .2s}.landing-page footer .links a:hover{opacity:.75}.landing-page .chevron{border-bottom:2.5px solid;border-right:2.5px solid;width:12px;height:12px;margin-right:6px;transition:transform .3s cubic-bezier(.22,1,.36,1);display:inline-block;transform:rotate(-45deg)}.landing-page .chevron.open{transform:rotate(45deg)}.landing-page .faqs .classroom-panel{cursor:pointer;transition:background .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1)}.landing-page .faqs .classroom-panel:not(.expanded):hover{box-shadow:0 4px 14px -10px #00000026}.landing-page .features-content{box-sizing:border-box;background:radial-gradient(circle at 15% 0%, #bafc952e, transparent 55%), radial-gradient(circle at 90% 100%, #016d8914, transparent 55%), var(--Gray-Pure-White,var(--surface));flex-direction:column;align-items:center;gap:8vh;width:100vw;padding:12vh 70px;display:flex}.landing-page .features-grid{grid-template-columns:repeat(3,1fr);gap:28px;width:85vw;max-width:1200px;display:grid}.landing-page .feature-card{background:var(--surface);box-sizing:border-box;border:1px solid #0000000d;border-radius:20px;flex-direction:column;align-items:flex-start;gap:14px;height:100%;padding:32px 28px 36px;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s,border-color .3s;display:flex;box-shadow:0 4px 18px -8px #00000014}.landing-page .feature-card:hover{border-color:#447d0033;transform:translateY(-6px);box-shadow:0 24px 40px -18px #447d0040}.landing-page .feature-card-image{aspect-ratio:16/10;background:linear-gradient(135deg,#f4ffec 0%,#ddfecb 100%);border-radius:14px;justify-content:center;align-items:center;width:100%;margin-bottom:6px;display:flex;overflow:hidden}.landing-page .features-grid>.feature-card:nth-child(2) .feature-card-image{background:linear-gradient(135deg,#eaf6fa 0%,#c6e6f0 100%)}.landing-page .features-grid>.feature-card:nth-child(3) .feature-card-image{background:linear-gradient(135deg,#fff7da 0%,#fcefa0 100%)}.landing-page .feature-card-image img{object-fit:contain;width:65%;max-height:80%;transition:transform .4s cubic-bezier(.22,1,.36,1)}.landing-page .feature-card:hover .feature-card-image img{transform:scale(1.06)rotate(-2deg)}.landing-page .feature-tag{letter-spacing:1.5px;text-transform:uppercase;color:var(--Color-Dark-Green,#447d00);font-weight:600}.landing-page .features-grid>.feature-card:nth-child(2) .feature-tag{color:var(--Color-Dark-Blue,#016d89)}.landing-page .features-grid>.feature-card:nth-child(3) .feature-tag{color:#b87800}.landing-page .feature-card h3{color:var(--Gray-Pure-Black,#000);margin:0;font-family:Poppins,sans-serif;font-size:22px;font-weight:600}.landing-page .feature-card .label-normal{color:var(--Gray-Gray-9,#555);line-height:1.55}@media screen and (width<=1000px){.landing-page .features-grid{grid-template-columns:1fr;width:90vw}}@media screen and (width<=600px){.landing-page-nav .actions{gap:10px}.landing-page .welcome-content{padding:20px 10px 10vh}.landing-page .features-content{padding:10vh 16px}.landing-page .summary-content{padding:10vh 10px}.landing-page .summary-content .content .card{width:43.5vw}.landing-page .demo-content,.landing-page .logistics-content{padding:10vh 10px}.landing-page .footer-content{padding:10px 10px 20px}.landing-page .signup-header p{font-size:20px}.landing-page .teacher-demo .examples{flex-direction:row;align-items:center;width:100vw;overflow-x:auto}.landing-page footer{width:95vw}.landing-page footer .links a{font-size:16px}}@media screen and (width<=750px){.landing-page .welcome-content .hero{flex-direction:column;justify-content:center}.landing-page .welcome-content .hero .text-content{text-align:center;align-items:center;width:100%}.landing-page .welcome-content .hero video{min-width:300px}.landing-page .signup-header{padding:20px 30px}.landing-page .signup-header .text-content{max-width:100%}.landing-page .reading-container{height:70vh;max-height:70vh}.landing-page .reading-container .app-button{width:150px}.landing-page h1{font-size:40px}}.login-page{background:var(--surface);flex-direction:column;align-items:center;width:100vw;height:100vh;min-height:fit-content;display:flex}.login{width:480px;max-width:min(100vw,480px);height:650px;min-height:min(fit-content, 600px);max-height:min(100vh, fit-content);background:var(--gray-1);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:24px;padding:12px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #524b4933}.login img{max-width:114px}.login-title{text-align:center;border-bottom:.5px solid var(--gray-7);padding-bottom:10px}.login-content{flex-direction:column;align-self:center;align-items:center;gap:24px;width:100%;min-width:fit-content;max-height:100%;padding:0 18px;display:flex;overflow-y:auto}.login-footer{flex-direction:column;align-items:center;gap:8px;display:flex}@media screen and (width<=600px){.login{gap:4vh;margin:auto;position:absolute;top:10px;left:10px;transform:none}.login .row input{max-width:35vw}}@media screen and (width<=400px){.login{min-width:95vw;min-height:95vh}}.home-page{flex-direction:column;justify-content:center;align-items:center;display:flex}.google-btn{background:var(--surface);color:#3c4043;cursor:pointer;border:1px solid #dadce0;border-radius:4px;align-items:center;gap:12px;height:40px;padding:0 16px;font-family:Roboto,Arial,sans-serif;font-size:14px;font-weight:500;transition:background-color .2s,box-shadow .2s;display:inline-flex}.google-btn:hover{background:#f8f9fa;box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.google-btn:active{background:#f1f3f4}.google-btn__icon{flex-shrink:0;width:18px;height:18px}.google-btn__label{white-space:nowrap}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:OpenDyslexic;src:url(/assets/OpenDyslexic-Regular-D3WaKpvD.otf)format("opentype");font-weight:400;font-style:normal}@font-face{font-family:OpenDyslexic;src:url(/assets/OpenDyslexic-Bold-DhR1qjGc.otf)format("opentype");font-weight:700;font-style:normal}@font-face{font-family:OpenDyslexic;src:url(/assets/OpenDyslexic-Italic-CMl2IzwI.otf)format("opentype");font-weight:400;font-style:italic}html.dyslexic-font,html.dyslexic-font *{font-family:OpenDyslexic,Poppins,Arial,sans-serif!important}:root,.force-light,.game-shell,.language-game,.language-game-canvas,.map-studio,.painting-frame,.badge-popup-celebration,.avatar-preview,.avatar-studio,.presentation-audience-stage,.google-btn,.clever-btn{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--primary-color:#447d00;--primary-color-hover:#3e7000;--primary-color-rgb:68, 125, 0;--dark-blue:#016d89;--dark-blue-hover:#015b71;--dark-green:#447d00;--dark-green-hover:#3e7000;--dark-pink:#b1243f;--dark-pink-hover:#8e1d33;--yellow:#fcf095;--yellow-bg:#fcf095;--light-purple:#c7afee;--purple:#681689;--purple-hover:#55136b;--orange:#b87800;--orange-hover:#9c6500;--moss-green:#42493a;--moss-green-hover:#3a3f33;--dark-green-rgb:68, 125, 0;--dark-blue-rgb:1, 109, 137;--dark-pink-rgb:177, 36, 63;--purple-rgb:104, 22, 137;--orange-rgb:184, 120, 0;--moss-green-rgb:66, 73, 58;--gray-1:#fafaf7;--gray-2:#f0efed;--gray-3:#e1e1e0;--gray-4:#d4d4d4;--gray-7:#a8a5a4;--gray-8:#979392;--gray-9:#756f6d;--gray-10:#524b49;--gray-11:#3e3735;--gray-12:#2a2423;--gray-13:#171413;--pure-black:#000;--pure-white:#fff;--surface:#fcfcfa;--surface-raised:#fff;--surface-sunken:#f0efed;--text:#524b49;--text-muted:#756f6d;--border:#e1e1e0;--on-brand:#fff;--shadow-rgb:0, 0, 0;--success:#15803d;--success-bg:#dcfce7;--danger:#991b1b;--danger-bg:#fef2f2;--warning:#92400e;--warning-bg:#fef3c7;--info:#1e40af;--info-bg:#e3f2fd;--button-go:#bafc95;--button-delete:#fc95a8;--button-default:#f0efed;--button-option:#c7afee;--button-ink:#524b49;--accent-teal:#0d9488;--accent-teal-light:#14b8a6;--accent-amber:#f59e0b;--accent-rose:#e11d48;--accent-violet:#7c3aed;--accent-sky:#0284c7;--accent-indigo:#6366f1}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--primary-color:#73b226;--primary-color-hover:#679f22;--primary-color-rgb:143, 209, 63;--dark-blue:#4fc3e8;--dark-blue-hover:#6fd2f0;--dark-green:#8fd13f;--dark-green-hover:#7fbd2f;--dark-pink:#ff8da3;--dark-pink-hover:#ffa8ba;--yellow:#fcf095;--yellow-bg:#4d4715;--light-purple:#c9aef0;--purple:#c99ae8;--purple-hover:#d8b2f0;--orange:#e8a93a;--orange-hover:#f2bb57;--moss-green:#a8b39a;--moss-green-hover:#b8c2ac;--dark-green-rgb:143, 209, 63;--dark-blue-rgb:79, 195, 232;--dark-pink-rgb:255, 141, 163;--purple-rgb:201, 154, 232;--orange-rgb:232, 169, 58;--moss-green-rgb:168, 179, 154;--gray-1:#1f1c1b;--gray-2:#272423;--gray-3:#383331;--gray-4:#474240;--gray-7:#8a8482;--gray-8:#9c9694;--gray-9:#b5afac;--gray-10:#e6e1de;--gray-11:#efebe8;--gray-12:#f5f2f0;--gray-13:#fbf9f7;--surface:#171514;--surface-raised:#272423;--surface-sunken:#100e0e;--text:#e6e1de;--text-muted:#b5afac;--border:#383331;--on-brand:#17140f;--shadow-rgb:0, 0, 0;--success:#86efac;--success-bg:#14321f;--danger:#fca5a5;--danger-bg:#3a1618;--warning:#fcd34d;--warning-bg:#3a2a10;--info:#93c5fd;--info-bg:#16233f;--button-go:#4e7a3a;--button-delete:#8e3346;--button-default:#2c2827;--button-option:#5b3d80;--button-ink:#f2eeeb;--accent-teal:#2dd4bf;--accent-teal-light:#5eead4;--accent-amber:#fbbf24;--accent-rose:#fb7185;--accent-violet:#a78bfa;--accent-sky:#38bdf8;--accent-indigo:#818cf8}*{box-sizing:border-box;font-family:Poppins,Arial,OpenDyslexic}:root{--app-page-height:calc(100vh - 70px);--app-page-content-height:calc(var(--app-page-height) - 60px);--app-page-content-height-small:calc(var(--app-page-height) - 25px);--app-sidebar-width:350px;--font-weight:500;--font-weight-bold:700;--font-scale:1;--line-spacing-scale:1}body{color:var(--text);background:var(--surface);font-style:normal;font-weight:500}input{color:var(--gray-10)}input[type=text],input[type=number],input[type=datetime-local],input[type=password],input[type=email]{border:2px solid var(--gray-7);background:var(--surface);border-radius:6px;align-self:stretch;align-items:center;gap:10px;padding:9px 12px;display:flex}textarea{border:2px solid var(--gray-7);background:var(--surface);border-radius:6px;align-self:stretch;align-items:center;gap:10px;max-width:100%;padding:9px 12px;display:flex}input[type=number]{width:60px;padding-right:4px}input[type=file]{border:none;padding:0;display:none}input[type=checkbox]:checked,input[type=radio]:checked{accent-color:var(--primary-color);color:var(--primary-color);background:var(--primary-color)}select{border:2px solid var(--gray-7);background:var(--surface);color:var(--gray-10);border-radius:6px;align-self:stretch;align-items:center;padding:9px 12px;display:flex}.mui-select{border:2px solid var(--gray-7);background:var(--surface);color:var(--gray-10);border-radius:6px;align-self:stretch;align-items:center;display:flex}.select-header{align-self:unset;border:none;width:fit-content;font-size:x-large}h1{letter-spacing:1.44px;margin:0;padding:0;font-size:34px;font-weight:500;line-height:140%}h2{letter-spacing:.64px;margin:0;padding:0;font-size:32px;font-weight:500;line-height:140%}h3{letter-spacing:.52px;margin:0;padding:0;font-size:26px;font-weight:500;line-height:140%}.label-xl{letter-spacing:1.12px;font-size:28px;line-height:100%}.label-large{letter-spacing:.88px;font-size:22px;line-height:100%}.label-medium{letter-spacing:.72px;font-size:18px;line-height:160%}.label-normal{letter-spacing:.64px;font-size:16px;line-height:150%}.label-small{letter-spacing:.56px;font-size:14px;line-height:150%}.label-xs{letter-spacing:.48px;font-size:12px;line-height:150%}.label-hint{color:var(--dark-green)}.fine-print{color:var(--gray-7);letter-spacing:.36px;align-self:stretch;align-items:center;font-size:11px;line-height:150%;display:flex}.book-text{letter-spacing:.8px;font-size:20px;line-height:250%}.fine-print.danger{color:var(--dark-pink)}.fine-print.success{color:var(--dark-green)}.danger{color:var(--dark-pink)}@media screen and (width<=600px){h1{font-size:26px}h2{font-size:22px}h3{font-size:16px}.label-xl{font-size:18px}.label-large{font-size:14px}.label-medium{font-size:12px}.label-normal{font-size:10px}.label-small{font-size:8px}.label-xs{font-size:6px}}.app-page{border-top:2px solid var(--surface);background:radial-gradient(ellipse at center, var(--surface) 50%, rgba(var(--primary-color-rgb), .15) 100%);min-height:var(--app-page-height);height:100%;max-height:var(--app-page-height);border-radius:36px 36px 0 0;flex-direction:column;flex:1 0 0;align-self:stretch;align-items:center;width:100vw;max-width:100vw;padding:30px 40px 40px;display:flex;position:relative;top:70px;box-shadow:0 0 16px #524b490d}.app-page-content{min-height:var(--app-page-content-height);height:var(--app-page-content-height);max-height:var(--app-page-content-height);flex:1 0 0;align-self:stretch;align-items:flex-start;gap:30px;min-width:100%;max-width:calc(100vw - 80px);display:flex}.app-main-content{background:var(--gray-1);min-height:var(--app-page-content-height);height:var(--app-page-content-height);max-height:var(--app-page-content-height);border-radius:24px;flex-direction:column;flex:auto;align-self:stretch;align-items:center;min-width:500px;max-width:100%;padding:12px;transition:all 1s;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 60px #524b4933}.app-main-content h1{color:var(--text-muted);justify-content:center;align-self:stretch;align-items:center;padding:12px 26px 18px;display:flex}.join-classroom-panel{background:var(--gray-2);color:var(--gray-10);text-align:center;border-radius:6px;justify-content:center;align-self:stretch;align-items:center;gap:14px;padding:28px 42px;display:flex}.join-classroom-panel:hover{background:linear-gradient(0deg, #0000001a 0%, #0000001a 100%), var(--gray-2);cursor:pointer}.classroom-panel{background:var(--dark-green);color:var(--on-brand);text-align:center;border-radius:6px;flex-direction:row;justify-content:space-between;align-self:stretch;align-items:center;gap:10px;padding:36px 42px;display:flex}.classroom-panel:hover{background:linear-gradient(0deg, #0003 0%, #0003 100%), var(--dark-green);cursor:pointer}.row{flex-direction:row;align-items:center;gap:14px;display:flex}.col{flex-direction:column;display:flex}.row.stretch{justify-content:space-evenly;align-self:stretch}.row.stretch>*{flex:1}.row.spaced{justify-content:space-between;align-self:stretch;width:100%}.item-list{border:2px solid var(--gray-2);background:var(--gray-1);border-radius:12px;flex-direction:column;flex:1 0 0;align-self:stretch;align-items:center;height:100%;max-height:100%;display:flex;overflow-y:auto}.pin-top-right{position:absolute;top:15px;right:20px}.pin-top-left{position:absolute;top:15px;left:20px}.pin-bottom-right{position:absolute;bottom:15px;right:20px}.pin-bottom-left{position:absolute;bottom:15px;left:20px}.centered{position:absolute;left:50%;transform:translate(-50%)}@media screen and (width<=700px){.app-page{padding:10px}.app-page-content{min-height:var(--app-page-height-small);height:var(--app-page-content-height-small);max-height:var(--app-page-content-height-small);gap:10px}.app-main-content{min-height:var(--app-page-content-height-small);height:var(--app-page-content-height-small);max-height:var(--app-page-content-height-small);width:calc(100vw - 20px);min-width:calc(100vw - 20px);max-width:calc(100vw - 20px);padding:5px}.app-main-content h1{height:80px;padding:6px 10px 8px}.classroom-panel,.join-classroom-panel{padding:10px}.row{gap:4vh}}.welcome-panel{flex-direction:column;flex:1 0 0;justify-content:center;align-self:stretch;align-items:center;gap:28px;padding-bottom:0;display:flex}.welcome-panel img{width:120px}.labeled-input{border:2px solid var(--gray-7);background:var(--surface);border-radius:6px;flex-direction:row;flex:1 0 0;justify-content:space-between;align-self:stretch;align-items:center;display:flex}.labeled-input:focus-within{outline:-webkit-focus-ring-color auto 1px}.labeled-input input{border:none!important;width:100%!important}.labeled-input input:focus-visible{outline:none}.labeled-input.label-right{padding-right:10px}.labeled-input.label-left{padding-left:10px}.labeled-input.valid{outline:var(--dark-green) auto 1px}.labeled-input.invalid{outline:var(--dark-pink) auto 1px}.action-buttons{justify-content:flex-end;align-self:stretch;align-items:center;gap:15px;display:flex}.css-1gv0vcd-MuiSlider-track{color:var(--gray-4)!important;border-radius:30px!important}.css-187mznn-MuiSlider-root{color:var(--gray-4)!important}.css-eg0mwd-MuiSlider-thumb,.css-eg0mwd-MuiSlider-thumb:after{color:var(--gray-4)!important;border-radius:0!important;width:5px!important;height:10px!important}.status-pill{background:var(--gray-2);color:var(--gray-11);white-space:nowrap;border-radius:10px;padding:2px 8px;font-size:11px;display:inline-block}.status-pill.warn{background:var(--danger-bg);color:var(--dark-pink)}.form-contents{flex-direction:column;align-self:stretch;align-items:center;gap:18px;display:flex;overflow:auto}.form{color:var(--gray-10);text-align:center;flex-direction:column;align-items:center;gap:48px;width:100%;min-width:min(500px,95vw);max-width:90vw;margin-top:20px;padding:12px;display:flex}.form .app-button{align-self:stretch}.form-section{text-align:left;flex-direction:column;align-self:stretch;gap:14px;display:flex}.form-section-label{color:var(--gray-7);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--gray-3);padding-bottom:4px;font-size:.75rem;font-weight:600}.form-section .assignment-attribute-container{border-top:none;padding-top:0}.form-row{align-self:stretch;gap:14px;display:flex}.form-row>*{flex:1;min-width:0}@media screen and (width<=700px){.form-row{flex-direction:column}}@keyframes poofAppear{0%{opacity:0;filter:blur(5px);transform:scale(.5)rotate(-10deg)}50%{opacity:.5;filter:blur(2px);transform:scale(1.1)rotate(5deg)}to{opacity:1;filter:blur();transform:scale(1)rotate(0)}}