body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Quicksand,sans-serif;margin:0}#root{height:auto;width:100%}.logoLink{align-items:center;display:flex;text-decoration:none}.logoLink h1{color:#8b8f97;font-size:50px;letter-spacing:-5px;margin:0;text-decoration:none}:root{--color-yellow:#f3c03b;--color-faded-yellow:#f3c03b1a;--color-dark-blue:#174ea6;--color-blue:#276fbf;--color-faded-blue:#276fbf1a;--color-red:#aa4747;--color-faded-red:#aa47471a;--color-white:#fff;--color-off-white:#faf9f6;--color-soft-black:#3b444b;--color-background-gray:#f7f6f0;--color-footer-link:#8e8e8e;--color-chalkboard-green:#4d6941;--color-chalkboard-green-faded:#4d69411a;--ogi-purple:#8551a0;--ogi-light-purple:#e0c9ed;--ogi-blue:#1ebdb5;--ogi-light-blue:#b2d5d3;--font-size-paragraph-desktop:18px;--font-size-large-header:30px;--font-size-title-desktop:24px;--font-size-paragraph-mobile:16px;--font-size-title-mobile:20px;--font-size-xs:12px;--button-border-radius:8px;--dashboard-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;--font-size-sm:14px;--font-size-body-desktop:15px;--color-primary-yellow:#ffe588;--color-primary-faded-yellow:#ffe58880;--color-primary-extra-faded-yellow:#ffe5881a;--color-secondary-red:#f35252;--color-secondary-faded-red:#f3525280;--color-secondary-orange:#f79d65;--color-secondary-faded-orange:#f79d6580;--color-secondary-blue:#2a7dc5;--color-secondary-faded-blue:#5094cf80;--color-secondary-purple:#9b80bf;--color-black:#0c090d;--font-poppins:"Poppins",sans-serif;--font-size-section-header:30px;--font-size-paragraph:20px;--transition-default:0.2s ease-in-out;scroll-behavior:smooth}@media screen and (max-width:850px){.desktop-nav{display:none!important}}.desktop-nav{align-items:center;background-color:var(--color-primary-yellow);border-bottom:2px solid var(--color-black);display:flex;justify-content:space-between;max-height:75px;padding:10px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:9999}.desktop-nav .logo{align-items:center;display:flex;gap:10px;text-decoration:none}.desktop-nav img{height:50px}.desktop-nav h1{color:var(--color-black);font-family:var(--font-poppins);font-size:34px;margin:0}.desktop-nav .nav-links{align-items:center;display:flex;font-size:var(--font-size-paragraph);gap:20px}.desktop-nav .nav-links a{color:var(--color-black);text-decoration:none}.desktop-nav .nav-links a:hover{color:var(--color-black);text-decoration:underline}.signup-btn{background-color:var(--color-secondary-blue);border:2px solid var(--color-secondary-blue);border-radius:8px;color:var(--color-white)!important;font-weight:700;padding:8px 18px;transition:var(--transition-default)}.signup-btn:hover{background-color:var(--color-secondary-faded-blue);text-decoration:none!important}.footer{background:var(--color-primary-yellow);border-top:1px solid #0000001a;display:grid;grid-template-columns:.5fr 1fr;grid-template-rows:1fr;padding:10px 20px;width:auto}.footerLogoNewsletter{display:flex;flex-direction:column;gap:10px;grid-area:1/1/1/2;width:-webkit-fit-content;width:fit-content}.footer .logo{align-items:center;color:var(--color-black);display:flex;gap:10px;text-decoration:none}.footer img{height:40px}.footer h1{font-family:var(--font-poppins);font-size:30px;margin:0}.siteLinks{display:flex;flex-wrap:wrap;grid-area:1/2/1/2;justify-content:space-between;width:100%}.communityLinks,.companyLinks,.footer>.socialLinks,.usefulLinks{display:flex;flex-direction:column;text-align:left;width:20%}.communityLinks p,.companyLinks p,.socialLinks p,.usefulLinks p{font-size:var(--font-size-paragraph-desktop);font-weight:700;margin:30px 0 20px;padding:0}.communityLinks a,.companyLinks a,.socialLinks a,.usefulLinks a{color:var(--color-black);font-weight:500;margin:0 0 5px;text-decoration:none}.communityLinks a:hover,.companyLinks a:hover,.socialLinks a:hover,.usefulLinks a:hover{text-decoration:underline}.socialLinks div{display:flex;gap:10px}.socialLinks .socialIcon{border:1px solid;border-radius:50%;color:var(--color-black);height:30px;padding:10px 12px}.socialLinks div a:first-child:hover .socialIcon{color:var(--color-red)}.socialLinks div a:nth-child(2):hover .socialIcon{color:var(--color-blue)}.siteLinksDropdowns{display:none;flex-direction:column;gap:5px;margin-top:10px}.communityLinks .dropdownContent,.companyLinks .dropdownContent,.usefulLinks .dropdownContent{display:flex}.dropdownToggle{cursor:pointer;font-weight:700;margin-bottom:5px}.copyright{background-color:var(--color-primary-yellow);padding:0 20px 10px}.copyright p{color:var(--color-black);font-size:var(--font-size-paragraph-desktop);margin:0;padding:0}@media screen and (max-width:1024px){.footer{grid-template-columns:1fr;grid-template-rows:0fr 1fr}.footerLogoNewsletter{grid-area:1/1/2/1;width:auto}.siteLinks{display:none}.communityLinks,.companyLinks,.footer>.socialLinks,.usefulLinks{display:flex;flex-direction:column;text-align:left;width:100%}.siteLinksDropdowns{flex-direction:column;grid-area:2/1/2/1;width:100%}.siteLinksDropdowns,.siteLinksDropdowns p{display:flex;justify-content:space-between}.siteLinksDropdowns p{font-size:var(--font-size-paragraph-mobile)}.dropdownContent{display:flex;flex-wrap:wrap;gap:20px}.socialLinks p{font-size:var(--font-size-paragraph-mobile)}.socialLinks .socialIcon{height:25px}.copyright p{font-size:var(--font-size-paragraph-mobile);margin:0}}@media screen and (max-width:375px){.footer img{height:40px}.footer h1{font-family:Source Sans Pro,monospace;font-size:var(--font-size-title-desktop);margin:0}}#mc-embedded-subscribe-form{margin:0!important;max-width:100%}#mc_embed_signup_scroll p{font-size:var(--font-size-paragraph-desktop);font-weight:700;margin:0 0 5px;padding:0}.mc-field-group{min-height:30px!important;width:100%!important}.mc-field-group input{border-radius:4px!important}#mc_embed_signup .foot{display:flex!important}#mc_embed_signup .foot input{background-color:var(--color-black);font-size:var(--font-size-paragraph-desktop);font-weight:700;height:-webkit-fit-content!important;height:fit-content!important;padding:2px 20px!important;width:-webkit-fit-content!important;width:fit-content!important}#mc_embed_signup .foot input:hover{opacity:.8!important}@media screen and (max-width:375px){#mc_embed_signup_scroll p{font-size:var(--font-size-paragraph-mobile)}.mc-field-group{min-height:20px!important;width:100%!important}#mc_embed_signup .foot input{font-size:var(--font-size-paragraph-mobile)}}.highlightBanner{align-items:center;background-color:var(--color-secondary-blue);display:flex;flex-wrap:wrap;gap:10px;justify-content:center;padding:10px 0;text-align:center}.highlightBanner p{margin:0;padding:10px}.highlightBanner a,.highlightBanner p{color:var(--color-white);font-size:18px;font-weight:700}.highlightBanner a{border:1px solid var(--color-white);border-radius:8px;padding:4px 20px;text-decoration:none}#nav{position:-webkit-sticky;position:sticky;top:0;z-index:9999}@media screen and (max-width:850px){.highlightBanner{gap:5px}.highlightBanner a,.highlightBanner p{font-size:14px}.navMobile{align-items:center;background-color:var(--color-primary-yellow);border-bottom:2px solid var(--color-black);display:flex;justify-content:space-between;padding:10px 20px}.navMobile .logo{height:60px}.hamburgerLines,.hamburgerX{color:var(--color-black);height:40px}.menu-items-mobile{background-color:var(--color-primary-yellow);display:flex;flex-direction:column;justify-content:space-between;position:absolute;right:0;z-index:10}.menu-items-mobile .siteLinks{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-start;margin-top:10px}.menu-items-mobile .link{font-style:normal;margin:20px 20px 0 0;text-decoration:none}.menu-items-mobile .link,.navSocials{color:var(--color-black);font-size:var(--font-size-title-mobile)}.navSocials{align-items:flex-end;display:flex;flex-direction:column;margin-bottom:5%}.navSocialLink{background-color:var(--color-secondary-blue);border-radius:4px;color:var(--color-white);font-weight:700;margin:10px 20px;padding:8px 16px;text-decoration:none}.menu-items-desktop{display:none}}@media screen and (min-width:850px) and (max-width:1025px){.mobile-nav{display:none}}@media screen and (min-width:1025px){.mobile-nav{display:none}}*{font-family:Quicksand,sans-serif;font-style:normal}.app{display:flex;font-family:Quicksand;overflow-x:hidden}.page{margin:auto;text-align:center}.spacing{background-color:#d6e1ee}.header{font-size:100px;margin:0;text-align:center;text-decoration:underline;width:auto}.plaintext{font-size:40px;text-align:center}.coloredBkg{background-color:#292f36;margin-left:calc(-50vw + 50%);padding:50px 0;width:99.5vw}.coloredBkgContainer{margin:auto;text-align:center;width:80%}.plaintext-alt{color:#fff;font-size:40px;text-align:center}.listitems{color:#fff;font-size:35px;list-style:circle #000;padding:0 0 50px;text-align:left}.header-alt{color:#f9be2c;font-size:100px;margin:0;text-align:center;text-decoration:underline;width:auto}.btn-yellow{background-color:#ab8830;font-size:50px;height:120px;margin-top:30px;padding:0 120px;width:auto}.btnlink{color:#000;text-decoration:none}.divider{align-items:center;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr}.divider div hr{border-color:#000;border-width:thin;width:80%}.divider-logo{height:100px;justify-self:center}.bkgImgDiv{position:relative;text-align:left;z-index:1}.fullWidthImg{height:-webkit-fill-available;left:0;position:absolute;z-index:2}.fullWidthImg,.overlay{margin-left:calc(-50vw + 50%);width:100vw}.overlay{background-color:#0009;color:#fff;display:block;padding-top:50px;position:relative;z-index:3}.overlayTxt{margin:auto;padding:50px 0;width:80%}@media screen and (min-width:1024px){.page{text-align:-webkit-center;width:100%}.bkgImgDiv{grid-column-gap:0;grid-row-gap:0;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;height:550px;overflow:hidden;position:relative}.fullWidthImg{grid-area:1/1/2/2;height:-webkit-fill-available;left:0;margin:0;position:absolute;width:120%}.overlay{background-color:#0009;color:#fff;display:block;grid-area:1/2/2/3;justify-self:right;padding-top:50px;width:80%;z-index:3}.overlay .header{font-size:50px;margin:0;text-align:center;text-decoration:underline;width:auto}.overlay .overlayTxt{font-size:20px;margin:auto;padding:50px 0;width:90%}.babblebotSignup{height:200px;padding-top:20px}}.demoNoticeOverlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0f172a61;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1100}.demoNoticeModal{background:linear-gradient(180deg,#fffdf4,#fff);border:3px solid var(--color-yellow);border-radius:24px;box-shadow:0 28px 72px #0f172a33;color:var(--color-soft-black);padding:28px;width:min(460px,100%)}.demoNoticeEyebrow{color:var(--color-dark-blue);font-size:13px;font-weight:700;letter-spacing:.08em;margin:0 0 10px;text-transform:uppercase}.demoNoticeTitle{color:var(--color-soft-black);font-family:var(--font-poppins);font-size:clamp(30px,2.4vw,38px);line-height:1.05;margin:0 0 12px}.demoNoticeBody{color:#4b5563;font-size:var(--font-size-paragraph-desktop);line-height:1.65;margin:0}.demoNoticeActions{display:flex;justify-content:flex-end;margin-top:24px}.demoNoticeButton{background-color:var(--color-primary-yellow);border:2px solid var(--color-primary-yellow);border-radius:10px;color:var(--color-black);font-size:18px;font-weight:600;min-height:48px;padding:0 20px;transition:background-color .2s ease,transform .2s ease}.demoNoticeButton:hover{background-color:var(--color-primary-faded-yellow);cursor:pointer;transform:translateY(-1px)}.demoNoticeButton:focus-visible{outline:3px solid #f3c03b47;outline-offset:3px}@media screen and (min-device-width:850px){.newDemo{grid-column-gap:20px;grid-row-gap:0;background-color:var(--color-white);display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;margin:125px auto;max-width:1440px;width:80%}.demoStructure{grid-area:1/1/2/2;text-align:left;width:90%}.demoLabel{color:var(--color-soft-black);display:block;font-size:var(--font-size-paragraph-desktop);font-weight:600;margin:18px 0 4px}.demoHint{display:block;font-size:var(--font-size-sm);margin-bottom:6px}.demoHint,.demoOptional{color:var(--color-footer-link)}.demoOptional{font-weight:400}.demoInputWrapper{margin-bottom:20px;position:relative}.demoInputWrapper--select:after{border-bottom:2px solid var(--color-soft-black);border-right:2px solid var(--color-soft-black);content:"";height:10px;pointer-events:none;position:absolute;right:16px;top:50%;transform:translateY(-50%);transform:translateY(-65%) rotate(45deg);width:10px}.demoInput{background-color:var(--color-off-white);border:1.5px solid #d4d4d4;border-radius:var(--button-border-radius);box-sizing:border-box;color:var(--color-soft-black);font-family:inherit;font-size:17px;outline:none;padding:12px 16px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.demoInput:hover{border-color:#b0b0b0}.demoInput:focus{border-color:var(--color-yellow);box-shadow:0 0 0 3px #f3c03b33}.demoInput::placeholder{color:#b0b0b0}select.demoInput{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:40px}.objectiveDropdown{background:var(--color-white);border:1.5px solid #d4d4d4;border-radius:var(--button-border-radius);box-shadow:0 8px 24px #0000001f;left:0;list-style:none;margin:0;max-height:240px;overflow-y:auto;padding:6px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.objectiveDropdownItem{color:var(--color-soft-black);cursor:pointer;font-size:16px;padding:10px 16px;transition:background-color .15s ease}.objectiveDropdownItem:hover{background-color:var(--color-faded-yellow)}.objectiveDropdownItem .objectiveNum{color:var(--color-dark-blue);font-weight:600;margin-right:2px}.demoStructure .decodableGenerator{font-family:var(--font-poppins);font-size:30px;font-weight:700;margin-bottom:5px;margin-top:0}.demoStructure p{font-size:var(--font-size-paragraph-desktop);margin:10px 0 5px}#buttonContainer{display:flex;gap:10px;justify-content:left}.demoButton{background-color:var(--color-primary-yellow);border:2px solid var(--color-primary-yellow);border-radius:8px}.clearButton,.demoButton{color:var(--color-black);font-size:20px;font-weight:500;padding:8px 20px;transition:.2s ease-in-out}.clearButton{background-color:var(--color-secondary-red);border:2px solid var(--color-secondary-red);border-radius:8px}.clearButton:hover{background-color:var(--color-secondary-faded-red);cursor:pointer}.demoButton:hover{background-color:var(--color-primary-faded-yellow);cursor:pointer}.demoContent{text-wrap:wrap;background-color:#f3c03b1a;border:4px solid var(--color-yellow);border-radius:4px;color:var(--color-yellow);font-weight:700;grid-area:1/2/2/3;padding:3%;text-align:left}.defaultGeneratorText{align-items:center;font-size:var(--font-size-title-desktop);margin:0;padding:0}.defaultGeneratorText,.demoLimitMessage{display:flex;height:100%;justify-content:center}.demoLimitMessage{align-items:flex-start;color:var(--color-soft-black);flex-direction:column;font-weight:400;gap:16px;padding:12px}.demoLimitTitle{color:var(--color-soft-black);font-size:clamp(28px,2.1vw,36px);line-height:1.1;margin:0}.demoLimitBody{color:#4b5563;font-size:var(--font-size-paragraph-desktop);line-height:1.55;margin:0;max-width:34rem}.demoLimitActions{align-items:center;display:flex;flex-wrap:wrap;gap:16px}.demoLimitPrimary{align-items:center;background-color:var(--color-primary-yellow);border:2px solid var(--color-primary-yellow);border-radius:10px;color:var(--color-black);display:inline-flex;font-size:18px;font-weight:600;justify-content:center;min-height:48px;padding:0 18px;text-decoration:none;transition:background-color .2s ease,transform .2s ease}.demoLimitPrimary:hover{background-color:var(--color-primary-faded-yellow);transform:translateY(-1px)}.demoLimitSecondary{color:var(--color-dark-blue);font-size:17px;font-weight:600;text-decoration:none}.demoLimitSecondary:hover{text-decoration:underline}.loadingMessage{align-items:center;display:flex;flex-direction:column;gap:5px;height:100%;justify-content:center;margin:0;padding:0}.loadingMessage p{margin:0;padding:0}.demoStoryArea,.loadingMessage p{font-size:var(--font-size-title-desktop)}.demoStoryArea{position:relative;width:100%}.demoStoryArea p{margin:2px 0}}@media screen and (max-width:850px){.newDemo{grid-row-gap:20px;display:grid;grid-template-columns:1fr;grid-template-rows:1fr .5fr;height:auto!important;margin:0 auto;padding:100px 0;width:80%}.newDemo .lds-ellipsis{place-self:center}.demoStructure{grid-area:1/1/1/1;margin:0 auto;text-align:left;width:100%}.decodableGenerator{font-family:var(--font-poppins);font-size:var(--font-size-title-mobile)}.demoStructure p{margin:5px 0}.demoLabel,.demoStructure p{font-size:var(--font-size-paragraph-mobile)}.demoLabel{color:var(--color-soft-black);display:block;font-weight:600;margin:14px 0 3px}.demoHint{display:block;font-size:var(--font-size-xs);margin-bottom:4px}.demoHint,.demoOptional{color:var(--color-footer-link)}.demoOptional{font-weight:400}.demoInputWrapper{margin-bottom:12px;position:relative}.demoInputWrapper--select:after{border-bottom:2px solid var(--color-soft-black);border-right:2px solid var(--color-soft-black);content:"";height:8px;pointer-events:none;position:absolute;right:14px;top:50%;transform:translateY(-65%) rotate(45deg);width:8px}.demoInput{background-color:var(--color-off-white);border:1.5px solid #d4d4d4;border-radius:var(--button-border-radius);box-sizing:border-box;color:var(--color-soft-black);font-family:inherit;font-size:var(--font-size-paragraph-mobile);outline:none;padding:10px 14px;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.demoInput:hover{border-color:#b0b0b0}.demoInput:focus{border-color:var(--color-yellow);box-shadow:0 0 0 3px #f3c03b26}.demoInput::placeholder{color:#b0b0b0}select.demoInput{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:36px}.demoInput option{font-size:var(--font-size-paragraph-mobile)}.objectiveDropdown{background:var(--color-white);border:1.5px solid #d4d4d4;border-radius:var(--button-border-radius);box-shadow:0 6px 18px #0000001f;left:0;list-style:none;margin:0;max-height:200px;overflow-y:auto;padding:4px 0;position:absolute;right:0;top:calc(100% + 4px);z-index:100}.objectiveDropdownItem{color:var(--color-soft-black);cursor:pointer;font-size:var(--font-size-paragraph-mobile);padding:10px 14px;transition:background-color .15s ease}.objectiveDropdownItem:hover{background-color:var(--color-faded-yellow)}.objectiveDropdownItem .objectiveNum{color:var(--color-dark-blue);font-weight:600;margin-right:2px}#buttonContainer{align-items:center;display:flex;gap:10px}.demoButton{background-color:var(--color-yellow);color:var(--color-black)}.clearButton,.demoButton{border:none;border-radius:4px;font-size:var(--font-size-paragraph-mobile);padding:8px 12px}.clearButton{background-color:var(--color-red);color:var(--color-white)}.loadingMessage{align-items:center;display:flex;flex-direction:column;gap:5px;height:100%;justify-content:center;margin:0;padding:3%}.loadingMessage p{font-size:var(--font-size-title-mobile);font-weight:700;margin:0;padding:0}.demoContent{background-color:#f3c03b1a;border:2px solid;border-radius:4px;color:var(--color-yellow);grid-area:2/1/2/1;height:auto;text-align:-webkit-center}.demoStoryArea{font-size:var(--font-size-title-mobile);font-weight:700;padding:3%;text-align:left}.demoStoryArea p{margin:5px 0}.defaultGeneratorText{align-items:center;display:flex;font-size:var(--font-size-title-mobile);font-weight:700;height:100%;justify-content:center;margin:0}.demoLimitMessage{align-items:flex-start;color:var(--color-soft-black);display:flex;flex-direction:column;gap:14px;padding:18px 16px;text-align:left}.demoLimitTitle{color:var(--color-soft-black);font-size:var(--font-size-title-mobile);line-height:1.15;margin:0}.demoLimitBody{color:#4b5563;font-size:var(--font-size-paragraph-mobile);line-height:1.55;margin:0}.demoLimitActions{align-items:stretch;display:flex;flex-direction:column;gap:10px;width:100%}.demoLimitPrimary{align-items:center;background-color:var(--color-primary-yellow);border:2px solid var(--color-primary-yellow);border-radius:8px;color:var(--color-black);display:inline-flex;justify-content:center;min-height:44px;padding:0 16px;text-decoration:none}.demoLimitPrimary,.demoLimitSecondary{font-size:var(--font-size-paragraph-mobile);font-weight:600}.demoLimitSecondary{color:var(--color-dark-blue);text-align:center;text-decoration:underline}.demoNoticeOverlay{padding:18px}.demoNoticeModal{border-radius:18px;padding:22px 18px}.demoNoticeTitle{font-size:var(--font-size-title-mobile);line-height:1.1}.demoNoticeBody{font-size:var(--font-size-paragraph-mobile)}.demoNoticeActions{justify-content:stretch}.demoNoticeButton{font-size:var(--font-size-paragraph-mobile);width:100%}}.loader{align-items:center;display:flex;justify-content:center;width:100%}.lds-ellipsis{height:80px}.lds-ellipsis div{top:33px}.FoR-container{background-color:var(--color-primary-yellow);height:600px}.FoR-content{align-items:center;display:flex;height:100%;justify-content:space-between;margin:0 auto;max-width:1440px;width:80%}.FoR-content-left{align-items:flex-start;display:flex;flex-direction:column;width:50%}.FoR-content-left h2{display:inline-block;font-size:36px;font-weight:500;margin:0;padding:0}.FoR-word-slot{display:inline-block;overflow:hidden;position:relative;vertical-align:bottom}.FoR-word{color:var(--color-secondary-blue);display:inline-block}.FoR-word-current{transform:translateY(0)}.FoR-word-next{left:0;position:absolute;top:0;transform:translateY(100%)}.FoR-word-drop{animation:FoRDropDown .55s ease forwards}.FoR-word-rise{animation:FoRRiseUp .55s ease forwards}.FoR-content-left p{font-size:20px;width:90%}.FoR-signup{background-color:var(--color-secondary-blue);border:2px solid var(--color-secondary-blue);border-radius:8px;color:var(--color-white);font-size:18px;margin-bottom:10px;padding:8px 18px;text-decoration:none;transition:var(--transition-default)}.FoR-signup:hover{background-color:var(--color-secondary-faded-blue)}.FoR-pricing{font-size:18px}.FoR-content-right{position:relative;text-align:right;width:50%}.FoR-main-img{border:2px solid var(--color-black);border-radius:8px;width:90%}.FoR-OGI{background-color:var(--color-white);border:2px solid var(--color-black);border-radius:8px;bottom:-50px;display:flex;flex-direction:column;gap:6px;justify-content:center;padding:10px;position:absolute;right:4%;text-align:center;width:-webkit-fit-content;width:fit-content}.FoR-secondary-img{width:100%}.FoR-OGI p{font-size:15px;font-weight:700;margin:0}.FoR-learn-more{bottom:-35px;color:var(--color-black);font-size:18px;font-weight:500;left:30%;position:absolute;text-decoration:none}.link-arrow{height:16px;margin-left:4px}.FoR-arrow-link{color:var(--color-black);font-size:18px;font-weight:500;text-decoration:none}.FoR-arrow-link,.FoR-learn-more{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;transition:background-size .22s ease}.FoR-arrow-link:hover,.FoR-learn-more:hover{background-size:100% 2px}@keyframes FoRDropDown{0%{transform:translateY(0)}to{transform:translateY(100%)}}@keyframes FoRRiseUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media screen and (max-width:1240px){.FoR-learn-more{left:10%}}@media screen and (max-width:1100px){.FoR-container{height:400px}.FoR-content-left h2{font-size:28px}.FoR-content-left p{font-size:16px}}@media screen and (max-width:930px){.FoR-learn-more{left:-10%}}@media screen and (max-width:768px){.FoR-container{height:auto;padding:50px 0}.FoR-content{align-items:flex-start;flex-direction:column-reverse;gap:40px;width:90%}.FoR-content-left{width:100%}.FoR-content-left h2{font-size:26px}.FoR-content-left p{font-size:16px;width:100%}.FoR-content-right{text-align:left;width:100%}.FoR-OGI,.FoR-main-img{width:100%}.FoR-OGI{align-items:center;display:inline-flex;flex-direction:row;margin-top:12px;padding:10px 0;position:static}.FoR-secondary-img{margin-right:8px;width:80px}.FoR-learn-more{display:inline-block;font-size:16px;margin-top:10px;position:static}}@media screen and (max-width:480px){.FoR-container{padding:36px 0}.FoR-content{gap:28px;width:92%}.FoR-content-left h2{font-size:22px}.FoR-arrow-link,.FoR-signup{font-size:16px}.FoR-OGI p{font-size:13px}}.stepCardSection h2{font-family:var(--font-poppins);font-size:30px;position:-webkit-sticky;position:sticky;top:120px}.stepCardContainer{display:flex;flex-direction:column;gap:40px;height:-webkit-fit-content;height:fit-content;position:relative;width:100%}.stepCard{align-items:center;border-radius:10px;display:flex;gap:20px;padding:50px 40px}.card-1{background-color:var(--color-secondary-faded-blue);height:400px;max-width:1440px;top:190px;width:80%;z-index:2}.card-1,.card-2{margin:auto;position:-webkit-sticky;position:sticky}.card-2{background-color:var(--color-secondary-orange);height:380px;max-width:1460px;top:210px;width:82%;z-index:3}.card-3{background-color:var(--color-secondary-purple);height:360px;margin:auto;max-width:1480px;position:-webkit-sticky;position:sticky;top:230px;width:84%;z-index:4}.stepCardImg{border:2px solid var(--color-black);border-radius:8px;max-width:488px}.stepCardText{align-items:flex-start;display:flex;flex-direction:column;font-size:20px;text-align:left;width:50%}.stepCardTitle{align-items:center;border:1px solid var(--color-black);border-radius:8px;display:flex;gap:10px;padding:10px}.stepCardTitleIcon{height:25px}.stepCardTitle h3{font-size:30px;margin:0}.bullets{display:flex;font-size:15px;gap:5px}@media (max-width:980px){.stepCardSection h2{font-size:24px;top:100px}.card-1{top:160px;width:88%}.card-2{top:176px;width:90%}.card-3{top:192px;width:92%}.stepCard{gap:16px;padding:36px 28px}.stepCardImg{height:280px;max-width:400px}.stepCardText{font-size:17px}.stepCardTitle h3{font-size:24px}}@media screen and (max-width:900px){.stepCardImg{max-width:350px}}@media (max-width:780px){.stepCardSection h2{font-size:20px;top:100px}.stepCard{flex-direction:column;gap:16px;height:-webkit-fit-content;height:fit-content;padding:24px 16px}.card-1{height:590px;top:180px;width:80%}.card-2{height:570px;top:200px;width:82%}.card-3{height:550px;top:220px;width:84%}.stepCardImg{height:auto;width:100%}.stepCardText{font-size:15px;width:100%}.stepCardTitle h3{font-size:20px}.stepCardTitleIcon{height:20px}.bullets{flex-wrap:wrap;font-size:13px}}.groundedInSection{display:flex;flex-direction:column;gap:30px;padding:120px 0;position:relative}.groundedInHalfCircle,.groundedInSection{background-color:var(--color-primary-faded-yellow)}.groundedInHalfCircle{border-radius:50% 50% 0 0;height:150px;left:0;margin-top:-150px;position:absolute;top:0;width:100%}.groundedInHeader{display:flex;flex-direction:column}.groundedInHeader h2{font-family:var(--font-poppins);font-size:30px;margin:0}.groundedInColumns{display:flex;gap:20px;justify-content:center;margin:auto;max-width:1600px;width:80%;width:90%}.groundedInLeft{display:flex;flex-direction:column;justify-content:space-between;width:30%}.groundedInCenter{align-items:center;background-color:var(--color-primary-yellow);border:7px solid var(--color-faded-yellow);border-radius:8px;display:flex;justify-content:center;padding:100px 10px;width:25%}.groundedInCenter img{height:auto;width:250px}.groundedInRight{justify-content:space-between;width:30%}.groundedInRight,.topic{display:flex;flex-direction:column}.topic{gap:8px;text-align:left}.altTopic{align-items:flex-end;text-align:right}.topicTitle{border:1px solid var(--color-black);border-radius:8px;font-size:20px;font-weight:700;margin:0;padding:10px;width:-webkit-fit-content;width:fit-content}.topicText{font-size:18px;margin:0}@media (max-width:1025px){.groundedInLeft,.groundedInRight{gap:30px}}@media (max-width:980px){.groundedInSection{padding:80px 0}.groundedInHeader h2{font-size:24px}.groundedInColumns{gap:14px;width:94%}.groundedInLeft,.groundedInRight{width:35%}.groundedInCenter{padding:60px 10px;width:20%}.groundedInCenter img{width:180px}.topicTitle{font-size:17px}.topicText{font-size:15px}}@media (max-width:851px){.groundedInCenter img{width:150px}}@media (max-width:640px){.groundedInSection{gap:20px;padding:60px 0}.groundedInHeader h2{font-size:20px}.groundedInColumns{align-items:center;flex-direction:column;gap:20px;width:92%}.groundedInCenter{order:-1;padding:30px 10px;width:90%}.groundedInCenter img{width:160px}.groundedInLeft,.groundedInRight{gap:16px;width:100%}.altTopic{align-items:flex-end;text-align:right}.topicTitle{font-size:16px}.topicText{font-size:15px}}.ogiSection{align-items:center;background-color:var(--color-primary-faded-yellow);display:flex;flex-direction:column;padding:40px 0}.ogiSection p,a,h2{color:var(--color-black)}.ogiHeadline{border-bottom:1px solid #747474;display:flex;justify-content:space-between;margin:0;max-width:1440px;padding-bottom:20px;width:80%}.ogiHeadlineText{display:flex;flex-direction:column;gap:8px;text-align:left}.ogiHeadlineText h2{font-family:var(--font-poppins);font-size:30px;margin:0}.ogiHeadlineText p{font-size:20px;margin:0;width:90%}.ogiHeadline img{background-color:var(--color-white);border:2px solid var(--ogi-purple);border-radius:8px;padding:20px 30px;width:220px}.blueCards{display:flex;gap:20px;margin-top:20px;max-width:1440px;width:80%}.blueCard{background-color:var(--ogi-light-blue);border:2px solid var(--ogi-blue);border-radius:8px;flex:1 1;padding:20px;text-align:left}.blueCard .blueCardTitle{font-size:20px;font-weight:600;margin:0}.blueCard .blueCardText{font-size:20px;margin:0}.purpleCard{align-items:center;background-color:var(--ogi-light-purple);border:2px solid var(--ogi-purple);border-radius:8px;display:flex;justify-content:space-between;margin-top:20px;max-width:1440px;padding:20px 0;width:80%}.purpleCard p{font-weight:500;margin:0 0 0 20px}.purpleCard a{background-color:var(--ogi-purple);border:2px solid var(--ogi-purple);border-radius:8px;color:var(--color-white);margin-right:20px;padding:6px 14px;text-decoration:none;transition:var(--transition-default)}.purpleCard a:hover{background-color:#8551a099}@media (max-width:1201px){.ogiHeadline img{height:100px}}@media (max-width:980px){.ogiHeadline{gap:20px;width:90%}.ogiHeadlineText p{font-size:18px;width:100%}.blueCards{width:90%}.blueCard .blueCardText,.blueCard .blueCardTitle{font-size:18px}.purpleCard{width:90%}}@media (max-width:640px){.ogiHeadline{align-items:center;flex-direction:column;width:92%}.ogiHeadlineText{align-items:center;text-align:center}.ogiHeadlineText h2{font-size:22px}.ogiHeadlineText p{font-size:16px}.ogiHeadline img{width:200px}.blueCards{flex-direction:column;width:92%}.blueCard .blueCardText,.blueCard .blueCardTitle{font-size:16px}.purpleCard{flex-direction:column;gap:14px;padding:16px 0;text-align:center;width:92%}.purpleCard p{margin-left:0}.purpleCard a{margin-right:0}}.clearInsightContainer{display:flex;flex-direction:column;gap:36px;margin:120px auto 0;max-width:1440px;width:80%}.clearInsightHeadline{align-self:flex-end;display:flex;flex-direction:column;gap:8px;text-align:right;width:50%}.clearInsightHeadline h2{font-family:var(--font-poppins);font-size:30px;margin:0}.clearInsightHeadline p{font-size:20px;margin:0}.gradingStep{align-items:center;display:flex;gap:32px;justify-content:space-between;margin:0 auto;min-height:220px;padding:30px 40px;position:relative;width:94%}.gradingStep:before{border-radius:8px;bottom:10px;content:"";position:absolute;top:10px;width:64%;z-index:1}.step1:before,.step3:before{right:0}.step2:before{left:0}.step1:before{background-color:var(--color-primary-faded-yellow)}.step2:before{background-color:var(--color-secondary-faded-orange)}.step3:before{background-color:var(--color-secondary-faded-blue)}.gradingStepImageWrap{border-radius:8px;position:relative;width:48%;z-index:2}.gradingStepImage{border:3px solid var(--color-secondary-orange);border-radius:8px;display:block;width:100%}.step1 .gradingStepImage{border-color:var(--color-primary-yellow)}.step3 .gradingStepImage{border-color:var(--color-secondary-blue)}.gradingStepText{position:relative;text-align:right;width:45%;z-index:2}.step2 .gradingStepText{text-align:left}.gradingStepText h3{font-size:30px;margin:0 0 14px;text-underline-offset:6px}.gradingStepText p{font-size:20px;line-height:1.35;margin:0}.step1 h3{border-bottom:2px solid var(--color-primary-yellow)}.step2 h3{border-bottom:2px solid var(--color-secondary-orange)}.step3 h3{border-bottom:2px solid var(--color-secondary-blue)}@media (max-width:980px){.clearInsightContainer{width:90%}.clearInsightHeadline{width:80%}.clearInsightHeadline h2{font-size:26px}.clearInsightHeadline p{font-size:18px}.gradingStep{gap:22px;padding:24px;width:94%}.gradingStep:before{width:66%}.gradingStepText h3{font-size:24px}.gradingStepText p{font-size:16px}}@media (max-width:720px){.clearInsightContainer{gap:24px;margin-top:80px}.clearInsightHeadline{justify-self:center;text-align:center;width:100%}.clearInsightHeadline h2{font-size:22px}.clearInsightHeadline p{font-size:16px}.gradingStep{flex-direction:column;gap:16px;padding:18px;width:90%}.gradingStep:before,.step1:before,.step2:before,.step3:before{left:0;right:auto;top:200px;width:100%}.step2{flex-direction:column-reverse}.gradingStepImageWrap,.gradingStepText{width:100%}.gradingStepText,.step2 .gradingStepText{text-align:center}.gradingStepText h3{font-size:22px;margin-bottom:10px}.gradingStepText p{font-size:15px}}.engagingLiteracySection{background-color:#f5b89a;gap:32px;margin-top:120px;padding:60px 0}.engagingLiteracyHeadline,.engagingLiteracySection{align-items:center;display:flex;flex-direction:column}.engagingLiteracyHeadline{gap:12px;max-width:800px;text-align:center;width:80%}.engagingLiteracyHeadline h2{font-family:var(--font-poppins);font-size:30px;margin:0}.engagingLiteracyHeadline p{font-size:20px;margin:0}.engagingLiteracyImg{border:4px solid var(--color-secondary-orange);border-radius:8px;display:block;max-width:1090px;width:80%}.engagingLiteracyCards{display:flex;gap:20px;max-width:1100px;width:80%}.engagingLiteracyCard{background-color:initial;border:4px solid var(--color-secondary-orange);border-radius:8px;flex:1 1;padding:20px;text-align:left}.engagingLiteracyCardTitle{font-size:20px;font-weight:600;margin:0 0 10px}.engagingLiteracyCardText{font-size:18px;line-height:1.4;margin:0}@media (max-width:980px){.engagingLiteracyHeadline h2{font-size:26px}.engagingLiteracyHeadline p{font-size:18px}.engagingLiteracyCards,.engagingLiteracyImg{width:92%}.engagingLiteracyCardTitle{font-size:18px}.engagingLiteracyCardText{font-size:16px}}@media (max-width:640px){.engagingLiteracySection{gap:24px;padding:40px 0}.engagingLiteracyHeadline{width:92%}.engagingLiteracyHeadline h2{font-size:22px}.engagingLiteracyHeadline p{font-size:16px}.engagingLiteracyImg{width:94%}.engagingLiteracyCards{flex-direction:column;gap:14px;width:94%}.engagingLiteracyCardTitle{font-size:17px}.engagingLiteracyCardText{font-size:15px}}.ctaBanner{align-items:center;display:flex;flex-direction:column;gap:20px;margin:120px auto;width:40%}.ctaBanner h2{font-family:var(--font-poppins);font-size:30px;margin:0}.ctaBanner p{font-size:20px;margin:0}.ctaBtn{background-color:var(--color-primary-yellow);border:2px solid var(--color-primary-yellow);border-radius:8px;color:var(--color-black);font-size:20px;padding:8px 20px;text-decoration:none;transition:var(--transition-default)}.ctaBtn:hover{background-color:var(--color-primary-faded-yellow)}.bookDemo{align-items:center;background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;display:flex;gap:4px;text-decoration:none;transition:background-size .22s ease}.bookDemo:hover{background-size:100% 2px}@media (max-width:1440px){.ctaBanner{width:90%}}.contactPage{margin:0 auto;max-width:1120px;padding:72px 24px 96px}.contactHero{grid-gap:16px;display:grid;gap:16px;margin-bottom:40px}.contactEyebrow{color:#aa4747;font-size:.85rem;font-weight:700;letter-spacing:.14em;margin:0;text-transform:uppercase}.contactHero h1{color:#1f2430;font-size:clamp(2.4rem,5vw,4rem);line-height:1.05;margin:0}.contactHero p{color:#425066;font-size:1.05rem;line-height:1.7;margin:0;max-width:720px}.contactGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.contactCard{grid-gap:14px;background:linear-gradient(180deg,#fff,#faf6f0);border:1px solid #1f243014;border-radius:24px;box-shadow:0 18px 40px #1f243014;display:grid;gap:14px;padding:24px}.contactCard h2{color:#1f2430;font-size:1.25rem;margin:0}.contactCard p{color:#425066;line-height:1.65;margin:0}.contactCard a{color:#1d5f7a;font-weight:600;text-decoration:none}.contactCard a:hover{text-decoration:underline}.contactActions{display:flex;flex-wrap:wrap;gap:12px}.contactButton{align-items:center;border-radius:999px;display:inline-flex;font-weight:700;justify-content:center;min-height:44px;padding:0 18px}.contactButton,.contactButton:hover{text-decoration:none}.contactButtonPrimary{background:#aa4747;color:#fff}.contactButtonSecondary{background:#fff;border:1px solid #1f24301f;color:#1f2430}@media (max-width:640px){.contactPage{padding:48px 20px 72px}.contactGrid{grid-template-columns:1fr}}.wizard-page{align-items:flex-start;background:linear-gradient(135deg,var(--color-faded-yellow) 0,#f8f6f0 50%,var(--color-faded-blue) 100%);display:flex;justify-content:center;min-height:100dvh;padding:40px 16px 60px}.wizard-container{animation:wizardFadeIn .4s ease-out;background:var(--color-white);border-radius:16px;box-shadow:0 8px 40px #00000014,0 2px 8px #0000000a;max-width:720px;overflow:hidden;width:100%}@keyframes wizardFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.wizard-brand{padding:28px 24px 0;text-align:center}.wizard-brand-name{color:var(--color-yellow);font-size:26px;font-weight:800;letter-spacing:-.5px;margin:0}.wizard-progress{padding:24px 32px 8px;position:relative}.wizard-progress-track{background:#e8e8e8;border-radius:3px;height:3px;left:80px;position:absolute;right:80px;top:42px;z-index:0}.wizard-progress-fill{background:var(--color-yellow);border-radius:3px;height:100%;transition:width .5s ease}.wizard-progress-steps{display:flex;justify-content:space-between;position:relative;z-index:1}.wizard-progress-step{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:6px}.wizard-step-circle{align-items:center;background:var(--color-white);border:3px solid #e0e0e0;border-radius:50%;color:#bbb;display:flex;font-size:14px;font-weight:700;height:36px;justify-content:center;transition:all .3s ease;width:36px}.wizard-progress-step.active .wizard-step-circle{border-color:var(--color-yellow);box-shadow:0 0 0 4px var(--color-faded-yellow);color:var(--color-yellow)}.wizard-progress-step.completed .wizard-step-circle{background:var(--color-chalkboard-green);border-color:var(--color-chalkboard-green);color:#fff}.wizard-step-label{color:#bbb;font-size:12px;font-weight:600;transition:color .3s}.wizard-progress-step.active .wizard-step-label{color:var(--color-soft-black)}.wizard-progress-step.completed .wizard-step-label{color:var(--color-chalkboard-green)}.wizard-content{animation:stepSlideIn .35s ease-out;padding:8px 36px 24px}@keyframes stepSlideIn{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.wizard-step-container{width:100%}.wizard-step-header{margin-bottom:24px;text-align:center}.wizard-step-header h2{color:var(--color-soft-black);font-size:24px;font-weight:700;margin:0 0 8px}.wizard-step-subtitle{color:#777;font-size:15px;line-height:1.5;margin:0}.wizard-form{display:flex;flex-direction:column;gap:18px}.wizard-form-row{display:flex;gap:14px}.wizard-field{display:flex;flex:1 1;flex-direction:column;gap:5px}.wizard-field label{align-items:center;color:var(--color-soft-black);display:flex;font-size:13px;font-weight:600;gap:6px}.wizard-label-help{color:#aaa;cursor:help;font-size:13px;transition:color .2s}.wizard-label-help:hover{color:var(--color-yellow)}.wizard-field input,.wizard-field select{background:var(--color-white);border:2px solid #e0e0e0;border-radius:8px;box-sizing:border-box;color:var(--color-soft-black);font-size:15px;height:44px;outline:none;padding:0 14px;transition:border-color .2s,box-shadow .2s;width:100%}.wizard-field input.focused,.wizard-field input:focus,.wizard-field select:focus{border-color:var(--color-yellow);box-shadow:0 0 0 3px var(--color-faded-yellow)}.wizard-field input:disabled{background:#f7f7f7;cursor:not-allowed;opacity:.7}.wizard-field input::placeholder{color:#bbb}.wizard-password-wrapper{position:relative}.wizard-password-wrapper input{padding-right:48px}.wizard-toggle-password{background:none;border:none;color:#999;cursor:pointer;font-size:16px;padding:4px;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:color .2s}.wizard-toggle-password:hover{color:var(--color-soft-black)}.wizard-password-strength{align-items:center;display:flex;gap:10px;margin-top:4px}.wizard-strength-bar{background:#e8e8e8;border-radius:5px;flex:1 1;height:5px;overflow:hidden}.wizard-strength-fill{border-radius:5px;height:100%;transition:width .3s,background-color .3s}.wizard-strength-label{font-size:12px;font-weight:700;min-width:40px}.wizard-password-checks{grid-gap:6px;background:#fafafa;border:1px solid #eee;border-radius:8px;display:grid;gap:6px;grid-template-columns:1fr 1fr;list-style:none;margin:4px 0 0;padding:10px 14px}.wizard-password-checks li{align-items:center;display:flex;font-size:12px;font-weight:500;gap:6px}.wizard-password-checks li.met{color:var(--color-chalkboard-green)}.wizard-password-checks li.unmet{color:#ccc}.wizard-password-checks li.met svg{color:var(--color-chalkboard-green)}.wizard-password-checks li.unmet svg{color:#ddd}.wizard-btn-primary{align-items:center;background:var(--color-yellow);border:none;border-radius:10px;color:var(--color-white);cursor:pointer;display:inline-flex;font-size:15px;font-weight:700;gap:8px;justify-content:center;min-height:48px;padding:13px 28px;transition:all .2s}.wizard-btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #f3c03b59;transform:translateY(-1px)}.wizard-btn-primary:active:not(:disabled){transform:translateY(0)}.wizard-btn-primary:disabled{cursor:not-allowed;opacity:.5;transform:none}.wizard-btn-secondary{align-items:center;background:#0000;border:2px solid #e0e0e0;border-radius:10px;color:#888;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:11px 20px;transition:all .2s}.wizard-btn-secondary:hover{border-color:#ccc;color:var(--color-soft-black)}.wizard-btn-ghost{align-items:center;background:#0000;border:none;color:#999;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:11px 18px;transition:color .2s}.wizard-btn-ghost:hover{color:var(--color-soft-black)}.wizard-btn-row{align-items:center;border-top:1px solid #f0f0f0;display:flex;justify-content:space-between;margin-top:24px;padding-top:20px}.wizard-btn-group{align-items:center;display:flex;gap:8px}.wizard-btn-add{align-items:center;align-self:flex-end;background:var(--color-chalkboard-green);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:700;gap:6px;height:44px;padding:0 20px;transition:all .2s;white-space:nowrap}.wizard-btn-add:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.wizard-btn-add:disabled{cursor:not-allowed;opacity:.4}.wizard-btn-loading{align-items:center;display:inline-flex;gap:8px}.wizard-spinner{animation:wizardSpin .7s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes wizardSpin{to{transform:rotate(1turn)}}.wizard-error{background:var(--color-faded-red);border:2px solid var(--color-red);border-radius:8px;color:var(--color-red);line-height:1.4;padding:12px 16px}.wizard-error,.wizard-success{font-size:13px;font-weight:600}.wizard-success{background:var(--color-chalkboard-green-faded);border:2px solid var(--color-chalkboard-green);border-radius:8px;color:var(--color-chalkboard-green);padding:10px 16px}.wizard-tooltip-wrapper{align-items:center;cursor:help;display:inline-flex;position:relative}.wizard-tooltip{animation:tooltipFade .15s ease-out;background:var(--color-soft-black);border-radius:8px;box-shadow:0 4px 16px #00000026;color:#fff;font-size:12px;font-weight:500;line-height:1.5;max-width:260px;padding:10px 14px;pointer-events:none;position:absolute;width:-webkit-max-content;width:max-content;z-index:100}@keyframes tooltipFade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.wizard-tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translateX(-50%)}.wizard-tooltip-bottom{left:50%;top:calc(100% + 8px);transform:translateX(-50%)}.wizard-tooltip-right{left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.wizard-tooltip-left{right:calc(100% + 8px);top:50%;transform:translateY(-50%)}.wizard-tooltip-arrow{display:none}.wizard-tooltip-link{color:#93c5fd;display:inline-block;font-size:11px;font-weight:600;margin-top:6px;text-decoration:none;transition:color .15s}.wizard-tooltip-link:hover{color:#fff;text-decoration:underline}.wizard-section{margin-bottom:20px}.wizard-section-label{align-items:center;color:var(--color-soft-black);display:flex;font-size:14px;font-weight:700;gap:8px;margin-bottom:10px}.wizard-section-label svg:first-child{color:var(--color-yellow);font-size:16px}.wizard-grade-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.wizard-grade-card{align-items:center;background:var(--color-white);border:2px solid #e8e8e8;border-radius:10px;color:var(--color-soft-black);cursor:pointer;display:flex;flex-direction:column;font-size:13px;font-weight:600;gap:4px;padding:14px 8px;transition:all .2s}.wizard-grade-card.selected,.wizard-grade-card:hover{background:var(--color-faded-yellow);border-color:var(--color-yellow)}.wizard-grade-card.selected{box-shadow:0 0 0 3px #f3c03b26}.wizard-grade-card.error-highlight{border-color:var(--color-red)}.wizard-grade-icon{color:var(--color-yellow);font-size:20px}.wizard-grade-label{font-size:13px}.wizard-option-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.wizard-option-card{align-items:center;background:var(--color-white);border:2px solid #e8e8e8;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:20px 16px 18px;position:relative;text-align:center;transition:all .2s}.wizard-option-card.selected,.wizard-option-card:hover{border-color:var(--color-yellow)}.wizard-option-card.selected{background:var(--color-faded-yellow);box-shadow:0 0 0 3px #f3c03b26}.wizard-option-card.error-highlight{border-color:var(--color-red)}.wizard-recommended{background:var(--color-chalkboard-green);border-radius:10px;color:#fff;font-size:10px;font-weight:700;left:50%;letter-spacing:.5px;padding:2px 10px;position:absolute;text-transform:uppercase;top:-10px;transform:translateX(-50%);white-space:nowrap}.wizard-option-icon{color:var(--color-yellow);font-size:22px;margin-bottom:2px}.wizard-option-label{color:var(--color-soft-black);font-size:15px;font-weight:700}.wizard-option-desc{color:#888;font-size:12px;line-height:1.4}.wizard-option-check{color:var(--color-chalkboard-green);font-size:16px;position:absolute;right:10px;top:10px}.wizard-passes-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.wizard-pass-btn{background:var(--color-white);border:2px solid #e0e0e0;border-radius:10px;color:var(--color-soft-black);cursor:pointer;font-size:18px;font-weight:700;height:48px;transition:all .2s;width:48px}.wizard-pass-btn.selected,.wizard-pass-btn:hover{border-color:var(--color-yellow)}.wizard-pass-btn.selected{background:var(--color-faded-yellow);box-shadow:0 0 0 3px #f3c03b26}.wizard-pass-btn.error-highlight{border-color:var(--color-red)}.wizard-passes-hint{align-items:center;color:#aaa;display:inline-flex;font-size:12px;gap:5px;margin-left:4px}.wizard-classcode-banner{background:linear-gradient(135deg,#f8f4e8,#fdf8ec);border:2px solid var(--color-yellow);border-radius:12px;margin-bottom:20px;padding:18px 20px;text-align:center}.wizard-classcode-info{align-items:center;display:flex;gap:6px;justify-content:center;margin-bottom:8px}.wizard-classcode-label{color:#999;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.wizard-classcode-value{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:6px}.wizard-classcode-value span{color:var(--color-soft-black);font-family:Courier New,monospace;font-size:32px;font-weight:800;letter-spacing:4px}.wizard-copy-btn{align-items:center;background:var(--color-yellow);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:12px;font-weight:700;gap:5px;padding:6px 14px;transition:all .2s}.wizard-copy-btn:hover{opacity:.9}.wizard-classcode-hint{color:#888;font-size:13px;margin:0}.wizard-mode-toggle{border:2px solid #e0e0e0;border-radius:10px;display:flex;gap:0;margin-bottom:16px;overflow:hidden}.wizard-mode-btn{align-items:center;background:var(--color-white);border:none;color:#999;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px;transition:all .2s}.wizard-mode-btn+.wizard-mode-btn{border-left:2px solid #e0e0e0}.wizard-mode-btn.active{background:var(--color-faded-yellow);color:var(--color-soft-black)}.wizard-mode-btn:hover:not(.active){background:#fafafa}.wizard-add-single .wizard-form-row{align-items:flex-end}.wizard-bulk-section{display:flex;flex-direction:column;gap:12px}.wizard-bulk-hint{color:#888;font-size:13px;line-height:1.5;margin:0}.wizard-bulk-textarea{border:2px solid #e0e0e0;border-radius:10px;box-sizing:border-box;color:var(--color-soft-black);font-family:inherit;font-size:14px;min-height:120px;padding:14px;resize:vertical;transition:border-color .2s,box-shadow .2s;width:100%}.wizard-bulk-textarea:focus{border-color:var(--color-yellow);box-shadow:0 0 0 3px var(--color-faded-yellow);outline:none}.wizard-bulk-textarea::placeholder{color:#bbb}.wizard-bulk-btn{align-self:flex-start}.wizard-students-preview{border-top:1px solid #f0f0f0;margin-top:20px;padding-top:16px}.wizard-students-preview h4{align-items:center;color:var(--color-chalkboard-green);display:flex;font-size:14px;font-weight:700;gap:8px;margin:0 0 12px}.wizard-students-list{display:flex;flex-wrap:wrap;gap:8px}.wizard-student-chip{align-items:center;animation:chipPop .2s ease-out;background:#f5f5f5;border-radius:8px;color:var(--color-soft-black);display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 12px}@keyframes chipPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.wizard-chip-remove{background:none;border:none;color:#ccc;cursor:pointer;font-size:12px;padding:2px;transition:color .2s}.wizard-chip-remove:hover{color:var(--color-red)}.wizard-welcome-celebration{margin-bottom:28px;text-align:center}.wizard-confetti-icon{align-items:center;animation:confettiBounce .6s ease-out;background:linear-gradient(135deg,var(--color-chalkboard-green) 0,#5a8a4c 100%);border-radius:50%;box-shadow:0 8px 24px #4d694140;color:#fff;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 12px;width:64px}@keyframes confettiBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.wizard-summary-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;margin-bottom:28px}.wizard-summary-card{border:2px solid #eee;border-radius:12px;padding:20px;text-align:center}.wizard-summary-card-header{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:10px}.wizard-summary-card-header h4{color:#999;font-size:13px;font-weight:700;letter-spacing:.5px;margin:0;text-transform:uppercase}.wizard-summary-icon{align-items:center;background:var(--color-faded-yellow);border-radius:50%;color:var(--color-yellow);display:inline-flex;font-size:14px;height:32px;justify-content:center;width:32px}.wizard-summary-code .wizard-classcode-display{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:8px}.wizard-code-large{font-family:Courier New,monospace;font-size:28px;letter-spacing:4px}.wizard-code-large,.wizard-summary-stat{color:var(--color-soft-black);font-weight:800}.wizard-summary-stat{font-size:36px;margin:0 0 4px}.wizard-summary-hint{color:#aaa;font-size:12px;margin:0}.wizard-quickstart{margin-bottom:28px}.wizard-quickstart h3{color:var(--color-soft-black);font-size:16px;font-weight:700;margin:0 0 16px}.wizard-tips-list{display:flex;flex-direction:column;gap:14px}.wizard-tip{align-items:flex-start;display:flex;gap:14px}.wizard-tip-number{align-items:center;background:var(--color-faded-yellow);border-radius:50%;color:var(--color-yellow);display:flex;font-size:14px;font-weight:800;height:32px;justify-content:center;min-width:32px;width:32px}.wizard-tip-content h4{color:var(--color-soft-black);font-size:14px;font-weight:700;margin:0 0 3px}.wizard-tip-content p{color:#888;font-size:13px;line-height:1.5;margin:0}.wizard-btn-launch{border-radius:12px;font-size:16px;padding:16px;width:100%}.wizard-footer{padding:0 36px 24px;text-align:center}.wizard-footer p{color:#999;font-size:14px;margin:0}.wizard-footer-link{color:var(--color-yellow);font-weight:700;text-decoration:none;transition:opacity .2s}.wizard-footer-link:hover{opacity:.8;text-decoration:underline}@media (max-width:640px){.wizard-page{padding:16px 8px 32px}.wizard-container{border-radius:12px}.wizard-content{padding:8px 20px 20px}.wizard-progress{padding:20px 16px 8px}.wizard-progress-track{left:40px;right:40px}.wizard-step-circle{font-size:12px;height:30px;width:30px}.wizard-step-label{font-size:10px}.wizard-form-row{flex-direction:column}.wizard-step-header h2{font-size:20px}.wizard-option-cards{grid-template-columns:1fr}.wizard-grade-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr))}.wizard-password-checks,.wizard-summary-grid{grid-template-columns:1fr}.wizard-classcode-value span{font-size:24px;letter-spacing:3px}.wizard-code-large{font-size:22px}.wizard-btn-row{flex-direction:column-reverse;gap:10px}.wizard-btn-row .wizard-btn-secondary{justify-content:center;width:100%}.wizard-btn-group{flex-direction:column;width:100%}.wizard-btn-group .wizard-btn-ghost,.wizard-btn-group .wizard-btn-primary{justify-content:center;width:100%}.wizard-add-single .wizard-form-row{flex-direction:row;flex-wrap:wrap}.wizard-add-single .wizard-field{min-width:calc(50% - 7px)}.wizard-btn-add{justify-content:center;width:100%}.wizard-passes-row{flex-wrap:wrap}.wizard-passes-hint{margin-left:0;margin-top:4px;width:100%}}.plansPage{box-sizing:border-box;display:flex;flex-direction:column;margin:60px auto;max-width:1440px;width:80%}.plansBkgContent h2{color:var(--color-black);font-family:var(--font-poppins);font-size:30px;margin:0;max-width:450px}.plansContainer{box-sizing:border-box;display:flex;flex-direction:column;margin:0 auto 120px;position:relative;width:100%}.billingToggle{align-items:center;background-color:#f0f0f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:0;margin:20px 0;max-width:100%;padding:4px;position:relative;width:-webkit-fit-content;width:fit-content}.toggleBtn{background-color:initial;border:none;border-radius:6px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.toggleBtn.active{background-color:var(--color-primary-yellow);border:2px solid #fdd835;color:#000}.saveBadge{background-color:#fdd835;border:1px solid var(--color-black);border-radius:20px;color:#000;font-size:12px;font-weight:600;padding:4px 12px;position:absolute;right:-60px;white-space:nowrap}.plansRow{align-items:stretch;display:flex;flex-wrap:wrap;gap:24px;justify-content:center}.plan{background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 8px #00000014;box-sizing:border-box;display:flex;flex:1 1 32%;flex-direction:column;min-width:270px;padding:32px 24px;position:relative;text-align:left}.plan.featured{background:linear-gradient(135deg,#fffdf0,#fffbf5);border:2px solid #fdd835;box-shadow:0 4px 16px #fdd83526}.popularBadge{background-color:var(--color-primary-yellow);border:2px solid #fdd835;border-radius:4px;color:#000;font-size:12px;font-weight:600;left:50%;letter-spacing:.05em;padding:4px 16px;position:absolute;top:-12px;transform:translateX(-50%);white-space:nowrap}.plan h3{font-size:22px;font-weight:600;margin:8px 0 0}.pricePerUser{align-items:flex-start;display:flex;flex-direction:column;gap:4px;margin:16px 0 20px}.priceAmount{color:#000;font-size:48px;font-weight:700}.priceLabel{color:#666;font-size:14px;line-height:1.3}.planBtn{background-color:var(--color-primary-yellow);border:none;border-radius:4px;color:#000;cursor:pointer;font-size:14px;font-weight:600;margin-bottom:24px;padding:12px 24px;transition:all .2s ease;width:100%}.planBtn:hover{background-color:#fdd835}.planIncludes{font-size:14px;font-weight:600;margin:0 0 12px;text-align:left}.plan ul{display:flex;flex:1 1;flex-direction:column;gap:8px;list-style:none;margin:0;padding:0}.plan ul li{align-items:center;color:#666;display:flex;font-size:14px;justify-content:flex-start}.plan ul li:before{color:#fdd835;content:"✓";font-weight:700;margin-right:8px}.pilotProgramBanner{background-color:#fff;border:2px solid #e6e6e6;border-left:4px solid #f2cb3d;border-radius:10px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;margin-top:24px;padding:16px 18px}.pilotEyebrow{color:#6a5a1d;font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.pilotHeaderRow{gap:12px;justify-content:space-between;margin-bottom:4px}.pilotHeaderRow,.pilotPriceCta{align-items:flex-end;display:flex}.pilotPriceCta{flex-direction:column;gap:8px}.pilotHeaderRow h3{color:#1f1f1f;font-size:22px;margin:0}.pilotPrice{color:#1f1f1f;font-size:30px;font-weight:700;line-height:1;margin:0}.pilotPrice span{color:#444;font-size:16px;font-weight:500}.pilotIncludes{color:#2d2d2d;font-size:14px;font-weight:600;margin:6px 0}.pilotFeaturesRow{align-items:flex-end;display:flex;gap:14px;justify-content:space-between}.pilotFeaturesCol{flex:1 1;min-width:0}.pilotActionCol{align-self:flex-end;display:flex;justify-content:flex-end}.pilotProgramBanner ul{grid-gap:6px;display:grid;gap:6px;list-style:none;margin:0;padding:0}.pilotProgramBanner li{align-items:center;color:#333;display:flex;font-size:14px}.pilotProgramBanner li:before{color:#f2cb3d;content:"✓";font-weight:700;margin-right:10px}.pilotContactBtn{align-items:center;background-color:#fafafa;border:1px solid #d9d9d9;border-radius:6px;color:#1f1f1f;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;padding:8px 12px;text-decoration:none;transition:background-color .2s ease,border-color .2s ease;white-space:nowrap}.pilotContactBtn:hover{background-color:#fff6d8;border-color:#f2cb3d}.pricingQnaSection{margin:120px 0 0;padding:0 30px}.pricingQnaHeader{margin-bottom:16px;text-align:center}.pricingQnaHeader h3{color:var(--color-black);font-family:var(--font-poppins);font-size:30px;margin:0}.pricingQnaHeader p{color:#4f4f4f;font-size:18px;margin:8px 0 0}.pricingQnaList{margin:24px auto 0;max-width:1080px}.pricingQnaItem{border-bottom:1px solid #d9d9d9;padding:0}.pricingQnaTrigger{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:16px;justify-content:space-between;margin:0;padding:14px 0;text-align:left;width:100%}.pricingQnaQuestion{color:#171717;font-size:20px;font-weight:500;line-height:1.3}.pricingQnaIcon{color:#111;flex-shrink:0;font-size:24px;font-weight:700;line-height:1;text-align:center;width:24px}.pricingQnaAnswer{color:#585858;font-size:18px;line-height:1.35;margin:0 0 14px;max-width:900px}.pricingQnaFooter{color:#686868;font-size:14px;margin:26px 0 0;text-align:center}.pricingQnaFooter a{color:#686868;text-decoration:underline}.checkoutStatus{border-radius:10px;font-weight:600;margin:0 auto;max-width:760px;padding:14px 18px}.checkoutStatusError{background:#fff3f0;border:1px solid #f1b7aa;color:#8d2b14}@media (max-width:1024px){.plansPage{margin:36px auto;width:90%}.plansContainer{width:100%}.plan{flex-basis:calc(50% - 12px);flex-grow:1;flex-shrink:1;min-width:0}.saveBadge{margin-left:8px;position:static}.billingToggle{margin-bottom:30px}}@media (max-width:768px){.plansPage{margin:24px auto;width:94%}.plansBkgContent h2{font-size:26px;max-width:100%}.plansBkgContent p{font-size:16px;max-width:90%}.plansContainer{gap:20px;width:100%}.plansRow{flex-direction:column;gap:20px}.plan{flex:1 1 100%;min-width:0;padding:20px 16px}.billingToggle{gap:6px;justify-content:center;padding:6px}.toggleBtn{flex:1 1 auto;font-size:13px;min-width:0;padding:8px 12px}.saveBadge{font-size:11px;position:absolute;right:23px;top:-15px}.priceAmount{font-size:36px}.plan h3{font-size:18px}.pilotProgramBanner{margin-top:8px;padding:14px 12px}.pilotHeaderRow{flex-direction:column;gap:8px}.pilotFeaturesRow,.pilotHeaderRow,.pilotPriceCta{align-items:flex-start}.pilotFeaturesRow{flex-direction:column;gap:10px}.pilotActionCol{justify-content:stretch;width:100%}.pilotContactBtn{width:100%}.pilotHeaderRow h3{font-size:20px}.pilotPrice{font-size:28px}.pricingQnaSection{margin-top:22px;padding:24px 14px 14px}.pricingQnaHeader h3{font-size:30px}.pricingQnaHeader p{font-size:16px}.pricingQnaTrigger{padding:12px 0}.pricingQnaQuestion{font-size:17px}.pricingQnaIcon{font-size:20px;width:20px}.pricingQnaAnswer{font-size:16px}}@media (max-width:420px){.plansBkgContent h2{font-size:22px}.priceAmount{font-size:32px}.plan h3{font-size:17px}.pilotHeaderRow h3{font-size:18px}.pilotPrice{font-size:24px}.pricingQnaSection{padding:20px 12px 12px}.pricingQnaHeader h3{font-size:26px}.pricingQnaQuestion{font-size:16px}.pricingQnaAnswer{font-size:15px}}.studentSignInPage{align-items:center;background-color:var(--color-primary-extra-faded-yellow);display:flex;flex-direction:column;gap:20px;justify-content:center;min-height:80dvh;position:relative}.signInOptions{background-color:var(--color-white);border:1px solid var(--color-secondary-blue);border-radius:17px;display:flex;gap:0;justify-content:space-between}.signInOptions button{background-color:var(--color-white);border:none;border-radius:16px;color:var(--color-black);cursor:pointer;font-size:var(--font-size-paragraph-desktop);padding:8px 16px}.signInOptions button:disabled{background-color:var(--color-secondary-blue);color:var(--color-white);cursor:not-allowed}.signInContainer{backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(20px);background:var(--color-white);border-radius:8px;box-shadow:0 4px 30px #0000001a;display:flex;flex-direction:column;max-width:600px;text-align:center;width:30%}.signInHeader{background-color:var(--color-secondary-blue);border-radius:8px 8px 0 0;color:var(--color-white);font-size:var(--font-size-title-desktop);font-weight:700;margin:0 0 32px;padding:10px 0}.inputButtonContainer{align-items:center;display:flex;flex-direction:column;gap:20px;justify-content:center;margin:0 auto;padding:0 0 32px;width:80%}.signInContainer .signInInput{border:1px solid var(--color-black);border-radius:4px;font-size:var(--font-size-paragraph-desktop);height:30px;margin:0 auto;padding:2px 0;text-align:center;width:98%}.passwordActions{display:flex;justify-content:space-between;text-align:left;width:100%}.passwordActions a{color:var(--color-footer-link);font-size:var(--font-size-xs);margin:0;text-decoration:none}.signInButton{align-self:center;background-color:var(--color-secondary-blue);border:1px solid var(--color-secondary-blue);border-radius:4px;color:#fff;font-size:var(--font-size-paragraph-desktop);padding:6px 12px;width:100%}.signInButton:hover{cursor:pointer;opacity:.8}.errorMessageContainer{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0003;height:100%;justify-content:center;position:absolute;width:100%;z-index:10}.errorMessageContainer,.errorMessageTextContainer{align-items:center;display:flex;flex-direction:column}.errorMessageTextContainer{background-color:var(--color-white);border-radius:8px;max-width:80%;padding:20px;position:relative;text-align:center}.errorMessageHeader{padding:0 20px;position:relative}.errorMessageHeader p{background-color:#f2f2f2;border:1px solid var(--color-black);border-radius:24px 24px 24px 0;font-size:var(--font-size-title-desktop);font-weight:700;margin:0;padding:4px 8px;position:absolute;right:-20px;top:0}.errorMessageContainer p{font-size:var(--font-size-paragraph-desktop);margin:4px 0}.errorMessageContainer .retrySignInButton{background-color:var(--color-red);border:1px solid var(--color-red);border-radius:4px;color:#fff;font-size:var(--font-size-paragraph-desktop);margin:12px 0 0;padding:6px 12px;width:100%}.errorMessageContainer .retrySignInButton:hover{cursor:pointer;opacity:.8}.confusedBabbleBotImage{height:auto;width:150px}.noAccountLink{font-size:var(--font-size-sm);margin:12px 0 20px}.teacherShowHideBtn{background-color:initial;border:none}.loginError{color:var(--color-red);font-size:var(--font-size-sm);font-weight:700;padding:8px 0}.studentListContainer{backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(20px);background:var(--color-white);border-radius:8px;box-shadow:0 4px 30px #0000001a;display:flex;flex-direction:column;text-align:center;width:30%}.studentListHeader{background-color:var(--color-secondary-blue);border-radius:8px 8px 0 0;color:var(--color-white);font-size:var(--font-size-title-desktop);font-weight:700;padding:10px 0}.studentList{display:flex;flex-wrap:wrap;font-size:20px;gap:10px;justify-content:center;list-style-type:none;margin:0;max-height:300px;overflow-x:hidden;overflow-y:scroll;padding:20px 0;scrollbar-width:thin;width:100%}.studentList li{border:1px solid #000;border-radius:8px;margin:0;padding:10px 0;width:45%}.studentList li:hover{background-color:var(--color-faded-blue);cursor:pointer}.backButton{align-self:center;background-color:var(--color-secondary-blue);border:1px solid var(--color-secondary-blue);border-radius:4px;color:#fff;font-size:var(--font-size-paragraph-desktop);padding:6px 24px}.backButton:hover{cursor:pointer;opacity:.8}.addStudentBtn{background-color:#44af69;border:1px solid #000;border-radius:4px;color:#fff;font-size:20px;margin-left:10px;padding:8px 16px;transition:.2s ease-in-out}.addStudentBtn:hover{background-color:#fff;border:1px solid #44af69;color:#44af69;cursor:pointer}@media (max-width:900px){.signInContainer{width:70%}}@media (max-width:500px){.signInContainer{width:90%}}.forgotPasswordContainer{align-items:center;background:linear-gradient(135deg,#276fbf,#ab8830);display:flex;justify-content:center;min-height:100vh;padding:20px}.forgotPasswordCard{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:450px;padding:40px;width:100%}.forgotPasswordHeader{color:#333;font-size:28px;font-weight:700;margin:0 0 10px;text-align:center}.forgotPasswordSubtext{color:#666;font-size:14px;line-height:1.5;margin-bottom:30px;text-align:center}.forgotPasswordInputGroup{margin-bottom:20px}.forgotPasswordInput{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.forgotPasswordInput:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.forgotPasswordInput:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.forgotPasswordError{align-items:center;background-color:#fff5f5;border:1px solid #fc8181;border-radius:8px;color:#c53030;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.forgotPasswordError svg{flex-shrink:0}.forgotPasswordBtn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px 16px;transition:all .3s ease;width:100%}.forgotPasswordBtn:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.forgotPasswordBtn:active:not(:disabled){transform:translateY(0)}.forgotPasswordBtn:disabled{cursor:not-allowed;opacity:.7}.forgotPasswordSuccess{align-items:center;display:flex;flex-direction:column;padding:20px 0;text-align:center}.forgotPasswordSuccess svg{color:#48bb78;font-size:48px;margin-bottom:16px}.forgotPasswordSuccess p{color:#48bb78;font-size:16px;font-weight:500;margin:0}.forgotPasswordFooter{border-top:1px solid #eee;margin-top:30px;padding-top:20px;text-align:center}.forgotPasswordFooter p{color:#666;font-size:14px;margin:0 0 10px}.forgotPasswordLink{color:#667eea;font-weight:600;text-decoration:none;transition:all .3s ease}.forgotPasswordLink:hover{color:#764ba2;text-decoration:underline}@media (max-width:480px){.forgotPasswordCard{padding:30px 20px}.forgotPasswordHeader{font-size:24px}.forgotPasswordSubtext{font-size:13px}}.resetPasswordContainer{align-items:center;background:linear-gradient(135deg,#276fbf,#ab8830);display:flex;justify-content:center;min-height:100vh;padding:20px}.resetPasswordCard{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:450px;padding:40px;width:100%}.resetPasswordHeader{color:#333;font-size:28px;font-weight:700;margin:0 0 10px;text-align:center}.resetPasswordSubtext{color:#666;font-size:14px;line-height:1.5;margin-bottom:30px;text-align:center}.resetPasswordInputGroup{margin-bottom:20px}.resetPasswordInputGroup label{color:#333;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.passwordInputWrapper{align-items:center;display:flex;position:relative}.resetPasswordInput{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-family:inherit;font-size:14px;padding:12px 40px 12px 16px;transition:all .3s ease;width:100%}.resetPasswordInput:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.resetPasswordInput:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.showHideBtn{align-items:center;background:none;border:none;color:#667eea;cursor:pointer;display:flex;font-size:16px;justify-content:center;padding:8px;position:absolute;right:12px;transition:all .3s ease}.showHideBtn:hover{color:#764ba2}.resetPasswordError{align-items:center;background-color:#fff5f5;border:1px solid #fc8181;border-radius:8px;color:#c53030;display:flex;font-size:14px;gap:10px;margin-bottom:20px;padding:12px 16px}.resetPasswordError svg{flex-shrink:0}.resetPasswordBtn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:12px 16px;transition:all .3s ease;width:100%}.resetPasswordBtn:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.resetPasswordBtn:active:not(:disabled){transform:translateY(0)}.resetPasswordBtn:disabled{cursor:not-allowed;opacity:.7}.loadingSpinner{align-items:center;display:flex;justify-content:center;padding:40px 0}.loadingSpinner svg{color:#667eea;font-size:48px}.resetPasswordSuccess{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;padding:20px 0;text-align:center}.resetPasswordSuccess svg{color:#48bb78;font-size:48px;margin-bottom:16px}.resetPasswordSuccess p{color:#333;font-size:16px;margin:8px 0}.resetPasswordSuccess .redirectMessage{color:#999;font-size:14px;font-style:italic}@media (max-width:480px){.resetPasswordCard{padding:30px 20px}.resetPasswordHeader{font-size:24px}.resetPasswordSubtext{font-size:13px}}.teamContainer{min-height:90dvh}.meetTheTeam{padding:10px 10%}.meetTheTeam h2{font-size:30px;margin:0 auto;padding:20px 0;width:100%}.meetTheTeam p{font-size:20px;margin:0;padding:0 0 20px;width:80%}.leadershipSection{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;width:80%}.leadersLeft{grid-area:1/1/2/2}.leadersRight{grid-area:1/2/2/3}.sorBoardSection{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;width:80%}.sorTopLeft{grid-area:1/1/2/2}.sorTopRight{grid-area:1/2/2/3}.sorBottomLeft{grid-area:2/1/3/2}.leadershipCard{align-items:center;border-radius:8px;display:flex;margin:10px 0}.leadershipCard img{border-radius:50%;height:75px;margin:0 10px 0 0;width:75px}.leadershipCard .leadershipCardText{display:flex;flex-direction:column;justify-content:center}.leadershipCard .leadershipCardText h3{font-size:18px;margin:0}.leadershipCard .leadershipCardText a{color:var(--color-blue);text-decoration:none}@media screen and (max-width:768px){.meetTheTeam p{width:100%}}.customBanner{height:300px;width:100%}.bannerContent{display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;width:80%}.bannerContent h1{color:var(--color-white);font-size:var(--font-size-large-header);margin-bottom:10px}.bannerContent p{color:var(--color-white);font-size:var(--font-size-paragraph-desktop);margin-top:10px;width:75%}@media (max-width:450px){.bannerContent{align-items:center;height:100%;justify-content:center;margin:0 auto;text-align:center;width:90%}.bannerContent h1{font-size:var(--font-size-title-desktop)}.bannerContent p{font-size:var(--font-size-paragraph-mobile);width:90%}}.aboutBabbleBotContainer{color:#333;font-family:Poppins,sans-serif;font-family:var(--font-poppins,"Poppins",sans-serif);line-height:1.6;margin:0 auto;max-width:76rem;min-height:80dvh;padding:clamp(1rem,2.4vw,1.5rem) clamp(.875rem,2.4vw,1.25rem) clamp(2rem,4vw,3rem)}.aboutBabbleBotContainer>:not(.aboutNavBar){min-width:0}.aboutNavBar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;border:1px solid #0000000f;border-radius:10px;box-shadow:0 2px 8px #0000000f;box-sizing:border-box;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:0 auto 2rem;padding:.5rem;position:-webkit-sticky;position:sticky;top:clamp(4.75rem,9vw,5.5rem);transition:padding .2s ease,gap .2s ease,width .2s ease,box-shadow .2s ease;width:min(100%,62rem);z-index:200}.aboutNavBar.isCondensed{background:#ffffffe6;box-shadow:0 2px 6px #0000000f;gap:.25rem;margin-bottom:.9rem;max-width:min(100%,40rem);padding:.28rem .35rem;top:clamp(4.2rem,8.4vw,4.9rem);width:-webkit-fit-content;width:fit-content}.aboutNavLink{align-items:center;background-color:initial;border:1px solid #0000;border-radius:7px;color:#3b444b;color:var(--color-soft-black,#3b444b);display:inline-flex;flex:1 1 10rem;font-family:Poppins,sans-serif;font-family:var(--font-poppins,"Poppins",sans-serif);font-size:.88rem;font-weight:500;justify-content:center;line-height:1.25;min-height:2.6rem;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.aboutNavBar.isCondensed .aboutNavLink{border-radius:6px;flex:0 1 auto;font-size:.78rem;line-height:1.1;min-height:1.9rem;padding:.3rem .6rem}.aboutNavLink:focus-visible,.aboutNavLink:hover{background-color:#0000000a;border-color:#00000014;color:#0c090d;color:var(--color-black,#0c090d)}.aboutNavLink.active{background-color:#ffe588;background-color:var(--color-primary-yellow,#ffe588);border-color:#0000;color:#111;font-weight:600}@media screen and (max-width:70rem){.aboutBabbleBotContainer{padding-top:1rem}.aboutNavBar{border-radius:8px;top:clamp(4.5rem,10vw,5.25rem);width:100%}.aboutNavLink{flex-basis:calc(50% - 0.5rem)}}@media screen and (max-width:40rem){.aboutBabbleBotContainer{padding:.875rem .75rem 1.75rem}.aboutNavBar{gap:.5rem;padding:.5rem;top:clamp(4.25rem,12vw,5rem)}.aboutNavLink{flex-basis:100%;font-size:.96rem;min-height:3rem}.aboutNavBar.isCondensed{margin-bottom:.75rem;max-width:100%;width:100%}.aboutNavBar.isCondensed .aboutNavLink{flex-basis:calc(50% - 0.25rem);font-size:.8rem;min-height:2.35rem;padding:.45rem .55rem}}.featuresGrid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));padding:0 10px 20px}.featureCard{background:#fff;border-radius:16px;box-shadow:0 4px 12px #00000014;padding:20px;transition:transform .2s ease}.featureCard.clickable{cursor:pointer}.featureCard:focus,.featureCard:hover{box-shadow:0 8px 20px #00000026;outline:none;transform:translateY(-4px)}.featureCard h3{font-size:1.25rem;margin-bottom:10px}.featureCard p{color:#444;font-size:1rem}.featureThumbnail{border-radius:8px;height:160px;margin-bottom:12px;object-fit:cover;pointer-events:none;width:100%}.modalOverlay{background-color:#0009;inset:0;padding:20px}.modalContent{box-sizing:border-box;max-height:80vh;max-width:100%;overflow-y:auto;padding:30px;position:relative;width:600px}.largeModal{max-height:90vh;max-width:95vw;padding:40px;width:900px}.modalCloseBtn{background:none;border:none;color:#333;cursor:pointer;font-size:2.5rem;line-height:1;position:absolute;right:18px;top:12px}.modalCloseBtn:hover{color:#000}.modalVideo{border-radius:12px;margin-top:20px;max-height:400px;object-fit:contain;width:100%}.readingRopeSection{padding:20px;text-align:center}.readingRopeSection img.scarboroughRopeImage{border-radius:10px;box-shadow:0 6px 12px #00000026;height:auto;margin-top:20px;max-width:50%}.pricingMatrixGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:20px}.pricingTable{border-collapse:collapse;font-family:Arial,sans-serif;font-size:.95rem;margin-top:1rem;width:100%}.pricingTable td,.pricingTable th{border:1px solid #ccc;padding:12px 16px;text-align:center}.pricingTable th{background-color:#f5f5f5;color:#333;font-weight:700}.pricingTable tr:nth-child(2n){background-color:#fafafa}.pricingTable td:first-child{font-weight:500;text-align:left}.subPageContainer{background-color:#fff;border-radius:10px;color:#333;font-family:Poppins,sans-serif;font-family:var(--font-poppins,"Poppins",sans-serif);line-height:1.6;margin:20px auto;max-width:1200px;min-height:80dvh;padding:20px}.subPageContainer h2{color:#0078d7;font-size:2rem;margin-bottom:15px;text-align:center}.subPageContainer p{font-size:1.1rem;margin:10px 0;text-align:justify}.abShell{font-family:Poppins,sans-serif;font-family:var(--font-poppins,"Poppins",sans-serif);margin:0 auto;max-width:1080px;padding-bottom:80px}.abHero{grid-gap:64px;align-items:start;border-bottom:1px solid #00000012;display:grid;gap:64px;grid-template-columns:1fr 280px;padding:52px 0 64px}.abHeroEyebrow{color:#8e8e8e;color:var(--color-footer-link,#8e8e8e);display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;margin-bottom:18px;text-transform:uppercase}.abHeroH1{color:#0c090d;color:var(--color-black,#0c090d);font-size:clamp(2.2rem,4.2vw,3.6rem);font-weight:800;letter-spacing:-.035em;line-height:1.04;margin:0 0 22px}.abHeroSub{color:#4a4a4a;font-size:1.06rem;line-height:1.72;margin:0 0 32px;max-width:500px}.abHeroStats{border-top:2px solid #ffe588;border-top:2px solid var(--color-primary-yellow,#ffe588);display:flex;gap:0;margin-bottom:32px;padding-top:20px}.abHeroStat{border-right:1px solid #0000001a;display:flex;flex-direction:column;margin-right:24px;padding:0 24px 0 0}.abHeroStat:last-child{border-right:none;margin-right:0;padding-right:0}.abHeroStatNum{color:#0c090d;color:var(--color-black,#0c090d);font-size:1.5rem;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:4px}.abHeroStatLabel{color:#888;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.abHeroActions{display:flex;flex-wrap:wrap;gap:12px}.abHeroLinks{padding-top:52px}.abHeroLinksLabel{color:#999;font-size:.7rem;font-weight:600;letter-spacing:.12em;margin:0 0 18px;text-transform:uppercase}.abHeroLinks ul{grid-gap:0;display:grid;gap:0;list-style:none;margin:0;padding:0}.abHeroLinks li{grid-gap:3px;border-bottom:1px solid #0000000f;display:grid;gap:3px;padding:14px 0}.abHeroLinks li:last-child{border-bottom:none;padding-bottom:0}.abHeroLinks a{color:#2a7dc5;color:var(--color-secondary-blue,#2a7dc5);font-size:.9rem;font-weight:600;text-decoration:none}.abHeroLinks a:focus-visible,.abHeroLinks a:hover{text-decoration:underline}.abHeroLinks span{color:#999;font-size:.8rem;line-height:1.5}.abSections{grid-gap:0;display:grid;gap:0}.abSection{border-bottom:1px solid #0000000f;padding:72px 0}.abSectionAlt{background:#f7f6f0;background:var(--color-background-gray,#f7f6f0);margin:0 -40px;padding:72px 40px}.abEyebrow{color:#999;display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;margin-bottom:12px;text-transform:uppercase}.abSectionHeader h2,.abSplitMain h2{color:#0c090d;color:var(--color-black,#0c090d);font-size:clamp(1.7rem,2.7vw,2.3rem);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0 0 18px}.abSectionIntro{color:#4a4a4a;font-size:1.04rem;line-height:1.72;margin:0 0 24px;max-width:560px}.abSplitLayout{grid-gap:72px;align-items:start;display:grid;gap:72px;grid-template-columns:1fr 320px}.abSplitReverse{grid-template-columns:320px 1fr}.abSplitReverse .abSplitMain{order:2}.abSplitReverse .abSplitAside{order:1}.abSplitAside{padding-top:4px;position:-webkit-sticky;position:sticky;top:120px}.abPullQuote{border-left:3px solid #f79d65;border-left:3px solid var(--color-secondary-orange,#f79d65);color:#1a1a1a;font-size:1.15rem;font-style:italic;font-weight:500;line-height:1.54;margin:0 0 28px;padding:0 0 0 18px}.abMiniStats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.abMiniStat{background:#ffffffd9;border-left:2px solid #ffe588;border-left:2px solid var(--color-primary-yellow,#ffe588);padding:14px 16px}.abSectionAlt .abMiniStat{background:#fff9}.abMiniStatValue{color:#0c090d;color:var(--color-black,#0c090d);display:block;font-size:.88rem;font-weight:700;margin-bottom:4px}.abMiniStatLabel{color:#666;font-size:.78rem;line-height:1.4}.abCheckList{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0 0 24px;padding:0}.abCheckList li{color:#444;font-size:.97rem;line-height:1.62;padding-left:22px;position:relative}.abCheckList li:before{background:#ffe588;background:var(--color-primary-yellow,#ffe588);border-radius:50%;content:"";height:10px;left:0;position:absolute;top:8px;width:10px}.abCheckListRow{column-gap:32px;grid-template-columns:repeat(3,1fr);margin-bottom:32px}.abCtaBtn{align-items:center;background:#2a7dc5;background:var(--color-secondary-blue,#2a7dc5);border-radius:8px;border-radius:var(--button-border-radius,8px);color:#fff;display:inline-flex;font-size:.88rem;font-weight:600;padding:11px 22px;text-decoration:none;transition:background .2s ease-in-out;transition:background var(--transition-default,.2s ease-in-out)}.abCtaBtn:focus-visible,.abCtaBtn:hover{background:#1d6aab}.abCtaBtnOutline{align-items:center;background:#0000;border:1.5px solid #0000002e;border-radius:8px;border-radius:var(--button-border-radius,8px);color:#0c090d;color:var(--color-black,#0c090d);display:inline-flex;font-size:.88rem;font-weight:600;padding:11px 22px;text-decoration:none;transition:border-color .15s ease,background .15s ease}.abCtaBtnOutline:focus-visible,.abCtaBtnOutline:hover{background:#00000008;border-color:#00000057}.abCtaLink{align-items:center;color:#2a7dc5;color:var(--color-secondary-blue,#2a7dc5);display:inline-flex;font-size:.9rem;font-weight:600;margin-top:8px;text-decoration:none}.abCtaLink:focus-visible,.abCtaLink:hover{text-decoration:underline}.abCtaRow{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.abSectionProcess{padding:72px 0}.abSectionHeader{margin-bottom:48px;max-width:640px}.abSteps{display:grid;grid-template-columns:repeat(4,1fr);list-style:none;margin:0 0 48px;padding:0;position:relative}.abSteps:before{background:#0000001a;content:"";height:1px;left:calc(12.5% + 16px);pointer-events:none;position:absolute;right:calc(12.5% + 16px);top:19px}.abStep{flex-direction:column;padding:0 16px;position:relative;text-align:center;z-index:1}.abStep,.abStepNum{align-items:center;display:flex}.abStepNum{background:#4d6941;background:var(--color-chalkboard-green,#4d6941);border-radius:50%;box-shadow:0 0 0 6px #fff;color:#fff;flex-shrink:0;font-size:.88rem;font-weight:800;height:38px;justify-content:center;margin-bottom:20px;width:38px}.abStep h3{color:#0c090d;color:var(--color-black,#0c090d);font-size:.93rem;font-weight:700;letter-spacing:-.01em;margin:0 0 8px}.abStep p{color:#666;font-size:.83rem;line-height:1.55;margin:0}.abStep div{display:contents}.abFooter{border-top:2px solid #ffe588;border-top:2px solid var(--color-primary-yellow,#ffe588);padding:72px 0 0}.abFooter>h2{color:#0c090d;color:var(--color-black,#0c090d);font-size:clamp(1.5rem,2.4vw,2rem);font-weight:700;letter-spacing:-.02em;margin:0 0 12px}.abFooter>p{color:#555;font-size:1rem;line-height:1.68;margin:0 0 40px;max-width:520px}.abFooterCols{grid-gap:40px;border-top:1px solid #00000012;display:grid;gap:40px;grid-template-columns:repeat(3,1fr);padding-top:32px}.abFooterCol h3{color:#0c090d;color:var(--color-black,#0c090d);font-size:.97rem;font-weight:700;margin:0 0 8px}.abFooterCol p{color:#666;font-size:.9rem;line-height:1.62;margin:0 0 12px}.abFooterCol>a{color:#2a7dc5;color:var(--color-secondary-blue,#2a7dc5);display:inline-block;font-size:.88rem;font-weight:600;text-decoration:none}.abFooterCol>a:focus-visible,.abFooterCol>a:hover{text-decoration:underline}.abFooterCol p a{color:#2a7dc5;color:var(--color-secondary-blue,#2a7dc5);text-decoration:none}.abFooterCol p a:hover{text-decoration:underline}@media (max-width:1080px){.abSectionAlt{margin:0 -24px;padding:72px 24px}}@media (max-width:900px){.abHero{gap:44px;grid-template-columns:1fr;padding:44px 0 52px}.abHeroLinks{border-top:1px solid #00000012;padding-top:28px}.abSplitLayout,.abSplitReverse{gap:36px;grid-template-columns:1fr}.abSplitReverse .abSplitAside,.abSplitReverse .abSplitMain{order:0}.abSplitAside{position:static}.abSteps{gap:36px 24px;grid-template-columns:repeat(2,1fr)}.abSteps:before{display:none}.abStepNum{box-shadow:none}.abCheckListRow{column-gap:0;grid-template-columns:1fr}.abFooterCols{gap:28px;grid-template-columns:1fr}}@media (max-width:640px){.abSection{padding:52px 0}.abSectionAlt{margin:0 -16px;padding:52px 16px}.abHeroStats{flex-wrap:wrap;gap:16px}.abHeroStat{border-right:none;margin-right:0;padding-right:0}.abMiniStats,.abSteps{grid-template-columns:1fr}.abSteps{gap:28px}.abStep{align-items:flex-start;flex-direction:row;gap:16px;text-align:left}.abStepNum{flex-shrink:0;margin-bottom:0}.abStep div{display:block;flex:1 1}.abSectionProcess{padding:52px 0}.abFooter{padding:52px 0 0}}.sorHero{grid-template-columns:1fr 340px}.sorHeroAccent{background:linear-gradient(90deg,#ffe588,#0000 60%);background:linear-gradient(90deg,var(--color-primary-yellow,#ffe588) 0,#0000 60%);height:2px;margin:0 0 22px;width:100%}.sorHeroAside{padding-top:4px;position:-webkit-sticky;position:sticky;top:120px}.sorHeroRopeWrap{margin-bottom:28px}.sorHeroRopeLabel{color:#999;display:block;font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.sorHeroRopeImg{border-radius:8px;display:block;height:auto;width:100%}.sorHeroSourcesLabel{display:block;margin:0 0 14px}.sorHeroSources{list-style:none;margin:0 0 14px;padding:0}.sorHeroSources li{padding:12px 0}.sorHeroSources a{font-size:.84rem;margin-bottom:2px}.sorHeroSources li>span{font-size:.78rem}.sorHeroSourcesNote{font-size:.78rem;margin:12px 0 0}.sorSnapshot{margin:0 0 28px}.sorCalloutTitle{display:block;line-height:1.4;margin:0}.sorMiniGrid{grid-gap:16px 20px;border-top:1px solid #00000012;gap:16px 20px;margin-top:20px;padding-top:16px}.sorMiniCard{padding-left:12px}.sorMiniValue{font-size:.92rem;line-height:1.2;margin-bottom:4px}.sorMiniLabel{color:#888;font-size:.78rem;line-height:1.4}.sorDoesNotDo{padding:72px 0 0}.sorDoesNotDoAccent{background:linear-gradient(90deg,#f35252,#0000 55%);height:2px;margin-bottom:52px}.sorDoesNotDoList li:before{opacity:.55}.sorDoesNotDoAside .sorSnapshot{border-left-color:silver}@media (max-width:900px){.sorHero{gap:40px;grid-template-columns:1fr;padding:44px 0 52px}.sorHeroAside{position:static}.sorHeroRopeWrap{display:none}.sorSplitLayout,.sorSplitReverse{gap:32px;grid-template-columns:1fr}.sorSplitReverse .sorSplitAside,.sorSplitReverse .sorSplitMain{order:0}.sorSplitAside{position:static}.sorDoesNotDoInner{gap:32px;grid-template-columns:1fr}.sorDoesNotDoAside{position:static}}.sorShell{font-family:Poppins,sans-serif;font-family:var(--font-poppins,"Poppins",sans-serif);margin:0 auto;max-width:1080px;padding-bottom:80px}.sorHero{grid-gap:64px;align-items:start;border-bottom:1px solid #00000012;display:grid;gap:64px;grid-template-columns:1fr 260px;padding:52px 0 64px}.sorHeroEyebrow{color:#8e8e8e;color:var(--color-footer-link,#8e8e8e);display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;margin-bottom:18px;text-transform:uppercase}.sorHeroContent{min-width:0}.sorHeroH1{color:#0c090d;color:var(--color-black,#0c090d);font-size:clamp(2.2rem,4.2vw,3.6rem);font-weight:800;letter-spacing:-.035em;line-height:1.04;margin:0 0 22px}.sorHeroSub{color:#4a4a4a;font-size:1.06rem;line-height:1.72;margin:0 0 28px;max-width:500px}.sorJumpLinks{display:flex;flex-wrap:wrap;gap:8px}.sorJumpLink{align-items:center;background:#0000000a;border:1px solid #00000014;border-radius:999px;color:#3b444b;color:var(--color-soft-black,#3b444b);display:inline-flex;font-size:.82rem;font-weight:500;padding:7px 14px;text-decoration:none;transition:background .15s ease,border-color .15s ease}.sorJumpLink:focus-visible,.sorJumpLink:hover{background:#00000012;border-color:#00000024;color:#0c090d;color:var(--color-black,#0c090d)}.sorHeroSources{padding-top:52px}.sorHeroSourcesLabel{color:#999;font-size:.7rem;font-weight:600;letter-spacing:.12em;margin:0 0 18px;text-transform:uppercase}.sorHeroSources ul{list-style:none;margin:0 0 18px;padding:0}.sorHeroSources li{border-bottom:1px solid #0000000f;line-height:1.5;padding:13px 0}.sorHeroSources li:last-child{border-bottom:none;padding-bottom:0}.sorHeroSources a{color:#2a7dc5;color:var(--color-secondary-blue,#2a7dc5);display:block;font-size:.86rem;font-weight:600;margin-bottom:3px;text-decoration:none}.sorHeroSources a:focus-visible,.sorHeroSources a:hover{text-decoration:underline}.sorHeroSources li>span{color:#999;display:block;font-size:.8rem;line-height:1.5}.sorHeroSourcesNote{color:#999;font-size:.8rem;line-height:1.6;margin:0}.sorSections{grid-gap:0;display:grid;gap:0}.sorSection{border-bottom:1px solid #0000000f;padding:72px 0;scroll-margin-top:80px}.sorSectionAlt{background:#f7f6f0;background:var(--color-background-gray,#f7f6f0);margin:0 -40px;padding:72px 40px}.sorSectionHighlight{background:#ffe5881a;background:var(--color-primary-extra-faded-yellow,#ffe5881a);border-top:2px solid #ffe588;border-top:2px solid var(--color-primary-yellow,#ffe588);margin:0 -40px;padding:72px 40px}.sorSplitLayout{grid-gap:72px;align-items:start;display:grid;gap:72px;grid-template-columns:1fr 300px}.sorSplitReverse{grid-template-columns:300px 1fr}.sorSplitReverse .sorSplitMain{order:2}.sorSplitReverse .sorSplitAside{order:1}.sorSplitAside{padding-top:4px;position:-webkit-sticky;position:sticky;top:120px}.sorEyebrow{color:#999;display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;margin-bottom:10px;text-transform:uppercase}.sorTitleRow{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.sorTitleRow h2{color:#0c090d;color:var(--color-black,#0c090d);font-size:clamp(1.7rem,2.7vw,2.3rem);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0}.sorSectionNumber{align-items:center;background:#0000000f;border-radius:999px;color:#666;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:32px;justify-content:center;letter-spacing:.04em;width:32px}.sorIntro{color:#4a4a4a;font-size:1.04rem;line-height:1.72;margin:0 0 22px;max-width:560px}.sorListBlock{margin-bottom:22px}.sorListBlock h3{color:#999;font-size:.72rem;font-weight:600;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.sorList{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:0}.sorList li{color:#444;font-size:.97rem;line-height:1.62;padding-left:22px;position:relative}.sorList li:before{background:#ffe588;background:var(--color-primary-yellow,#ffe588);border-radius:50%;content:"";height:10px;left:0;position:absolute;top:8px;width:10px}.sorAlignList li:before{background:#2a7dc5;background:var(--color-secondary-blue,#2a7dc5)}.sorCtaRow{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.sorPrimaryCta{align-items:center;color:#2a7dc5;color:var(--color-secondary-blue,#2a7dc5);display:inline-flex;font-size:.9rem;font-weight:600;text-decoration:none}.sorPrimaryCta:focus-visible,.sorPrimaryCta:hover{text-decoration:underline}.sorSecondaryCta{align-items:center;color:#3b444b;color:var(--color-soft-black,#3b444b);display:inline-flex;font-size:.9rem;font-weight:600;text-decoration:none}.sorSecondaryCta:focus-visible,.sorSecondaryCta:hover{text-decoration:underline}.sorSnapshot{border-left:3px solid #f79d65;border-left:3px solid var(--color-secondary-orange,#f79d65);color:#1a1a1a;font-size:1.1rem;font-style:italic;font-weight:500;line-height:1.56;margin:0 0 24px;padding:0 0 0 18px}.sorSectionHighlight .sorSnapshot{border-left-color:#2a7dc5;border-left-color:var(--color-secondary-blue,#2a7dc5)}.sorCallout{background:#ffffffd9;border-left:2px solid #ffe588;border-left:2px solid var(--color-primary-yellow,#ffe588);margin-bottom:20px;padding:16px 18px}.sorSectionAlt .sorCallout{background:#fff9}.sorSectionHighlight .sorCallout{background:#fffc}.sorCalloutLabel{color:#999;display:block;font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.sorCalloutTitle{color:#0c090d;color:var(--color-black,#0c090d);font-size:.95rem;font-weight:700;margin:0 0 6px}.sorCallout p{color:#444;font-size:.88rem;line-height:1.6;margin:0}.sorImageWrap{margin-top:16px}.sorImageLabel{color:#999;display:block;font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.sorReadingImage{background:#fff;border-radius:10px;box-shadow:0 4px 16px #00000014;display:block;height:auto;width:100%}.sorMiniGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);margin-top:16px}.sorMiniCard{background:#ffffffd9;border-left:2px solid #ffe588;border-left:2px solid var(--color-primary-yellow,#ffe588);padding:14px}.sorSectionAlt .sorMiniCard{background:#fff9}.sorMiniValue{color:#0c090d;color:var(--color-black,#0c090d);display:block;font-size:.95rem;font-weight:800;margin-bottom:5px}.sorMiniLabel{color:#666;font-size:.8rem;line-height:1.45}.sorDoesNotDo{border-top:1px solid #00000012;padding:72px 0}.sorDoesNotDoInner{grid-gap:72px;align-items:start;display:grid;gap:72px;grid-template-columns:1fr 300px}.sorDoesNotDoEyebrow{color:#999;display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;margin-bottom:10px;text-transform:uppercase}.sorDoesNotDo h2{color:#0c090d;color:var(--color-black,#0c090d);font-size:clamp(1.7rem,2.7vw,2.3rem);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0 0 18px}.sorDoesNotDo .sorIntro{max-width:560px}.sorDoesNotDoList{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0 0 24px;padding:0}.sorDoesNotDoList li{color:#444;font-size:.97rem;line-height:1.62;padding-left:22px;position:relative}.sorDoesNotDoList li:before{background:#f35252;background:var(--color-secondary-red,#f35252);border-radius:50%;content:"";height:10px;left:0;opacity:.7;position:absolute;top:8px;width:10px}.sorDoesNotDoAside{padding-top:4px;position:-webkit-sticky;position:sticky;top:120px}@media (max-width:1080px){.sorSectionAlt,.sorSectionHighlight{margin:0 -24px;padding:72px 24px}}@media (max-width:900px){.sorHero{gap:40px;grid-template-columns:1fr;padding:44px 0 52px}.sorHeroSources{border-top:1px solid #00000012;padding-top:28px}.sorSplitLayout,.sorSplitReverse{gap:32px;grid-template-columns:1fr}.sorSplitReverse .sorSplitAside,.sorSplitReverse .sorSplitMain{order:0}.sorSplitAside{position:static}.sorDoesNotDoInner{gap:32px;grid-template-columns:1fr}.sorDoesNotDoAside{position:static}}@media (max-width:640px){.sorSection{padding:52px 0}.sorSectionAlt,.sorSectionHighlight{margin:0 -16px;padding:52px 16px}.sorJumpLinks{gap:6px}.sorJumpLink{font-size:.78rem;padding:6px 11px}.sorMiniGrid{grid-template-columns:1fr}}.aiSafetyShell{font-family:Poppins,sans-serif;font-family:var(--font-poppins,"Poppins",sans-serif);margin:0 auto;max-width:1080px;padding-bottom:80px}.aiSafetyHero{grid-gap:64px;align-items:start;border-bottom:1px solid #00000012;display:grid;gap:64px;grid-template-columns:1fr 260px;padding:52px 0 64px}.aiSafetyHeroContent{min-width:0}.aiSafetyHeroEyebrow{color:#8e8e8e;color:var(--color-footer-link,#8e8e8e);display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;margin-bottom:18px;text-transform:uppercase}.aiSafetyHeroH1{color:#0c090d;color:var(--color-black,#0c090d);font-size:clamp(2.2rem,4.2vw,3.6rem);font-weight:800;letter-spacing:-.035em;line-height:1.04;margin:0 0 22px}.aiSafetyHeroAccent{background:linear-gradient(90deg,#ffe588,#0000 60%);background:linear-gradient(90deg,var(--color-primary-yellow,#ffe588) 0,#0000 60%);height:2px;margin:0 0 22px;width:100%}.aiSafetyHeroSub{color:#4a4a4a;font-size:1.06rem;line-height:1.72;margin:0 0 28px;max-width:500px}.aiSafetyJumpLinks{display:flex;flex-wrap:wrap;gap:8px}.aiSafetyJumpLink{align-items:center;background:#0000000a;border:1px solid #00000014;border-radius:999px;color:#3b444b;color:var(--color-soft-black,#3b444b);display:inline-flex;font-size:.82rem;font-weight:500;padding:7px 14px;text-decoration:none;transition:background .15s ease,border-color .15s ease}.aiSafetyJumpLink:focus-visible,.aiSafetyJumpLink:hover{background:#00000012;border-color:#00000024;color:#0c090d;color:var(--color-black,#0c090d)}.aiSafetyHeroLinks{padding-top:52px}.aiSafetyHeroLinksLabel{color:#999;display:block;font-size:.7rem;font-weight:600;letter-spacing:.12em;margin:0 0 18px;text-transform:uppercase}.aiSafetyHeroLinks ul{list-style:none;margin:0;padding:0}.aiSafetyHeroLinks li{grid-gap:3px;border-bottom:1px solid #0000000f;display:grid;gap:3px;padding:13px 0}.aiSafetyHeroLinks li:last-child{border-bottom:none;padding-bottom:0}.aiSafetyHeroLinks li span:first-child{color:#0c090d;color:var(--color-black,#0c090d);font-size:.9rem;font-weight:600}.aiSafetyHeroLinks li span:last-child{color:#999;font-size:.8rem;line-height:1.5}.aiSafetyHeroLinks a{color:#2a7dc5;color:var(--color-secondary-blue,#2a7dc5);display:block;font-size:.86rem;font-weight:600;margin-bottom:2px;text-decoration:none}.aiSafetyHeroLinks a:focus-visible,.aiSafetyHeroLinks a:hover{text-decoration:underline}.aiSafetySections{grid-gap:0;display:grid;gap:0}.aiSafetySection{border-bottom:1px solid #0000000f;padding:72px 0;scroll-margin-top:80px}.aiSafetySectionAlt{background:#f7f6f0;background:var(--color-background-gray,#f7f6f0);margin:0 -40px;padding:72px 40px}.aiSafetySectionHighlight{background:#ffe5881a;background:var(--color-primary-extra-faded-yellow,#ffe5881a);border-top:2px solid #ffe588;border-top:2px solid var(--color-primary-yellow,#ffe588);margin:0 -40px;padding:72px 40px}.aiSafetySplitLayout{grid-gap:72px;align-items:start;display:grid;gap:72px;grid-template-columns:1fr 300px}.aiSafetySplitReverse{grid-template-columns:300px 1fr}.aiSafetySplitReverse .aiSafetyTextColumn{order:2}.aiSafetySplitReverse .aiSafetySplitAside{order:1}.aiSafetySplitAside{padding-top:4px;position:-webkit-sticky;position:sticky;top:120px}.aiSafetyEyebrow{color:#999;display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;margin-bottom:10px;text-transform:uppercase}.aiSafetyTitleRow{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.aiSafetyTitleRow h2{color:#0c090d;color:var(--color-black,#0c090d);font-size:clamp(1.7rem,2.7vw,2.3rem);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0}.aiSafetyNumber{align-items:center;background:#0000000f;border-radius:999px;color:#666;display:inline-flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:32px;justify-content:center;letter-spacing:.04em;width:32px}.aiSafetyIntro{color:#4a4a4a;font-size:1.04rem;line-height:1.72;margin:0 0 22px;max-width:560px}.aiSafetyListBlock{margin-bottom:22px}.aiSafetyListBlock h3{color:#999;font-size:.72rem;font-weight:600;letter-spacing:.1em;margin:0 0 12px;text-transform:uppercase}.aiSafetyList{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:0}.aiSafetyList li{color:#444;font-size:.97rem;line-height:1.62;padding-left:22px;position:relative}.aiSafetyList li:before{background:#ffe588;background:var(--color-primary-yellow,#ffe588);border-radius:50%;content:"";height:10px;left:0;position:absolute;top:8px;width:10px}.aiSafetyAlignList li:before{background:#2a7dc5;background:var(--color-secondary-blue,#2a7dc5)}.aiSafetyCtaRow{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.aiSafetyPrimaryCta{align-items:center;color:#2a7dc5;color:var(--color-secondary-blue,#2a7dc5);display:inline-flex;font-size:.9rem;font-weight:600;text-decoration:none}.aiSafetyPrimaryCta:focus-visible,.aiSafetyPrimaryCta:hover{text-decoration:underline}.aiSafetySecondaryCta{align-items:center;color:#3b444b;color:var(--color-soft-black,#3b444b);display:inline-flex;font-size:.9rem;font-weight:600;text-decoration:none}.aiSafetySecondaryCta:focus-visible,.aiSafetySecondaryCta:hover{text-decoration:underline}.aiSafetySnapshot{border-left:3px solid #f79d65;border-left:3px solid var(--color-secondary-orange,#f79d65);color:#1a1a1a;font-size:1.1rem;font-style:italic;font-weight:500;line-height:1.56;margin:0 0 28px;padding:0 0 0 18px}.aiSafetySectionHighlight .aiSafetySnapshot{border-left-color:#2a7dc5;border-left-color:var(--color-secondary-blue,#2a7dc5)}.aiSafetyCalloutLabel{color:#999;display:block;font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:6px;text-transform:uppercase}.aiSafetyCalloutTitle{color:#0c090d;color:var(--color-black,#0c090d);display:block;font-size:.95rem;font-weight:700;line-height:1.4;margin:0}.aiSafetyMiniGrid{grid-gap:16px 20px;border-top:1px solid #00000012;display:grid;gap:16px 20px;grid-template-columns:repeat(2,1fr);margin-top:20px;padding-top:16px}.aiSafetyMiniCard{border-left:2px solid #ffe588;border-left:2px solid var(--color-primary-yellow,#ffe588);padding-left:12px}.aiSafetyMiniValue{color:#0c090d;color:var(--color-black,#0c090d);display:block;font-size:.88rem;font-weight:800;line-height:1.2;margin-bottom:4px}.aiSafetyMiniLabel{color:#888;font-size:.78rem;line-height:1.4}.aiSafetyClosing{padding:72px 0 0}.aiSafetyClosingAccent{background:linear-gradient(90deg,#ffe588,#0000 55%);background:linear-gradient(90deg,var(--color-primary-yellow,#ffe588) 0,#0000 55%);height:2px;margin-bottom:52px}.aiSafetyClosingInner{grid-gap:72px;align-items:start;display:grid;gap:72px;grid-template-columns:1fr 300px}.aiSafetyClosingEyebrow{color:#999;display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;margin-bottom:10px;text-transform:uppercase}.aiSafetyClosing h2{color:#0c090d;color:var(--color-black,#0c090d);font-size:clamp(1.7rem,2.7vw,2.3rem);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0 0 18px}.aiSafetyClosingAside{padding-top:4px;position:-webkit-sticky;position:sticky;top:120px}@media (max-width:1080px){.aiSafetySectionAlt,.aiSafetySectionHighlight{margin:0 -24px;padding:72px 24px}}@media (max-width:900px){.aiSafetyHero{gap:40px;grid-template-columns:1fr;padding:44px 0 52px}.aiSafetyHeroLinks{border-top:1px solid #00000012;padding-top:28px}.aiSafetySplitLayout,.aiSafetySplitReverse{gap:32px;grid-template-columns:1fr}.aiSafetySplitReverse .aiSafetySplitAside,.aiSafetySplitReverse .aiSafetyTextColumn{order:0}.aiSafetySplitAside{position:static}.aiSafetyClosingInner{gap:32px;grid-template-columns:1fr}.aiSafetyClosingAside{position:static}}@media (max-width:640px){.aiSafetySection{padding:52px 0}.aiSafetySectionAlt,.aiSafetySectionHighlight{margin:0 -16px;padding:52px 16px}.aiSafetyJumpLinks{gap:6px}.aiSafetyJumpLink{font-size:.78rem;padding:6px 11px}.aiSafetyMiniGrid{grid-template-columns:1fr}}.pfShell{font-family:Poppins,sans-serif;font-family:var(--font-poppins,"Poppins",sans-serif);margin:0 auto;max-width:1080px;padding-bottom:80px}.pfHero{grid-gap:64px;align-items:start;border-bottom:1px solid #00000012;display:grid;gap:64px;grid-template-columns:1fr 260px;padding:52px 0 64px}.pfHeroEyebrow{color:#8e8e8e;color:var(--color-footer-link,#8e8e8e);display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;margin-bottom:18px;text-transform:uppercase}.pfHeroH1{color:#0c090d;color:var(--color-black,#0c090d);font-size:clamp(2.2rem,4.2vw,3.6rem);font-weight:800;letter-spacing:-.035em;line-height:1.04;margin:0 0 22px}.pfHeroSub{color:#4a4a4a;font-size:1.06rem;line-height:1.72;margin:0 0 28px;max-width:500px}.pfJumpLinks{display:flex;flex-wrap:wrap;gap:8px}.pfJumpLink{align-items:center;background:#0000000a;border:1px solid #00000014;border-radius:999px;color:#3b444b;color:var(--color-soft-black,#3b444b);display:inline-flex;font-size:.82rem;font-weight:500;padding:7px 14px;text-decoration:none;transition:background .15s ease,border-color .15s ease}.pfJumpLink:focus-visible,.pfJumpLink:hover{background:#00000012;border-color:#00000024;color:#0c090d;color:var(--color-black,#0c090d)}.pfHeroLinks{padding-top:52px}.pfHeroLinksLabel{color:#999;font-size:.7rem;font-weight:600;letter-spacing:.12em;margin:0 0 18px;text-transform:uppercase}.pfHeroLinks ul{list-style:none;margin:0;padding:0}.pfHeroLinks li{grid-gap:3px;border-bottom:1px solid #0000000f;display:grid;gap:3px;padding:13px 0}.pfHeroLinks li:last-child{border-bottom:none;padding-bottom:0}.pfHeroLinks li span:first-child{color:#0c090d;color:var(--color-black,#0c090d);font-size:.9rem;font-weight:600}.pfHeroLinks li span:last-child{color:#999;font-size:.8rem;line-height:1.5}.pfSections{grid-gap:0;display:grid;gap:0}.pfSection{border-bottom:1px solid #0000000f;padding:72px 0;scroll-margin-top:80px}.pfSectionAlt{background:#f7f6f0;background:var(--color-background-gray,#f7f6f0);margin:0 -40px;padding:72px 40px}.pfSectionFeatured{background:#ffe5881a;background:var(--color-primary-extra-faded-yellow,#ffe5881a);border-top:2px solid #ffe588;border-top:2px solid var(--color-primary-yellow,#ffe588);margin:0 -40px;padding:72px 40px}.pfEyebrow{color:#999;display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;margin-bottom:10px;text-transform:uppercase}.pfTitleRow{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:18px}.pfTitleRow h2{color:#0c090d;color:var(--color-black,#0c090d);font-size:clamp(1.7rem,2.7vw,2.3rem);font-weight:700;letter-spacing:-.025em;line-height:1.1;margin:0}.pfBadge{align-items:center;background:#ffe588;background:var(--color-primary-yellow,#ffe588);border-radius:999px;color:#111;display:inline-flex;flex-shrink:0;font-size:.73rem;font-weight:700;letter-spacing:.04em;padding:4px 10px}.pfDescription{color:#4a4a4a;font-size:1.04rem;line-height:1.72;margin:0 0 22px;max-width:560px}.pfCheckList{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0 0 22px;padding:0}.pfCheckList li{color:#444;font-size:.97rem;line-height:1.62;padding-left:22px;position:relative}.pfCheckList li:before{background:#ffe588;background:var(--color-primary-yellow,#ffe588);border-radius:50%;content:"";height:10px;left:0;position:absolute;top:8px;width:10px}.pfCtaLink{align-items:center;color:#2a7dc5;color:var(--color-secondary-blue,#2a7dc5);display:inline-flex;font-size:.9rem;font-weight:600;margin-top:4px;text-decoration:none}.pfCtaLink:focus-visible,.pfCtaLink:hover{text-decoration:underline}.pfSplitLayout{grid-gap:72px;align-items:start;display:grid;gap:72px;grid-template-columns:1fr 300px}.pfSplitReverse{grid-template-columns:300px 1fr}.pfSplitReverse .pfSplitMain{order:2}.pfSplitReverse .pfSplitAside{order:1}.pfSplitAside{padding-top:4px;position:-webkit-sticky;position:sticky;top:120px}.pfSnapshot{border-left:3px solid #f79d65;border-left:3px solid var(--color-secondary-orange,#f79d65);color:#1a1a1a;font-size:1.1rem;font-style:italic;font-weight:500;line-height:1.56;margin:0 0 24px;padding:0 0 0 18px}.pfSectionFeatured .pfSnapshot{border-left-color:#2a7dc5;border-left-color:var(--color-secondary-blue,#2a7dc5)}.pfBestFor{background:#ffffffd9;border-left:2px solid #ffe588;border-left:2px solid var(--color-primary-yellow,#ffe588);padding:16px 18px}.pfSectionAlt .pfBestFor{background:#fff9}.pfSectionFeatured .pfBestFor{background:#fffc}.pfBestForLabel{color:#999;display:block;font-size:.7rem;font-weight:600;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.pfBestFor p{color:#444;font-size:.88rem;line-height:1.6;margin:0}@media (max-width:1080px){.pfSectionAlt,.pfSectionFeatured{margin:0 -24px;padding:72px 24px}}@media (max-width:900px){.pfHero{gap:40px;grid-template-columns:1fr;padding:44px 0 52px}.pfHeroLinks{border-top:1px solid #00000012;padding-top:28px}.pfSplitLayout,.pfSplitReverse{gap:32px;grid-template-columns:1fr}.pfSplitReverse .pfSplitAside,.pfSplitReverse .pfSplitMain{order:0}.pfSplitAside{position:static}}@media (max-width:640px){.pfSection{padding:52px 0}.pfSectionAlt,.pfSectionFeatured{margin:0 -16px;padding:52px 16px}.pfJumpLinks{gap:6px}.pfJumpLink{font-size:.78rem;padding:6px 11px}}.pfGuideHero{grid-gap:24px;background:linear-gradient(135deg,#1d5c6b,#2d7a8a 56%,#dbece5);border:none;border-radius:28px;box-shadow:0 18px 40px #1440492e;color:#fff;display:grid;gap:24px;grid-template-columns:minmax(0,1.45fr) minmax(280px,.95fr);margin-bottom:28px;padding:40px clamp(24px,4vw,40px)}.pfGuideHeroCopy h1{color:#fff;font-size:clamp(2.3rem,3.6vw,3.4rem);line-height:1.05;margin:0 0 14px}.pfGuideHeroCopy p{color:#ffffffeb;font-size:1.06rem;line-height:1.7;margin:0;max-width:42rem}.pfGuideHeroEyebrow{background:#ffffff24;border-radius:999px;color:#fef7e0;display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;margin-bottom:14px;padding:6px 12px;text-transform:uppercase}.pfGuideJumpLinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.pfGuideJumpLink{align-items:center;background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;color:#fff;display:inline-flex;font-size:.92rem;font-weight:600;padding:10px 14px;text-decoration:none;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.pfGuideJumpLink:focus-visible,.pfGuideJumpLink:hover{background:#fff3;border-color:#ffffff52;transform:translateY(-1px)}.pfGuideHeroPanel{align-self:stretch;background:#fffaeef5;border-radius:24px;box-shadow:inset 0 0 0 1px #f3c03b47;color:#1f2f32;padding:24px}.pfGuideHeroPanel h2{color:#183f46;font-size:1.25rem;margin:0 0 16px}.pfGuideHeroPanel ul{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0;padding:0}.pfGuideHeroPanel li{line-height:1.55;padding-left:18px;position:relative}.pfGuideHeroPanel li:before{color:#b8860b;content:"•";font-weight:700;left:0;position:absolute}.pfGuideStack{grid-gap:24px;display:grid;gap:24px}.pfGuideSection{grid-gap:28px;align-items:start;background:linear-gradient(180deg,#fff,#fffcf6);border:1px solid #e7dfce;border-radius:28px;box-shadow:0 14px 30px #1f2f3212;display:grid;gap:28px;grid-template-columns:minmax(0,1fr) minmax(320px,420px);padding:32px;scroll-margin-top:24px}.pfGuideSectionReverse .pfGuideText{order:2}.pfGuideSectionReverse .pfGuideMediaRail{order:1}.pfGuideHeader{align-items:flex-start;display:flex;gap:16px;margin-bottom:18px}.pfGuideNumber{align-items:center;background:#204f5b;border-radius:18px;color:#fff;display:inline-flex;flex-shrink:0;font-size:1rem;font-weight:800;height:52px;justify-content:center;letter-spacing:.08em;width:52px}.pfGuideEyebrow{color:#7a6a41;display:inline-block;font-size:.78rem;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.pfGuideTitleRow{align-items:center;display:flex;flex-wrap:wrap;gap:12px}.pfGuideTitleRow h2{color:#173a40;font-size:clamp(1.65rem,2.6vw,2.25rem);line-height:1.1;margin:0}.pfGuideBadge{background:#f3c03b;border-radius:999px;color:#2f2410;font-size:.8rem;font-weight:700;padding:5px 11px}.pfGuideDescription{color:#39484b;font-size:1.05rem;line-height:1.7;margin:0 0 18px;max-width:36rem}.pfGuideList{grid-gap:12px;display:grid;gap:12px;list-style:none;margin:0 0 18px;padding:0}.pfGuideList li{grid-column-gap:14px;align-items:center;background:#f8f3e5;border:1px solid #eadfbe;border-radius:16px;color:#24373b;column-gap:14px;display:grid;grid-template-columns:20px minmax(0,1fr);line-height:1.55;padding:14px 16px}.pfGuideList li:before{align-items:center;background:#f3c03b;border-radius:999px;color:#263132;content:"✓";display:inline-flex;font-size:.85rem;font-weight:700;height:20px;justify-content:center;width:20px}.pfGuideNote{color:#6f5a1f;font-style:italic;margin:0 0 18px}.pfGuideCta{align-items:center;color:#b8860b;display:inline-flex;font-weight:700;gap:6px;text-decoration:none}.pfGuideCta:focus-visible,.pfGuideCta:hover{color:#8f6800}.pfGuideMediaRail{grid-gap:16px;display:grid;gap:16px}.pfGuideMediaCard{background:#eff5f5;border:1px solid #d8e3e4;border-radius:22px;box-shadow:inset 0 0 0 1px #ffffff8c;padding:18px}.pfGuideMediaLabel{color:#587175;font-size:.76rem;font-weight:700;letter-spacing:.08em;margin:0 0 12px;text-transform:uppercase}.pfGuideMediaText{color:#425356;line-height:1.68;margin:0}.pfGuideVideoSlot{align-items:center;aspect-ratio:16/9;background-color:#f5f5f5;border:2px dashed #ccc;border-radius:8px;color:#666;display:flex;justify-content:center;min-height:200px;padding:16px;text-align:center}.pfGuideScreenshotWrap,.pfGuideVideoSlot{margin-bottom:16px}.pfGuideScreenshot{background:linear-gradient(135deg,#fff,#f1f4f5);border:1px solid #e0e0e0;border-radius:8px;display:block;margin-bottom:16px;min-height:260px;object-fit:cover;width:100%}.pfGuideHighlight{background:#fef7e0;border:1px solid #f2dfa0;border-radius:30px;padding:12px}.pfGuideHighlight .pfGuideSection{background:#fffdf7eb;border-color:#eed585}@media (max-width:980px){.pfGuideHero,.pfGuideSection{grid-template-columns:1fr}.pfGuideSectionReverse .pfGuideMediaRail,.pfGuideSectionReverse .pfGuideText{order:0}}@media (max-width:720px){.pfGuideHero{border-radius:22px;padding:28px 20px}.pfGuideSection{border-radius:22px;padding:22px}.pfGuideHeader{flex-direction:column;gap:12px}.pfGuideNumber{border-radius:14px;height:44px;width:44px}.pfGuideJumpLinks{gap:8px}.pfGuideJumpLink{justify-content:center;width:100%}}.ogiPage{--ogi-yellow:var(--color-yellow,#f3c03b);--ogi-cream:var(--color-off-white,#faf9f6);--ogi-ink:#111;--ogi-body:#4a4a4a;--ogi-muted:#8a8a8a;--ogi-rule:#e4e1d8;--ogi-max:1100px;background:#fff;color:var(--ogi-ink);font-family:Poppins,Segoe UI,sans-serif;font-family:var(--font-poppins,"Poppins","Segoe UI",sans-serif);line-height:1.72}.ogiSection{padding:88px 0}.ogiAltBg{background:var(--ogi-cream)}.ogiEyebrow{color:var(--ogi-muted);display:block;font-size:.74rem;font-weight:600;letter-spacing:.13em;margin-bottom:14px;text-transform:uppercase}.ogiEyebrowDark{color:#5a4200}.ogiHero{background:#fff;overflow:hidden;padding:96px 0 0;position:relative}.ogiHeroInner{margin:0 auto;padding-bottom:80px;width:min(88%,var(--ogi-max))}.ogiLogoRow{align-items:center;display:flex;gap:18px;margin-bottom:36px}.ogiLogoRow img{display:block;max-height:44px;width:auto}.ogiCross{color:#c8c5bd;font-size:1.8rem;font-weight:300;line-height:1;-webkit-user-select:none;user-select:none}.ogiRtlBadge{align-items:center;border-radius:6px;display:inline-flex;padding:6px 12px}.ogiRtlBadge img{max-height:60px}.ogiHeroHeadline{color:var(--ogi-ink);font-size:clamp(3rem,6.5vw,5.2rem);font-weight:800;letter-spacing:-.04em;line-height:1.02;margin:0 0 28px;max-width:820px}.ogiHeroSub{color:#555;font-size:1.15rem;line-height:1.68;margin:0;max-width:580px}.ogiHeroAccent{background:linear-gradient(90deg,var(--ogi-yellow) 0,#0000 65%);height:3px;width:100%}.ogiSplitLayout{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 360px;margin:0 auto;width:min(88%,var(--ogi-max))}.ogiSplitReverse{grid-template-columns:360px 1fr}.ogiSplitReverse .ogiSplitMain{order:2}.ogiSplitReverse .ogiPullQuoteBlock{order:1}.ogiSplitMain h2{color:var(--ogi-ink);font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:700;letter-spacing:-.025em;line-height:1.12;margin:0 0 20px}.ogiSplitMain p{color:var(--ogi-body);font-size:1.04rem;line-height:1.72;margin-bottom:20px;max-width:560px}.ogiCheckList{grid-gap:13px;display:grid;gap:13px;list-style:none;margin:24px 0 0;padding:0}.ogiCheckList li{color:#505050;font-size:.99rem;line-height:1.65;padding-left:26px;position:relative}.ogiCheckList li:before{background:var(--ogi-yellow);border-radius:50%;content:"";height:13px;left:0;position:absolute;top:7px;width:13px}.ogiPullQuoteBlock{padding-top:6px;position:-webkit-sticky;position:sticky;top:100px}.ogiPullQuote{border-left:3px solid var(--ogi-yellow);color:#222;font-size:1.35rem;font-style:italic;font-weight:500;line-height:1.46;margin:0 0 14px;padding:0 0 0 22px}.ogiPullQuoteBlock cite{color:var(--ogi-muted);display:block;font-size:.82rem;font-style:normal;letter-spacing:.05em;padding-left:25px}.ogiSectionHeader{margin:0 auto 52px;width:min(88%,var(--ogi-max))}.ogiSectionHeader h2{color:var(--ogi-ink);font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:700;letter-spacing:-.025em;line-height:1.12;margin:0 0 16px}.ogiCentered{margin-left:auto;margin-right:auto;text-align:center}.ogiSectionIntro{color:#585858;font-size:1.04rem;line-height:1.7;margin:0;max-width:660px}.ogiCentered .ogiSectionIntro,.ogiTimeline{margin:0 auto}.ogiTimeline{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;position:relative;width:min(88%,var(--ogi-max))}.ogiTimeline:before{background:var(--ogi-rule);content:"";height:1px;left:calc(16.67% + 20px);position:absolute;right:calc(16.67% + 20px);top:20px}.ogiTimelineStep{align-items:center;display:flex;flex-direction:column;padding:0 28px;position:relative;text-align:center;z-index:1}.ogiTimelineMarker{align-items:center;background:var(--ogi-yellow);border-radius:50%;box-shadow:0 0 0 7px var(--ogi-cream);color:#111;display:flex;flex-shrink:0;font-size:.95rem;font-weight:800;height:42px;justify-content:center;margin-bottom:26px;width:42px}.ogiTimelineContent h3{color:var(--ogi-ink);font-size:1.08rem;font-weight:700;letter-spacing:-.01em;margin:0 0 10px}.ogiTimelineContent p{color:var(--ogi-body);font-size:.95rem;line-height:1.65;margin:0}.ogiPhilosophy{text-align:center}.ogiPhilosophyInner{margin:0 auto;width:min(88%,820px)}.ogiMissionQuote{color:var(--ogi-ink);font-size:clamp(1.45rem,2.6vw,2rem);font-style:italic;font-weight:600;line-height:1.42;margin:0 0 28px;padding:32px 0 0;position:relative}.ogiMissionQuote:before{color:var(--ogi-yellow);content:"\201C";font-size:7rem;font-style:normal;left:50%;line-height:0;opacity:.55;pointer-events:none;position:absolute;top:28px;transform:translateX(-50%)}.ogiPhilosophySub{color:#636363;font-size:1rem;line-height:1.7;margin:0 auto;max-width:540px}.ogiFeatureGrid{grid-gap:52px 72px;display:grid;gap:52px 72px;grid-template-columns:repeat(2,1fr);margin:0 auto;width:min(88%,var(--ogi-max))}.ogiFeatureIcon{align-items:center;background:var(--ogi-yellow);border-radius:8px;color:#111;display:inline-flex;flex-shrink:0;font-size:.95rem;height:40px;justify-content:center;margin-bottom:16px;width:40px}.ogiFeatureCard h3{color:var(--ogi-ink);font-size:1.08rem;font-weight:700;letter-spacing:-.01em;margin:0 0 10px}.ogiFeatureCard p{color:var(--ogi-body);font-size:.97rem;line-height:1.66;margin:0}.ogiImpact{text-align:center}.ogiImpactHeader{margin:0 auto 52px;width:min(88%,var(--ogi-max))}.ogiImpactHeader h2{color:var(--ogi-ink);font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:700;letter-spacing:-.025em;line-height:1.12;margin:0 0 12px}.ogiStatRow{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:0 auto;width:min(88%,var(--ogi-max))}.ogiStat{align-items:center;border-top:2px solid var(--ogi-yellow);display:flex;flex-direction:column;gap:10px;padding:36px 28px 20px}.ogiStat+.ogiStat{border-left:1px solid var(--ogi-rule)}.ogiStatNum{color:var(--ogi-ink);font-size:3rem;font-weight:800;letter-spacing:-.05em;line-height:1}.ogiStatLabel{color:var(--ogi-muted);font-size:.88rem;line-height:1.5;max-width:200px;text-align:center}.ogiTrustInner{grid-gap:72px;align-items:start;display:grid;gap:72px;grid-template-columns:1fr auto;margin:0 auto;width:min(88%,var(--ogi-max))}.ogiTrustText h2{color:var(--ogi-ink);font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:700;letter-spacing:-.025em;line-height:1.12;margin:0 0 20px}.ogiTrustText p{color:var(--ogi-body);font-size:1.02rem;line-height:1.72;margin-bottom:16px;max-width:560px}.ogiTrustText p:last-child{margin-bottom:0}.ogiTrustBadges{display:flex;flex-direction:column;gap:16px;min-width:220px;padding-top:10px}.ogiTrustBadge{align-items:center;background:var(--ogi-cream);border-left:3px solid var(--ogi-yellow);color:#2a2a2a;display:flex;font-size:.9rem;font-weight:600;gap:12px;padding:14px 18px}.ogiTrustBadge svg{color:#555;flex-shrink:0;font-size:.95rem}.ogiRoadmapGrid{grid-gap:0;border-top:1px solid var(--ogi-rule);display:grid;gap:0;grid-template-columns:repeat(3,1fr);margin:0 auto;width:min(88%,var(--ogi-max))}.ogiRoadmapItem{border-right:1px solid var(--ogi-rule);padding:36px 40px 36px 0;position:relative}.ogiRoadmapItem:last-child{border-right:none;padding-left:40px;padding-right:0}.ogiRoadmapItem:not(:first-child):not(:last-child){padding-left:40px}.ogiRoadmapArrow{color:var(--ogi-yellow);display:block;font-size:1.6rem;font-weight:300;line-height:1;margin-bottom:14px}.ogiRoadmapItem h3{color:var(--ogi-ink);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;margin:0 0 10px}.ogiRoadmapItem p{color:var(--ogi-body);font-size:.95rem;line-height:1.65;margin:0}.ogiCta{background:var(--ogi-yellow);padding:80px 0}.ogiCtaInner{margin:0 auto;text-align:center;width:min(88%,760px)}.ogiCtaHeadline{color:#111;font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0 0 20px}.ogiCtaSub{color:#3a2e00;font-size:1.05rem;line-height:1.68;margin:0 auto 36px;max-width:540px}.ogiCtaBtn{background:#111;border-radius:4px;color:#fff;display:inline-block;font-size:.95rem;font-weight:600;letter-spacing:.04em;padding:14px 36px;text-decoration:none;transition:background .2s ease,transform .15s ease}.ogiCtaBtn:hover{background:#2a2a2a;transform:translateY(-1px)}@media (max-width:1024px){.ogiSection{padding:72px 0}.ogiHeroHeadline{font-size:clamp(2.4rem,5vw,3.6rem)}.ogiSplitLayout{gap:56px;grid-template-columns:1fr 300px}.ogiSplitReverse{grid-template-columns:300px 1fr}.ogiFeatureGrid{gap:40px 52px}.ogiTrustInner{gap:52px}}@media (max-width:768px){.ogiSection{padding:56px 0}.ogiHero{padding:64px 0 0}.ogiHeroInner{padding-bottom:52px}.ogiLogoRow{gap:12px;margin-bottom:24px}.ogiLogoRow img{max-height:34px}.ogiRtlBadge img{max-height:42px}.ogiHeroHeadline{font-size:clamp(2.2rem,8vw,3rem);letter-spacing:-.03em}.ogiHeroSub{font-size:1rem}.ogiSplitLayout,.ogiSplitReverse{gap:40px;grid-template-columns:1fr}.ogiSplitReverse .ogiSplitMain{order:1}.ogiSplitReverse .ogiPullQuoteBlock{order:2}.ogiPullQuoteBlock{padding-top:0;position:static}.ogiPullQuote{font-size:1.15rem}.ogiTimeline{gap:36px;grid-template-columns:1fr}.ogiTimeline:before{display:none}.ogiTimelineStep{align-items:flex-start;flex-direction:row;gap:20px;padding:0;text-align:left}.ogiTimelineMarker{box-shadow:none;flex-shrink:0;margin-bottom:0}.ogiFeatureGrid{gap:36px;grid-template-columns:1fr}.ogiStatRow{gap:0;grid-template-columns:1fr}.ogiStat+.ogiStat{border-left:none;border-top:1px solid var(--ogi-rule)}.ogiStat{padding:28px 0}.ogiStatNum{font-size:2.4rem}.ogiTrustInner{gap:40px;grid-template-columns:1fr}.ogiTrustBadges{flex-direction:row;flex-wrap:wrap;gap:10px}.ogiTrustBadge{flex:1 1 auto;min-width:160px}.ogiRoadmapGrid{border-top:none;grid-template-columns:1fr}.ogiRoadmapItem,.ogiRoadmapItem:last-child,.ogiRoadmapItem:not(:first-child):not(:last-child){border-left:none;border-right:none;border-top:1px solid var(--ogi-rule);padding:28px 0}.ogiSectionHeader,.ogiSectionHeader.ogiCentered{text-align:left}.ogiCentered .ogiSectionIntro{margin:0}.ogiPhilosophy{text-align:left}.ogiPhilosophyInner{width:min(88%,var(--ogi-max))}.ogiMissionQuote{font-size:1.3rem;padding-top:0}.ogiMissionQuote:before{display:none}.ogiPhilosophySub{margin:0}.ogiCtaInner,.ogiImpactHeader{text-align:left}.ogiCtaSub{margin:0 0 28px}.ogiCta{padding:60px 0}}@media (max-width:480px){.ogiHeroHeadline{font-size:2rem}.ogiStat{align-items:flex-start}.ogiStatLabel{text-align:left}.ogiTrustBadges{flex-direction:column}}.pageNotFoundSection{align-items:center;display:flex;flex-direction:row-reverse;height:80dvh;justify-content:center}.pageNotFoundSection img{height:60%}.pageNotFoundSection div{text-align:center}.pageNotFoundSection div h1{font-size:24px;margin:0}.pageNotFoundSection div p{font-size:18px;margin:10px auto 20px}.studentDashPage{--theme-header-bg:linear-gradient(135deg,#276fbf,#174ea6);--theme-accent:#276fbf;--theme-accent-shadow:#174ea647;background-color:var(--color-background-gray);min-height:100dvh;position:relative}.studentDash{align-content:center;display:flex;flex-direction:row;margin:auto;width:100%}@media screen and (max-width:450px){.signInPage{align-items:center;display:flex;justify-content:center;min-height:80vh;text-align:-webkit-center}.studentSigninContainer{background-color:#fff;border:1px solid #292f36;border-radius:30px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;padding:50px 0}.studentSignInHeader{color:#292f36;font-size:20px;font-weight:700;margin-bottom:50px;padding-bottom:0}.studentSigninContainer .classCode{border:none;border-bottom:1px solid #000;border-radius:0;font-size:16px;height:20px;place-self:center;width:70%}.submitClassCodeBtn{align-self:center;background-color:#276fbf;border:none;border-radius:8px;color:#fff;font-size:20px;margin:20px 0 10px;padding:8px 12px;width:35%}.submitClassCodeBtn:hover{background-color:initial;border:1px inset #276fbf;color:#000;cursor:pointer}.studentSigninContainer p{font-size:12px}.studentListContainer{background-color:#fff;border:1px solid #000;border-radius:8px 8px 0 0;display:flex;flex-direction:column;margin-bottom:20px}.studentListHeader{background-color:#276fbf;border-radius:8px 8px 0 0;color:#fff;font-size:30px;font-weight:700;padding:20px 0;position:-webkit-sticky;position:sticky;text-align:center}.studentList{font-size:20px;list-style-type:none;margin:0;max-height:300px;overflow-x:hidden;overflow-y:scroll;padding:0}.studentList li{border:1px solid #000;margin:0 0 5px;padding:10px 0}.studentList li:hover{cursor:pointer}.studentList li:last-child{margin:0}.backButton{background-color:#276fbf;border:1px solid #000;border-radius:4px;color:#fff;font-size:20px;padding:8px 16px}.backButton:hover{background-color:#fff;border:1px solid #276fbf;color:#276fbf;cursor:pointer;transition:.3s ease-in-out}.studentWelcomeBanner{background-position:50%;max-height:150px;min-height:150px;position:relative;width:100%}.studentWelcomeHeader{align-items:center;background-color:var(--color-background-gray);border-radius:24px 24px 0 0;bottom:0;display:flex;justify-content:space-between;left:7%;padding:0 30px 0 10px;position:absolute;width:-webkit-fit-content;width:fit-content}.studentWelcomeHeader img{height:50px}.studentWelcomeHeader h2{font-size:24px}.studentInfoHeader{align-items:center;background-color:var(--color-background-gray);border-radius:0 0 24px 24px;display:flex;left:7%;padding:6px 20px;position:absolute;top:0;width:-webkit-fit-content;width:fit-content}.studentInfoHeader b{display:none}.streakContainer{margin-right:10px}.streakContainer,.streakPill{align-items:center;display:flex}.streakPill{animation:flameGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b1a,#ff3800);border:2px solid #ff781e66;border-radius:999px;box-shadow:0 0 12px #ff500073,0 2px 6px #0000002e;gap:6px;padding:5px 14px 5px 10px}.streakFlameIcon{animation:flamePulse 2s ease-in-out infinite;color:#ffe066;filter:drop-shadow(0 0 4px #FF9500);font-size:1.1rem}.streakCount{color:#fff;font-size:1.15rem;font-weight:800;letter-spacing:-.5px;line-height:1}.streakLabel{color:#ffffffd1;font-size:.65rem;font-weight:600;letter-spacing:.5px;line-height:1;text-transform:uppercase}@keyframes flameGlow{0%,to{box-shadow:0 0 12px #ff500073,0 2px 6px #0000002e}50%{box-shadow:0 0 22px #ff6400b3,0 2px 8px #00000038}}@keyframes flamePulse{0%,to{filter:drop-shadow(0 0 3px #FF9500)}50%{filter:drop-shadow(0 0 7px #FFD700)}}.gradeContainer{margin-left:6px}.gradeBadge,.gradeContainer{align-items:center;display:flex}.gradeBadge{align-self:center;background:#264941;border:3px solid #8b5c2a;border-radius:8px;box-shadow:inset 0 1px 3px #00000059,0 2px 0 #5c3a1a,0 3px 6px #0000004d;gap:7px;padding:5px 12px 5px 9px}.gradeChalkIcon{color:#c8e6c9;font-size:1rem;opacity:.75}.gradeBadgeText{align-items:center;display:flex;flex-direction:column;gap:1px;line-height:1}.gradeValue{color:#e8f5e9;font-family:Courier New,Courier,monospace;font-size:1.1rem;font-weight:800;letter-spacing:.5px}.gradeTag{color:#c8e6c9b3;font-size:.58rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase}}@media screen and (min-width:451px) and (max-width:1023px){.signInPage{align-items:center;display:flex;justify-content:center;min-height:90vh;text-align:-webkit-center}.studentSigninContainer{background-color:#fff;border:1px solid #292f36;border-radius:30px;display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;padding:100px 50px;width:50%}.studentSignInHeader{color:#292f36;font-size:30px;font-weight:700;margin-bottom:50px;padding-bottom:0}.studentSigninContainer .classCode{border:none;border-bottom:1px solid #000;border-radius:0;font-size:large;height:30px;place-self:center;width:70%}.submitClassCodeBtn{align-self:center;background-color:#276fbf;border:1px inset #276fbf;border-radius:8px;color:#fff;font-size:20px;margin:30px 0 20px;padding:8px 12px;width:50%}.submitClassCodeBtn:hover{background-color:initial;border:1px inset #276fbf;color:#000;cursor:pointer}.studentListContainer{background-color:#fff;border:1px solid #000;border-radius:8px 8px 0 0;display:flex;flex-direction:column;margin-bottom:20px}.studentListHeader{background-color:#276fbf;border-radius:8px 8px 0 0;color:#fff;font-size:30px;font-weight:700;padding:20px 0;position:-webkit-sticky;position:sticky;text-align:center}.studentList{font-size:20px;list-style-type:none;margin:0;max-height:300px;overflow-x:hidden;overflow-y:scroll;padding:0}.studentList li{border:1px solid #000;margin:0 0 5px;padding:10px 0}.studentList li:hover{cursor:pointer}.studentList li:last-child{margin:0}.backButton{background-color:#276fbf;border:1px solid #000;border-radius:4px;color:#fff;font-size:20px;padding:8px 16px;transition:.2s ease-in-out}.backButton:hover{background-color:#fff;border:1px solid #276fbf;color:#276fbf;cursor:pointer}.addStudentBtn{background-color:#44af69;border:1px solid #000;border-radius:4px;color:#fff;font-size:20px;margin-left:10px;padding:8px 16px;transition:.2s ease-in-out}.addStudentBtn:hover{background-color:#fff;border:1px solid #44af69;color:#44af69;cursor:pointer}}@media screen and (min-width:1024px){.studentDashElementsContainer{display:flex;justify-content:space-between;padding:0 7%}.sideNavContainer{width:22%}.mainContentContainer{margin-bottom:20px;width:100%}.homeSplitLayout{align-items:flex-start;display:flex;flex-direction:row;gap:20px;margin-bottom:60px;overflow:hidden;width:100%}.homeSplitCenter,.homeSplitLeft,.homeSplitRight{display:flex;flex:1 1 33.333%;flex-direction:column;gap:16px;min-width:0;padding-top:40px}.studentWelcomeBanner{background-position:50%;max-height:200px;min-height:200px;position:relative;width:100%}.studentWelcomeHeader{align-items:center;background-color:var(--color-background-gray);border-radius:24px 24px 0 0;bottom:0;display:flex;justify-content:space-between;left:7%;padding:0 30px 0 10px;position:absolute;width:-webkit-fit-content;width:fit-content}.studentWelcomeHeader img{height:75px}.studentWelcomeHeader h2{font-size:30px}.studentInfoHeader{align-items:center;background-color:var(--color-background-gray);border-radius:24px 24px 0 0;bottom:0;display:flex;padding:8px 20px;position:absolute;right:7%;width:-webkit-fit-content;width:fit-content}.streakContainer{margin-right:10px}.streakContainer,.streakPill{align-items:center;display:flex}.streakPill{animation:flameGlow 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b1a,#ff3800);border:2px solid #ff781e66;border-radius:999px;box-shadow:0 0 16px #ff500073,0 2px 8px #0000002e;gap:8px;padding:7px 18px 7px 13px}.streakFlameIcon{animation:flamePulse 2s ease-in-out infinite;color:#ffe066;filter:drop-shadow(0 0 5px #FF9500);font-size:1.4rem}.streakCount{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.5px;line-height:1}.streakLabel{color:#ffffffd1;font-size:.72rem;font-weight:600;letter-spacing:.5px;line-height:1;text-transform:uppercase}@keyframes flameGlow{0%,to{box-shadow:0 0 16px #ff500073,0 2px 8px #0000002e}50%{box-shadow:0 0 28px #ff6400b3,0 2px 10px #00000038}}@keyframes flamePulse{0%,to{filter:drop-shadow(0 0 4px #FF9500)}50%{filter:drop-shadow(0 0 9px #FFD700)}}.gradeContainer{margin-left:8px}.gradeBadge,.gradeContainer{align-items:center;display:flex}.gradeBadge{align-self:center;background:#264941;border:3px solid #8b5c2a;border-radius:10px;box-shadow:inset 0 1px 4px #00000059,0 3px 0 #5c3a1a,0 4px 8px #0000004d;gap:9px;padding:7px 16px 7px 12px}.gradeChalkIcon{color:#c8e6c9;font-size:1.2rem;opacity:.75}.gradeBadgeText{align-items:center;display:flex;flex-direction:column;gap:2px;line-height:1}.gradeValue{color:#e8f5e9;font-family:Courier New,Courier,monospace;font-size:1.4rem;font-weight:800;letter-spacing:.5px}.gradeTag{color:#c8e6c9b3;font-size:.65rem;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.quickStartContainer{margin:50px 0 0}.quickStartButtonContainer{display:flex;flex-direction:column;padding:0 50px 0 0}.quickStartContainer h3{margin-bottom:0}.quickStartButtonContainer button{align-items:center;background-color:#fff;border:1px solid #8b8b8bbf;border-radius:4px;color:#8b8b8bbf;display:flex;font-weight:600;margin:0 0 10px;padding:8px 12px;text-align:left;transition:.2s ease-in-out;width:-webkit-fit-content;width:fit-content}.quickStartButtonContainer button:hover{background-color:#8b8b8bbf;color:#fff;cursor:pointer}.quickStartButtonIcon{height:20px;margin-right:10px}}.navigationLinks{align-items:center;background:#fff;border-top:1px solid #e5e7eb;bottom:0;box-shadow:0 -2px 12px #0000000f;display:flex;gap:4px;justify-content:center;left:50%;padding:6px 12px;position:fixed;transform:translate(-50%);width:100%;z-index:100}.activeSlider{background:linear-gradient(135deg,#276fbf,#174ea6);background:var(--theme-header-bg,linear-gradient(135deg,#276fbf 0,#174ea6 100%));border-radius:14px;bottom:6px;box-shadow:0 2px 8px #276fbf59;height:calc(100% - 12px);position:absolute;transition:left .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1);z-index:0}.navigationLinks button{align-items:center;background-color:initial;border:none;border-radius:14px;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:60px;padding:10px 18px;position:relative;transition:background-color .18s ease;z-index:1}.navigationLinks button:hover{background-color:#276fbf1a}.studentDashNavIcon{color:#9ca3af;height:22px;transition:color .18s ease,transform .18s ease}.navigationLinks button.activeStudentNavBtn .studentDashNavIcon{color:#fff;transform:scale(1.08)}.navigationLinks button:not(.activeStudentNavBtn):hover .studentDashNavIcon{color:#276fbf}.navigationLinks .studentLogout{border-left:1px solid #e5e7eb;border-radius:14px;margin-left:8px;padding-left:20px}.navigationLinks .studentLogout:hover{background-color:#aa474714}.navigationLinks .studentLogout:hover .studentDashNavIcon{color:var(--color-red);transform:none}.navigationLinks button:before{background-color:#1c1c1c;border-radius:8px;bottom:calc(100% + 10px);color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:600;letter-spacing:.02em;padding:5px 10px;transform:translateX(-50%);transform:translateX(-50%) translateY(4px);transition:opacity .18s ease,transform .18s ease;white-space:nowrap}.navigationLinks button:after,.navigationLinks button:before{left:50%;opacity:0;pointer-events:none;position:absolute;z-index:1000}.navigationLinks button:after{border:5px solid #0000;border-top-color:#1c1c1c;bottom:calc(100% + 4px);content:"";transform:translateX(-50%);transition:opacity .18s ease}.navigationLinks button:hover:before{opacity:1;transform:translateX(-50%) translateY(0)}.navigationLinks button:hover:after{opacity:1}@media screen and (max-width:768px){.navigationLinks{gap:2px;padding:6px;width:100%}.navigationLinks button{min-width:52px;padding:10px 12px}.navigationLinks .studentLogout{padding-left:14px}}.badgesPage{display:flex;flex-direction:column;gap:28px;margin:0 auto;max-width:860px;padding:24px 24px 40px}.badgesPageHeader{background:linear-gradient(135deg,#276fbf,#174ea6);background:var(--theme-header-bg,linear-gradient(135deg,#276fbf 0,#174ea6 100%));border-radius:18px;box-shadow:0 4px 18px #174ea647;color:#fff;padding:22px 26px 18px}.badgesPageHeaderInner{align-items:center;display:flex;gap:16px;margin-bottom:14px}.badgesPageTrophyIcon{color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.6));flex-shrink:0;font-size:2.2rem}.badgesPageTitle{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.3px;margin:0 0 2px}.badgesPageSub{color:#ffffffc7;font-size:.85rem;font-weight:500;margin:0}.badgesOverallTrack{background:#ffffff38;border-radius:99px;height:8px;overflow:hidden}.badgesOverallFill{background:linear-gradient(90deg,gold,orange);border-radius:99px;height:100%;transition:width .5s ease}.badgesSection{display:flex;flex-direction:column;gap:14px}.badgesSectionTitle{align-items:center;color:#1c1c1c;display:flex;font-size:1.05rem;font-weight:700;gap:8px;margin:0}.badgesSectionIcon{font-size:1rem}.badgesSectionIcon.earned{color:gold}.badgesSectionIcon.locked{color:#9ca3af}.badgesGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.badgeCard{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;display:flex;flex-direction:column;gap:6px;overflow:hidden;padding:20px 14px 16px;position:relative;text-align:center;transition:transform .18s ease,box-shadow .18s ease}.badgeCard--earned{border-color:#ffd70080;box-shadow:0 4px 20px #ffc80038,0 1px 4px #0000000f}.badgeCard--earned:hover{box-shadow:0 8px 30px #ffc80057,0 2px 8px #00000014;transform:translateY(-4px) scale(1.02)}.badgeCardGlow{animation:badgeShimmer 3.2s ease-in-out infinite;background:linear-gradient(100deg,#0000 20%,#ffffff8c 50%,#0000 80%);height:100%;left:-75%;pointer-events:none;position:absolute;top:0;width:50%}@keyframes badgeShimmer{0%{left:-75%}60%{left:125%}to{left:125%}}.badgeCard--locked{background:#f9fafb;border-color:#e5e7eb;opacity:.82}.badgeCard--locked:hover{box-shadow:0 4px 12px #00000012;transform:translateY(-2px)}.badgeCardImg{border-radius:12px;height:90px;object-fit:contain;width:90px}.badgeCardImg--locked{filter:grayscale(1) opacity(.5)}.badgeCardImgPlaceholder{align-items:center;background:linear-gradient(135deg,#276fbf21,#174ea621);border-radius:12px;color:#276fbf;display:flex;font-size:2.4rem;height:90px;justify-content:center;width:90px}.badgeCardImgPlaceholder--locked{background:#f3f4f6;color:#9ca3af}.badgeCardLockIcon{align-items:center;background:#e5e7eb;border-radius:50%;color:#6b7280;display:flex;font-size:.65rem;height:24px;justify-content:center;position:absolute;right:12px;top:12px;width:24px}.badgeCardName{color:#1c1c1c;font-size:.82rem;font-weight:700;line-height:1.2;margin:2px 0 0}.badgeCardName--locked{color:#6b7280}.badgeCardSub{color:#6b7280;font-size:.73rem;line-height:1.3;margin:0}.badgeCardUnlockHint{color:#276fbf;font-size:.7rem;font-style:italic;line-height:1.3;margin:0}.badgesEmptyEarned{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:18px;display:flex;flex-direction:column;gap:14px;padding:28px 20px}.badgesEmptyImg{opacity:.85;width:90px}.badgesEmptyText{color:#374151;font-size:.95rem;font-weight:600;margin:0;text-align:center}.subjectSectionTitle{color:#333;font-size:1.4rem;font-weight:800;margin:0 0 14px}.subjectCardNew{background:#fff;border:1px solid #e5e7eb;border-radius:18px;box-shadow:0 1px 4px #00000014;overflow:hidden}.subjectCardHeader{align-items:center;background:linear-gradient(135deg,#276fbf,#174ea6);background:var(--theme-header-bg,linear-gradient(135deg,#276fbf 0,#174ea6 100%));display:flex;gap:14px;padding:18px 20px}.subjectCardHeaderIcon{color:#fff;font-size:2.4rem}.subjectCardLabel{color:#fff;font-size:1.1rem;font-weight:800;letter-spacing:.3px;margin:0}.subjectCardObjective{color:#ffffffd9;font-size:.85rem;font-weight:600;margin:2px 0 0}.subjectCardBody{padding:18px 20px 10px}.subjectCardProgressLabel{color:#444;font-size:1rem;font-weight:700;margin:0 0 10px}.subjectCardStars{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.subjectStar{font-size:1.3rem;transition:color .2s}.subjectStar.filled{color:#276fbf}.subjectStar.empty{color:#ddd}.subjectCardPct{color:#888;font-size:.8rem;font-weight:600;margin:6px 0 0}.subjectCardFooter{align-items:flex-start;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;gap:8px;padding:14px 20px 18px}.subjectGoBtn{align-items:center;background:linear-gradient(135deg,#4ade80,#16a34a);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;font-size:1.1rem;font-weight:800;gap:10px;letter-spacing:.5px;padding:12px 28px}.subjectGoBtn:hover:not(:disabled){opacity:.9}.subjectGoBtn--locked{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none;cursor:not-allowed}.subjectLimitNote{color:#888;font-size:.8rem;font-weight:600;margin:0}.practiceCard{background:#fff;border:1px solid #e5e7eb;border-radius:14px;margin-top:12px;overflow:hidden}.practiceCard--locked{background:#f9fafb;border-color:#e5e7eb}.practiceCardInner{justify-content:space-between;padding:14px 18px}.practiceCardInner,.practiceCardLeft{align-items:center;display:flex;gap:12px}.practiceCardIcon{color:#276fbf;flex-shrink:0;font-size:1.4rem}.practiceCard--locked .practiceCardIcon{color:#9ca3af}.practiceCardTitle{color:#333;font-size:.95rem;font-weight:700;margin:0}.practiceCardSub{color:#888;font-size:.78rem;font-weight:500;margin:2px 0 0}.practiceGoBtn{align-items:center;background:linear-gradient(135deg,#4ade80,#16a34a);border:none;border-radius:50px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.9rem;font-weight:800;gap:8px;padding:8px 20px}.practiceGoBtn:hover:not(:disabled){opacity:.9}.practiceGoBtn--locked{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.progressBar{align-items:center;display:flex}.progressBar p{margin-right:5px}.settingsPage{display:flex;flex-direction:column;gap:28px;margin:0 auto;max-width:860px;padding:24px 24px 40px}.settingsPageHeader{align-items:center;background:linear-gradient(135deg,#276fbf,#174ea6);background:var(--theme-header-bg,linear-gradient(135deg,#276fbf 0,#174ea6 100%));border-radius:18px;box-shadow:0 4px 18px #174ea647;display:flex;gap:18px;padding:22px 26px}.settingsHeaderIcon{color:#ffffffd9;flex-shrink:0;font-size:2rem}.settingsPageTitle{color:#fff;font-size:1.5rem;font-weight:800;letter-spacing:-.3px;margin:0 0 2px}.settingsPageSub{color:#ffffffbf;font-size:.85rem;font-weight:500;margin:0}.settingsSection{display:flex;flex-direction:column;gap:14px}.settingsSectionTitle{color:#1c1c1c;font-size:1rem;font-weight:700;margin:0}.settingsPickerGrid{grid-gap:14px;display:grid;gap:14px}.settingsPickerGrid--bot{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.settingsPickerGrid--bkg{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.settingsPickerCard{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.settingsPickerCard:hover{border-color:#276fbf;box-shadow:0 6px 18px #0000001a;transform:translateY(-3px)}.settingsPickerCard--selected{border-color:#276fbf;box-shadow:0 0 0 3px #276fbf33,0 4px 14px #276fbf2e}.settingsPickerCheck{align-items:center;background:#276fbf;border-radius:50%;box-shadow:0 2px 6px #276fbf66;color:#fff;display:flex;font-size:.65rem;height:22px;justify-content:center;position:absolute;right:8px;top:8px;width:22px;z-index:2}.settingsPickerCard--bot{gap:8px;padding:16px 10px 12px}.settingsPickerBotImg{height:72px;object-fit:contain;width:72px}.settingsPickerLabel{color:#374151;font-size:.78rem;font-weight:600}.settingsPickerCard--bot.settingsPickerCard--selected .settingsPickerLabel{color:#276fbf}.settingsPickerCard--bkg{background-position:50%;background-size:cover;height:110px;justify-content:flex-end}.settingsBkgLabel{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0000007a;color:#fff;font-size:.8rem;font-weight:700;letter-spacing:.3px;padding:6px 10px;text-align:center;width:100%}.settingsPickerCard--bkg.settingsPickerCard--selected .settingsBkgLabel{background:#276fbfb8}.settingsPickerGrid--theme{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.settingsThemeCard{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:8px;padding:14px 10px 12px;position:relative;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.settingsThemeCard:hover{box-shadow:0 6px 18px #0000001a;transform:translateY(-3px)}.settingsThemeCard--selected{border-color:#276fbf;border-color:var(--theme-accent,#276fbf);box-shadow:0 0 0 3px #276fbf33,0 4px 14px #276fbf2e}.settingsThemeSwatch{border-radius:50%;box-shadow:0 2px 8px #0000001f;flex-shrink:0;height:48px;width:48px}#studentSidebar{background-color:#fff;border-left:1px solid #8b8b8bbf;display:flex;flex-direction:column;height:100%;position:absolute;right:0;top:0}.sidebarCloseButton{align-items:center;background-color:initial;border:none;color:#8b8b8bbf;display:flex;font-size:30px;padding:0 0 0 10px;text-align:left;width:100%}.sidebarBanner{align-items:center;display:flex;justify-content:center;max-height:150px;overflow:hidden}.sidebarBanner .bannerIcon{color:#f3c03b;height:250px}.subjectContentContainer{padding:25px 10% 0}.subjectIcon{color:#6d6d6d}.subjectContentContainer h3{font-size:25px;margin:2px 0}.subjectContent{max-width:100%}.contentRow{align-items:center;display:flex;justify-content:space-between}.contentRow p{margin:2px 0}.subjectSidebarButtonContainer{margin-top:20px;width:100%}.subjectSidebarButtonContainer button{align-items:center;background-color:#fff;border:1px solid #8b8b8bbf;border-radius:4px;color:#8b8b8bbf;display:flex;font-weight:600;margin:0 0 10px;padding:8px 12px;text-align:left;transition:.2s ease-in-out;width:-webkit-fit-content;width:fit-content;width:100%}.subjectSidebarButtonContainer button:hover{background-color:#8b8b8bbf;color:#fff;cursor:pointer}.assessmentLoadingOverlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.assessmentLoadingContainer{background:#fff;border-radius:15px;box-shadow:0 10px 40px #0000004d;min-width:300px;padding:40px;text-align:center}.loadingSpinner{animation:spin 1s linear infinite;border:5px solid #f0f0f0;border-radius:50%;border-top-color:#4caf50;height:60px;margin:0 auto 20px;width:60px}.assessmentLoadingContainer h2{color:#333;font-size:1.5em;margin:15px 0 10px}.assessmentLoadingContainer p{color:#666;font-size:1em;margin:5px 0}.progressText{color:#4caf50;font-size:1.2em!important;font-weight:700;margin-top:15px}.assessment-results-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#0009;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:1000}.assessment-container{animation:slideUp .4s ease-out;background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;box-shadow:0 20px 60px #0003;margin:20px;max-height:85vh;max-width:760px;overflow-y:auto;padding:40px;width:min(760px,calc(100vw - 40px))}.assessment-header{margin-bottom:30px;text-align:center}.assessment-header h2{color:#292f36;font-size:28px;font-weight:700;letter-spacing:1px;margin:0}.assessment-score-section{align-items:center;display:flex;flex-direction:column;gap:14px;margin:32px 0 24px}.result-status-badge{align-items:center;border-radius:50%;box-shadow:0 14px 28px #0f172a1f;display:flex;height:112px;justify-content:center;width:112px}.result-status-badge.pass{background:#d4edda;border:3px solid #28a745;color:#1f7a33}.result-status-badge.retry{background:#f8d7da;border:3px solid #dc3545;color:#b42318}.result-status-icon{font-size:56px;font-weight:700;line-height:1}.accuracy-feedback{color:#292f36;font-size:22px;font-weight:600;margin:0;text-align:center}.assessment-details-section{margin-top:30px}.assessment-phonemes,.assessment-transcript{background-color:#fffc;border-left:4px solid #6366f1;border-radius:8px;margin-bottom:25px;padding:20px}.assessment-phonemes h4,.assessment-transcript h4{color:#292f36;font-size:16px;font-weight:600;margin:0 0 15px}.transcript-text{background-color:#6366f10d;border-radius:6px;color:#555;font-style:italic;line-height:1.6;margin:0;padding:10px}.word-alignment-list{grid-gap:12px;display:grid;gap:12px}.word-alignment-item{background-color:#fff;border:1px solid #00000014;border-radius:8px;padding:12px;transition:all .3s ease}.word-alignment-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.word-title{align-items:center;display:flex;margin-bottom:8px}.word-name{background-color:#f3f4f6;border-radius:20px;color:#292f36;display:inline-block;font-size:14px;font-weight:700;padding:4px 12px}.phoneme-pairs{display:flex;flex-wrap:wrap;gap:8px}.phoneme-pair{align-items:center;border-radius:6px;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 12px}.phoneme-pair.phoneme-equal{background-color:#d1fae5;color:#065f46}.phoneme-pair.phoneme-delete,.phoneme-pair.phoneme-replace{background-color:#fee2e2;color:#7f1d1d}.phoneme-pair.phoneme-insert{background-color:#fef3c7;color:#92400e}.phoneme-status{font-weight:600}.phoneme-confidence{font-size:11px;opacity:.7}.assessment-error{background-color:#fee2e2;border:2px solid #fecaca;border-radius:8px;color:#7f1d1d;padding:20px;text-align:center}.assessment-error h3{color:#991b1b;font-size:18px;margin:0 0 10px}.assessment-error p{line-height:1.5;margin:8px 0}.assessment-container::-webkit-scrollbar{width:8px}.assessment-container::-webkit-scrollbar-track{background:#0000000d;border-radius:10px}.assessment-container::-webkit-scrollbar-thumb{background:#6366f166;border-radius:10px}.assessment-container::-webkit-scrollbar-thumb:hover{background:#6366f199}@media (max-width:768px){.assessment-results-overlay{padding:20px}.assessment-container{margin:0;max-width:100%;padding:25px;width:100%}.assessment-header h2{font-size:22px}.result-status-badge{height:96px;width:96px}.result-status-icon{font-size:46px}.accuracy-feedback{font-size:16px}}.close-button{align-items:center;background:none;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:28px;height:40px;justify-content:center;opacity:.6;position:absolute;right:15px;top:15px;transition:all .2s ease;width:40px;z-index:1001}.close-button:hover{background-color:#6464641a;opacity:1;transform:scale(1.1)}.close-button:active{transform:scale(.95)}.close-button-container{display:flex;gap:10px;justify-content:center;margin-top:30px}.close-button-main{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.close-button-main:hover{box-shadow:0 6px 20px #667eea99;transform:translateY(-2px)}.close-button-main:active{transform:translateY(0)}.close-button-text{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:14px;margin-top:10px;padding:10px 20px;transition:all .3s ease}.close-button-text:hover{opacity:.9;transform:translateY(-1px)}.alignment-legend{background:#f8f9fa;border-radius:10px;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:15px 0;padding:10px 15px}.legend-item{color:#555;font-size:12px;font-weight:500}.legend-correct{color:#22c55e}.legend-substitution{color:#f59e0b}.legend-omission{color:#ef4444}.legend-insertion{color:#a855f7}.assessment-words{margin-top:20px}.assessment-words h4{color:#292f36;font-size:16px;margin-bottom:15px}.word-alignment-grid{background:#fafafa;border:1px solid #e5e7eb;border-radius:12px;display:flex;flex-wrap:wrap;gap:8px;padding:15px}.word-chip{align-items:center;border-radius:20px;cursor:default;display:inline-flex;font-size:14px;font-weight:600;gap:10px;padding:10px 14px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.word-chip:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.word-pass{background:#d4edda;border:2px solid #28a745;color:#1f5130}.word-fail{background:#f8d7da;border:2px solid #dc3545;color:#842029}.word-text{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.word-chip .word-status-icon{align-items:center;background:#ffffffb3;border-radius:50%;display:inline-flex;font-size:13px;font-weight:700;height:22px;justify-content:center;width:22px}.word-pass .word-status-icon{color:#1f7a33}.word-fail .word-status-icon{color:#b42318}.word-accuracy-badge{background:#ffffffb3;border-radius:10px;color:inherit;font-size:11px;font-weight:600;height:20px;min-width:24px;padding:0 6px}.word-accuracy-badge,.word-op-indicator{align-items:center;display:inline-flex;justify-content:center}.word-op-indicator{background:#fffc;border-radius:50%;font-size:12px;font-weight:700;height:18px;width:18px}.word-correct .word-op-indicator{color:#22c55e}.word-substitution .word-op-indicator{color:#f59e0b}.word-omission .word-op-indicator{color:#ef4444}.word-insertion .word-op-indicator{color:#a855f7}.word-unknown{background:#f3f4f6;border:2px solid #9ca3af;color:#4b5563}.readingRoadmapContainer{background-color:initial;border:1px solid #e5e7eb;border-radius:18px;box-sizing:border-box;height:530px;max-width:560px;overflow-x:hidden;overflow-y:auto;padding:0;position:relative;width:100%}.readingRoadmapContainer::-webkit-scrollbar{width:8px}.readingRoadmapContainer::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.readingRoadmapContainer::-webkit-scrollbar-thumb{background:#276fbf;border-radius:10px}.roadmapSVG{display:block;margin:0;width:100%}.roadmapProgressHeader{background:linear-gradient(135deg,#276fbf,#174ea6);background:var(--theme-header-bg,linear-gradient(135deg,#276fbf 0,#174ea6 100%));border-bottom:none;border-radius:18px 18px 0 0;padding:14px 18px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:10}.roadmapProgressTop{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.roadmapProgressLabel{color:#ffffffe6;font-size:13px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.roadmapProgressPct{color:#fff;font-size:15px;font-weight:800}.roadmapProgressBarTrack{background:#ffffff59;border-radius:99px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.roadmapProgressBarFill{background:#fff;border-radius:99px;height:100%;min-width:4px;transition:width .6s ease}.roadmapProgressSub{align-items:center;color:#ffffffd9;display:flex;flex-wrap:wrap;font-size:12px;gap:4px;justify-content:space-between}.roadmapNextBadge{background:#ffffff40;border:1px solid #ffffff80;border-radius:20px;color:#fff;font-size:11.5px;padding:2px 10px;white-space:nowrap}.roadmapNextBadge strong{color:#fff;font-weight:800}.roadmapNextBadge em{font-style:normal;font-weight:600}.roadmapJumpBtn{align-items:center;animation:fadeIn .2s ease;background:#276fbf;border:none;border-radius:20px;bottom:16px;color:#fff;cursor:pointer;display:flex;float:right;font-size:13px;font-weight:700;gap:7px;margin-right:16px;padding:9px 16px;position:-webkit-sticky;position:sticky}.roadmapJumpBtn:hover{opacity:.88}.roadmapJumpBtn:active{opacity:.75}.roadmapLoading{align-items:center;color:var(--color-black);display:flex;font-size:18px;justify-content:center;min-height:400px}.roadmapError{color:#d32f2f;font-size:16px;padding:40px;text-align:center}.activeGlow{animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{r:38;opacity:.3}50%{r:44;opacity:.5}}.roadmapModalOverlay{align-items:center;animation:fadeIn .15s ease;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:500}.roadmapModal{animation:slideUp .2s ease;background:#fff;border-radius:16px;box-shadow:0 8px 32px #0003;max-width:90vw;padding:28px 28px 24px;position:relative;width:360px}.roadmapModalClose{background:none;border:none;color:#888;cursor:pointer;font-size:18px;line-height:1;position:absolute;right:16px;top:14px}.roadmapModalClose:hover{color:#333}.roadmapModalHeader{align-items:flex-start;display:flex;gap:14px;margin-bottom:12px}.roadmapModalNum{align-items:center;background:#276fbf;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.roadmapModalTitle{color:#1a1a2e;font-size:17px;margin:0 0 4px}.roadmapModalType{background:#e8f4fd;border-radius:20px;color:#276fbf;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.roadmapModalNotes{border-left:3px solid #e0e0e0;color:#555;font-size:13px;margin:0 0 16px;padding-left:10px}.roadmapModalLessons h4{color:#333;font-size:14px;letter-spacing:.5px;margin:0 0 10px;text-transform:uppercase}.roadmapModalEmpty,.roadmapModalLoading{color:#888;font-size:13px;padding:16px 0;text-align:center}.roadmapLessonList{display:flex;flex-direction:column;gap:8px;list-style:none;margin:0;max-height:260px;overflow-y:auto;padding:0}.roadmapLessonItem{align-items:center;background:#f7f9fc;border-radius:10px;display:flex;font-size:13px;gap:10px;padding:8px 12px}.roadmapLessonItem.passed{border-left:4px solid #44af69}.roadmapLessonItem.notPassed{border-left:4px solid #bdbdbd}.roadmapLessonNum{color:#333;flex:1 1;font-weight:600}.roadmapLessonScore{color:#276fbf;font-weight:700}.roadmapLessonBadge{border-radius:12px;font-size:11px;font-weight:700;padding:2px 8px}.roadmapLessonBadge.pass{background:#e6f9ee;color:#2d8a4d}.roadmapLessonBadge.fail{background:#f0f0f0;color:#757575}.roadmapLessonDate{color:#aaa;font-size:11px;margin-left:auto}.streakHeatmapCard{background:#fff;border:1px solid #e5e7eb;border-radius:18px;font-family:inherit;overflow:hidden;width:100%}.streakHeatmapHeader{align-items:center;background:linear-gradient(135deg,#276fbf,#174ea6);background:var(--theme-header-bg,linear-gradient(135deg,#276fbf 0,#174ea6 100%));display:flex;justify-content:space-between;padding:10px 16px 8px}.streakHeatmapTitle{align-items:center;color:#fff;display:flex;font-size:.9rem;font-weight:700;gap:6px}.streakFireIcon{color:#c2440a;font-size:.9rem}.streakHeatmapCount{background:#ffffff40;border-radius:20px;color:#fff;font-size:.82rem;font-weight:700;padding:2px 10px}.streakHeatmapDots{align-items:flex-start;display:flex;gap:4px;justify-content:space-around;padding:14px 10px 10px}.streakDayCol{cursor:default;flex-direction:column;gap:5px}.streakDayCol,.streakDot{align-items:center;display:flex}.streakDot{border-radius:50%;height:36px;justify-content:center;position:relative;transition:transform .15s ease;width:36px}.streakDot--active{background:linear-gradient(135deg,#4ade80,#22c55e);box-shadow:0 2px 8px #22c55e59}.streakDot--empty{background:#f3f4f6;border:2px dashed #d1d5db}.streakDot--today.streakDot--empty{background:#eff6ff;border:2px solid #276fbf}.streakDot--today.streakDot--active{box-shadow:0 0 0 3px #276fbf73,0 2px 8px #22c55e59}.streakDotCheck{color:#fff;font-size:1rem}.streakDayLabel{color:#9ca3af;font-size:.68rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.streakDayLabel--today{color:#276fbf;font-weight:700}.streakHeatmapFooter{color:#6b7280;font-size:.76rem;margin:0;padding:6px 14px 12px;text-align:center}.streakHeatmapFooter strong{color:#c2440a}.dashboardSideCardsStack{display:flex;flex-direction:column;gap:14px;width:100%}.babblebotMessageBody{align-items:center;display:flex;gap:10px;padding:12px 14px 14px}.babblebotMsgImg{animation:babblebotBob 3s ease-in-out infinite;flex-shrink:0;height:64px;object-fit:contain;width:64px}@keyframes babblebotBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.babblebotMsgBubble{background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px 16px 16px 4px;flex:1 1;padding:10px 13px;position:relative}.babblebotMsgBubble:before{border-color:#0000 #bfdbfe #0000 #0000;border-style:solid;border-width:6px 8px 6px 0;bottom:10px;content:"";left:-8px;position:absolute}.babblebotMsgBubble:after{border-color:#0000 #eff6ff #0000 #0000;border-style:solid;border-width:5px 7px 5px 0;bottom:11px;content:"";left:-6px;position:absolute}.babblebotMsgText{color:#1e3a5f;font-size:.8rem;font-weight:600;line-height:1.45;margin:0}.sideCard{background:#fff;border:1px solid #e5e7eb;border-radius:18px;font-family:inherit;overflow:hidden;width:100%}.sideCardHeader{align-items:center;background:linear-gradient(135deg,#276fbf,#174ea6);background:var(--theme-header-bg,linear-gradient(135deg,#276fbf 0,#174ea6 100%));display:flex;justify-content:space-between;padding:9px 14px 8px}.sideCardHeaderTitle{align-items:center;color:#fff;display:flex;font-size:.88rem;font-weight:700;gap:7px}.sideCardHeaderIcon{color:#fff;font-size:.82rem}.sideCardHeaderMeta{align-items:center;background:#fff3;border-radius:20px;color:#fff;display:flex;font-size:.75rem;font-weight:600;gap:4px;padding:2px 9px}.sideCardBody{padding:12px 14px 14px}.sideCardEmpty{color:#9ca3af;font-size:.8rem;margin:4px 0;text-align:center}.sideCardEmptyState{padding:6px 0 2px;text-align:center}.lastLessonContent{display:flex;flex-direction:column;gap:10px}.lessonResultBadge{padding:5px 14px;width:-webkit-fit-content;width:fit-content}.lessonResultBadge--pass{background:#22c55e1f;border:1px solid #22c55e4d;color:#166534}.lessonResultBadge--fail{background:#ef444417;border:1px solid #ef444440;color:#991b1b}.lessonResultIcon{font-size:1rem}.lessonAccuracySection{display:flex;flex-direction:column;gap:4px}.lessonAccuracyLabelRow{align-items:baseline;display:flex;justify-content:space-between}.lessonAccuracyLabel{color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.lessonAccuracyPct{font-size:1rem;font-weight:800;line-height:1}.lessonAccuracyTrack{background:#f3f4f6;border-radius:999px;height:7px;overflow:hidden}.lessonAccuracyFill{border-radius:999px;height:100%;transition:width .5s ease}.lessonEncouragement{color:#6b7280;font-size:.78rem;font-style:italic;margin:0}.bookshelfContainer{align-items:stretch;display:flex;flex-direction:column;gap:0;margin-bottom:10px}.bookshelfShelf{align-items:flex-end;display:flex;flex-wrap:nowrap;gap:4px;overflow:hidden;padding:6px 6px 0}.bookSpine{align-items:center;border-radius:3px 3px 0 0;box-shadow:inset -2px 0 0 #0000001f;display:flex;flex-shrink:0;height:52px;justify-content:center;position:relative;width:18px}.bookSpineInner{background:#ffffff4d;border-radius:2px;height:70%;width:3px}.bookSpine:nth-child(2n){height:46px}.bookSpine:nth-child(3n){height:58px}.bookSpineOverflow{align-items:center;background:#e5e7eb;border-radius:3px 3px 0 0;color:#6b7280;display:flex;flex-shrink:0;font-size:.65rem;font-weight:700;height:46px;justify-content:center;width:28px}.shelfPlank{background:linear-gradient(180deg,#c8a96e,#a07840);border-radius:0 0 4px 4px;box-shadow:0 2px 4px #00000026;height:7px;margin:0 2px}.storiesMilestone{color:#374151;font-size:.8rem;font-weight:600;margin:0 0 4px;text-align:center}.storiesPhoneme{color:#9ca3af;font-size:.74rem;margin:0;text-align:center}.storiesPhoneme strong{color:#276fbf;font-weight:700}.celebrationOverlay{align-items:center;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#0000;display:flex;inset:0;justify-content:center;pointer-events:none;position:fixed;transition:background .4s ease,-webkit-backdrop-filter .4s ease;transition:background .4s ease,backdrop-filter .4s ease;transition:background .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease;z-index:10000}.celebrationOverlay--visible{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#00000073;pointer-events:auto}.celebrationOverlay--exiting{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0);background:#0000;pointer-events:none}.celebrationCard{align-items:center;background:linear-gradient(145deg,#fff,#f0f4ff);border-radius:28px;box-shadow:0 24px 80px #00000040,inset 0 0 0 1px #ffffff4d;display:flex;flex-direction:column;gap:8px;max-width:380px;opacity:0;padding:44px 48px 36px;position:relative;text-align:center;transform:scale(.6) translateY(30px);transition:opacity .5s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1);width:90vw}.celebrationOverlay--visible .celebrationCard{opacity:1;transform:scale(1) translateY(0)}.celebrationOverlay--exiting .celebrationCard{opacity:0;transform:scale(.85) translateY(20px);transition:opacity .35s ease,transform .35s ease}.celebrationGlow{animation:celebrationPulse 1.8s ease-in-out infinite;background:radial-gradient(circle,#ffd70059 0,#0000 70%);border-radius:50%;height:160px;left:50%;pointer-events:none;position:absolute;top:-40px;transform:translateX(-50%);width:160px}@keyframes celebrationPulse{0%,to{opacity:.7;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.25)}}.celebrationEmoji{animation:celebrationBounce .8s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.15s;filter:drop-shadow(0 4px 12px rgba(0,0,0,.15));font-size:64px;line-height:1}@keyframes celebrationBounce{0%{transform:scale(0) rotate(-15deg)}60%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0deg)}}.celebrationBotImg{animation:celebrationBotEntrance .7s cubic-bezier(.34,1.56,.64,1) both;animation-delay:.3s;filter:drop-shadow(0 4px 10px rgba(0,0,0,.12));height:auto;width:100px}@keyframes celebrationBotEntrance{0%{opacity:0;transform:translateY(20px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}.celebrationTitle{animation:celebrationFadeUp .5s ease both;animation-delay:.4s;color:#1a1a2e;font-size:26px;font-weight:800;letter-spacing:-.3px;margin:4px 0 0}.celebrationMessage{animation:celebrationFadeUp .5s ease both;animation-delay:.5s;color:#555;font-size:16px;font-weight:500;margin:0}@keyframes celebrationFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.celebrationBtn{animation:celebrationFadeUp .5s ease both;animation-delay:.6s;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;box-shadow:0 4px 16px #6366f159;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-top:16px;padding:12px 40px;transition:transform .2s ease,box-shadow .2s ease}.celebrationBtn:hover{box-shadow:0 6px 24px #6366f173;transform:translateY(-2px)}.celebrationBtn:active{box-shadow:0 2px 8px #6366f14d;transform:translateY(0)}@media (max-width:480px){.celebrationCard{border-radius:22px;padding:32px 24px 28px}.celebrationEmoji{font-size:52px}.celebrationBotImg{width:80px}.celebrationTitle{font-size:22px}.celebrationMessage{font-size:14px}.celebrationBtn{font-size:15px;padding:10px 32px}}.nextLessonContainer{align-items:center;border-bottom:3px solid #000;border-top:3px solid #000;display:flex;justify-content:space-around}.nextLessonContainer button{background-color:#f9be2c;border:none;border-radius:5px;height:-webkit-fit-content;height:fit-content;padding:8px 16px}@media screen and (min-width:1024px){.demoContainer{background-color:beige;padding:50px 0}.demoContainer h2{color:#292f36;font-size:40px;margin:0;padding:0;text-decoration:underline wavy #292f36;-webkit-text-decoration:underline wavy #292f36}.weekInput{background-color:beige;border:2px solid #292f36;border-radius:10px;font-size:25px;padding:12px 8px}.weekInput option{color:#292f36;padding:3px 0}.selectHeader{color:#292f36;font-size:25px}.storyOptionContainer{display:flex}.storyOptionSelect{align-items:center;display:flex;justify-content:space-evenly;padding:10px 0}.storyOption{align-items:center;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:#292f36;border:none;border-radius:10px;border-radius:16px;box-shadow:0 10px 10px #00000080;color:#fff;display:flex;flex:1 0 20%;flex-direction:column;font-size:30px;max-width:250px;min-width:200px;padding:25px;transition:all .2s ease-in-out}.storyOption:hover{cursor:pointer;transform:scale(1.1)}.storyOption p{color:#292f36}.storyOption .buttonIcon{color:#f3c03b;height:75px;padding:50px 0;pointer-events:none}.storyOption div{background-color:#276fbf;border-radius:0 0 13px 13px;padding:20px 0;width:100%}.lds-ellipsis{display:inline-block;height:80px;position:relative;width:80px}.lds-ellipsis div{animation-timing-function:cubic-bezier(0,1,1,0);background:#292f36;border-radius:50%;color:#292f36;height:13px;position:absolute;top:33px;width:13px}.lds-ellipsis div:first-child{animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){animation:lds-ellipsis2 .6s infinite;left:8px}.lds-ellipsis div:nth-child(3){animation:lds-ellipsis2 .6s infinite;left:32px}.lds-ellipsis div:nth-child(4){animation:lds-ellipsis3 .6s infinite;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.welcomeBannerContainer{grid-column-gap:0;grid-row-gap:0;background-repeat:repeat-x;background-size:contain;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;height:400px}.wb-left{grid-area:1/1/2/2}.wb-right{align-items:flex-end;display:flex;grid-area:1/2/2/3;justify-content:center;position:relative}.wb-right img{height:200px}.thoughtBubbleOne{height:10px;left:325px;top:220px;width:10px}.thoughtBubbleOne,.thoughtBubbleThree{animation:fadeInAnimation 3s ease;animation-fill-mode:forwards;animation-iteration-count:1;background-color:#fff;border:#000;border-radius:50%;position:absolute}.thoughtBubbleThree{align-items:center;display:flex;font-size:25px;height:75px;justify-content:center;left:200px;top:150px;width:200px}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}.studentLessonsBody{grid-column-gap:10px;grid-row-gap:10px;display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,1fr);width:100%}.lessonCard{align-items:normal;background-color:#eeeeeee6;border:2px solid #000;border-radius:10px;grid-area:1/1/2/2;height:-moz-fit-content;min-width:-webkit-fit-content;min-width:fit-content;padding:10px 20px}.lessonCard,.lessonCard div{display:flex;flex-direction:column}.lessonCard div p button{background-color:#f9be2c;border:none;border-radius:5px;float:right;font-size:20px;height:-webkit-fit-content;height:fit-content;padding:8px 16px;transition:.2s ease-in-out;width:20%}.lessonCard div p button:hover{background-color:#fbd26b;cursor:pointer}.lessonCard h3,.lessonCard p{font-size:30px;margin:0;padding:0}.lessonCard div .previousScore{font-size:50px;text-decoration:none}.studentStats{background-color:#eeeeeee6;border:2px solid #000;border-radius:10px;display:flex;flex-wrap:wrap;grid-area:2/1/3/2;max-height:200px;padding:20px}.studentStats audio{align-self:baseline;padding-top:50px}.studentStats audio::-webkit-media-controls-panel{background-color:initial}.studentStats p{font-size:20px;margin:0;padding:0;text-decoration:underline}.studentStats h3{font-size:30px;margin:0}.studentStats div{display:flex;max-height:200px;overflow:hidden}.studentLessonContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:80vh;padding:20px 0}.startCreatingBtn button{background-color:#f9be2c;border:none;border-radius:5px;font-size:30px;padding:8px 12px}.storyOptionContainer .storyOption{background-color:#f7f7f7;border:2px solid #276fbf;margin:10px 20px;padding:0}.lessonSelectHeader{font-size:30px;margin:0 0 40px;text-align:center}}.generateBtn{background-color:#f3c03b;border:none;border-radius:4px;font-size:20px;padding:8px 12px;transition:.2s ease-in-out}.generateBtn:hover{background-color:#f3c03bcc;cursor:pointer;transform:scale(1.2)}.generatedContentSection{border:none;display:flex;margin:-5px 0 5px}.bookCover{background-size:cover;border-radius:12px;box-shadow:0 4px 0 4px;padding:15px 5px 2px;position:relative;width:80%}.bookPages{background-color:#fff;border:1px solid #000;box-shadow:inset 0 -10px 10px -3px;margin:-5px auto 2px;padding:0 5px}.Outer{margin:-5px auto 5px}.generatedImgArea{background-color:#fff;border:1px solid #000;border-radius:0 8px 0 0;border-right:none;box-shadow:inset -15px 0 15px -10px;padding:100px 0;position:relative;width:50%}.recording{display:none!important}.recordingIndicator{left:25px;position:absolute;top:25px}.audio-recorder .audio-recorder-mic{display:none!important}.leftArrow{background-color:#f3c03b;border-radius:50%;bottom:25px;left:25px;padding:10px;position:absolute;transition:.2s ease-in-out}.leftArrow:hover{cursor:pointer;transform:scale(1.2)}.rightArrow{background-color:#f3c03b;border-radius:50%;bottom:25px;margin:0;padding:10px;position:absolute;right:25px;transition:.2s ease-in-out}.rightArrow:hover{cursor:pointer;transform:scale(1.2)}.generatedStoryArea{background-color:#fff;border:1px solid;border-left:none;border-radius:8px 0 0 0;box-shadow:inset 15px 0 15px -10px;font-size:30px;font-weight:700;position:relative;width:50%}.finishBtn,.generatedStoryArea{align-items:center;display:flex;justify-content:center}.finishBtn{background-color:initial;border:none;bottom:25px;position:absolute;right:25px}.finishIcon{color:#aa4747;height:35px;transition:.2s ease-in-out}.finishIcon:hover{cursor:pointer;transform:scale(1.5)}.practiceBook{margin:50px auto 0;max-width:80%}.practiceBook h2{margin:0}.lessonWrapper{align-items:center;margin-top:50px}.contentContainer,.lessonWrapper{display:flex;flex-direction:column}.contentContainer{border:1px solid #8b8b8bbf;border-radius:8px;box-shadow:0 4px 11px -1px #45454578;height:350px;justify-content:space-between;padding:20px;width:350px}.contentContainer span{align-self:flex-end;position:relative}.contentContainer #definition{background-color:#fff;border:1px solid #8b8b8bbf;padding:5px;position:absolute;width:200px;z-index:5}.contentContainer span .definitionIcon{color:#8b8b8bbf;height:25px}.contentContainer span .definitionIcon:hover{color:#000;cursor:pointer}.contentContainer h1{align-self:center;font-size:60px}.contentContainer button{align-self:flex-end;background-color:#fff;border:1px solid #276fbf;border-radius:4px;padding:5px 10px;transition:.2s ease-in-out;width:-webkit-fit-content;width:fit-content}.contentContainer button:hover{background-color:#276fbf;border:1px solid #276fbf;cursor:pointer}.contentContainer button:hover .playIcon{color:#fff}.contentContainer button .playIcon{color:#276fbf;height:25px}.buttonsContainer{display:flex;gap:10px;justify-content:center;margin:30px 0 0;width:100%}.buttonsContainer .arrowBtns{color:#276fbf;height:25px}.buttonsContainer .practicePrevNextBtns:disabled{border:1px solid #8b8b8bbf}.buttonsContainer .practicePrevNextBtns:disabled .arrowBtns{color:#8b8b8bbf}.buttonsContainer button{background-color:#fff;border:1px solid #276fbf;padding:2px 0;transition:.2s ease-in-out;width:20%}.buttonsContainer .practicePrevNextBtns:hover:not([disabled]){background-color:#276fbf;cursor:pointer}.buttonsContainer .practicePrevNextBtns:hover:not([disabled]) .arrowBtns{color:#fff}.buttonsContainer .practiceFinishIcon{color:#aa4747;height:20px}.buttonsContainer .practiceFinishBtn{border:1px solid #aa4747}.buttonsContainer .practiceFinishBtn:hover{background-color:#aa4747;cursor:pointer}.buttonsContainer .practiceFinishBtn:hover .practiceFinishIcon{color:#fff}.add-student-welcome{align-items:center;display:flex;justify-content:center;min-height:80vh;padding:40px 20px;position:relative}.add-student-welcome:before{bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.welcome-content{animation:slideUp .5s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;max-width:800px;padding:60px 48px;position:relative;text-align:center;width:100%;z-index:1}.welcome-icon{align-items:center;background:linear-gradient(135deg,#ffdc00,#ffb800);background:linear-gradient(135deg,var(--color-yellow,#ffdc00) 0,#ffb800 100%);border-radius:50%;box-shadow:0 8px 24px #ffdc004d;color:#fff;display:flex;font-size:48px;height:100px;justify-content:center;margin:0 auto 24px;width:100px}.welcome-content h1{color:#1a1a1a;font-size:36px;font-weight:700;margin:0 0 16px}.welcome-subtitle{color:#666;font-size:18px;line-height:1.6;margin:0 0 40px}.welcome-options{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);margin-top:40px}.option-card{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:16px;cursor:pointer;display:flex;flex-direction:column;gap:16px;padding:32px 24px;text-align:center;transition:all .3s ease}.option-card:hover:not(.disabled-option){border-color:#ffdc00;border-color:var(--color-yellow,#ffdc00);box-shadow:0 8px 24px #0000001a;transform:translateY(-4px)}.disabled-option{cursor:not-allowed;opacity:.8;pointer-events:none;position:relative}.construction-overlay{border-radius:16px;bottom:0;left:0;overflow:visible;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.construction-content{align-items:center;display:flex;justify-content:center;left:50%;position:absolute;top:20%;transform:translateX(-50%);z-index:13}.option-icon{color:#ffdc00;color:var(--color-yellow,#ffdc00);font-size:48px}.option-card h3{color:#1a1a1a;font-size:20px;font-weight:600;margin:0}.option-card p{color:#666;font-size:14px;margin:0}.add-student-container{align-items:flex-start;display:flex;justify-content:center;min-height:80vh;padding:40px 20px}.add-student-content{animation:slideUp .5s ease-out;background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;max-width:900px;padding:48px;width:100%}.add-student-header{margin-bottom:32px}.back-button{align-items:center;background:none;border:none;color:#666;cursor:pointer;display:flex;font-size:16px;gap:8px;margin-bottom:16px;padding:8px 0;transition:color .3s ease}.back-button:hover{color:#ffdc00;color:var(--color-yellow,#ffdc00)}.add-student-header h2{color:#1a1a1a;font-size:32px;font-weight:700;margin:0 0 8px}.header-subtitle{color:#666;font-size:16px;margin:0}.add-student-form{margin-bottom:32px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:2fr 2fr 1fr;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{color:#1a1a1a;font-size:14px;font-weight:600}.form-group input{border:2px solid #e0e0e0;border-radius:12px;font-family:inherit;font-size:16px;padding:14px 16px;transition:all .3s ease}.form-group input:focus{border-color:#ffdc00;border-color:var(--color-yellow,#ffdc00);box-shadow:0 0 0 3px #ffdc001a;outline:none}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.add-button{align-items:center;background:linear-gradient(135deg,#ffdc00,#ffb800);background:linear-gradient(135deg,var(--color-yellow,#ffdc00) 0,#ffb800 100%);border:none;border-radius:12px;box-shadow:0 4px 16px #ffdc004d;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:600;gap:12px;justify-content:center;padding:16px 32px;transition:all .3s ease;width:100%}.add-button:hover:not(:disabled){box-shadow:0 6px 24px #ffdc0066;transform:translateY(-2px)}.add-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.error-message{background:#fff5f5;border:2px solid #f44336;border:2px solid var(--color-red,#f44336);border-radius:12px;color:#f44336;color:var(--color-red,#f44336)}.error-message,.success-message{font-size:14px;font-weight:500;margin-bottom:16px;padding:12px 16px}.success-message{background:#f0fdf4;border:2px solid #4caf50;border:2px solid var(--color-chalkboard-green,#4caf50);border-radius:12px;color:#4caf50;color:var(--color-chalkboard-green,#4caf50)}.added-students-section{border-top:2px solid #e0e0e0;margin-top:40px;padding-top:32px}.added-students-section h3{align-items:center;color:#1a1a1a;display:flex;font-size:24px;font-weight:600;gap:12px;margin:0 0 24px}.added-students-section h3 svg{color:#4caf50;color:var(--color-chalkboard-green,#4caf50)}.students-list{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:24px}.student-card{background:#f9f9f9;border:2px solid #e0e0e0;border-radius:12px;padding:16px;transition:all .3s ease}.student-card:hover{border-color:#ffdc00;border-color:var(--color-yellow,#ffdc00);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.student-info{display:flex;flex-direction:column;gap:4px}.student-name{color:#1a1a1a;font-size:16px;font-weight:600}.student-objective{color:#666;font-size:14px}.continue-button{background:linear-gradient(135deg,#4caf50,#45a049);background:linear-gradient(135deg,var(--color-chalkboard-green,#4caf50) 0,#45a049 100%);border:none;border-radius:12px;box-shadow:0 4px 16px #4caf504d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 32px;transition:all .3s ease;width:100%}.continue-button:hover{box-shadow:0 6px 24px #4caf5066;transform:translateY(-2px)}.upload-section{display:flex;flex-direction:column;gap:24px}.upload-area{width:100%}.upload-label{cursor:pointer;display:block}.file-input{display:none}.upload-placeholder{background:#fafafa;border:3px dashed #e0e0e0;border-radius:16px;padding:60px 40px;text-align:center;transition:all .3s ease}.upload-label:hover .upload-placeholder{background:#fffef5;border-color:#ffdc00;border-color:var(--color-yellow,#ffdc00)}.upload-icon{color:#ccc;font-size:64px;margin-bottom:16px}.upload-placeholder p{color:#666;font-size:18px;font-weight:600;margin:0 0 8px}.upload-hint{color:#999;font-size:14px}.image-preview-container{border:2px solid #e0e0e0;border-radius:16px;overflow:hidden;position:relative}.image-preview{background:#f5f5f5;display:block;height:auto;max-height:500px;object-fit:contain;width:100%}.remove-image-btn{align-items:center;background:#000000b3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:12px;top:12px;transition:all .3s ease;width:40px}.remove-image-btn:hover{background:#000000e6;transform:scale(1.1)}.upload-info{background:#f9f9f9;border-radius:12px;padding:24px}.upload-info h3{color:#1a1a1a;font-size:18px;font-weight:600;margin:0 0 16px}.upload-info ul{list-style:none;margin:0 0 16px;padding:0}.upload-info li{color:#666;font-size:14px;padding:8px 0 8px 24px;position:relative}.upload-info li:before{color:#4caf50;color:var(--color-chalkboard-green,#4caf50);content:"✓";font-weight:700;left:0;position:absolute}.coming-soon{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;margin:16px 0 0;padding:12px 16px}.process-button{background:linear-gradient(135deg,#ffdc00,#ffb800);background:linear-gradient(135deg,var(--color-yellow,#ffdc00) 0,#ffb800 100%);border:none;border-radius:12px;box-shadow:0 4px 16px #ffdc004d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px 32px;transition:all .3s ease;width:100%}.process-button:hover:not(:disabled){box-shadow:0 6px 24px #ffdc0066;transform:translateY(-2px)}.process-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.welcome-content{padding:40px 24px}.welcome-options{grid-template-columns:1fr}.add-student-content{padding:32px 24px}.form-row,.students-list{grid-template-columns:1fr}}@media (max-width:480px){.welcome-content h1{font-size:28px}.add-student-header h2{font-size:24px}.welcome-icon{font-size:36px;height:80px;width:80px}}.quickDataContainer{display:flex;gap:16px;justify-content:space-between}.quickDataCard{background-color:var(--color-white);border-radius:12px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;flex:0 1 33%;padding:20px}.quickDataCard h4{color:#6b7280;font-size:13px;font-weight:500;letter-spacing:.5px;margin:0;text-transform:uppercase}.quickDataCard p{color:var(--color-soft-black);font-size:28px;font-weight:700;margin:8px 0 0}.missedStructureCard{box-sizing:border-box;height:100%;padding:20px;width:auto}.missedStructureCard.expanded{padding:0}.missedStructureCard h3{border-bottom:1px solid #0000000f;color:var(--color-soft-black);font-size:16px;font-weight:600;margin:0 0 16px;padding-bottom:12px}.phonemeTableHeaders{border-bottom:1px solid #e5e7eb;color:#6b7280;display:flex;font-size:11px;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding-bottom:10px;text-transform:uppercase}.phonemeTableHeaders p{margin:0}.phonemeTableHeaders p:first-child{text-align:left}.phonemeTableHeaders p:last-child{text-align:right}.phonemeTable{gap:4px}.phonemeTable,.phonemeTable .phonemeRow{display:flex;flex-direction:column}.phonemeTable .tableEntry{align-items:center;display:flex;gap:12px;justify-content:space-between;padding-top:10px}.phonemeTable .tableEntry .percentValue{color:#6b7280;flex-shrink:0;font-size:13px;font-weight:500;margin:0;min-width:40px;text-align:right}.phonemeSymbol{align-items:center;cursor:help;display:flex;flex:1 1;gap:8px;min-width:0;position:relative}.phonemeSymbol .ipaSymbol{background:linear-gradient(135deg,#f0f7ff,#e8f4fd);border:1px solid #276fbf26;border-radius:6px;color:var(--color-blue);flex-shrink:0;font-family:Monaco,Menlo,monospace;font-size:13px;font-weight:600;padding:4px 10px}.phonemeSymbol .phonemeDesc{color:#4b5563;font-size:12px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.phonemeTooltip{animation:tooltipFadeIn .2s ease;background:#1f2937;border-radius:10px;bottom:calc(100% + 8px);box-shadow:0 10px 25px #0003;color:#fff;font-size:13px;left:0;max-width:300px;min-width:240px;padding:14px 16px;position:absolute;z-index:100}.phonemeTooltip:after{border:6px solid #0000;border-top-color:#1f2937;content:"";left:20px;position:absolute;top:100%}.phonemeTooltip .tooltipRow{display:flex;gap:12px;justify-content:space-between;padding:4px 0}.phonemeTooltip .tooltipRow:not(:last-child){border-bottom:1px solid #ffffff1a}.phonemeTooltip .tooltipLabel{color:#9ca3af;font-weight:500}.phonemeTooltip .tooltipValue{font-weight:600;text-align:right}.phonemeTable .percentageEntry{background-color:#f3f4f6;border-radius:4px;height:4px;margin:6px 0 8px;overflow:hidden}.phonemeTable .percentageEntry div{background:linear-gradient(90deg,var(--color-blue) 0,#4a90d9 100%);border-radius:4px;height:4px;transition:width .3s ease}.showMore{border-top:1px solid #e5e7eb;color:#9ca3af;font-size:12px;margin:12px 0 0;padding-top:12px;text-align:center}.classStatsContainer{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(240px,280px) 1fr;height:100%}.unitChart{background-color:var(--color-white);border-radius:12px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;display:flex;flex-direction:column;max-height:340px;padding:20px}.unitChart h3{align-items:center;color:var(--color-soft-black);display:flex;font-size:15px;font-weight:600;gap:6px;margin:0 0 12px}.unitChart canvas{max-height:260px!important}.barChart{background-color:var(--color-white);border-radius:12px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;display:flex;flex-direction:column;min-height:300px;padding:20px}.barChart h3{align-items:center;display:flex;font-size:15px;gap:6px;margin:0 0 12px}.barChart canvas{flex:1 1;min-height:200px}.barChart h3{color:var(--color-soft-black);font-size:16px;font-weight:600;margin:0 0 20px}body[data-theme=dark] .quickDataCard{background-color:var(--color-dark-bg-alt);box-shadow:var(--color-dark-shadow);color:var(--color-dark-text)}body[data-theme=dark] .quickDataCard h4,body[data-theme=dark] .quickDataCard p{color:var(--color-dark-text)}body[data-theme=dark] .missedStructureCard{background-color:var(--color-dark-bg-alt);color:var(--color-dark-text)}body[data-theme=dark] .missedStructureCard h3{color:var(--color-dark-accent)}body[data-theme=dark] .phonemeTable .percentageEntry{background-color:var(--color-dark-bg-hover);color:var(--color-dark-text)}body[data-theme=dark] .classStatsContainer{background:#0000}body[data-theme=dark] .unitChart{background-color:var(--color-dark-bg-alt);box-shadow:var(--color-dark-shadow);color:var(--color-dark-text)}body[data-theme=dark] .unitChart h3{color:var(--color-dark-accent)}body[data-theme=dark] .barChart{background-color:var(--color-dark-bg-alt);box-shadow:var(--color-dark-shadow);color:var(--color-dark-text)}body[data-theme=dark] .barChart h3{color:var(--color-dark-accent)}.tooltip-container{align-items:center;display:inline-flex;position:relative}.tooltip-bubble{animation:tooltipFadeIn .2s ease-out;pointer-events:auto;position:fixed;z-index:1000}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tooltip-content{background:#2c3e50;border-radius:8px;box-shadow:0 4px 16px #0003;color:#fff;font-size:13px;font-weight:400;line-height:1.4;max-width:min(320px,calc(100vw - 24px));min-width:min(220px,calc(100vw - 24px));padding:12px 16px;text-align:left;white-space:normal}.tooltip-arrow{height:0;position:absolute;width:0}.tooltip-bubble.small .tooltip-content{font-size:12px;max-width:min(220px,calc(100vw - 24px));min-width:min(160px,calc(100vw - 24px));padding:8px 12px}.tooltip-bubble.medium .tooltip-content{max-width:min(320px,calc(100vw - 24px));min-width:min(240px,calc(100vw - 24px))}.tooltip-bubble.large .tooltip-content{max-width:min(420px,calc(100vw - 24px));min-width:min(300px,calc(100vw - 24px));padding:14px 18px}.tooltip-bubble.top .tooltip-arrow{border-top:6px solid #2c3e50;bottom:-6px}.tooltip-bubble.bottom .tooltip-arrow,.tooltip-bubble.top .tooltip-arrow{border-left:6px solid #0000;border-right:6px solid #0000;left:50%;left:var(--tooltip-arrow-x,50%);transform:translateX(-50%)}.tooltip-bubble.bottom .tooltip-arrow{border-bottom:6px solid #2c3e50;top:-6px}.tooltip-bubble.left .tooltip-arrow{border-left:6px solid #2c3e50;right:-6px}.tooltip-bubble.left .tooltip-arrow,.tooltip-bubble.right .tooltip-arrow{border-bottom:6px solid #0000;border-top:6px solid #0000;top:50%;top:var(--tooltip-arrow-y,50%);transform:translateY(-50%)}.tooltip-bubble.right .tooltip-arrow{border-right:6px solid #2c3e50;left:-6px}.info-icon{align-items:center;color:#7f8c8d;cursor:help;display:inline-flex;height:18px;justify-content:center;margin-left:5px;transition:color .2s ease;vertical-align:middle;width:18px}.info-icon:hover{color:#276fbf}.info-icon svg{height:100%;width:100%}.tooltip-learn-more{color:#93c5fd;display:inline-block;font-size:11px;font-weight:600;margin-top:6px;text-decoration:none;transition:color .15s}.tooltip-learn-more:hover{color:#fff;text-decoration:underline}.widgetModal_modalBackdrop__BnEYU{align-items:center;background:#0000;display:flex;inset:0;justify-content:center;opacity:0;position:fixed;transition:all .3s cubic-bezier(.4,0,.2,1);visibility:hidden;z-index:1000}.widgetModal_modalBackdrop__BnEYU.widgetModal_open__S\+\+ql{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;opacity:1;visibility:visible}.widgetModal_modalContent__m02fb{background:var(--color-white);border-radius:16px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:85vh;max-width:900px;opacity:0;transform:scale(.9) translateY(20px);transition:all .3s cubic-bezier(.4,0,.2,1);width:90%}.widgetModal_modalBackdrop__BnEYU.widgetModal_open__S\+\+ql .widgetModal_modalContent__m02fb{opacity:1;transform:scale(1) translateY(0)}.widgetModal_modalHeader__90zb9{align-items:center;border-bottom:1px solid #00000014;display:flex;justify-content:space-between;padding:20px 24px}.widgetModal_modalHeader__90zb9 h2{color:var(--color-soft-black);font-size:20px;font-weight:600;margin:0}.widgetModal_closeButton__9i0os{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.widgetModal_closeButton__9i0os:hover{background:var(--color-faded-red);color:var(--color-red)}.widgetModal_modalBody__KJD31{flex:1 1;overflow-y:auto;padding:24px}.widgetModal_modalBody__KJD31::-webkit-scrollbar{width:6px}.widgetModal_modalBody__KJD31::-webkit-scrollbar-track{background:#0000}.widgetModal_modalBody__KJD31::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}@keyframes widgetModal_modalSlideIn__rkPeh{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes widgetModal_backdropFadeIn__IrNie{0%{background:#0000}to{background:#00000080}}.expandButton_expandButton__UOJEq{align-items:center;background:#f3f4f6;border:none;border-radius:6px;color:#9ca3af;cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s ease;width:28px}.expandButton_expandButton__UOJEq:hover{background:var(--color-faded-blue);color:var(--color-blue)}.missedStructuresCard_cardContainer__2lMn0{height:100%;position:relative}.missedStructuresCard_cardHeader__9JW5A{position:absolute;right:16px;top:16px;z-index:2}.yourTools_yourToolsContainer__HzDo7{grid-gap:16px;background-color:var(--color-white);border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;display:grid;gap:16px;padding:18px 20px}.yourTools_toolsHeader__YRP4i{align-items:baseline;display:flex;flex-wrap:wrap;gap:12px 16px;justify-content:space-between}.yourTools_yourToolsContainer__HzDo7 h2{color:var(--color-soft-black);font-size:16px;font-weight:600;margin:0}.yourTools_toolsHeader__YRP4i p{color:#6b7280;font-size:13px;margin:0}.yourTools_toolsGrid__PjaFJ{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.yourTools_toolCard__VxDmD{align-items:center;background:linear-gradient(180deg,#f8f8f5f2,#f4f2ece6);border:1px solid #0f172a0a;border-radius:12px;color:var(--color-soft-black);display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:flex-start;min-height:64px;padding:14px 16px;text-decoration:none;transition:all .2s ease}.yourTools_toolCard__VxDmD:hover{background-color:var(--color-faded-yellow);border-color:var(--color-yellow);box-shadow:0 8px 18px #0f172a14;transform:translateY(-2px)}.yourTools_toolIcon__OnzLL{align-items:center;background:#ffffffe0;border-radius:10px;display:inline-flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.yourTools_toolCard__VxDmD svg{color:var(--color-blue);width:14px}.yourTools_toolLabel__Yxlv-{line-height:1.3}@media (max-width:1200px){.yourTools_toolsGrid__PjaFJ{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:640px){.yourTools_yourToolsContainer__HzDo7{padding:16px}.yourTools_toolsHeader__YRP4i{align-items:flex-start;flex-direction:column}.yourTools_toolsGrid__PjaFJ{grid-template-columns:1fr}}.quickStats_quickStatsContainer__LToZg{background-color:var(--color-white);border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;display:flex;flex-direction:column;gap:4px;padding:18px}.quickStats_quickStatsHeader__RTuOQ{align-items:center;border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;margin-bottom:6px;padding-bottom:12px}.quickStats_quickStatsContainer__LToZg h2,.quickStats_quickStatsHeader__RTuOQ h2{border-bottom:none;color:var(--color-soft-black);font-size:16px;font-weight:600;margin:0;padding:0}.quickStats_quickStatRow__LENGi{align-items:center;border-bottom:1px solid #0000000a;display:flex;gap:16px;justify-content:space-between;padding:10px 0}.quickStats_quickStatRow__LENGi:last-child{border-bottom:none;padding-bottom:0}.quickStats_quickStatRow__LENGi h4{align-items:center;color:#6b7280;display:flex;flex:1 1;font-size:12px;font-weight:500;gap:4px;margin:0}.quickStats_quickStatRow__LENGi p{color:var(--color-soft-black);flex-shrink:0;font-size:13px;font-weight:600;margin:0;text-align:right}.quickStats_quickStatRow__LENGi.quickStats_attention__V6oWG{background:linear-gradient(135deg,#fef9e7,#fef3c7);border-bottom:none;border-radius:10px;margin:4px -18px;padding:12px 18px}.quickStats_quickStatRow__LENGi p.quickStats_highlight__pqTcH{align-items:center;color:#d97706;display:flex;gap:8px}.quickStats_badge__hFtIc{align-items:center;background:linear-gradient(135deg,#f59e0b,#d97706);border-radius:50%;box-shadow:0 2px 4px #d977064d;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;width:20px}.quickStats_modalStats__lnlVN{max-width:400px}.quickStats_modalStats__lnlVN .quickStats_quickStatRow__LENGi{padding:12px 0}.quickStats_modalStats__lnlVN .quickStats_quickStatRow__LENGi h4{font-size:14px}.quickStats_modalStats__lnlVN .quickStats_quickStatRow__LENGi p{font-size:16px}.studentReadingStats_studentReadingStatsContainer__588Ei{background-color:var(--color-white);border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;min-width:0;overflow:hidden}.studentReadingStats_studentReadingStatsScrollArea__2Lvhm{border-radius:inherit;max-height:clamp(320px,54vh,520px);overflow-y:auto;padding:0 20px 18px;scrollbar-color:#d1d5db #0000;scrollbar-width:thin}.studentReadingStats_studentReadingStatsScrollArea__2Lvhm::-webkit-scrollbar{width:4px}.studentReadingStats_studentReadingStatsScrollArea__2Lvhm::-webkit-scrollbar-track{background:#0000}.studentReadingStats_studentReadingStatsScrollArea__2Lvhm::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:2px}.studentReadingStats_sectionHeader__46HlP{background-color:var(--color-white);padding:18px 0 0;position:-webkit-sticky;position:sticky;top:0;z-index:5}.studentReadingStats_studentReadingStatsHeader__0wlYA{align-items:center;border-bottom:1px solid #0000000f;display:flex;gap:12px;justify-content:space-between;margin-bottom:10px;padding-bottom:14px}.studentReadingStats_studentReadingStatsContainer__588Ei h2{color:var(--color-soft-black);font-size:16px;font-weight:600;margin:0;padding:0}.studentReadingStats_searchInput__KVZzS{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;font-size:13px;padding:10px 14px;transition:all .2s ease;width:min(220px,100%)}.studentReadingStats_searchInput__KVZzS:focus{background-color:var(--color-white);border-color:var(--color-blue);box-shadow:0 0 0 2px var(--color-faded-blue);outline:none}.studentReadingStats_searchInput__KVZzS::placeholder{color:#9ca3af}.studentReadingStats_statsTable__QUuHW{text-align:left}.studentReadingStats_tableRowHeader__SnSUA{grid-gap:12px;border-bottom:1px solid #e5e7eb;color:#6b7280;display:grid;font-size:11px;font-weight:600;gap:12px;grid-template-columns:minmax(0,1.7fr) minmax(110px,1fr) 72px 104px;letter-spacing:.08em;padding-bottom:10px;text-transform:uppercase}.studentReadingStats_tableRowHeader__SnSUA p{align-items:center;display:flex;gap:4px;margin:0}.studentReadingStats_tableRow__7XuUF{grid-gap:12px;align-items:center;border-bottom:1px solid #00000008;border-radius:10px;display:grid;gap:12px;grid-template-columns:minmax(0,1.7fr) minmax(110px,1fr) 72px 104px;margin:0 -6px;padding:12px 6px;transition:background-color .15s ease}.studentReadingStats_tableRow__7XuUF:hover{background-color:#f9fafb}.studentReadingStats_tableRow__7XuUF p{color:var(--color-soft-black);font-size:13px;margin:0;min-width:0}.studentReadingStats_tableRow__7XuUF p:first-child{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.studentReadingStats_studentPageLink__VDwXz{align-items:center;background-color:var(--color-faded-blue);border:1px solid #0000;border-radius:8px;color:var(--color-blue);display:inline-flex;font-size:12px;font-weight:500;justify-content:center;min-height:36px;padding:8px 14px;text-decoration:none;transition:all .2s ease}.studentReadingStats_studentPageLink__VDwXz:hover{background-color:var(--color-blue);color:#fff;text-decoration:none}.studentReadingStats_noStudents__hpjY9{color:#9ca3af;padding:24px 16px;text-align:center}.studentReadingStats_noStudents__hpjY9 p{font-size:14px;margin:0}.studentReadingStats_headerActions__JI6D6{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.studentReadingStats_modalSearchWrapper__NFL2c{margin-bottom:16px}.studentReadingStats_searchInputLarge__Qdeb1{background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;font-size:14px;max-width:300px;padding:12px 16px;transition:all .2s ease;width:100%}.studentReadingStats_searchInputLarge__Qdeb1:focus{background-color:var(--color-white);border-color:var(--color-blue);box-shadow:0 0 0 3px var(--color-faded-blue);outline:none}@media (max-width:900px){.studentReadingStats_studentReadingStatsScrollArea__2Lvhm{max-height:min(62vh,460px)}.studentReadingStats_studentReadingStatsHeader__0wlYA{align-items:flex-start;flex-direction:column}.studentReadingStats_headerActions__JI6D6{justify-content:space-between;width:100%}.studentReadingStats_searchInput__KVZzS{flex:1 1}}@media (max-width:768px){.studentReadingStats_studentReadingStatsScrollArea__2Lvhm{max-height:min(58vh,420px);padding:0 16px 16px}.studentReadingStats_sectionHeader__46HlP{padding:16px 0 0}.studentReadingStats_headerActions__JI6D6,.studentReadingStats_searchInput__KVZzS{width:100%}}@media (max-width:640px){.studentReadingStats_tableRowHeader__SnSUA,.studentReadingStats_tableRow__7XuUF{gap:8px;grid-template-columns:minmax(0,1.5fr) minmax(96px,1fr) 56px 88px}.studentReadingStats_studentPageLink__VDwXz,.studentReadingStats_tableRow__7XuUF p{font-size:12px}}.notifications_notificationsContainer__1n8-n{background-color:var(--color-white);border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;max-height:280px;min-height:220px;overflow-y:auto;padding:0 18px 18px;scrollbar-color:#d1d5db #0000;scrollbar-width:thin}.notifications_notificationsContainer__1n8-n::-webkit-scrollbar{width:4px}.notifications_notificationsContainer__1n8-n::-webkit-scrollbar-track{background:#0000}.notifications_notificationsContainer__1n8-n::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:2px}.notifications_notificationsContainer__1n8-n h2{color:var(--color-soft-black);font-size:16px;font-weight:600;margin:0}.notifications_notificationsHeader__gCzD1{align-items:center;background-color:var(--color-white);border-bottom:1px solid #0000000f;display:flex;justify-content:space-between;padding:18px 0 12px;position:-webkit-sticky;position:sticky;top:0;z-index:2}.notifications_clearButton__YVFtv{background-color:initial;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;font-size:11px;padding:8px 11px;transition:all .2s ease}.notifications_clearButton__YVFtv:hover{background-color:var(--color-faded-red);border-color:var(--color-red);color:var(--color-red)}.notifications_notificationsList__eGsdL{list-style:none;margin:0;padding:0}.notifications_notificationItem__4Kv6V{border-bottom:1px solid #0000000a;color:var(--color-soft-black);display:flex;flex-direction:column;font-size:13px;gap:4px;padding:14px 0}.notifications_notificationItem__4Kv6V:last-child{border-bottom:none}.notifications_notiTop__zVKo1{color:#9ca3af;font-size:11px;font-weight:500}.notifications_emptyState__68iLP{color:#9ca3af;font-size:13px;padding:20px 0 0;text-align:left}.notifications_headerActions__diPuO{align-items:center;display:flex;gap:6px}@media (max-width:1200px){.notifications_notificationsContainer__1n8-n{max-height:320px;min-height:0}}.notifications_modalHeader__RM5gt{margin-bottom:16px}.notifications_clearButtonLarge__1EThb{align-items:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:13px;gap:8px;padding:10px 16px;transition:all .2s ease}.notifications_clearButtonLarge__1EThb:hover{background-color:var(--color-faded-red);border-color:var(--color-red);color:var(--color-red)}.classroom-setup-container{align-items:flex-start;background:#0000;display:flex;justify-content:center;padding:40px 20px;width:100%}.classroom-setup-content{animation:slideUp .5s ease-out;background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;max-width:900px;padding:32px 48px;position:relative;width:100%;z-index:1}.setup-header{margin-bottom:24px;text-align:center}.setup-header-icon{align-items:center;animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ffdc00,#ffb800);background:linear-gradient(135deg,var(--color-yellow,#ffdc00) 0,#ffb800 100%);border-radius:50%;box-shadow:0 8px 24px #ffdc004d;color:#fff;display:flex;font-size:28px;height:64px;justify-content:center;margin:0 auto 16px;width:64px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.setup-header h1{color:#1a1a1a;font-size:28px;font-weight:700;line-height:1.2;margin:0 0 8px}.setup-subtitle{color:#666;font-size:16px;font-weight:400;margin:0}.setup-progress{margin-bottom:24px}.progress-steps{align-items:center;display:flex;gap:24px;justify-content:center;position:relative}.progress-steps:before{background:#e0e0e0;content:"";height:3px;left:15%;position:absolute;right:15%;top:24px;z-index:0}.progress-step{flex-direction:column;gap:8px;position:relative;z-index:1}.progress-step,.step-number{align-items:center;display:flex}.step-number{background:#e0e0e0;border:3px solid #e0e0e0;border-radius:50%;color:#999;font-size:18px;font-weight:600;height:48px;justify-content:center;transition:all .3s ease;width:48px}.progress-step.active .step-number{background:#ffdc00;background:var(--color-yellow,#ffdc00);border-color:#ffdc00;border-color:var(--color-yellow,#ffdc00);box-shadow:0 4px 12px #ffdc004d;color:#fff;transform:scale(1.1)}.progress-step.completed .step-number{background:#4caf50;background:var(--color-chalkboard-green,#4caf50);border-color:#4caf50;border-color:var(--color-chalkboard-green,#4caf50);color:#fff}.step-label{color:#666;font-size:14px;font-weight:500}.progress-step.active .step-label{color:#ffdc00;color:var(--color-yellow,#ffdc00);font-weight:600}.setup-form{width:100%}.form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.form-field{display:flex;flex-direction:column;gap:8px}.field-label{align-items:center;color:#1a1a1a;display:flex;font-size:16px;font-weight:600;gap:8px;margin-bottom:4px}.label-icon{color:#ffdc00;color:var(--color-yellow,#ffdc00);font-size:18px}.form-select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23333' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:12px;border:2px solid #e0e0e0;border-radius:12px;color:#1a1a1a;cursor:pointer;font-size:16px;padding:14px 40px 14px 16px;transition:all .3s ease;width:100%}.form-select:hover:not(:disabled){box-shadow:0 0 0 3px #ffdc001a}.form-select:focus,.form-select:hover:not(:disabled){border-color:#ffdc00;border-color:var(--color-yellow,#ffdc00)}.form-select:focus{box-shadow:0 0 0 3px #ffdc0033;outline:none}.form-select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.form-select.error{background-color:#fff5f5;border-color:#f44336;border-color:var(--color-red,#f44336)}.form-select.error:focus{box-shadow:0 0 0 3px #f443361a}.field-error{align-items:center;color:#f44336;color:var(--color-red,#f44336);display:flex;font-size:14px;font-weight:500;gap:6px;margin-top:-4px}.field-hint{align-items:flex-start;color:#666;display:flex;font-size:12px;gap:8px;line-height:1.4;margin-top:4px}.field-hint svg{color:#999;flex-shrink:0;margin-top:2px}.submit-error{background:#fff5f5;border:2px solid #f44336;border:2px solid var(--color-red,#f44336);border-radius:12px;color:#f44336;color:var(--color-red,#f44336);font-size:14px;font-weight:500;margin-bottom:24px;padding:12px 16px;text-align:center}.setup-actions{margin-top:24px}.setup-actions,.setup-button{display:flex;justify-content:center}.setup-button{align-items:center;background:linear-gradient(135deg,#ffdc00,#ffb800);background:linear-gradient(135deg,var(--color-yellow,#ffdc00) 0,#ffb800 100%);border:none;border-radius:12px;box-shadow:0 4px 16px #ffdc004d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;gap:12px;min-width:200px;padding:16px 48px;transition:all .3s ease}.setup-button:hover:not(:disabled){box-shadow:0 6px 24px #ffdc0066;transform:translateY(-2px)}.setup-button:active:not(:disabled){transform:translateY(0)}.setup-button.disabled,.setup-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.button-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.classroom-setup-container{padding:20px 16px}.classroom-setup-content{border-radius:16px;padding:32px 24px}.setup-header h1{font-size:28px}.setup-subtitle{font-size:16px}.setup-header-icon{font-size:28px;height:64px;width:64px}.form-grid{gap:24px;grid-template-columns:1fr}.progress-steps:before{left:20%;right:20%}.setup-button{padding:14px 32px;width:100%}}@media (max-width:480px){.classroom-setup-content{padding:24px 20px}.setup-header h1{font-size:24px}.setup-header-icon{font-size:24px;height:56px;width:56px}.step-number{font-size:16px;height:40px;width:40px}.form-select{font-size:15px;padding:12px 14px}}.unconfiguredClassroom{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.unconfiguredClassroom h2{font-size:30px}.setupClassroomBtnContainer{text-align:center;width:100%}.unconfiguredClassroom button{background-color:#276fbf;border:1px solid #276fbf;border-radius:5px;color:#fff;font-size:16px;margin-top:20px;padding:8px 15px;transition:.2s ease-in-out;width:40%}.unconfiguredClassroom button:hover{background-color:#fff;border-radius:5px;color:#276fbf;cursor:pointer;padding:8px 15px}.modal-content{max-width:900px;width:100%}.inputRow{display:flex;gap:20px;justify-content:space-between;margin-bottom:20px}.inputContainer{display:flex;flex-direction:column;width:100%}.inputContainer label{font-size:20px;margin-bottom:5px}.inputContainer select{background-color:initial;font-size:18px;transition:.2s ease-in-out}.inputContainer select:hover{cursor:pointer;transform:scale(1.02)}.classRosterContainer{display:flex;flex-direction:column;gap:24px;margin:50px auto 0}.headerAndButtons{align-items:center;display:flex;justify-content:space-between}.headerAndButtons h2{font-size:1.5rem;font-weight:700}.headerButtons{align-items:center;background:#2563eb;background:var(--color-blue,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;margin-left:.7rem;padding:.6rem 1.2rem;transition:background .2s}.headerButtons:focus,.headerButtons:hover{background:#174ea6}.buttonIcon{font-size:1.1rem}.addStudentForm{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-bottom:1.5rem}.newStudentInput{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;min-width:140px;padding:.7rem 1rem;transition:border .2s}.newStudentInput:focus{background:#fff;border:1.5px solid #2563eb;border:1.5px solid var(--color-blue,#2563eb);outline:none}.confirmAddStudentBtn{background:#2563eb;background:var(--color-blue,#2563eb)}.cancelAddStudentBtn,.confirmAddStudentBtn{border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.7rem 1.5rem;transition:background .2s}.cancelAddStudentBtn{background:#ef4444}.confirmAddStudentBtn:focus,.confirmAddStudentBtn:hover{background:#174ea6}.roster{background:#0000;border-radius:0;box-shadow:none;gap:12px;list-style:none;margin:0 0 16px;padding:0}.individualStudent,.roster{display:flex;flex-direction:column}.individualStudent{background:var(--color-white);border-radius:8px;box-shadow:0 2px 8px #0000000a;gap:.5rem;padding:1.1rem 1.3rem;transition:box-shadow .2s}.individualStudent:hover{box-shadow:0 4px 16px #2563eb14}.editing{justify-content:space-between}.editing,.editing form{align-items:center;display:flex}.editing form{flex-wrap:wrap;gap:1rem}.editing label{font-size:.98rem;font-weight:500;margin-right:.3rem}.editing input{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;margin-right:.7rem;min-width:110px;padding:.5rem .8rem;transition:border .2s}.editing input:focus{background:#fff;border:1.5px solid #2563eb;border:1.5px solid var(--color-blue,#2563eb);outline:none}.individualStudentButtons{display:flex;gap:.7rem}.editCancelBtn,.editConfirmBtn{background:#2563eb;background:var(--color-blue,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.5rem 1.2rem;transition:background .2s}.editCancelBtn{background:#ef4444}.editConfirmBtn:focus,.editConfirmBtn:hover{background:#174ea6}.editCancelBtn:focus,.editCancelBtn:hover{background:#b91c1c}.notEditing{align-items:center;display:flex;justify-content:space-between}.notEditing p{font-size:1.08rem;font-weight:500;margin:0}.notEditing span{font-size:var(--font-size-xs)}.studentBtn{background:#0000;border:none;color:#2563eb;color:var(--color-blue,#2563eb);cursor:pointer;font-size:1.2rem;margin-left:.5rem;transition:color .2s}.studentBtn:focus,.studentBtn:hover{color:#ef4444}.studentBtnIcon{pointer-events:none}.modalOverlay{align-items:center;background:#00000040;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modalContent{background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001f;max-width:350px;padding:2rem 2.5rem;text-align:center}.modalButtons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}@media (max-width:1120px){.editing{gap:1rem}.editing,.editing form{align-items:flex-start;flex-direction:column}}@media (max-width:768px){.headerAndButtons{align-items:flex-start;flex-direction:column}.headerAndButtons div{display:flex;flex-wrap:wrap;gap:12px}.headerAndButtons div .headerButtons{margin-left:0}.addStudentForm{justify-content:flex-start}.addStudentForm,.editing form{gap:.7rem}.addStudentForm,.editing,.editing form{align-items:stretch;flex-direction:column}.editing{gap:1rem}}@media (max-width:700px){.addStudentForm,.editing form{align-items:stretch;flex-direction:column;gap:.7rem}}@media (max-width:500px){.notEditing{align-items:flex-start;flex-direction:column;gap:1rem}.notEditing div{display:flex;gap:.5rem}.notEditing div .studentBtn{margin-left:0}.modalContent{width:70%}}body[data-theme=dark] .configureClassContainerModern,body[data-theme=dark] .profileSectionModern,body[data-theme=dark] .settingRowModern,body[data-theme=dark] .settingsContainerModern,body[data-theme=dark] .settingsPageModern{background:var(--color-dark-bg-alt)!important;color:var(--color-dark-text)!important}body[data-theme=dark] .profileLabelModern{color:var(--color-dark-text-muted)!important}body[data-theme=dark] .profileValueModern{color:var(--color-dark-accent)!important}body[data-theme=dark] input,body[data-theme=dark] select{background:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .confirmClassBtnModern{background:var(--color-dark-blue);color:var(--color-white)}body[data-theme=dark] .confirmClassBtnModern:disabled{background:#3b4d5c;color:#888}body[data-theme=dark] .settingsHeaderModern{color:var(--color-dark-text)}body[data-theme=dark] .settingRowModern label{color:var(--color-dark-accent)}body[data-theme=dark] .settingRowModern select{background:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .settingRowModern select:focus{border:1.5px solid var(--color-dark-accent);outline:none}body[data-theme=dark] .tooltipModern .tooltiptextModern{background-color:var(--color-dark-bg-hover);border:1px solid var(--color-dark-accent);color:var(--color-dark-text)}body[data-theme=dark] .phonemicSoundsSection h2,body[data-theme=dark] .profileInfoModern h2,body[data-theme=dark] .storySettingsSection h2{color:var(--color-dark-text)}.settingsPageModern{background:#fff;border-radius:18px;box-shadow:0 4px 24px #00000014,0 1.5px 4px #0000000a;display:flex;flex-direction:column;gap:32px;margin:32px auto;padding:32px 28px 28px}.profileSectionModern{align-items:center;border-bottom:1px solid #e0e7ef;display:flex;gap:24px;padding-bottom:24px}.profilePicModern img{object-fit:cover}.profilePicModern img,.profilePicModern svg{background:#f7fafd;border:3px solid #276fbf;border-radius:50%;height:80px;width:80px}.profilePicModern svg{padding:8px}.logoutBtnModern{background:var(--color-dark-blue);border:none;border-radius:8px;color:var(--color-white);cursor:pointer;font-size:1rem;font-weight:600;justify-self:flex-end;padding:10px 16px;transition:background .2s,color .2s}.profileInfoModern h2{color:#222;font-size:1.6rem;font-weight:700;margin:0 0 8px}.profileDetailModern{align-items:center;display:flex;gap:8px;margin-bottom:4px}.profileLabelModern{color:#888;font-weight:500;min-width:90px}.profileValueModern{color:#276fbf;font-weight:600}.settingsContainerModern{display:flex;flex-direction:column;gap:24px}.settingsHeaderModern{color:#222;font-size:1.2rem;font-weight:700;margin-bottom:12px}.configureClassContainerModern{display:flex;flex-direction:column;gap:18px}.settingRowModern{align-items:center;background:#f7fafd;border-radius:8px;box-shadow:0 1px 4px #276fbf08;display:flex;gap:18px;justify-content:space-between;padding:14px 18px}.settingRowModern label{align-items:center;color:#276fbf;display:flex;font-weight:600;gap:8px;margin-bottom:0}.settingRowModern select{background:#fff;border:1px solid #e0e7ef;border-radius:6px;color:#222;font-size:1rem;font-weight:500;min-width:120px;padding:6px 10px;transition:border .2s}.settingRowModern select:focus{border:1.5px solid #276fbf;outline:none}.confirmClassBtnModern{background:#276fbf;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;padding:12px 0;transition:background .2s}.confirmClassBtnModern:disabled{background:#b3c7e6;cursor:not-allowed}.tooltipModern{display:inline-block;margin-left:6px;position:relative}.tooltipModern .tooltiptextModern{background-color:#222;border-radius:6px;bottom:125%;color:#fff;font-size:.95rem;left:50%;margin-left:-110px;opacity:0;padding:8px 10px;position:absolute;text-align:left;transition:opacity .2s;visibility:hidden;width:220px;z-index:10}.tooltipModern:hover .tooltiptextModern{opacity:1;visibility:visible}.curriculumPage{margin:0 auto;width:80%}.headerInfo{align-items:center;display:flex;justify-content:space-between;margin:0 0 20px}.editSaveBtn{background-color:initial;border:none;position:absolute;right:20px}.editSaveBtn .icons{height:20px}.editSaveBtn .icons:hover{cursor:pointer;transform:scale(1.1)}.headerInfo label{font-size:20px;margin-right:20px}.headerInfo input{border:1px solid #000;border-radius:4px;font-size:18px;text-align:center;width:100px}.headerInfo button{background-color:#276fbf;border:1px solid #000;border-radius:4px;color:#fff;font-size:large;padding:8px 24px}.headerInfo button:hover{background-color:#fff;border:1px solid #276fbf;color:#276fbf;cursor:pointer;transition:.2s ease-in-out}.curriculumCreatorContainer{display:flex;flex-direction:row-reverse;height:-webkit-fit-content;height:fit-content;margin-bottom:50px}.boxesContainer{flex:1 1;height:80vh;margin-top:50px;overflow-y:scroll}.objectiveBox{align-items:center;background-color:#fff;border:1px solid #000;border-radius:8px;display:flex;height:50px;margin-bottom:10px;padding:10px;position:relative}.draggablesContainer{height:-webkit-fit-content;height:fit-content;margin:0 50px 0 0;width:50%}.draggablesContainer p{font-size:25px;margin:0 0 20px}.draggablesContainer div{margin-bottom:20px}.droppedPhonemes{display:flex;justify-content:space-around}.blockContainer{background-color:#fff;border:1px solid #000;border-radius:4px;display:flex;flex-wrap:wrap;min-height:100px;padding:10px}.draggablesContainer .consonantblends div{background-color:#aa4747}.draggablesContainer .consonantblends div,.draggablesContainer .consonants div{align-content:center;border:1px solid #000;border-radius:4px;color:#fff;margin:5px;max-height:30px;padding:5px;width:-webkit-fit-content;width:fit-content}.draggablesContainer .consonants div{background-color:#276fbf}.draggablesContainer .shortvowels div{background-color:#f3c03b}.draggablesContainer .longvowels div,.draggablesContainer .shortvowels div{align-content:center;border:1px solid #000;border-radius:4px;color:#fff;margin:5px;max-height:30px;padding:5px;width:-webkit-fit-content;width:fit-content}.draggablesContainer .longvowels div{background-color:#4caf50}.draggablesContainer .prefixes div{background-color:#bdadea}.draggablesContainer .prefixes div,.draggablesContainer .suffixes div{align-content:center;border:1px solid #000;border-radius:4px;color:#fff;margin:5px;max-height:30px;padding:5px;width:-webkit-fit-content;width:fit-content}.draggablesContainer .suffixes div{background-color:#ba5624}.consonantblends div:hover,.consonants div:hover,.longvowels div:hover,.prefixes div:hover,.shortvowels div:hover,.suffixes div:hover{cursor:grab}.consonantblends div:active,.consonants div:active,.longvowels div:active,.prefixes div:active,.shortvowels div:active,.suffixes div:active{cursor:grabbing}.droppedPhonemes div{align-content:center;background-color:#556b2f;border:1px solid #000;border-radius:4px;color:#fff;margin:5px 5px 5px 20px;max-height:30px;padding:5px;width:-webkit-fit-content;width:fit-content}.teacherStoryGenerationContainer{background:#fff;border-radius:14px;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;gap:24px;margin:40px auto;padding:32px 28px 24px}.phonemicSoundsSection h2,.storySettingsSection h2{font-size:1.4rem;font-weight:700;margin-bottom:.2rem}.phonemicSoundsSection p,.storySettingsSection p{color:#555;font-size:1rem;margin-bottom:1.2rem;margin-top:0}.topicAndSetting{display:flex;gap:1.2rem;margin-bottom:1.2rem}.topicAndSetting input{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.7rem 1rem;transition:border .2s}.topicAndSetting input:focus{background:#fff;border:1.5px solid #2563eb;border:1.5px solid var(--color-blue,#2563eb);outline:none}.custom-dropdown{cursor:pointer;display:flex;flex-direction:column;margin-bottom:10px;position:relative;width:100%}.dropdown-selected{align-items:center;background:#f9fafb;border:1px solid var(--color-soft-black);border-radius:6px;display:flex;font-size:1rem;justify-content:space-between;min-height:36px;padding:10px 14px;transition:border .2s}.dropdown-selected:active,.dropdown-selected:focus{border:1.5px solid #2563eb;border:1.5px solid var(--color-blue,#2563eb);outline:none}.dropdown-arrow{margin-left:8px}.dropdown-list{background:#fff;border:1.5px solid #2563eb;border:1.5px solid var(--color-blue,#2563eb);border-radius:6px;box-shadow:0 2px 8px #2563eb14;left:0;max-height:220px;overflow-y:auto;position:absolute;right:0;top:110%;z-index:10}.dropdown-item{cursor:pointer;font-size:1rem;padding:10px 14px;transition:background .15s}.dropdown-item:hover{background:#e0e7ff;background:var(--color-faded-blue,#e0e7ff)}.soundDropdownsContainer{display:flex;flex-wrap:wrap;gap:16px;margin-top:1rem}.soundDropdowns{flex:1 1 25%;margin-bottom:1rem}.soundDropdowns h4{color:#2563eb;color:var(--color-blue,#2563eb);font-size:1rem;font-weight:600;margin-bottom:.3rem}.selectedStructures{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-start;margin-top:.5rem}.selectedStructure{background:#e0e7ff;background:var(--color-faded-blue,#e0e7ff);border:none;border-radius:16px;color:#1e293b;cursor:pointer;display:inline-block;font-size:.98rem;padding:.3rem .9rem;transition:background .2s,color .2s}.selectedStructure:hover{background:var(--color-red);color:#fff}.teacherStoryGenerateBtn{background:#2563eb;background:var(--color-blue,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1.5rem;padding:.9rem 2.2rem;transition:background .2s}.teacherStoryGenerateBtn:focus,.teacherStoryGenerateBtn:hover{background:#174ea6;opacity:1}.lds-ellipsis{display:inline-block;height:40px;position:relative;width:80px}.lds-ellipsis div{animation-timing-function:cubic-bezier(0,1,1,0);background:#2563eb;background:var(--color-blue,#2563eb);border-radius:50%;height:13px;position:absolute;top:18px;width:13px}.lds-ellipsis div:first-child{animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){animation:lds-ellipsis2 .6s infinite;left:8px}.lds-ellipsis div:nth-child(3){animation:lds-ellipsis2 .6s infinite;left:32px}.lds-ellipsis div:nth-child(4){animation:lds-ellipsis3 .6s infinite;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis2{0%{transform:translateX(0)}to{transform:translateX(24px)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@media (max-width:700px){.teacherStoryGenerationContainer{padding:18px 6vw}.soundDropdownsContainer,.topicAndSetting{flex-direction:column;gap:.7rem}}body[data-theme=dark] .teacherStoryGenerationContainer{background:var(--color-dark-bg-alt);box-shadow:var(--color-dark-shadow);color:var(--color-dark-text)}body[data-theme=dark] .phonemicSoundsSection h2,body[data-theme=dark] .storySettingsSection h2{color:var(--color-dark-text)}body[data-theme=dark] .phonemicSoundsSection p,body[data-theme=dark] .storySettingsSection p{color:var(--color-dark-text-muted)}body[data-theme=dark] .topicAndSetting input{background:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .topicAndSetting input:focus{background:var(--color-dark-bg);border:1.5px solid var(--color-dark-accent);color:var(--color-dark-text)}body[data-theme=dark] .custom-dropdown{background:#0000}body[data-theme=dark] .dropdown-selected{background:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .dropdown-selected:active,body[data-theme=dark] .dropdown-selected:focus{border:1.5px solid var(--color-dark-accent)}body[data-theme=dark] .dropdown-list{border:1.5px solid var(--color-dark-accent);box-shadow:var(--color-dark-shadow)}body[data-theme=dark] .dropdown-item,body[data-theme=dark] .dropdown-list{background:var(--color-dark-bg-alt);color:var(--color-dark-text)}body[data-theme=dark] .dropdown-item:hover{background:var(--color-dark-bg-hover);color:var(--color-dark-accent)}body[data-theme=dark] .soundDropdowns h4{color:var(--color-dark-accent)}body[data-theme=dark] .selectedStructure{background:var(--color-dark-bg-hover);color:var(--color-dark-accent)}body[data-theme=dark] .selectedStructure:hover{background:var(--color-red);color:var(--color-white)}body[data-theme=dark] .teacherStoryGenerateBtn{background:var(--color-dark-blue);color:var(--color-white)}body[data-theme=dark] .teacherStoryGenerateBtn:focus,body[data-theme=dark] .teacherStoryGenerateBtn:hover{background:var(--color-dark-blue-hover)}body[data-theme=dark] .lds-ellipsis div{background:var(--color-dark-accent)}.libraryList{margin:0 auto}.libraryHeaderButton{align-items:center;display:flex;justify-content:space-between;margin-top:50px}.libraryHeaderButton button{background-color:var(--color-blue);border:none;border-radius:4px;color:var(--color-white);font-size:var(--font-size-paragraph-desktop);padding:8px 16px;transition:.2s ease-in-out}.libraryHeaderButton button:hover{background-color:var(--color-dark-blue);cursor:pointer}.searchBarContainer{align-items:center;border-bottom:2px solid var(--color-soft-black);display:flex;gap:8px;margin-top:20px;width:50%}.searchIcon{color:#888;margin:0 0 1px}.librarySearch{background-color:initial;border:none;font-size:var(--font-size-paragraph-desktop);outline:none;padding:4px 0;width:100%}.searchBarContainer:focus-within{border-bottom:2px solid var(--color-blue)}.searchBarContainer:focus-within .searchIcon{color:var(--color-blue)}.libraryList ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:space-between;list-style-type:none;padding:0}.libraryList li{background-color:var(--color-white);border-radius:4px;box-shadow:var(--dashboard-shadow);cursor:pointer;flex-direction:column;padding:16px;transition:.2s ease-in-out}.libraryList li:hover{transform:scale(1.025)}.phonemeContainer{display:flex;justify-content:center}.phonemeContainer p{color:var(--footer-link);font-size:var(--font-size-paragraph-desktop)}.libraryList li .phonemeTitleDivider{border:1px solid var(--color-blue);width:50%}.libraryList li .title{font-size:var(--font-size-title-desktop)}.libraryList li{border-radius:8px;flex:0 1 20%;overflow-x:hidden;overflow-y:hidden;position:relative;text-align:center}.libraryList li,.modal{align-items:center;display:flex;justify-content:center}.modal{background-color:#00000080;height:100%;left:0;position:fixed;top:0;width:100%}.modalContent{align-items:center;background-color:#fff;border-radius:10px;display:flex;flex-direction:column;max-width:500px;padding:20px;width:90%}.modalContent .closeButton{align-self:end}.deleteButton,.exportButton{border:none;border-radius:5px;cursor:pointer;margin:10px;padding:10px 20px}.closeButton{background-color:initial;border:none;cursor:pointer;margin:0 0 20px;padding:0}.closeButton:hover{transform:scale(1.1);transition:.2s ease-in-out}.closeButtonIcon{height:20px}.deleteButton{background-color:#f44336;border:1px solid #f44336;color:#fff}.deleteButton:hover{background-color:initial;border:1px solid #f44336;color:#f44336;transition:.2s ease-in-out}.exportButton{background-color:#4caf50;border:1px solid #4caf50;color:#fff}.exportButton:hover{background-color:initial;border:1px solid #4caf50;color:#4caf50;transition:.2s ease-in-out}.modalContent ul{justify-content:center}.modalContent li{background-color:initial;border:none;box-shadow:none;margin:0;min-height:-webkit-fit-content;min-height:fit-content;min-width:-webkit-fit-content;min-width:fit-content;padding:0 10px}.modalContent li:before{border:none;display:none}.modalContent li:after{display:none}@media (max-width:1100px){.libraryList li{flex:1 1 27%}}@media (max-width:768px){.searchBarContainer{width:100%}}@media (max-width:525px){.libraryList li{flex:1 1 45%}}@media (max-width:375px){.libraryHeaderButton{align-items:flex-start;flex-direction:column}}.lessonDetailsDisplay{--lesson-accent:#f3c03b;--lesson-accent-deep:#d9a522;--lesson-border:#e5e7eb;--lesson-text:#1f2937;--lesson-muted:#6b7280;display:flex;flex-direction:column;gap:20px;width:100%}.lessonOverviewCard,.notesSection,.sentenceAnalysisSection{background:#fff;border:1px solid var(--lesson-border);border-radius:14px;box-shadow:0 12px 28px #0f172a0f}.lessonOverviewCard{display:flex;flex-direction:column;gap:18px;padding:24px}.lessonOverviewTop{align-items:flex-start;display:flex;flex-wrap:wrap;gap:24px;justify-content:space-between}.lessonOverviewCopy{display:flex;flex:1 1 480px;flex-direction:column;gap:14px}.lessonEyebrow{color:#9ca3af;font-size:12px;font-weight:700;letter-spacing:.08em;margin:0;text-transform:uppercase}.lessonTitleRow{align-items:center;display:flex;flex-wrap:wrap;gap:14px}.lessonTitleRow h3{color:var(--lesson-text);font-size:24px;font-weight:700;margin:0}.accuracyBadge{border-radius:999px;color:#fff;font-size:18px;font-weight:700;padding:8px 16px}.lessonMetaRow{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.flaggedBadge,.reviewStatusBadge,.thresholdBadge,.thresholdHint{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:7px 12px}.reviewStatusBadge.pending{background:#fff8dd;color:#805f00}.reviewStatusBadge.passed{background:#ecfdf5;color:#166534}.reviewStatusBadge.failed{background:#fff1f2;color:#b42318}.thresholdBadge{background:#fff9e6;color:#805f00}.thresholdHint{background:#f8fafc;border:1px solid var(--lesson-border);color:#64748b}.flaggedBadge{background:#f0fdf4;color:#166534}.studentTranscriptCard{background:#f8fafc;border:1px solid var(--lesson-border);border-radius:12px;padding:14px 16px}.overviewLabel{color:#9ca3af;display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.studentTranscriptCard p{color:var(--lesson-text);font-size:15px;line-height:1.6;margin:8px 0 0}.storyImageButton{background:#fffdf6;border:1px solid var(--lesson-border);border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:10px;padding:10px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;width:min(220px,100%)}.storyImageButton:hover{border-color:var(--lesson-accent-deep);box-shadow:0 12px 24px #f3c03b2e;transform:translateY(-1px)}.storyImageThumb{aspect-ratio:4/3;border-radius:10px;display:block;object-fit:cover;width:100%}.storyImageButtonLabel{color:#5b4a18;font-size:13px;font-weight:700}.audioPlayerSection{align-items:center;background:#f8fafc;border:1px solid var(--lesson-border);border-radius:12px;display:flex;flex-wrap:wrap;gap:12px;padding:14px 16px}.audioLabel{color:#9ca3af;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.audioPlayer{border-radius:6px;flex:1 1 320px;height:40px;min-width:220px}.audioPlayer::-webkit-media-controls-panel{background:#f8fafc}.reviewActionBar{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff5;border:1px solid #e5e7ebe6;border-radius:14px;box-shadow:0 14px 34px #0f172a14;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;padding:16px 18px;position:-webkit-sticky;position:sticky;top:16px;z-index:20}.reviewActionSummary{display:flex;flex:1 1 280px;flex-direction:column;gap:6px}.reviewActionTitle{color:#9ca3af;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.reviewActionHint{color:var(--lesson-muted);font-size:14px;line-height:1.5;margin:0}.reviewActionControls{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.decisionToggleGroup{background:#f8fafc;border:1px solid var(--lesson-border);border-radius:12px;display:flex;gap:8px;padding:4px}.decisionBtn{background:#0000;border:1px solid #0000;border-radius:9px;color:#334155;cursor:pointer;font-size:14px;font-weight:700;min-width:92px;padding:11px 16px;transition:background .2s ease,border-color .2s ease,color .2s ease}.decisionBtn:hover{background:#fff8dd;color:#805f00}.decisionBtn.pass.active{background:#ecfdf5;border-color:#86efac;color:#166534}.decisionBtn.fail.active{background:#fff1f2;border-color:#fecdd3;color:#b42318}.saveReviewBtn{background:var(--lesson-accent);border:none;border-radius:12px;box-shadow:0 8px 20px #f3c03b4d;color:#2f2b27;cursor:pointer;font-size:14px;font-weight:800;padding:12px 18px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.saveReviewBtn:hover:not(:disabled){background:#f0b21a;transform:translateY(-1px)}.saveReviewBtn:disabled{box-shadow:none;cursor:not-allowed;opacity:.55}.flagContentBtn{background:#fff;border:1px solid var(--lesson-border);border-radius:12px;color:#4b5563;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:background .2s ease,border-color .2s ease,color .2s ease}.flagContentBtn:hover:not(:disabled){background:#fff8dd;border-color:#e7cb72;color:#5b4a18}.flagContentBtn.flagged,.flagContentBtn:disabled{background:#f0fdf4;border-color:#bbf7d0;color:#166534;cursor:default}.phonemeKeySection{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-bottom:16px;padding:20px}.phonemeKeyHeader{margin-bottom:12px}.phonemeKeyHeader h4{color:#1e293b;font-size:15px;font-weight:600;margin:0 0 4px}.phonemeKeyHeader p{color:#64748b;font-size:13px;margin:0}.phonemeKeyLegend{background:#e0f2fe;border-radius:8px;color:#0369a1;display:flex;flex-wrap:wrap;font-size:12px;gap:16px;margin-bottom:16px;padding:10px 14px}.phonemeKeyLegend .legendItem{align-items:center;display:inline-flex;gap:4px}.phonemeKeyGrid{display:flex;flex-wrap:wrap;gap:24px}.phonemeKeyCategory{flex:1 1;min-width:280px}.phonemeKeyCategory h5{color:#475569;font-size:12px;font-weight:600;margin:0 0 12px}.sentenceAnalysisSection{display:flex;flex-direction:column;gap:18px;padding:24px}.sentenceAnalysisHeader{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.sentenceAnalysisCopy h4{color:var(--lesson-text);font-size:18px;font-weight:700;margin:0}.sentenceAnalysisCopy p{color:var(--lesson-muted);font-size:14px;line-height:1.5;margin:6px 0 0}.sentenceAnalysisActions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.lessonDetailsDisplay .legendItems{display:flex;flex-wrap:wrap;gap:20px}.lessonDetailsDisplay .legendItems.compact{gap:10px}.lessonDetailsDisplay .legendItems.compact .legendItem{align-items:center;background:#f8fafc;border:1px solid var(--lesson-border);border-radius:999px;color:#475569;display:inline-flex;font-size:12px;font-weight:600;gap:8px;padding:7px 10px}.lessonDetailsDisplay .legendDot{border-radius:999px;height:10px;width:10px}.lessonDetailsDisplay .legendDot.correct{background:#6da34d}.lessonDetailsDisplay .legendDot.substitution{background:#f59e0b}.lessonDetailsDisplay .legendDot.omission{background:#ef4444}.lessonDetailsDisplay .legendDot.insertion{background:#8b5cf6}.phonemeKeyToggle{background:#fff;border:1px solid var(--lesson-border);border-radius:10px;color:#374151;cursor:pointer;font-size:13px;font-weight:700;padding:9px 14px;transition:all .2s ease}.phonemeKeyToggle:hover{background:#fff8dd;border-color:#e7cb72;color:#805f00}.phonemeKeyToggle.active{background:#fff8dd;border-color:var(--lesson-accent);color:#805f00}.sentenceReviewCard,.sentenceReviewList{display:flex;flex-direction:column;gap:16px}.sentenceReviewCard{background:linear-gradient(180deg,#fff,#fcfcfb);border:1px solid var(--lesson-border);border-radius:14px;padding:18px}.sentenceReviewHeader{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.sentenceReviewCopy{flex:1 1 360px}.sentenceReviewLabel{color:#9ca3af;display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.sentenceReviewText{color:var(--lesson-text);font-size:17px;font-weight:600;line-height:1.6;margin:0}.sentenceReviewMeta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.sentenceReviewStatus,.sentenceWordCount{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:7px 10px}.sentenceReviewStatus.clean{background:#ecfdf5;color:#166534}.sentenceReviewStatus.attention{background:#fff8dd;color:#92400e}.sentenceWordCount{background:#f8fafc;border:1px solid var(--lesson-border);color:#64748b}.sentenceWords{display:flex;flex-wrap:wrap;gap:12px}.sentenceNoWords{color:var(--lesson-muted);font-size:14px;margin:0}.phonemeSymbolGroup{align-items:center;display:flex;gap:8px;min-width:140px}.phonemeKeyItem .phonemeSymbol.primary{align-items:center;background:linear-gradient(135deg,#276fbf,#1e5a9e);border-radius:8px;color:#0f172a;color:#fff;display:flex;flex-shrink:0;font-size:20px;font-weight:700;height:36px;justify-content:center;min-width:36px}.phonemeAltSymbols{display:flex;flex-wrap:wrap;gap:4px}.phonemeAltSymbols .altSymbol{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:4px;color:#475569;font-size:14px;font-weight:600;padding:3px 8px}.phonemeKeyItem .phonemeExample{color:#64748b;flex:1 1;font-style:italic}.phonemeKeyItem .phonemeDescription{background:#e0f2fe;border-radius:12px;color:#276fbf;font-size:12px;font-weight:600;padding:4px 10px;white-space:nowrap}.wordAnalysisSection{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.wordAnalysisSection h4{color:#374151;font-size:15px;font-weight:600;margin:0 0 16px}.wordsGrid{display:flex;flex-wrap:wrap;gap:12px}.wordBox{background:#fff;border:1px solid var(--lesson-border);border-radius:12px;flex:0 1 170px;min-width:140px;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.wordBox.correct{background:#f8fcf9;border-color:#cfe6d3}.wordBox.substitution{background:#fffdf6;border-color:#f6d276}.wordBox.omission{background:#fff8f8;border-color:#f8c2c7}.wordBox.insertion{background:#faf8ff;border-color:#d6c8ff}.wordBox:hover{box-shadow:0 10px 20px #0f172a14;transform:translateY(-2px)}.wordBox.expanded{flex:1 1 100%;max-width:none;min-width:280px}.wordBoxHeader{align-items:flex-start;cursor:pointer;display:flex;gap:12px;justify-content:space-between;padding:14px 16px;-webkit-user-select:none;user-select:none}.wordPrimaryCopy{display:flex;flex-direction:column;gap:4px;min-width:0}.wordTextRow{align-items:center;display:flex;gap:8px;min-width:0}.wordStatusDot{border-radius:50%;flex-shrink:0;height:10px;width:10px}.wordStatusDot.correct{background:#28a745;box-shadow:0 0 0 3px #28a74524}.wordStatusDot.error{background:#dc3545;box-shadow:0 0 0 3px #dc354524}.wordText{color:var(--lesson-text);font-size:16px;font-weight:700;word-break:break-word}.wordBoxMeta{align-items:center;display:flex;flex-shrink:0;gap:8px}.errorBadge{background:#fee2e2;color:#dc2626;font-size:11px;min-width:20px;text-align:center}.correctBadge,.errorBadge{border-radius:999px;font-weight:700;padding:4px 8px}.correctBadge{background:#dcfce7;color:#16a34a;font-size:12px}.phonemeBadge{background:#e0e7ff;border-radius:8px;color:#4f46e5;font-size:10px;font-weight:600;min-width:16px;padding:2px 6px;text-align:center}.expandIcon{align-items:center;color:#9ca3af;display:flex;margin-top:2px;transition:transform .2s ease}.expandIcon.rotated{transform:rotate(180deg)}.phonemeDetails{background:#f8fafc;border-top:1px solid var(--lesson-border);padding:14px 16px 16px}.phonemesGrid{display:flex;flex-wrap:wrap;gap:10px;padding-top:14px}.pronunciationNote{align-items:flex-start;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;display:flex;gap:10px;margin-top:14px;padding:12px 14px}.pronunciationNote .noteIcon{flex-shrink:0;font-size:16px}.pronunciationNote .noteText{color:#92400e;font-size:13px;line-height:1.5}.pronunciationNote .noteText strong{color:#78350f}.phonemeBox{background:#fff;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:70px;padding:10px 12px;transition:all .2s ease}.phonemeBox:hover{box-shadow:0 2px 8px #0000001a;transform:scale(1.02)}.phonemeBox.equal{background:#f0fdf4;border-color:#6da34d}.phonemeBox.replace{background:#fffbeb;border-color:#f59e0b}.phonemeBox.delete{background:#fef2f2;border-color:#ef4444}.phonemeBox.insert{background:#f5f3ff;border-color:#8b5cf6}.phonemeBox.edited{box-shadow:0 0 0 2px #3b82f64d}.phonemeHeader{display:flex;justify-content:center}.opBadge{border-radius:4px;color:#fff;font-size:10px;font-weight:700;padding:2px 6px}.opBadge.equal{background:#6da34d}.opBadge.replace{background:#f59e0b}.opBadge.delete{background:#ef4444}.opBadge.insert{background:#8b5cf6}.phonemeContent{display:flex;flex-direction:column;gap:4px}.phonemeRow{align-items:center;display:flex;gap:8px;justify-content:space-between}.phonemeLabel{color:#9ca3af;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.phonemeValue{color:#1f2937;font-size:18px;font-weight:700}.phonemeValue.expected{color:#6b7280}.phonemeValue.actual.equal{color:#16a34a}.phonemeValue.actual.replace{color:#d97706}.phonemeValue.actual.delete{color:#dc2626}.phonemeValue.actual.insert{color:#7c3aed}.phonemeAccuracy{border-top:1px solid #e5e7eb;color:#6b7280;font-size:11px;padding-top:4px;text-align:center}.editedIndicator{color:#3b82f6;font-size:9px;font-weight:600;letter-spacing:.5px;text-align:center;text-transform:uppercase}.notesSection{gap:14px;padding:24px}.notesSection,.sectionHeaderCopy{display:flex;flex-direction:column}.sectionHeaderCopy{gap:6px}.sectionHeaderCopy h4{color:var(--lesson-text);font-size:16px;font-weight:700;margin:0}.sectionHeaderCopy p{color:var(--lesson-muted);font-size:14px;margin:0}.notesTextarea{background:#f8fafc;border:1px solid var(--lesson-border);border-radius:12px;box-sizing:border-box;font-family:inherit;font-size:14px;line-height:1.6;min-height:120px;padding:14px;resize:vertical;transition:border-color .2s ease;width:100%}.notesTextarea:focus{border-color:var(--lesson-accent);box-shadow:0 0 0 4px #f3c03b2e;outline:none}.notesTextarea::placeholder{color:#9ca3af}.saveButtonContainer{display:flex;justify-content:flex-end;padding-top:8px}.saveChangesBtn{background:#6da34d;border:none;border-radius:8px;box-shadow:0 2px 8px #6da34d4d;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 28px;transition:all .2s ease}.saveChangesBtn:hover{background:#5a8f3e;box-shadow:0 4px 12px #6da34d66;transform:translateY(-1px)}.phonemeEditOverlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.phonemeEditModal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:480px;overflow:visible;width:100%}.modalHeader{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.modalHeader h4{color:#1f2937;font-size:18px;font-weight:700;margin:0}.closeBtn{align-items:center;background:#e5e7eb;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.closeBtn:hover{background:#d1d5db;color:#374151}.phonemeEditContent{overflow:visible;padding:24px}.phonemeEditInfo{background:#f9fafb;border-radius:10px;margin-bottom:20px;padding:16px}.infoRow{align-items:center;display:flex;justify-content:space-between;padding:8px 0}.infoRow:not(:last-child){border-bottom:1px solid #e5e7eb}.infoLabel{color:#6b7280;font-size:13px}.infoValue{color:#1f2937;font-size:20px;font-weight:700}.infoValue.phonemeWithKey{display:flex;flex-direction:column;gap:4px}.infoValue .phonemeChar{color:#1f2937;font-size:24px;font-weight:700}.infoValue .phonemeKeyHint{color:#6b7280;font-size:13px;font-style:italic;font-weight:400}.infoValue .phonemeKeyHint .altNotations{color:#9ca3af;font-size:12px}.phonemeEditOptions{display:flex;flex-direction:column;gap:12px}.editLabel{color:#374151;font-size:14px;font-weight:600;margin:0 0 4px}.optionsGrid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr}.editOption{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:16px 12px;transition:all .2s ease}.editOption:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.editOption.selected{border-width:3px}.editOption.correct{border-color:#6da34d}.editOption.correct.selected,.editOption.correct:hover{background:#f0fdf4}.editOption.substitution{border-color:#f59e0b}.editOption.substitution.selected,.editOption.substitution:hover{background:#fffbeb}.editOption.omission{border-color:#ef4444}.editOption.omission.selected,.editOption.omission:hover{background:#fef2f2}.editOption.insertion{border-color:#8b5cf6}.editOption.insertion.selected,.editOption.insertion:hover{background:#f5f3ff}.optionIcon{font-size:24px;font-weight:700}.editOption.correct .optionIcon{color:#6da34d}.editOption.substitution .optionIcon{color:#f59e0b}.editOption.omission .optionIcon{color:#ef4444}.editOption.insertion .optionIcon{color:#8b5cf6}.optionText{color:#4b5563;font-size:12px;font-weight:600}.noDataMessage{color:#9ca3af;font-size:14px;padding:40px 20px;text-align:center}.wordAnalysisHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.wordAnalysisHeader h4{color:#374151;font-size:15px;font-weight:600;margin:0}.viewToggle{background:#f3f4f6;border-radius:8px;display:flex;gap:4px;padding:4px}.viewToggleBtn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;justify-content:center;padding:8px 12px;transition:all .2s ease}.viewToggleBtn:hover{background:#e5e7eb;color:#374151}.viewToggleBtn.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#1f2937}.wordAudioPlayer{border-bottom:1px solid #e5e7eb;margin-bottom:12px;padding-bottom:12px}.playWordBtn{align-items:center;background:#fff8dd;border:1px solid #f2d574;border-radius:999px;color:#4f3b0c;cursor:pointer;display:flex;font-size:13px;font-weight:700;gap:8px;padding:8px 16px;transition:all .2s ease}.playWordBtn:hover{background:var(--lesson-accent);border-color:var(--lesson-accent)}.playWordBtn.playing{background:#fee2e2;border-color:#fecaca;color:#991b1b}.playWordBtn.playing:hover{background:#fecaca}.playWordBtn svg{flex-shrink:0}.noTimingData{color:#9ca3af;font-size:12px;font-style:italic}.actualWordHint{color:#64748b;font-size:12px;font-weight:500;line-height:1.4}.wordAnalysisTable{border:1px solid #e5e7eb;border-radius:10px;overflow-x:auto}.wordAnalysisTable table{border-collapse:collapse;font-size:14px;width:100%}.wordAnalysisTable thead{background:#f9fafb}.wordAnalysisTable th{border-bottom:2px solid #e5e7eb;color:#374151;font-weight:600;padding:12px 16px;text-align:left;white-space:nowrap}.wordAnalysisTable td{border-bottom:1px solid #e5e7eb;padding:12px 16px;vertical-align:middle}.wordAnalysisTable tbody tr:hover{background:#f9fafb}.wordAnalysisTable .wordRow.correct td{background:#0000}.wordAnalysisTable .wordRow.substitution td{background:#fffbeb}.wordAnalysisTable .wordRow.omission td{background:#fef2f2}.wordAnalysisTable .wordRow.insertion td{background:#f5f3ff}.wordAnalysisTable .wordIndex{color:#9ca3af;font-weight:500;width:40px}.wordAnalysisTable .wordExpected{color:#1f2937;font-weight:600}.wordAnalysisTable .wordActual{color:#6b7280}.statusBadge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 10px}.statusBadge.correct{background:#dcfce7;color:#16a34a}.statusBadge.substitution{background:#fef3c7;color:#d97706}.statusBadge.omission{background:#fee2e2;color:#dc2626}.statusBadge.insertion{background:#ede9fe;color:#7c3aed}.wordAnalysisTable .wordAccuracy{color:#374151;font-weight:500}.expandPhonemesBtn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;color:#4b5563;cursor:pointer;font-size:12px;padding:6px 12px;transition:all .2s ease}.expandPhonemesBtn:hover{background:#e5e7eb;color:#1f2937}.tablePlayBtn{align-items:center;background:#3b82f6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:12px;height:32px;justify-content:center;transition:all .2s ease;width:32px}.tablePlayBtn:hover{background:#2563eb;transform:scale(1.05)}.tablePlayBtn.playing{background:#ef4444}.noAudio{color:#d1d5db}.phonemeExpandRow td{background:#fafafa!important;padding:16px!important}.tablePhonemes{justify-content:flex-start}@media (max-width:768px){.lessonOverviewCard,.notesSection,.sentenceAnalysisSection{padding:18px}.lessonTitleRow h3{font-size:20px}.reviewActionBar{padding:14px;top:8px}.reviewActionControls,.sentenceAnalysisActions{justify-content:flex-start;width:100%}.decisionToggleGroup{width:100%}.decisionBtn{flex:1 1}.storyImageButton{max-width:100%;width:100%}.audioPlayer,.audioPlayerSection{width:100%}.legendItems.compact{gap:8px;width:100%}.sentenceReviewHeader{align-items:flex-start;flex-direction:column}.wordBox.expanded{max-width:100%}.optionsGrid{grid-template-columns:1fr}.wordAnalysisHeader{align-items:flex-start;flex-direction:column;gap:12px}.wordAnalysisTable{font-size:13px}.wordAnalysisTable td,.wordAnalysisTable th{padding:10px 12px}}.saveConfirmationOverlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.saveConfirmationDialog{animation:slideUp .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:80vh;max-width:500px;overflow:hidden;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirmationHeader{align-items:center;background:linear-gradient(135deg,#f8f9fa,#fff);border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px}.confirmationHeader h3{align-items:center;color:#1f2937;display:flex;font-size:18px;font-weight:700;gap:10px;margin:0}.closeConfirmationBtn{background:none;border:none;border-radius:6px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px 8px;transition:all .2s ease}.closeConfirmationBtn:hover{background:#f3f4f6;color:#1f2937}.confirmationBody{flex:1 1;overflow-y:auto;padding:24px}.confirmationBody>p{color:#6b7280;font-size:14px;margin:0 0 20px}.changesList{display:flex;flex-direction:column;gap:16px}.changeCategory{background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;padding:16px}.changeCategory h4{align-items:center;color:#374151;display:flex;font-size:14px;font-weight:600;gap:8px;margin:0 0 12px}.changeCategory h4 .count{background:#6da34d;border-radius:10px;color:#fff;font-size:12px;font-weight:600;padding:2px 8px}.changeItems{display:flex;flex-direction:column;gap:8px}.changeItem{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;font-size:13px;gap:12px;padding:10px 12px}.changeItem .wordLabel{color:#1f2937;font-weight:600;min-width:80px}.changeItem .arrow{color:#9ca3af;font-size:16px}.changeItem .oldValue{color:#ef4444;font-family:SF Mono,Consolas,monospace;text-decoration:line-through}.changeItem .newValue{color:#6da34d;font-family:SF Mono,Consolas,monospace;font-weight:600}.noteChange{align-items:flex-start;flex-direction:column;gap:8px}.noteChange .notePreview{color:#374151;font-style:italic;line-height:1.4}.confirmationFooter{background:#f9fafb;border-top:1px solid #e5e7eb;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.cancelBtn{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.cancelBtn:hover{background:#f3f4f6;border-color:#9ca3af}.confirmSaveBtn{background:linear-gradient(135deg,#6da34d,#5a8a3f);border:none;border-radius:8px;box-shadow:0 2px 8px #6da34d4d;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .2s ease}.confirmSaveBtn:hover{background:linear-gradient(135deg,#5a8a3f,#4a7332);box-shadow:0 4px 12px #6da34d66}.noChanges{color:#6b7280;padding:30px 20px;text-align:center}.noChanges p{font-size:15px;margin:0}.changeItem.phonemeChange{align-items:center;display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.changeItem .phonemeDetail{align-items:center;display:flex;gap:4px}.changeItem .phonemeSymbol{background:#f3f4f6;border-radius:4px;color:#1f2937;font-family:SF Mono,Consolas,monospace;font-size:15px;font-weight:600;padding:2px 6px}.changeItem .correctedActual{color:#6b7280;font-size:11px;font-style:italic}.changeItem .op-equal{color:#6da34d}.changeItem .op-replace{color:#f59e0b}.changeItem .op-delete{color:#ef4444}.changeItem .op-insert{color:#8b5cf6}.changeItem .newValue.improved{color:#6da34d;font-weight:700}.changeItem .newValue.decreased{color:#ef4444;font-weight:700}.changeItem.accuracyChange{font-size:16px;font-weight:600;gap:12px;justify-content:center}.changeItem.reviewDecisionChange{justify-content:flex-start}.reviewDecisionBadge{align-items:center;border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;justify-content:center;padding:6px 10px}.reviewDecisionBadge.pass{background:#ecfdf5;color:#166534}.reviewDecisionBadge.fail{background:#fff1f2;color:#b42318}.storyImageOverlay{background:#0f172ab3;inset:0;padding:24px;position:fixed;z-index:1100}.storyImageModal,.storyImageOverlay{align-items:center;display:flex;justify-content:center}.storyImageModal{max-height:90vh;max-width:min(920px,100%);position:relative}.storyImageFull{border-radius:18px;box-shadow:0 24px 60px #0f172a59;max-height:90vh;max-width:100%}.closeImageBtn{align-items:center;background:#ffffffeb;border:none;border-radius:999px;color:#1f2937;cursor:pointer;display:flex;font-size:24px;height:40px;justify-content:center;position:absolute;right:12px;top:12px;width:40px}.actualCorrectionSection{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-radius:12px;margin-bottom:16px;padding:16px}.actualCorrectionSection .editLabel{color:#92400e;font-size:13px;font-weight:500;margin:0 0 12px}.phonemeCorrectionDropdown{position:relative;width:100%}.phonemeDropdownTrigger{align-items:center;background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;justify-content:space-between;padding:12px 16px;text-align:left;transition:all .2s ease;width:100%}.phonemeDropdownTrigger:hover{background:#f8fafc;border-color:#276fbf}.phonemeDropdownTrigger.open{border-color:#276fbf;box-shadow:0 0 0 3px #276fbf26}.phonemeDropdownTrigger .triggerText{flex:1 1}.phonemeDropdownTrigger .dropdownArrow{color:#9ca3af;font-size:10px;transition:transform .2s ease}.phonemeDropdownTrigger .dropdownArrow.open{transform:rotate(180deg)}.phonemeDropdownMenu{animation:dropdownSlide .2s ease;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 40px #00000026;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);z-index:1000}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.phonemeQuickFix{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-bottom:1px solid #e5e7eb;padding:12px}.quickFixBtn{align-items:center;background:#fff;border:2px solid #6da34d;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:12px 14px;text-align:left;transition:all .2s ease;width:100%}.quickFixBtn:hover{background:#f0fdf4;border-color:#22c55e}.quickFixIcon{align-items:center;background:#6da34d;border-radius:50%;color:#fff;display:flex;font-size:14px;font-weight:700;height:28px;justify-content:center;width:28px}.quickFixText{color:#374151;flex:1 1;font-size:13px}.quickFixText strong{color:#1f2937;font-family:SF Mono,Consolas,monospace;font-size:16px}.phonemeCategoryTabs{background:#f9fafb;border-bottom:1px solid #e5e7eb;display:flex}.categoryTab{background:#0000;border:none;border-bottom:2px solid #0000;color:#6b7280;cursor:pointer;flex:1 1;font-size:12px;font-weight:600;margin-bottom:-1px;padding:10px 12px;transition:all .2s ease}.categoryTab:hover{background:#276fbf0d;color:#276fbf}.categoryTab.active{background:#fff;border-bottom-color:#276fbf;color:#276fbf}.phonemeOptionsList{max-height:280px;overflow-y:auto;padding:8px}.phonemeOption{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;gap:12px;padding:10px 12px;text-align:left;transition:all .15s ease;width:100%}.phonemeOption:hover{background:#f0f7ff}.phonemeOption.current{background:#fef3c7}.phonemeOption .phonemeSymbol{align-items:center;background:linear-gradient(135deg,#276fbf,#1e5a9e);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-family:SF Mono,Consolas,monospace;font-size:16px;font-weight:700;height:36px;justify-content:center;width:36px}.phonemeOption .phonemeDetails{display:flex;flex:1 1;flex-direction:column;gap:2px}.phonemeOption .phonemeDesc{color:#1f2937;font-size:13px;font-weight:600}.phonemeOption .phonemeExample{color:#6b7280;font-size:11px}.phonemeOption .currentBadge{background:#fbbf24;border-radius:10px;color:#78350f;font-size:10px;font-weight:600;padding:3px 8px;text-transform:uppercase}.phonemeOptionsList::-webkit-scrollbar{width:6px}.phonemeOptionsList::-webkit-scrollbar-track{background:#f1f5f9;border-radius:3px}.phonemeOptionsList::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.phonemeOptionsList::-webkit-scrollbar-thumb:hover{background:#94a3b8}.individualStudentPage{--page-bg:var(--color-background-gray,#f7f6f0);--card-bg:#fff;--card-border:#d7dee6;--card-shadow:0 16px 30px #1d2e4414;--text-strong:#1e2e44;--text-body:#425466;--text-muted:#6a7b8f;--brand:#276fbf;--brand-dark:#1f5ba8;--brand-soft:#eaf3fe;--success-bg:#22c55e1f;--success-border:#22c55e47;--success-text:#166534;--danger-bg:#ef44441a;--danger-border:#ef44443d;--danger-text:#991b1b;--warning-bg:#f59e0b1f;--warning-border:#f59e0b4d;--warning-text:#92400e;background-color:var(--page-bg);box-sizing:border-box;min-height:100vh;padding:28px 20px 40px}.individualStudentView{margin:0 auto;max-width:1380px}.topBar{display:flex;justify-content:flex-start;margin-bottom:18px}.ghostBtn{align-items:center;background:var(--card-bg);border:1px solid var(--card-border);border-radius:999px;color:var(--text-strong);cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;justify-content:center;padding:11px 16px;transition:border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.ghostBtn:hover{border-color:var(--brand);box-shadow:0 10px 18px #276fbf1f;color:var(--brand-dark);transform:translateY(-1px)}.pageBackButton svg{font-size:.85rem}.objectiveSection,.studentHeroCard,.tabsContainer{background:var(--card-bg);border:1px solid var(--card-border);border-radius:24px;box-shadow:var(--card-shadow)}.studentHeroCard{display:flex;flex-direction:column;gap:24px;margin-bottom:18px;padding:28px}.heroIdentity{align-items:center;display:flex;gap:18px}.avatarBadge{background:linear-gradient(135deg,#f3c03b,#f59e0b);border-radius:24px;color:#332409;display:grid;flex-shrink:0;font-size:1.55rem;font-weight:800;height:78px;place-items:center;width:78px}.heroCopy h1{color:var(--text-strong);font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.05;margin:0}.heroSubtitle{color:var(--text-body);font-size:1rem;margin:8px 0 0}.crumb{color:var(--text-muted);font-size:.88rem;margin:0 0 6px}.crumb span{color:var(--text-body)}.breadcrumbLink{background:none;border:none;color:inherit;cursor:pointer;font:inherit;padding:0}.breadcrumbLink:hover{color:var(--brand-dark);text-decoration:underline}.lastSeen{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:.92rem;gap:10px;margin:10px 0 0}.heroDivider{color:#b1bdca}.heroMetaRow{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.heroMetaChip{background:linear-gradient(180deg,#fbfdff,#f4f8fc);border:1px solid #dfe7f1;border-radius:18px;display:flex;flex-direction:column;gap:6px;padding:16px 18px}.heroMetaLabel,.panelEyebrow,.summaryStatLabel{color:var(--text-muted);font-size:.77rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.heroMetaChip strong{color:var(--text-strong);font-size:1rem;line-height:1.3}.objectiveSection{margin-bottom:18px;padding:24px 28px}.objectiveSectionHeader{align-items:flex-start;display:flex;gap:18px;justify-content:space-between}.lessonDetailHeader h3,.lessonListHeader h3,.lifetimeStatsHeader h3,.objectiveSectionCopy h2,.summaryOverviewHeader h3{color:var(--text-strong);font-size:1.4rem;margin:0}.lessonTimestamp,.muted,.objectiveDescriptor,.objectiveNote,.progressSummary p,.summaryFootnote{color:var(--text-muted);line-height:1.5;margin:0}.objectiveDescriptor{color:var(--text-body);font-weight:600;margin-top:8px}.objectiveNote{margin-top:8px;max-width:70ch}.customDropdown{flex-shrink:0;position:relative;width:min(100%,360px)}.dropdownTrigger{align-items:center;background:#fbfdff;border:1px solid var(--card-border);border-radius:18px;color:var(--text-strong);cursor:pointer;display:flex;font-size:.96rem;font-weight:600;gap:12px;justify-content:space-between;padding:15px 16px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease;width:100%}.dropdownTrigger:focus,.dropdownTrigger:hover{background:#fff;border-color:var(--brand);box-shadow:0 0 0 4px #276fbf1f;outline:none}.dropdownLabel{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdownArrow{color:var(--text-muted);font-size:.72rem;transition:transform .2s ease}.dropdownArrow.open{transform:rotate(180deg)}.dropdownMenu{background:#fff;border:1px solid var(--card-border);border-radius:18px;box-shadow:0 22px 30px #1d2e4429;gap:6px;inset:calc(100% + 8px) 0 auto;max-height:320px;overflow-y:auto;padding:8px;position:absolute;z-index:10}.dropdownItem,.dropdownMenu{display:flex;flex-direction:column}.dropdownItem{align-items:flex-start;background:#0000;border:none;border-radius:14px;cursor:pointer;gap:4px;padding:12px 14px;text-align:left;transition:background-color .16s ease,transform .16s ease;width:100%}.dropdownItem:hover{background:var(--brand-soft);transform:translateX(2px)}.dropdownItem.selected{background:linear-gradient(180deg,#eff6ff,#e4f0ff)}.itemLabel{color:var(--text-strong);font-size:.95rem;font-weight:700}.itemDescriptor{color:var(--text-muted);font-size:.88rem}.tabsContainer{overflow:hidden}.tabsBar{background:linear-gradient(180deg,#fbfdff,#f6f9fc);border-bottom:1px solid #e6ecf3;gap:16px;justify-content:space-between;padding:18px 24px}.tabs,.tabsBar{align-items:center;display:flex}.tabs{gap:8px}.tab{background:#0000;border:none;border-radius:999px;color:var(--text-muted);cursor:pointer;font-size:.94rem;font-weight:700;padding:10px 16px;transition:background-color .2s ease,color .2s ease}.tab.active,.tab:hover{color:var(--brand-dark)}.tab.active{background:var(--brand-soft)}.secondaryTextButton{background:none;border:none;color:var(--brand-dark);cursor:pointer;font-size:.92rem;font-weight:700;padding:0}.secondaryTextButton:hover{text-decoration:underline}.tabContent{padding:24px}.panelCard{background:#fff;border:1px solid #e6ecf3;border-radius:22px;box-shadow:0 12px 24px #1d2e4412;padding:22px}.panelHeader{align-items:flex-start;display:flex;gap:14px;justify-content:space-between;margin-bottom:18px}.panelTitle{color:var(--text-strong);font-size:1rem;font-weight:700;margin:0}.lifetimeStatsPanel{background:linear-gradient(180deg,#fcfeff,#f7fbff);border-bottom:1px solid #e6ecf3;padding:24px}.lifetimeStatsHeader{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.compactGhostBtn{font-size:.84rem;padding:10px 14px}.lifetimeStatsGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,minmax(0,1fr))}.compactPanel{min-height:148px}.summaryStatValue{color:var(--text-strong);font-size:clamp(1.9rem,3vw,2.4rem);font-weight:800;line-height:1.05;margin:10px 0 0}.summaryStatValue.smallValue{font-size:1.25rem;line-height:1.25}.summaryFootnote{margin-top:10px}.lifetimeListCard{grid-column:1/-1}.listStack{display:flex;flex-direction:column;gap:10px}.denseList{gap:8px}.listRow{background:#fbfdff;border:1px solid #e7edf4;border-radius:16px;display:flex;gap:14px;justify-content:space-between;padding:14px 16px}.listRow,.pill{align-items:center}.pill{background:var(--brand-soft);border-radius:999px;color:var(--brand-dark);display:inline-flex;font-size:.9rem;font-weight:700;justify-content:center;padding:7px 12px}.phonemePill{min-width:60px}.lessonsTab,.summaryTab{min-height:320px}.noData{background:#fbfdff;border:1px dashed #c5d1de;border-radius:18px;color:var(--text-muted);margin:0;padding:22px}.lessonReviewLayout{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:minmax(320px,.92fr) minmax(0,1.48fr)}.lessonDetailShell,.lessonListCard{min-width:0}.lessonListCard{display:flex;flex-direction:column;max-height:calc(100vh - 36px);position:-webkit-sticky;position:sticky;top:18px}.lessonListHeader{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.flaggedTag,.lessonCountPill,.objectiveNumberBadge{align-items:center;border-radius:999px;display:inline-flex;font-size:.82rem;font-weight:700;justify-content:center;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.lessonCountPill,.objectiveNumberBadge{background:var(--brand-soft);color:var(--brand-dark)}.lessonList{display:flex;flex-direction:column;gap:12px;min-height:0;overflow-y:auto;padding-right:6px}.lessonListRow{align-items:center;-webkit-appearance:none;appearance:none;background:#fbfdff;border:1px solid #e7edf4;border-radius:18px;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:16px 18px;text-align:left;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;width:100%}.lessonListRow:hover{border-color:#bfd2e8;box-shadow:0 10px 18px #1d2e4414;transform:translateY(-1px)}.lessonListRow:focus-visible{border-color:var(--brand);outline:3px solid #276fbf47;outline-offset:2px}.lessonListRow.selected{background:linear-gradient(180deg,#fff,#f3f8ff);border-color:var(--brand);box-shadow:0 12px 24px #276fbf24}.lessonRowCopy{min-width:0}.lessonRowTitle{color:var(--text-strong);font-size:1rem;font-weight:700;margin:0}.lessonRowMeta{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.lessonAccuracyText{color:var(--text-strong);font-size:.96rem;font-weight:800;min-width:50px;text-align:right}.reviewLessonButton{background:#fff;border:1px solid var(--card-border);border-radius:999px;color:var(--text-strong);font-size:.86rem;min-width:102px;padding:10px 14px}.lessonResultBadge,.reviewLessonButton{align-items:center;display:inline-flex;font-weight:700;justify-content:center}.lessonResultBadge{border:1px solid #0000;border-radius:999px;font-size:.82rem;gap:7px;padding:7px 12px;white-space:nowrap}.lessonResultBadge--pass{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}.lessonResultBadge--fail{background:var(--danger-bg);border-color:var(--danger-border);color:var(--danger-text)}.lessonResultBadge--pending{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}.lessonDetailShell{padding-bottom:8px}.lessonDetailHeader{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.lessonDetailStatusGroup{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.flaggedTag{background:#276fbf1f;color:var(--brand-dark)}.summaryGrid{grid-gap:18px;display:grid;gap:18px}.summaryGrid--focused{grid-template-columns:minmax(0,1.35fr) minmax(300px,.95fr)}.summaryOverviewHeader{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:22px}.summaryStatsGrid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.summaryStatCard{background:#fbfdff;border:1px solid #e7edf4;border-radius:18px;padding:18px}.summaryProgressHeader{margin-bottom:0}.progressBlock{display:flex;flex-direction:column;gap:18px}.progressNumbers{align-items:baseline;color:var(--text-strong);display:flex;gap:8px}.progressCurrent,.progressTarget{font-size:clamp(2.1rem,4vw,3rem);font-weight:800;line-height:1}.progressDivider{color:#90a2b7;font-size:2rem;font-weight:700}.progressTrack{background:#e7edf4;border-radius:999px;height:14px;overflow:hidden;position:relative;width:100%}.progressFill{background:linear-gradient(90deg,#2b6cb0,#276fbf 55%,#5fb0ae);border-radius:inherit;inset:0 auto 0 0;position:absolute}.progressSummary{display:flex;flex-direction:column;gap:8px}.confirmExitPopup{background:#fff;border:1px solid var(--card-border);border-radius:20px;box-shadow:0 28px 46px #1d2e4433;left:50%;padding:22px;position:fixed;top:50%;transform:translate(-50%,-50%);width:min(92vw,380px);z-index:30}.confirmExitPopup p{color:var(--text-body);margin:0 0 10px}.confirmExitPopup div{display:flex;gap:10px;justify-content:flex-end;margin-top:18px}.cancelExitBtn,.confirmExitBtn{border:none;border-radius:999px;cursor:pointer;font-size:.9rem;font-weight:700;padding:10px 16px}.confirmExitBtn{background:var(--brand);color:#fff}.confirmExitBtn:hover{background:var(--brand-dark)}.cancelExitBtn{background:#edf2f7;color:var(--text-strong)}.cancelExitBtn:hover{background:#e4ebf3}@media (max-width:1180px){.lessonReviewLayout,.lifetimeStatsGrid,.summaryGrid--focused{grid-template-columns:1fr}.lifetimeListCard{grid-column:auto}.lessonListCard{max-height:none;position:static}}@media (max-width:900px){.heroMetaRow,.summaryStatsGrid{grid-template-columns:1fr}.lessonDetailHeader,.lessonListHeader,.lifetimeStatsHeader,.objectiveSectionHeader,.summaryOverviewHeader,.tabsBar{align-items:stretch;flex-direction:column}.customDropdown{width:100%}}@media (max-width:720px){.individualStudentPage{padding:16px 12px 28px}.lifetimeStatsPanel,.objectiveSection,.panelCard,.studentHeroCard,.tabContent{padding:18px}.heroIdentity,.lessonListRow{align-items:flex-start;flex-direction:column}.lessonRowMeta{justify-content:flex-start;width:100%}.reviewLessonButton{width:100%}.tabs{flex-wrap:wrap}}@media (max-width:520px){.dropdownTrigger,.ghostBtn,.tab,.tabs{width:100%}.tabsBar{align-items:stretch}.lessonAccuracyText{text-align:left}}.ticketsContainer{margin:auto;width:100%}.ticketInfoContainer{margin-bottom:5px;width:100%}.ticketMainInfo{background-color:#fff;border:2px solid #000;border-radius:4px;display:flex;justify-content:space-between;padding:0 10px;width:100%}.ticketMainInfo:hover{background-color:#f5f5f5;cursor:pointer}.ticketDescription{background-color:#fff;border:1px solid #000;border-top:none;display:flex;margin:auto;padding:10px;width:95%}.ticketDescription p{margin:0}.ticketInfoRow{align-items:baseline;padding:0 0 10px}.ticketInfoTitle{font-size:20px;font-weight:700;margin:0;min-width:15%}.ticketIssue{font-weight:700}.statusContainer{align-items:center;display:flex;flex-direction:row-reverse;font-weight:700}.statusColor{border:1px solid #000;border-radius:50%;height:10px;margin-right:5px;width:10px}.formContainer{margin-top:50px}.supportTitle{font-size:2rem;font-weight:700;margin-bottom:.5rem;text-align:center}.supportSubtitle{color:#555;font-size:1rem;margin-bottom:2rem;text-align:center}.supportForm{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;display:flex;flex-direction:column;gap:1.2rem;margin:40px auto;padding:32px 28px 24px}.modernRow{display:flex;gap:1rem}.modernInputGroup{display:flex;flex:1 1;flex-direction:column;gap:.3rem}.supportFormInput{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:.7rem 1rem;transition:border .2s}.supportFormInput:focus{background:#fff;border:1.5px solid #2563eb;border:1.5px solid var(--color-blue,#2563eb);outline:none}.supportTextArea{min-height:90px;resize:vertical}.formSubmitButton.modernSubmitBtn{background:#2563eb;background:var(--color-blue,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:.5rem;padding:.9rem 0;transition:background .2s}.formSubmitButton.modernSubmitBtn:focus,.formSubmitButton.modernSubmitBtn:hover{background:#174ea6}.statusMessage.modernStatus{color:var(--color-blue);font-weight:500;margin-top:1rem;text-align:center}@media (max-width:600px){.modernSupportForm{padding:18px 6vw}.modernRow{flex-direction:column;gap:.5rem}}.ticketsModernContainer{background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014;margin:40px auto;padding:32px 24px 24px}.ticketsHeaderRow{justify-content:space-between;margin-bottom:18px}.ticketsFilterDropdown,.ticketsHeaderRow{align-items:center;display:flex}.ticketsDropdown{background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;font-size:1rem;padding:6px 12px}.ticketsCategoryList{margin-top:10px}.ticketsCategorySection{margin-bottom:2rem}.ticketsCategoryTitle{color:var(--color-black);font-size:1.2rem;font-weight:600;margin-bottom:.7rem}.ticketsEmpty{color:#888;font-size:1rem;margin-bottom:1rem}.ticketCard{background:#f8fafc;border-left:5px solid #2563eb;border-radius:8px;box-shadow:0 2px 8px #0000000a;cursor:pointer;margin-bottom:1rem;transition:box-shadow .2s}.ticketCard.open{box-shadow:0 4px 16px #2563eb14}.ticketCardHeader{align-items:center;display:flex;font-size:1.1rem;font-weight:500;justify-content:space-between;padding:1rem 1.2rem}.ticketFeature{font-weight:600;margin-right:1rem}.ticketStatusBadge{border-radius:12px;color:#fff;display:inline-block;font-size:.95rem;font-weight:500;margin-left:.5rem;padding:2px 10px}.ticketExpand{color:#2563eb;font-size:1.2rem;margin-left:1rem}.ticketCardBody{background:#fff;border-radius:0 0 8px 8px;border-top:1px solid #e5e7eb;padding:.8rem 1.2rem 1.2rem}.ticketInfoRow{display:flex;font-size:1rem;gap:.5rem;margin-bottom:.5rem}.ticketInfoLabel{color:#2563eb;display:inline-block;font-weight:600;min-width:110px}body[data-theme=dark]{background:var(--color-dark-bg);color:var(--color-dark-text)}body[data-theme=dark] .supportForm,body[data-theme=dark] .ticketsModernContainer{background:var(--color-dark-bg-alt);box-shadow:var(--color-dark-shadow);color:var(--color-dark-text)}body[data-theme=dark] .supportTitle{color:var(--color-dark-text)}body[data-theme=dark] .supportSubtitle{color:var(--color-dark-text-muted)}body[data-theme=dark] .supportFormInput,body[data-theme=dark] .ticketsDropdown{background:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .supportFormInput:focus,body[data-theme=dark] .ticketsDropdown:focus{background:var(--color-dark-bg);border:1.5px solid var(--color-dark-accent);color:var(--color-dark-text)}body[data-theme=dark] .supportTextArea{background:var(--color-dark-bg-alt);border:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .formSubmitButton.modernSubmitBtn{background:var(--color-dark-blue);color:var(--color-white)}body[data-theme=dark] .formSubmitButton.modernSubmitBtn:focus,body[data-theme=dark] .formSubmitButton.modernSubmitBtn:hover{background:var(--color-dark-blue-hover)}body[data-theme=dark] .statusMessage.modernStatus{color:var(--color-dark-accent)}body[data-theme=dark] .ticketsHeaderRow{color:var(--color-dark-text)}body[data-theme=dark] .ticketsCategoryTitle{color:var(--color-dark-accent)}body[data-theme=dark] .ticketsEmpty{color:var(--color-dark-text-muted)}body[data-theme=dark] .ticketCard{background:var(--color-dark-bg-hover);border-left:5px solid var(--color-dark-blue);box-shadow:0 2px 8px var(--color-dark-shadow);color:var(--color-dark-text)}body[data-theme=dark] .ticketCard.open{box-shadow:0 4px 16px var(--color-dark-shadow)}body[data-theme=dark] .ticketCardHeader{color:var(--color-dark-text)}body[data-theme=dark] .ticketFeature{color:var(--color-dark-accent)}body[data-theme=dark] .ticketStatusBadge{background:var(--color-dark-blue);color:var(--color-white)}body[data-theme=dark] .ticketExpand{color:var(--color-dark-accent)}body[data-theme=dark] .ticketCardBody{background:var(--color-dark-bg-alt);border-top:1px solid var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .ticketInfoLabel{color:var(--color-dark-accent)}.teacherDashLayout{min-height:100dvh;position:relative}.teacherDashLayout,.teacherDashLayoutContent{background-color:var(--color-background-gray)}.teacherDashLayoutContent{box-sizing:border-box;margin:auto;max-width:1720px;padding:0 12px 40px;width:min(98%,1720px)}.teacher-dash-outlet{grid-gap:1.5rem;box-sizing:border-box;display:grid;gap:1.5rem;padding:1.5rem;width:100%}.teacherWelcomeInfo{align-items:flex-end;border-bottom:1px solid #0f172a14;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:0;padding:4px 2px 20px}.teacherWelcomeInfo h1{color:var(--color-soft-black);font-size:clamp(26px,2.75vw,36px);font-weight:700;letter-spacing:-.03em;margin:0}.teacherWelcomeInfo p{align-items:center;background:#ffffffb3;border:1px solid #94a3b833;border-radius:999px;box-shadow:0 10px 30px #0f172a0a;color:#6b7280;display:inline-flex;font-size:13px;gap:8px;margin:0;padding:8px 12px}.teacherWelcomeInfo b{background:var(--color-faded-blue);border-radius:999px;color:var(--color-blue);font-size:14px;font-weight:600;padding:6px 12px}.babbleboardStatDash{grid-gap:1.5rem;align-items:start;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr) minmax(300px,360px);margin-bottom:0}.babbleboardSideRail{grid-gap:1.5rem;align-content:start;display:grid;gap:1.5rem}.babbleboardSideRail>*,.babbleboardStatDash>*,.class-data>*{max-width:100%;min-width:0}.class-data{grid-gap:1.5rem;align-items:stretch;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1.7fr) minmax(300px,360px);margin-bottom:0}.class-charts-container{height:100%;min-width:0}.class-phoneme-container{background-color:var(--color-white);border-radius:12px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;height:100%;min-height:320px;overflow-y:auto;scrollbar-width:thin}.upgrade{position:relative}.blurred-phonemes{filter:blur(10px);opacity:.5;pointer-events:none}.upgrade-overlay{align-items:center;display:flex;flex-direction:column;height:90%;justify-content:center;padding:20px;position:absolute;text-align:center;z-index:5}.upgrade-overlay h2{color:var(--color-soft-black);font-size:18px;margin-bottom:10px}.upgrade-overlay p{color:#6b7280;font-size:13px;line-height:1.4;margin-bottom:16px}.upgrade-overlay .upgrade-link{background:linear-gradient(135deg,var(--color-blue) 0,var(--color-dark-blue) 100%);border-radius:8px;box-shadow:0 4px 12px #276fbf4d;color:#fff;font-size:14px;font-weight:600;padding:10px 24px;text-decoration:none;transition:all .2s ease}.upgrade-overlay .upgrade-link:hover{box-shadow:0 6px 16px #276fbf66;transform:translateY(-2px)}@media (max-width:1200px){.babbleboardStatDash{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.class-data{grid-template-columns:1fr}.class-phoneme-container{max-height:280px;min-height:0}}@media (max-width:1024px){.babbleboardSideRail,.babbleboardStatDash{grid-template-columns:1fr}.teacherDashLayoutContent{padding:0 12px 24px;width:100%}.teacherWelcomeInfo{align-items:flex-start}.class-data{grid-template-columns:1fr}.class-phoneme-container{grid-column:1}}@media (max-width:768px){.teacherDashLayoutContent{padding:0 8px 20px}.teacher-dash-outlet{gap:1.5rem;padding:1.5rem}.babbleboardSideRail,.babbleboardStatDash,.class-data{gap:1.5rem}}@media (max-width:480px){.teacher-dash-outlet{padding:1rem}}.babbleboard-nav{align-items:center;background-color:#fff;border-radius:50px;box-shadow:0 2px 8px #0000001a;box-sizing:border-box;display:flex;font-family:Quicksand,sans-serif;justify-content:space-between;left:0;margin:0 auto;max-width:1720px;padding:10px 0;position:-webkit-sticky;position:sticky;right:0;top:24px;transition:all .3s ease;width:min(98%,1720px);z-index:10}.babbleboard-nav.scrolled{background-color:#fffffffa;border-radius:0;box-shadow:0 4px 12px #00000026;max-width:100%;top:0;width:100%}.babbleboard-nav_logo-container{align-items:center;display:flex;gap:10px;padding-left:20px}.babbleboard-nav_brand-link{color:inherit;cursor:pointer;text-decoration:none}.babbleboard-nav_brand-link:hover{text-decoration:none}.babbleboard-nav_logo-container h1{color:var(--color-black);font-size:24px;font-size:var(--font-size-title-desktop,24px);margin:0}.babbleboard-nav img{height:50px}.babbleboard-nav .babbleboard-nav_links{align-items:center;display:flex;gap:20px;padding-right:20px}.babbleboard-nav .babbleboard-nav_link{color:var(--color-black);text-decoration:none}.babbleboard-nav .babbleboard-nav_link:hover{text-decoration:underline}.active-nav-link{color:#2563eb;color:var(--color-blue,#2563eb);font-weight:600;padding-bottom:2px;text-decoration:none}.babbleboard-nav_link-with-icon{align-items:center;display:flex;gap:.3rem}.babbleboard-nav_link-with-icon+.active-nav-link{color:#2563eb;color:var(--color-blue,#2563eb)}.babbleboard-nav_dropdown-container{cursor:pointer;display:inline-block;position:relative}.babbleboard-nav_dropdown{background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001a;left:0;margin-top:.5rem;min-width:140px;padding:.5rem 0;position:absolute;top:100%;z-index:100}.babbleboard-nav_dropdown-link{color:#1e293b;display:block;font-size:1rem;padding:.6rem 1.2rem;text-decoration:none;transition:background .15s,color .15s}.babbleboard-nav_dropdown-link:hover{background:#e0e7ff;background:var(--color-faded-blue,#e0e7ff);color:#2563eb;color:var(--color-blue,#2563eb)}.babbleboard-nav_logout{background-color:var(--color-black);border-radius:30px;color:var(--color-white);font-weight:700;padding:8px 16px;text-decoration:none}.babbleboard-nav_logout:hover{background-color:#000c}.babbleboard-nav_hamburger,.babbleboard-nav_mobile-menu{display:none}@media (max-width:950px){.babbleboard-nav .babbleboard-nav_links{display:none}.babbleboard-nav_hamburger{display:block}.babbleboard-nav_mobile-menu{border-radius:12px;box-shadow:0 2px 8px #0000001a}.babbleboard-nav_hamburger{height:24px;padding:10px;width:24px}.babbleboard-nav_mobile-menu{background-color:var(--color-white);display:block;flex-direction:column;margin:auto;padding:40px 20px 20px;width:70%}.babbleboard-nav_mobile-links{align-items:flex-start;display:flex;flex-direction:column;gap:10px;z-index:8}.babbleboard-nav_mobile-link{color:var(--color-black);font-size:18px;padding:12px 0;text-decoration:none}.babbleboard-nav_mobile-logout{align-self:center;background-color:var(--color-black);border-radius:8px;color:var(--color-white);font-weight:700;text-align:center;text-decoration:none;width:100%}}@media (max-width:450px){.babbleboard-nav_logo-container h1{display:none}}.legalDoc{margin:0;padding:30px 10%}.legalDoc h1{color:var(--color-blue);margin-top:0}.ppContactList{margin-bottom:0}.sitemap{height:80vh;padding:30px}.sitemap p{font-size:20px}ul li a{color:#276fbf;font-weight:500;text-decoration:none}ul li a:hover{color:#aa4747}
/*# sourceMappingURL=main.ffd35645.css.map*/