html,body{margin:0;overflow-x:clip;font-family:Quicksand,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.logoLink{display:flex;text-decoration:none;align-items:center}.logoLink h1{text-decoration:none;font-size:50px;margin:0;color:#8b8f97;letter-spacing:-5px}:root{--color-yellow: #F3C03B;--color-faded-yellow: rgb(243,192,59, .1);--color-dark-blue: #174ea6;--color-blue: #276FBF;--color-faded-blue: rgb(39,111,191,.1);--color-red: #AA4747;--color-faded-red: rgb(170,71,71,.1);--color-white: #FFFFFF;--color-off-white: #FAF9F6;--color-soft-black: #3b444b;--color-background-gray: rgb(247, 246, 240);--color-footer-link: #8E8E8E;--color-chalkboard-green: #4D6941;--color-chalkboard-green-faded: rgb(77,105,65, .1);--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;scroll-behavior:smooth;--button-border-radius: 8px;--dashboard-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .05);--font-size-sm: 14px;--font-size-body-desktop: 15px;--color-primary-yellow: #FFE588;--color-primary-faded-yellow: rgb(255, 229, 136, .5);--color-primary-extra-faded-yellow: rgb(255, 229, 136, .1);--color-secondary-red: #F35252;--color-secondary-faded-red: rgb(243, 82, 82, .5);--color-secondary-orange: #F79D65;--color-secondary-faded-orange: rgb(247, 157, 101, .5);--color-secondary-blue: #2A7DC5;--color-secondary-faded-blue: rgb(80, 148, 207, .5);--color-secondary-purple: #9B80BF;--color-black: #0C090D;--color-success-green: #22C55E;--color-success-green-dark: #16A34A;--font-poppins: "Poppins", sans-serif;--font-size-section-header: 30px;--font-size-paragraph: 20px;--transition-default: .2s ease-in-out}@media screen and (max-width:850px){.desktop-nav{display:none!important}}.desktop-nav{display:flex;padding:10px 20px;align-items:center;justify-content:space-between;max-height:75px;background-color:var(--color-primary-yellow);border-bottom:2px solid var(--color-black);z-index:9999;position:sticky;top:0}.desktop-nav .logo{display:flex;align-items:center;text-decoration:none;gap:10px}.desktop-nav img{height:50px}.desktop-nav h1{font-family:var(--font-poppins);font-size:34px;margin:0;color:var(--color-black)}.desktop-nav .nav-links{display:flex;gap:20px;font-size:var(--font-size-paragraph);align-items:center}.desktop-nav .nav-links a{text-decoration:none;color:var(--color-black)}.desktop-nav .nav-links a:hover{color:var(--color-black);text-decoration:underline}.signup-btn{background-color:var(--color-secondary-blue);padding:8px 18px;border-radius:8px;color:var(--color-white)!important;font-weight:700;border:2px solid var(--color-secondary-blue);transition:var(--transition-default)}.signup-btn:hover{background-color:var(--color-secondary-faded-blue);text-decoration:none!important}.footer{background:var(--color-primary-yellow);padding:10px 20px;display:grid;grid-template-columns:.5fr 1fr;grid-template-rows:1fr;width:auto;border-top:1px solid rgb(0,0,0,.1)}.footerLogoNewsletter{display:flex;flex-direction:column;gap:10px;width:fit-content;grid-area:1 / 1 / 1 / 2}.footer .logo{display:flex;align-items:center;text-decoration:none;color:var(--color-black);gap:10px}.footer img{height:40px}.footer h1{font-family:var(--font-poppins);font-size:30px;margin:0}.siteLinks{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;grid-area:1 / 2 / 1 / 2}.footer>.socialLinks,.communityLinks,.companyLinks,.usefulLinks{display:flex;flex-direction:column;text-align:left;width:20%}.socialLinks p,.communityLinks p,.companyLinks p,.usefulLinks p{margin:30px 0 20px;padding:0;font-weight:700;font-size:var(--font-size-paragraph-desktop)}.socialLinks a,.communityLinks a,.companyLinks a,.usefulLinks a{margin:0 0 5px;font-weight:500;color:var(--color-black);text-decoration:none}.socialLinks a:hover,.communityLinks a:hover,.companyLinks a:hover,.usefulLinks a:hover{text-decoration:underline}.socialLinks div{display:flex;gap:10px}.socialLinks .socialIcon{color:var(--color-black);border:1px solid;padding:10px 12px;border-radius:50%;height:30px}.socialLinks div a:nth-child(1):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{padding:0 20px 10px;background-color:var(--color-primary-yellow)}.copyright p{padding:0;font-size:var(--font-size-paragraph-desktop);color:var(--color-black);margin: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}.footer>.socialLinks,.communityLinks,.companyLinks,.usefulLinks{display:flex;flex-direction:column;text-align:left;width:100%}.siteLinksDropdowns{display:flex;flex-direction:column;width:100%;grid-area:2 / 1 / 2 / 1;justify-content:space-between}.siteLinksDropdowns p{display:flex;justify-content:space-between;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{margin:0;font-size:var(--font-size-paragraph-mobile)}}@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);padding:0;margin:0 0 5px;font-weight:700}.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:fit-content!important;width:fit-content!important;padding:2px 20px!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{background-color:var(--color-secondary-blue);text-align:center;display:flex;gap:10px;justify-content:center;align-items:center;padding:10px 0;flex-wrap:wrap}.highlightBanner p{color:var(--color-white);margin:0;padding:10px;font-weight:700;font-size:18px}.highlightBanner a{color:var(--color-white);font-size:18px;font-weight:700;text-decoration:none;border:1px solid var(--color-white);padding:4px 20px;border-radius:8px}#nav{position:sticky;top:0;z-index:9999}@media screen and (max-width:850px){.highlightBanner{gap:5px}.highlightBanner p,.highlightBanner a{font-size:14px}.navMobile{background-color:var(--color-primary-yellow);display:flex;align-items:center;justify-content:space-between;padding:10px 20px;border-bottom:2px solid var(--color-black)}.navMobile .logo{height:60px}.hamburgerLines,.hamburgerX{height:40px;color:var(--color-black)}.menu-items-mobile{z-index:10;position:absolute;background-color:var(--color-primary-yellow);display:flex;flex-direction:column;justify-content:space-between;left:0;right:0;width:100%;overflow:hidden}.menu-items-mobile .siteLinks{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-end;margin-top:10px}.menu-items-mobile .link{text-decoration:none;color:var(--color-black);font-style:normal;margin:20px 20px 0 0;font-size:var(--font-size-title-mobile)}.navSocials{color:var(--color-black);display:flex;flex-direction:column;align-items:flex-end;margin-top:30px;margin-bottom:5%;font-size:var(--font-size-title-mobile)}.navSocialLink{text-decoration:none;background-color:var(--color-secondary-blue);color:var(--color-white);margin:10px 20px;padding:8px 16px;border-radius:4px;font-weight:700}.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}}.demoNoticeOverlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:24px;background:#0f172a61;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.demoNoticeModal{width:min(460px,100%);border:3px solid var(--color-yellow);border-radius:24px;padding:28px;background:linear-gradient(180deg,#fffdf4,#fff);box-shadow:0 28px 72px #0f172a33;color:var(--color-soft-black)}.demoNoticeEyebrow{margin:0 0 10px;color:var(--color-dark-blue);font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.demoNoticeTitle{margin:0 0 12px;font-family:var(--font-poppins);font-size:clamp(30px,2.4vw,38px);line-height:1.05;color:var(--color-soft-black)}.demoNoticeBody{margin:0;color:#4b5563;font-size:var(--font-size-paragraph-desktop);line-height:1.65}.demoNoticeActions{display:flex;justify-content:flex-end;margin-top:24px}.demoNoticeButton{min-height:48px;padding:0 20px;border:2px solid var(--color-primary-yellow);border-radius:10px;background-color:var(--color-primary-yellow);color:var(--color-black);font-size:18px;font-weight:600;transition:background-color .2s ease,transform .2s ease}.demoNoticeButton:hover{cursor:pointer;background-color:var(--color-primary-faded-yellow);transform:translateY(-1px)}.demoNoticeButton:focus-visible{outline:3px solid rgba(243,192,59,.28);outline-offset:3px}@media screen and (min-width:850px){.newDemo{width:80%;max-width:1440px;margin:125px auto;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:1fr;grid-column-gap:20px;grid-row-gap:0px;background-color:var(--color-white)}.demoStructure{text-align:left;grid-area:1 / 1 / 2 / 2;width:90%}.demoLabel{display:block;font-size:var(--font-size-paragraph-desktop);font-weight:600;color:var(--color-soft-black);margin:18px 0 4px}.demoHint{display:block;font-size:var(--font-size-sm);color:var(--color-footer-link);margin-bottom:6px}.demoOptional{font-weight:400;color:var(--color-footer-link)}.demoInputWrapper{position:relative;margin-bottom:20px}.demoInputWrapper--select:after{content:"";position:absolute;right:16px;top:50%;transform:translateY(-50%);width:10px;height:10px;border-right:2px solid var(--color-soft-black);border-bottom:2px solid var(--color-soft-black);transform:translateY(-65%) rotate(45deg);pointer-events:none}.demoInput{font-family:inherit;font-size:17px;width:100%;padding:12px 16px;background-color:var(--color-off-white);border:1.5px solid #d4d4d4;border-radius:var(--button-border-radius);color:var(--color-soft-black);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;outline:none}.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;min-width:0;max-width:100%}.objectiveDropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:240px;overflow-y:auto;margin:0;padding:6px 0;list-style:none;background:var(--color-white);border:1.5px solid #d4d4d4;border-radius:var(--button-border-radius);box-shadow:0 8px 24px #0000001f;z-index:100}.objectiveDropdownItem{padding:10px 16px;font-size:16px;color:var(--color-soft-black);cursor:pointer;transition:background-color .15s ease}.objectiveDropdownItem:hover{background-color:var(--color-faded-yellow)}.objectiveDropdownItem .objectiveNum{font-weight:600;color:var(--color-dark-blue);margin-right:2px}.demoStructure .decodableGenerator{font-size:30px;font-weight:700;margin-bottom:5px;margin-top:0;font-family:var(--font-poppins)}.demoStructure p{font-size:var(--font-size-paragraph-desktop);margin:10px 0 5px}#buttonContainer{display:flex;justify-content:left;gap:10px}.demoButton{font-size:20px;padding:8px 20px;background-color:var(--color-primary-yellow);color:var(--color-black);border:2px solid var(--color-primary-yellow);border-radius:8px;transition:ease-in-out .2s;font-weight:500}.clearButton{background-color:var(--color-secondary-red);color:var(--color-black);border:2px solid var(--color-secondary-red);padding:8px 20px;border-radius:8px;font-size:20px;font-weight:500;transition:ease-in-out .2s}.clearButton:hover{cursor:pointer;background-color:var(--color-secondary-faded-red)}.demoButton:hover{cursor:pointer;background-color:var(--color-primary-faded-yellow)}.demoContent{border:4px solid var(--color-yellow);border-radius:4px;text-align:left;padding:3%;text-wrap:wrap;background-color:#f3c03b1a;color:var(--color-yellow);font-weight:700;grid-area:1 / 2 / 2 / 3}.defaultGeneratorText{font-size:var(--font-size-title-desktop);display:flex;justify-content:center;align-items:center;height:100%;margin:0;padding:0}.demoLimitMessage{height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:16px;color:var(--color-soft-black);font-weight:400;padding:12px}.demoLimitTitle{margin:0;font-size:clamp(28px,2.1vw,36px);line-height:1.1;color:var(--color-soft-black)}.demoLimitBody{margin:0;font-size:var(--font-size-paragraph-desktop);line-height:1.55;color:#4b5563;max-width:34rem}.demoLimitActions{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.demoLimitPrimary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 18px;border-radius:10px;background-color:var(--color-primary-yellow);border:2px solid var(--color-primary-yellow);color:var(--color-black);text-decoration:none;font-size:18px;font-weight:600;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);text-decoration:none;font-size:17px;font-weight:600}.demoLimitSecondary:hover{text-decoration:underline}.loadingMessage{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;height:100%;margin:0;padding:0}.loadingMessage p{font-size:var(--font-size-title-desktop);margin:0;padding:0}.demoStoryArea{font-size:var(--font-size-title-desktop);width:100%;position:relative}.demoStoryArea p{margin:2px 0}}@media screen and (max-width:850px){.newDemo{display:grid;grid-template-columns:1fr;grid-template-rows:1fr .5fr;grid-row-gap:20px;padding:100px 0;width:80%;margin:0 auto;height:auto!important}.newDemo .lds-ellipsis{place-self:center}.demoStructure{text-align:left;margin:0 auto;grid-area:1 / 1 / 1 / 1;width:100%}.decodableGenerator{font-size:var(--font-size-title-mobile);font-family:var(--font-poppins)}.demoStructure p{font-size:var(--font-size-paragraph-mobile);margin:5px 0}.demoLabel{display:block;font-size:var(--font-size-paragraph-mobile);font-weight:600;color:var(--color-soft-black);margin:14px 0 3px}.demoHint{display:block;font-size:var(--font-size-xs);color:var(--color-footer-link);margin-bottom:4px}.demoOptional{font-weight:400;color:var(--color-footer-link)}.demoInputWrapper{position:relative;margin-bottom:12px}.demoInputWrapper--select:after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;border-right:2px solid var(--color-soft-black);border-bottom:2px solid var(--color-soft-black);transform:translateY(-65%) rotate(45deg);pointer-events:none}.demoInput{font-family:inherit;font-size:var(--font-size-paragraph-mobile);width:100%;padding:10px 14px;background-color:var(--color-off-white);border:1.5px solid #d4d4d4;border-radius:var(--button-border-radius);color:var(--color-soft-black);transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;outline:none}.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;min-width:0;max-width:100%}.demoInput option{font-size:var(--font-size-paragraph-mobile)}.objectiveDropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:200px;overflow-y:auto;margin:0;padding:4px 0;list-style:none;background:var(--color-white);border:1.5px solid #d4d4d4;border-radius:var(--button-border-radius);box-shadow:0 6px 18px #0000001f;z-index:100}.objectiveDropdownItem{padding:10px 14px;font-size:var(--font-size-paragraph-mobile);color:var(--color-soft-black);cursor:pointer;transition:background-color .15s ease}.objectiveDropdownItem:hover{background-color:var(--color-faded-yellow)}.objectiveDropdownItem .objectiveNum{font-weight:600;color:var(--color-dark-blue);margin-right:2px}#buttonContainer{display:flex;align-items:center;gap:10px}.demoButton{font-size:var(--font-size-paragraph-mobile);padding:8px 12px;background-color:var(--color-yellow);border:none;border-radius:4px;color:var(--color-black)}.clearButton{font-size:var(--font-size-paragraph-mobile);padding:8px 12px;background-color:var(--color-red);border:none;border-radius:4px;color:var(--color-white)}.loadingMessage{display:flex;flex-direction:column;gap:5px;justify-content:center;align-items:center;height:100%;margin:0;padding:3%}.loadingMessage p{font-size:var(--font-size-title-mobile);font-weight:700;margin:0;padding:0}.demoContent{background-color:#f3c03b1a;color:var(--color-yellow);border:2px solid;text-align:-webkit-center;height:auto;border-radius:4px;grid-area:2 / 1 / 2 / 1}.demoStoryArea{font-weight:700;font-size:var(--font-size-title-mobile);text-align:left;padding:3%}.demoStoryArea p{margin:5px 0}.defaultGeneratorText{font-size:var(--font-size-title-mobile);display:flex;justify-content:center;align-items:center;font-weight:700;margin:0;height:100%}.demoLimitMessage{display:flex;flex-direction:column;align-items:flex-start;gap:14px;padding:18px 16px;color:var(--color-soft-black);text-align:left}.demoLimitTitle{margin:0;font-size:var(--font-size-title-mobile);line-height:1.15;color:var(--color-soft-black)}.demoLimitBody{margin:0;font-size:var(--font-size-paragraph-mobile);line-height:1.55;color:#4b5563}.demoLimitActions{display:flex;flex-direction:column;align-items:stretch;gap:10px;width:100%}.demoLimitPrimary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;background-color:var(--color-primary-yellow);border:2px solid var(--color-primary-yellow);border-radius:8px;color:var(--color-black);text-decoration:none;font-size:var(--font-size-paragraph-mobile);font-weight:600}.demoLimitSecondary{color:var(--color-dark-blue);text-decoration:underline;font-size:var(--font-size-paragraph-mobile);font-weight:600;text-align:center}.demoNoticeOverlay{padding:18px}.demoNoticeModal{padding:22px 18px;border-radius: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{width:100%;font-size:var(--font-size-paragraph-mobile)}}.loader{width:100%;display:flex;justify-content:center;align-items:center}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:80px}.lds-ellipsis div{position:absolute;top:33px;width:13px;height:13px;border-radius:50%;animation-timing-function:cubic-bezier(0,1,1,0)}.FoR-container{background-color:var(--color-primary-yellow);height:600px}.FoR-content{height:100%;width:80%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;max-width:1440px}.FoR-content-left{width:50%;display:flex;flex-direction:column;align-items:flex-start}.FoR-content-left h2{margin:0;padding:0;font-weight:500;font-size:36px;display:inline-block}.FoR-word-slot{position:relative;display:inline-block;overflow:hidden;vertical-align:bottom}.FoR-word{display:inline-block;color:var(--color-secondary-blue)}.FoR-word-current{transform:translateY(0)}.FoR-word-next{position:absolute;left:0;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{font-size:18px;background-color:var(--color-secondary-blue);color:var(--color-white);border:2px solid var(--color-secondary-blue);text-decoration:none;padding:8px 18px;border-radius:8px;margin-bottom:10px;transition:var(--transition-default)}.FoR-signup:hover{background-color:var(--color-secondary-faded-blue)}.FoR-pricing{font-size:18px}.FoR-content-right{width:50%;text-align:right;position:relative}.FoR-main-img{width:90%;border:2px solid var(--color-black);border-radius:8px}.FoR-OGI{display:flex;flex-direction:column;justify-content:center;text-align:center;width:fit-content;background-color:var(--color-white);padding:10px;gap:6px;border-radius:8px;border:2px solid var(--color-black);position:absolute;right:4%;bottom:-50px}.FoR-secondary-img{width:100%}.FoR-OGI p{margin:0;font-weight:700;font-size:15px}.FoR-learn-more{position:absolute;left:30%;bottom:-35px;font-size:18px;color:var(--color-black);text-decoration:none;font-weight:500}.link-arrow{margin-left:4px;height:16px}.FoR-arrow-link{font-size:18px;color:var(--color-black);text-decoration:none;font-weight:500}.FoR-learn-more,.FoR-arrow-link{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;transition:background-size .22s ease}.FoR-learn-more:hover,.FoR-arrow-link: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{flex-direction:column-reverse;width:90%;gap:40px;align-items:flex-start}.FoR-content-left{width:100%}.FoR-content-left h2{font-size:26px}.FoR-content-left p{font-size:16px;width:100%}.FoR-content-right{width:100%;text-align:left}.FoR-main-img{width:100%}.FoR-OGI{position:static;display:inline-flex;flex-direction:row;align-items:center;margin-top:12px;padding:10px 0;width:100%}.FoR-secondary-img{width:80px;margin-right:8px}.FoR-learn-more{position:static;display:inline-block;margin-top:10px;font-size:16px}}@media screen and (max-width:480px){.FoR-container{padding:36px 0}.FoR-content{width:92%;gap:28px}.FoR-content-left h2{font-size:22px}.FoR-signup,.FoR-arrow-link{font-size:16px}.FoR-OGI p{font-size:13px}}.stepCardSection h2{font-family:var(--font-poppins);font-size:30px;position:sticky;top:120px;text-align:center}.stepCardContainer{max-width:100%;width:100%;display:flex;flex-direction:column;gap:40px;position:relative;height:fit-content}.stepCard{display:flex;align-items:center;padding:50px 40px;border-radius:10px;gap:20px}.card-1{background-color:var(--color-secondary-faded-blue);z-index:2;position:sticky;top:190px;width:80%;margin:auto;max-width:1440px;height:400px}.card-2{background-color:var(--color-secondary-orange);z-index:3;position:sticky;top:210px;width:82%;margin:auto;max-width:1460px;height:380px}.card-3{background-color:var(--color-secondary-purple);z-index:4;position:sticky;top:230px;width:84%;margin:auto;max-width:1480px;height:360px}.stepCardImg{max-width:488px;border-radius:8px;border:2px solid var(--color-black)}.stepCardText{width:50%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;font-size:20px}.stepCardTitle{display:flex;align-items:center;gap:10px;border:1px solid var(--color-black);padding:10px;border-radius:8px}.stepCardTitleIcon{height:25px}.stepCardTitle h3{font-size:30px;margin:0}.bullets{display:flex;gap:5px;font-size:15px}@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{padding:36px 28px;gap:16px}.stepCardImg{height:280px;max-width:400px}.stepCardText{font-size:17px}.stepCardTitle h3{font-size:24px}.bullets{display:none}}@media screen and (max-width:900px){.stepCardImg{max-width:350px}}@media(max-width:780px){.stepCardImg{max-width:300px}.stepCardSection h2{font-size:20px;top:100px}.stepCard{flex-direction:column;padding:24px 16px;gap:16px;height:fit-content}.card-1{top:180px;max-width:80%;height:400px}.card-2{top:200px;max-width:82%;height:380px}.card-3{top:220px;max-width:84%;height:360px}.stepCardImg{width:100%;height:auto}.stepCardText{width:100%;font-size:15px}.stepCardTitle h3{font-size:20px}.stepCardTitleIcon{height:20px}.bullets{display:none;font-size:13px}}.groundedInSection{padding:120px 0;display:flex;flex-direction:column;gap:30px;background-color:var(--color-primary-faded-yellow);position:relative}.groundedInHalfCircle{height:150px;width:100%;border-radius:50% 50% 0 0;background-color:var(--color-primary-faded-yellow);position:absolute;top:0;left:0;margin-top:-150px}.groundedInHeader{display:flex;flex-direction:column}.groundedInHeader h2{margin:0;font-family:var(--font-poppins);font-size:30px;text-align:center}.groundedInColumns{display:flex;gap:20px;width:80%;margin:auto;max-width:1600px;width:90%;justify-content:center}.groundedInLeft{display:flex;flex-direction:column;justify-content:space-between;width:30%}.groundedInCenter{background-color:var(--color-primary-yellow);width:25%;padding:100px 10px;display:flex;justify-content:center;align-items:center;border-radius:8px;border:7px solid var(--color-faded-yellow)}.groundedInCenter img{height:auto;width:250px}.groundedInRight{display:flex;flex-direction:column;justify-content:space-between;width:30%}.topic{display:flex;flex-direction:column;gap:8px;text-align:left}.altTopic{text-align:right;align-items:flex-end}.topicTitle{border:1px solid var(--color-black);width:fit-content;margin:0;padding:10px;border-radius:8px;font-weight:700;font-size:20px}.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{width:94%;gap:14px}.groundedInLeft,.groundedInRight{width:35%}.groundedInCenter{width:20%;padding:60px 10px}.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{padding:60px 0;gap:20px}.groundedInHeader h2{font-size:20px}.groundedInColumns{flex-direction:column;align-items:center;width:92%;gap:20px}.groundedInCenter{width:90%;padding:30px 10px;order:-1}.groundedInCenter img{width:160px}.groundedInLeft,.groundedInRight{width:100%;gap:16px}.altTopic{text-align:right;align-items:flex-end}.topicTitle{font-size:16px}.topicText{font-size:15px}}.ogiSection{background-color:var(--color-primary-faded-yellow);display:flex;flex-direction:column;align-items:center;padding:40px 0}.ogiSection p,h2,a{color:var(--color-black)}.ogiHeadline{display:flex;width:80%;max-width:1440px;margin:0;justify-content:space-between;padding-bottom:20px;border-bottom:1px solid #747474}.ogiHeadlineText{text-align:left;display:flex;flex-direction:column;gap:8px}.ogiHeadlineText h2{margin:0;font-size:30px;font-family:var(--font-poppins)}.ogiHeadlineText p{margin:0;font-size:20px;width:90%}.ogiHeadline img{width:220px;background-color:var(--color-white);padding:20px 30px;border-radius:8px;border:2px solid var(--ogi-purple)}.blueCards{display:flex;gap:20px;width:80%;max-width:1440px;margin-top:20px}.blueCard{background-color:var(--ogi-light-blue);border:2px solid var(--ogi-blue);border-radius:8px;text-align:left;padding:20px;flex:1}.blueCard .blueCardTitle{font-size:20px;font-weight:600;margin:0}.blueCard .blueCardText{font-size:20px;margin:0}.purpleCard{display:flex;width:80%;max-width:1440px;background-color:var(--ogi-light-purple);border:2px solid var(--ogi-purple);margin-top:20px;justify-content:space-between;align-items:center;padding:20px 0;border-radius:8px}.purpleCard p{font-weight:500;margin:0 0 0 20px}.purpleCard a{margin-right:20px;color:var(--color-white);text-decoration:none;background-color:var(--ogi-purple);padding:6px 14px;border-radius:8px;border:2px solid var(--ogi-purple);transition:var(--transition-default)}.purpleCard a:hover{background-color:#8551a099}@media(max-width:1201px){.ogiHeadline img{height:100px}}@media(max-width:980px){.ogiHeadline{width:90%;gap:20px}.ogiHeadlineText p{font-size:18px;width:100%}.blueCards{width:90%}.blueCard .blueCardTitle,.blueCard .blueCardText{font-size:18px}.purpleCard{width:90%}}@media(max-width:640px){.ogiHeadline{flex-direction:column;align-items:center;width:92%}.ogiHeadlineText{text-align:center;align-items:center}.ogiHeadlineText h2{font-size:22px}.ogiHeadlineText p{font-size:16px}.ogiHeadline img{width:200px}.blueCards{flex-direction:column;width:92%}.blueCard .blueCardTitle,.blueCard .blueCardText{font-size:16px}.purpleCard{flex-direction:column;width:92%;gap:14px;padding:16px 0;text-align:center}.purpleCard p{margin-left:0}.purpleCard a{margin-right:0}}.clearInsightContainer{margin:120px auto 0;max-width:1440px;width:80%;display:flex;flex-direction:column;gap:36px}.clearInsightHeadline{text-align:right;width:50%;display:flex;flex-direction:column;gap:8px;align-self:flex-end}.clearInsightHeadline h2{font-family:var(--font-poppins);font-size:30px;margin:0}.clearInsightHeadline p{margin:0;font-size:20px}.gradingStep{position:relative;width:94%;margin:0 auto;padding:30px 40px;min-height:220px;display:flex;align-items:center;justify-content:space-between;gap:32px}.gradingStep:before{content:"";position:absolute;top:10px;bottom:10px;width:64%;border-radius:8px;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{width:48%;border-radius:8px;position:relative;z-index:2}.gradingStepImage{width:100%;display:block;border-radius:8px;border:3px solid var(--color-secondary-orange)}.step1 .gradingStepImage{border-color:var(--color-primary-yellow)}.step3 .gradingStepImage{border-color:var(--color-secondary-blue)}.gradingStepText{width:45%;text-align:right;position:relative;z-index:2}.step2 .gradingStepText{text-align:left}.gradingStepText h3{margin:0 0 14px;font-size:30px;text-underline-offset:6px}.gradingStepText p{margin:0;font-size:20px;line-height:1.35}.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{width:94%;padding:24px;gap:22px}.gradingStep:before{width:66%}.gradingStepText h3{font-size:24px}.gradingStepText p{font-size:16px}}@media(max-width:720px){.clearInsightContainer{margin-top:80px;gap:24px}.clearInsightHeadline{width:100%;text-align:center;justify-self:center}.clearInsightHeadline h2{font-size:22px}.clearInsightHeadline p{font-size:16px}.gradingStep{flex-direction:column;width:90%;padding:18px;gap:16px}.gradingStep:before,.step2:before,.step1:before,.step3:before{top:200px;left:0;right:auto;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;display:flex;flex-direction:column;align-items:center;padding:60px 0;gap:32px;margin-top:120px}.engagingLiteracyHeadline{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;width:80%;max-width:800px}.engagingLiteracyHeadline h2{margin:0;font-size:30px;font-family:var(--font-poppins)}.engagingLiteracyHeadline p{margin:0;font-size:20px}.engagingLiteracyImg{width:80%;max-width:1090px;border-radius:8px;display:block;border:4px solid var(--color-secondary-orange)}.engagingLiteracyCards{display:flex;gap:20px;width:80%;max-width:1100px}.engagingLiteracyCard{flex:1;border:4px solid var(--color-secondary-orange);border-radius:8px;padding:20px;text-align:left;background-color:transparent}.engagingLiteracyCardTitle{margin:0 0 10px;font-size:20px;font-weight:600}.engagingLiteracyCardText{margin:0;font-size:18px;line-height:1.4}@media(max-width:980px){.engagingLiteracyHeadline h2{font-size:26px}.engagingLiteracyHeadline p{font-size:18px}.engagingLiteracyImg,.engagingLiteracyCards{width:92%}.engagingLiteracyCardTitle{font-size:18px}.engagingLiteracyCardText{font-size:16px}}@media(max-width:640px){.engagingLiteracySection{padding:40px 0;gap:24px}.engagingLiteracyHeadline{width:92%}.engagingLiteracyHeadline h2{font-size:22px}.engagingLiteracyHeadline p{font-size:16px}.engagingLiteracyImg{width:94%}.engagingLiteracyCards{flex-direction:column;width:94%;gap:14px}.engagingLiteracyCardTitle{font-size:17px}.engagingLiteracyCardText{font-size:15px}}.ctaBanner{margin:120px auto;display:flex;flex-direction:column;gap:20px;width:40%;align-items:center}.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);padding:8px 20px;border:2px solid var(--color-primary-yellow);color:var(--color-black);text-decoration:none;border-radius:8px;transition:var(--transition-default);font-size:20px}.ctaBtn:hover{background-color:var(--color-primary-faded-yellow)}.bookDemo{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0% 2px;text-decoration:none;transition:background-size .22s ease;display:flex;align-items:center;gap:4px}.bookDemo:hover{background-size:100% 2px}@media(max-width:1440px){.ctaBanner{width:90%}}.contactPage{max-width:1120px;margin:0 auto;padding:72px 24px 96px}.contactHero{display:grid;gap:16px;margin-bottom:40px}.contactEyebrow{margin:0;color:#aa4747;font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.contactHero h1{margin:0;color:#1f2430;font-size:clamp(2.4rem,5vw,4rem);line-height:1.05}.contactHero p{margin:0;max-width:720px;color:#425066;font-size:1.05rem;line-height:1.7}.contactGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.contactCard{display:grid;gap:14px;padding:24px;border:1px solid rgba(31,36,48,.08);border-radius:24px;background:linear-gradient(180deg,#fff,#faf6f0);box-shadow:0 18px 40px #1f243014}.contactCard h2{margin:0;color:#1f2430;font-size:1.25rem}.contactCard p{margin:0;color:#425066;line-height:1.65}.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{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:999px;font-weight:700;text-decoration:none}.contactButton:hover{text-decoration:none}.contactButtonPrimary{background:#aa4747;color:#fff}.contactButtonSecondary{border:1px solid rgba(31,36,48,.12);background:#fff;color:#1f2430}@media(max-width:640px){.contactPage{padding:48px 20px 72px}.contactGrid{grid-template-columns:1fr}}.wizard-page{min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;background:linear-gradient(135deg,var(--color-faded-yellow) 0%,#f8f6f0 50%,var(--color-faded-blue) 100%);padding:40px 16px 60px}.wizard-container{width:100%;max-width:720px;background:var(--color-white);border-radius:16px;box-shadow:0 8px 40px #00000014,0 2px 8px #0000000a;overflow:hidden;animation:wizardFadeIn .4s ease-out}@keyframes wizardFadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.wizard-brand{text-align:center;padding:28px 24px 0}.wizard-brand-name{font-size:26px;font-weight:800;color:var(--color-yellow);margin:0;letter-spacing:-.5px}.wizard-progress{padding:24px 32px 8px;position:relative}.wizard-progress-track{position:absolute;top:42px;left:80px;right:80px;height:3px;background:#e8e8e8;border-radius:3px;z-index:0}.wizard-progress-fill{height:100%;background:var(--color-yellow);border-radius:3px;transition:width .5s ease}.wizard-progress-steps{display:flex;justify-content:space-between;position:relative;z-index:1}.wizard-progress-step{display:flex;flex-direction:column;align-items:center;gap:6px;flex:1}.wizard-step-circle{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;border:3px solid #e0e0e0;background:var(--color-white);color:#bbb;transition:all .3s ease}.wizard-progress-step.active .wizard-step-circle{border-color:var(--color-yellow);color:var(--color-yellow);box-shadow:0 0 0 4px var(--color-faded-yellow)}.wizard-progress-step.completed .wizard-step-circle{border-color:var(--color-chalkboard-green);background:var(--color-chalkboard-green);color:#fff}.wizard-step-label{font-size:12px;font-weight:600;color:#bbb;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{padding:8px 36px 24px;animation:stepSlideIn .35s ease-out}@keyframes stepSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.wizard-step-container{width:100%}.wizard-step-header{text-align:center;margin-bottom:24px}.wizard-step-header h2{font-size:24px;font-weight:700;color:var(--color-soft-black);margin:0 0 8px}.wizard-step-subtitle{font-size:15px;color:#777;margin:0;line-height:1.5}.wizard-form{display:flex;flex-direction:column;gap:18px}.wizard-form-row{display:flex;gap:14px}.wizard-field{flex:1;display:flex;flex-direction:column;gap:5px}.wizard-field label{font-size:13px;font-weight:600;color:var(--color-soft-black);display:flex;align-items:center;gap:6px}.wizard-label-help{color:#aaa;font-size:13px;cursor:help;transition:color .2s}.wizard-label-help:hover{color:var(--color-yellow)}.wizard-field input,.wizard-field select{height:44px;border:2px solid #e0e0e0;border-radius:8px;padding:0 14px;font-size:15px;color:var(--color-soft-black);transition:border-color .2s,box-shadow .2s;background:var(--color-white);outline:none;width:100%;box-sizing:border-box}.wizard-field input:focus,.wizard-field input.focused,.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{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:#999;font-size:16px;padding:4px;transition:color .2s}.wizard-toggle-password:hover{color:var(--color-soft-black)}.wizard-password-strength{display:flex;align-items:center;gap:10px;margin-top:4px}.wizard-strength-bar{flex:1;height:5px;background:#e8e8e8;border-radius:5px;overflow:hidden}.wizard-strength-fill{height:100%;border-radius:5px;transition:width .3s,background-color .3s}.wizard-strength-label{font-size:12px;font-weight:700;min-width:40px}.wizard-password-checks{list-style:none;margin:4px 0 0;padding:10px 14px;background:#fafafa;border-radius:8px;border:1px solid #eee;display:grid;grid-template-columns:1fr 1fr;gap:6px}.wizard-password-checks li{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.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{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;background:var(--color-yellow);color:var(--color-white);border:none;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;min-height:48px}.wizard-btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #f3c03b59}.wizard-btn-primary:active:not(:disabled){transform:translateY(0)}.wizard-btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.wizard-btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:11px 20px;background:transparent;color:#888;border:2px solid #e0e0e0;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.wizard-btn-secondary:hover{border-color:#ccc;color:var(--color-soft-black)}.wizard-btn-ghost{display:inline-flex;align-items:center;gap:6px;padding:11px 18px;background:transparent;color:#999;border:none;font-size:14px;font-weight:600;cursor:pointer;transition:color .2s}.wizard-btn-ghost:hover{color:var(--color-soft-black)}.wizard-btn-row{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding-top:20px;border-top:1px solid #f0f0f0}.wizard-btn-group{display:flex;align-items:center;gap:8px}.wizard-btn-add{display:inline-flex;align-items:center;gap:6px;padding:0 20px;height:44px;background:var(--color-chalkboard-green);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s;white-space:nowrap;align-self:flex-end}.wizard-btn-add:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.wizard-btn-add:disabled{opacity:.4;cursor:not-allowed}.wizard-btn-loading{display:inline-flex;align-items:center;gap:8px}.wizard-spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:wizardSpin .7s linear infinite}@keyframes wizardSpin{to{transform:rotate(360deg)}}.wizard-error{padding:12px 16px;background:var(--color-faded-red);border:2px solid var(--color-red);border-radius:8px;color:var(--color-red);font-size:13px;font-weight:600;line-height:1.4}.wizard-success{padding:10px 16px;background:var(--color-chalkboard-green-faded);border:2px solid var(--color-chalkboard-green);border-radius:8px;color:var(--color-chalkboard-green);font-size:13px;font-weight:600}.wizard-tooltip-wrapper{position:relative;display:inline-flex;align-items:center;cursor:help}.wizard-tooltip{position:absolute;z-index:100;background:var(--color-soft-black);color:#fff;font-size:12px;font-weight:500;line-height:1.5;padding:10px 14px;border-radius:8px;max-width:260px;width:max-content;box-shadow:0 4px 16px #00000026;pointer-events:none;animation:tooltipFade .15s ease-out}@keyframes tooltipFade{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.wizard-tooltip-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%)}.wizard-tooltip-bottom{top:calc(100% + 8px);left:50%;transform:translate(-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{display:inline-block;margin-top:6px;font-size:11px;font-weight:600;color:#93c5fd;text-decoration:none;transition:color .15s}.wizard-tooltip-link:hover{color:#fff;text-decoration:underline}.wizard-section{margin-bottom:20px}.wizard-section-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--color-soft-black);margin-bottom:10px}.wizard-section-label svg:first-child{color:var(--color-yellow);font-size:16px}.wizard-grade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px}.wizard-grade-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:14px 8px;border:2px solid #e8e8e8;border-radius:10px;background:var(--color-white);cursor:pointer;transition:all .2s;font-size:13px;font-weight:600;color:var(--color-soft-black)}.wizard-grade-card:hover{border-color:var(--color-yellow);background:var(--color-faded-yellow)}.wizard-grade-card.selected{border-color:var(--color-yellow);background:var(--color-faded-yellow);box-shadow:0 0 0 3px #f3c03b26}.wizard-grade-card.error-highlight{border-color:var(--color-red)}.wizard-grade-icon{font-size:20px;color:var(--color-yellow)}.wizard-grade-label{font-size:13px}.wizard-option-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wizard-option-card{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:20px 16px 18px;border:2px solid #e8e8e8;border-radius:12px;background:var(--color-white);cursor:pointer;transition:all .2s}.wizard-option-card:hover{border-color:var(--color-yellow)}.wizard-option-card.selected{border-color:var(--color-yellow);background:var(--color-faded-yellow);box-shadow:0 0 0 3px #f3c03b26}.wizard-option-card.error-highlight{border-color:var(--color-red)}.wizard-recommended{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--color-chalkboard-green);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 10px;border-radius:10px;white-space:nowrap}.wizard-option-icon{font-size:22px;color:var(--color-yellow);margin-bottom:2px}.wizard-option-label{font-size:15px;font-weight:700;color:var(--color-soft-black)}.wizard-option-desc{font-size:12px;color:#888;line-height:1.4}.wizard-option-check{position:absolute;top:10px;right:10px;color:var(--color-chalkboard-green);font-size:16px}.wizard-passes-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wizard-pass-btn{width:48px;height:48px;border:2px solid #e0e0e0;border-radius:10px;background:var(--color-white);font-size:18px;font-weight:700;color:var(--color-soft-black);cursor:pointer;transition:all .2s}.wizard-pass-btn:hover{border-color:var(--color-yellow)}.wizard-pass-btn.selected{border-color:var(--color-yellow);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{display:inline-flex;align-items:center;gap:5px;font-size:12px;color:#aaa;margin-left:4px}.wizard-classcode-banner{background:linear-gradient(135deg,#f8f4e8,#fdf8ec);border:2px solid var(--color-yellow);border-radius:12px;padding:18px 20px;margin-bottom:20px;text-align:center}.wizard-classcode-info{display:flex;align-items:center;justify-content:center;gap:6px;margin-bottom:8px}.wizard-classcode-label{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#999}.wizard-classcode-value{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:6px}.wizard-classcode-value span{font-size:32px;font-weight:800;letter-spacing:4px;color:var(--color-soft-black);font-family:Courier New,monospace}.wizard-copy-btn{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;background:var(--color-yellow);color:#fff;border:none;border-radius:6px;font-size:12px;font-weight:700;cursor:pointer;transition:all .2s}.wizard-copy-btn:hover{opacity:.9}.wizard-classcode-hint{font-size:13px;color:#888;margin:0}.wizard-mode-toggle{display:flex;gap:0;margin-bottom:16px;border:2px solid #e0e0e0;border-radius:10px;overflow:hidden}.wizard-mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;background:var(--color-white);border:none;font-size:14px;font-weight:600;color:#999;cursor:pointer;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{font-size:13px;color:#888;margin:0;line-height:1.5}.wizard-bulk-textarea{width:100%;min-height:120px;border:2px solid #e0e0e0;border-radius:10px;padding:14px;font-size:14px;font-family:inherit;color:var(--color-soft-black);resize:vertical;transition:border-color .2s,box-shadow .2s;box-sizing:border-box}.wizard-bulk-textarea:focus{outline:none;border-color:var(--color-yellow);box-shadow:0 0 0 3px var(--color-faded-yellow)}.wizard-bulk-textarea::placeholder{color:#bbb}.wizard-bulk-btn{align-self:flex-start}.wizard-students-preview{margin-top:20px;padding-top:16px;border-top:1px solid #f0f0f0}.wizard-students-preview h4{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--color-chalkboard-green);margin:0 0 12px}.wizard-students-list{display:flex;flex-wrap:wrap;gap:8px}.wizard-student-chip{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:#f5f5f5;border-radius:8px;font-size:13px;font-weight:600;color:var(--color-soft-black);animation:chipPop .2s ease-out}@keyframes chipPop{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.wizard-chip-remove{background:none;border:none;cursor:pointer;color:#ccc;font-size:12px;padding:2px;transition:color .2s}.wizard-chip-remove:hover{color:var(--color-red)}.wizard-welcome-celebration{text-align:center;margin-bottom:28px}.wizard-confetti-icon{width:64px;height:64px;margin:0 auto 12px;background:linear-gradient(135deg,var(--color-chalkboard-green) 0%,#5a8a4c 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 8px 24px #4d694140;animation:confettiBounce .6s ease-out}@keyframes confettiBounce{0%{transform:scale(0)}60%{transform:scale(1.2)}to{transform:scale(1)}}.wizard-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}.wizard-summary-card{padding:20px;border:2px solid #eee;border-radius:12px;text-align:center}.wizard-summary-card-header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:10px}.wizard-summary-card-header h4{font-size:13px;font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px;margin:0}.wizard-summary-icon{width:32px;height:32px;border-radius:50%;background:var(--color-faded-yellow);display:inline-flex;align-items:center;justify-content:center;font-size:14px;color:var(--color-yellow)}.wizard-summary-code .wizard-classcode-display{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}.wizard-code-large{font-size:28px;font-weight:800;letter-spacing:4px;font-family:Courier New,monospace;color:var(--color-soft-black)}.wizard-summary-stat{font-size:36px;font-weight:800;color:var(--color-soft-black);margin:0 0 4px}.wizard-summary-hint{font-size:12px;color:#aaa;margin:0}.wizard-quickstart{margin-bottom:28px}.wizard-quickstart h3{font-size:16px;font-weight:700;color:var(--color-soft-black);margin:0 0 16px}.wizard-tips-list{display:flex;flex-direction:column;gap:14px}.wizard-tip{display:flex;gap:14px;align-items:flex-start}.wizard-tip-number{width:32px;height:32px;min-width:32px;border-radius:50%;background:var(--color-faded-yellow);color:var(--color-yellow);font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center}.wizard-tip-content h4{font-size:14px;font-weight:700;color:var(--color-soft-black);margin:0 0 3px}.wizard-tip-content p{font-size:13px;color:#888;margin:0;line-height:1.5}.wizard-btn-launch{width:100%;font-size:16px;padding:16px;border-radius:12px}.wizard-footer{text-align:center;padding:0 36px 24px}.wizard-footer p{font-size:14px;color:#999;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{width:30px;height:30px;font-size:12px}.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{width:100%;justify-content:center}.wizard-btn-group{width:100%;flex-direction:column}.wizard-btn-group .wizard-btn-primary,.wizard-btn-group .wizard-btn-ghost{width:100%;justify-content:center}.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{width:100%;justify-content:center}.wizard-passes-row{flex-wrap:wrap}.wizard-passes-hint{width:100%;margin-left:0;margin-top:4px}}.plansPage{display:flex;flex-direction:column;max-width:1440px;width:80%;margin:60px auto;box-sizing:border-box}.plansBkgContent h2{color:var(--color-black);font-family:var(--font-poppins);font-size:30px;margin:0;max-width:450px}.plansContainer{width:100%;margin:0 auto 120px;position:relative;display:flex;flex-direction:column;box-sizing:border-box}.billingToggle{display:flex;align-items:center;gap:0;width:fit-content;max-width:100%;margin:20px 0;background-color:#f0f0f0;border-radius:8px;padding:4px;position:relative;flex-wrap:wrap}.toggleBtn{padding:10px 24px;border:none;background-color:transparent;color:#666;font-weight:600;font-size:14px;cursor:pointer;border-radius:6px;transition:all .2s ease}.toggleBtn.active{border:2px solid #fdd835;background-color:var(--color-primary-yellow);color:#000}.saveBadge{position:absolute;right:-60px;background-color:#fdd835;color:#000;border:1px solid var(--color-black);padding:4px 12px;border-radius:20px;font-size:12px;font-weight:600;white-space:nowrap}.plansRow{display:flex;gap:24px;align-items:stretch;justify-content:center;flex-wrap:wrap}.plan{background-color:#fff;padding:32px 24px;border-radius:8px;display:flex;flex-direction:column;flex:1 1 32%;box-shadow:0 2px 8px #00000014;border:2px solid #e0e0e0;position:relative;text-align:left;min-width:270px;box-sizing:border-box}.plan.featured{background:linear-gradient(135deg,#fffdf0,#fffbf5);border:2px solid #fdd835;box-shadow:0 4px 16px #fdd83526}.popularBadge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background-color:var(--color-primary-yellow);border:2px solid #fdd835;color:#000;font-size:12px;font-weight:600;letter-spacing:.05em;padding:4px 16px;border-radius:4px;white-space:nowrap}.plan h3{font-size:22px;margin:8px 0 0;font-weight:600}.pricePerUser{margin:16px 0 20px;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.priceAmount{font-size:48px;font-weight:700;color:#000}.priceLabel{font-size:14px;color:#666;line-height:1.3}.planBtn{width:100%;padding:12px 24px;border:none;border-radius:4px;background-color:var(--color-primary-yellow);color:#000;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;margin-bottom:24px}.planBtn:hover{background-color:#fdd835}.planIncludes{font-weight:600;font-size:14px;margin:0 0 12px;text-align:left}.plan ul{list-style:none;margin:0;padding:0;flex:1;display:flex;flex-direction:column;gap:8px}.plan ul li{font-size:14px;color:#666;display:flex;align-items:center;justify-content:flex-start}.plan ul li:before{content:"✓";color:#fdd835;font-weight:700;margin-right:8px}.pilotInquiryNudge{margin:28px auto 0;max-width:720px;color:#686868;font-size:15px;line-height:1.5;text-align:center}.pilotInquiryNudge a{color:inherit;text-decoration:underline}.comingSoonSection{margin-top:38px;padding:28px 30px;border:1px solid #ecdca8;border-radius:14px;background:linear-gradient(180deg,#fffdf6,#fffaf0)}.comingSoonEyebrow{margin:0;color:#8a6a14;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.comingSoonSection h3{margin:10px 0 0;color:#171717;font-family:var(--font-poppins);font-size:30px}.comingSoonIntro{margin:10px 0 0;max-width:760px;color:#525252;font-size:16px;line-height:1.5}.comingSoonGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px}.comingSoonCard{padding:14px 14px 14px 16px;border-left:4px solid #f3c03b;border-radius:10px;background-color:#ffffffd9;box-shadow:0 1px 3px #0000000a}.comingSoonCard strong{display:block;color:#171717;font-size:15px;line-height:1.3}.comingSoonCard span{display:block;margin-top:6px;color:#5f5f5f;font-size:14px;line-height:1.45}.comingSoonCta{margin:20px 0 0;font-size:15px;color:#4d4d4d}.comingSoonCta a{color:inherit;font-weight:600;text-decoration:underline}.pricingQnaSection{padding:0 30px;margin:120px 0 0}.pricingQnaHeader{text-align:center;margin-bottom:16px}.pricingQnaHeader h3{margin:0;font-family:var(--font-poppins);font-size:30px;color:var(--color-black)}.pricingQnaHeader p{margin:8px 0 0;font-size:18px;color:#4f4f4f}.pricingQnaList{margin:24px auto 0;max-width:1080px}.pricingQnaItem{border-bottom:1px solid #d9d9d9;padding:0}.pricingQnaTrigger{width:100%;border:none;background:transparent;padding:14px 0;margin:0;display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;text-align:left}.pricingQnaQuestion{font-size:20px;line-height:1.3;color:#171717;font-weight:500}.pricingQnaIcon{flex-shrink:0;font-size:24px;font-weight:700;color:#111;line-height:1;width:24px;text-align:center}.pricingQnaAnswer{margin:0 0 14px;max-width:900px;font-size:18px;line-height:1.35;color:#585858}.pricingQnaFooter{margin:26px 0 0;text-align:center;font-size:14px;color:#686868}.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{width:90%;margin:36px auto}.plansContainer{width:100%}.plan{flex:1 1 calc(50% - 12px);min-width:0}.saveBadge{position:static;margin-left:8px}.billingToggle{margin-bottom:30px}.comingSoonGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.plansPage{width:94%;margin:24px auto}.plansBkgContent h2{font-size:26px;max-width:100%}.plansBkgContent p{font-size:16px;max-width:90%}.plansContainer{width:100%;gap:20px}.plansRow{flex-direction:column;gap:20px}.plan{flex:1 1 100%;min-width:0;padding:20px 16px}.billingToggle{justify-content:center;gap:6px;padding:6px}.toggleBtn{padding:8px 12px;font-size:13px;flex:1 1 auto;min-width:0}.saveBadge{font-size:11px;position:absolute;top:-15px;right:23px}.priceAmount{font-size:36px}.plan h3{font-size:18px}.pilotInquiryNudge{margin-top:4px;font-size:14px}.comingSoonSection{margin-top:24px;padding:22px 16px}.comingSoonSection h3{font-size:24px}.comingSoonIntro{font-size:15px}.comingSoonGrid{grid-template-columns:1fr;gap:12px}.comingSoonCard{padding:13px 13px 13px 15px}.comingSoonCta{font-size:14px}.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}.pricingQnaSection{padding:20px 12px 12px}.comingSoonSection h3{font-size:22px}.pricingQnaHeader h3{font-size:26px}.pricingQnaQuestion{font-size:16px}.pricingQnaAnswer{font-size:15px}}.studentSignInPage{display:flex;gap:20px;flex-direction:column;align-items:center;justify-content:center;min-height:80dvh;background-color:var(--color-primary-extra-faded-yellow);position:relative}.signInOptions{display:flex;justify-content:space-between;gap:0px;background-color:var(--color-white);border:1px solid var(--color-secondary-blue);border-radius:17px}.signInOptions button{font-size:var(--font-size-paragraph-desktop);padding:8px 16px;background-color:var(--color-white);color:var(--color-black);border:none;border-radius:16px;font-family:inherit;font-weight:700;cursor:pointer}.signInOptions button:disabled{background-color:var(--color-secondary-blue);color:var(--color-white);cursor:not-allowed}.signInContainer{display:flex;flex-direction:column;width:30%;max-width:600px;text-align:center;background:var(--color-white);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(20px);border-radius:8px;font-family:inherit}.signInHeader{color:var(--color-white);background-color:var(--color-secondary-blue);font-size:var(--font-size-title-desktop);font-weight:700;padding:10px 0;margin:0 0 32px;border-radius:8px 8px 0 0}.inputButtonContainer{width:80%;margin:0 auto;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center;padding:0 0 32px}.signInContainer .signInInput{height:30px;width:98%;border-radius:4px;border:1px solid var(--color-black);margin:0 auto;font-family:inherit;font-size:var(--font-size-paragraph-desktop);text-align:center;padding:2px 0}.passwordActions{width:100%;display:flex;justify-content:space-between;text-align:left}.passwordActions a{font-size:var(--font-size-xs);color:var(--color-footer-link);text-decoration:none;margin:0}.signInButton{border:1px solid var(--color-secondary-blue);background-color:var(--color-secondary-blue);color:#fff;font-family:inherit;font-weight:700;font-size:var(--font-size-paragraph-desktop);padding:6px 12px;width:100%;border-radius:4px;align-self:center}.signInButton:hover{opacity:.8;cursor:pointer}.errorMessageContainer{position:absolute;height:100%;width:100%;z-index:10;background-color:#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;justify-content:center;align-items:center}.errorMessageTextContainer{display:flex;flex-direction:column;background-color:var(--color-white);padding:20px;border-radius:8px;text-align:center;position:relative;align-items:center;max-width:80%}.errorMessageHeader{position:relative;padding:0 20px}.errorMessageHeader p{font-size:var(--font-size-title-desktop);font-weight:700;margin:0;position:absolute;top:0;right:-20px;background-color:#f2f2f2;padding:4px 8px;border-radius:24px 24px 24px 0;border:1px solid var(--color-black)}.errorMessageContainer p{margin:4px 0;font-size:var(--font-size-paragraph-desktop)}.errorMessageContainer .retrySignInButton{border:1px solid var(--color-red);background-color:var(--color-red);color:#fff;font-family:inherit;font-weight:700;font-size:var(--font-size-paragraph-desktop);padding:6px 12px;width:100%;border-radius:4px;margin:12px 0 0}.errorMessageContainer .retrySignInButton:hover{opacity:.8;cursor:pointer}.confusedBabbleBotImage{width:150px;height:auto}.noAccountLink{margin:12px 0 20px;font-size:var(--font-size-sm)}.teacherShowHideBtn{border:none;background-color:transparent;font-family:inherit}.loginError{padding:8px 0;color:var(--color-red);font-size:var(--font-size-sm);font-weight:700}.studentListContainer{display:flex;flex-direction:column;width:30%;text-align:center;background:var(--color-white);box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(50px);-webkit-backdrop-filter:blur(20px);border-radius:8px}.studentListHeader{color:var(--color-white);background-color:var(--color-secondary-blue);font-size:var(--font-size-title-desktop);font-weight:700;padding:10px 0;border-radius:8px 8px 0 0}.studentList{list-style-type:none;width:100%;padding:20px 0;font-size:20px;max-height:300px;overflow-x:hidden;overflow-y:scroll;scrollbar-width:thin;margin:0;display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.studentList li{padding:10px 0;border:1px solid #000;margin:0;border-radius:8px;width:45%}.studentList li:hover{cursor:pointer;background-color:var(--color-faded-blue)}.backButton{border:1px solid var(--color-secondary-blue);background-color:var(--color-secondary-blue);color:#fff;font-size:var(--font-size-paragraph-desktop);padding:6px 24px;border-radius:4px;align-self:center}.backButton:hover{opacity:.8;cursor:pointer}.addStudentBtn{font-size:20px;padding:8px 16px;background-color:#44af69;color:#fff;border:1px solid black;border-radius:4px;transition:ease-in-out .2s;margin-left:10px}.addStudentBtn:hover{background-color:#fff;color:#44af69;border:1px solid #44AF69;cursor:pointer}@media(max-width:900px){.signInContainer{width:70%}}@media(max-width:500px){.signInContainer{width:90%}}.forgotPasswordContainer{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#276fbf,#ab8830)}.forgotPasswordCard{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:40px;width:100%;max-width:450px;animation:slideUp .3s ease-out}.forgotPasswordHeader{font-size:28px;font-weight:700;color:#333;margin:0 0 10px;text-align:center}.forgotPasswordSubtext{color:#666;font-size:14px;text-align:center;margin-bottom:30px;line-height:1.5}.forgotPasswordInputGroup{margin-bottom:20px}.forgotPasswordInput{width:100%;padding:12px 16px;font-size:14px;border:1px solid #ddd;border-radius:8px;transition:all .3s ease;box-sizing:border-box;font-family:inherit}.forgotPasswordInput:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.forgotPasswordInput:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.forgotPasswordError{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:20px;background-color:#fff5f5;border:1px solid #fc8181;border-radius:8px;color:#c53030;font-size:14px}.forgotPasswordError svg{flex-shrink:0}.forgotPasswordBtn{width:100%;padding:12px 16px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:10px}.forgotPasswordBtn:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.forgotPasswordBtn:active:not(:disabled){transform:translateY(0)}.forgotPasswordBtn:disabled{opacity:.7;cursor:not-allowed}.forgotPasswordSuccess{display:flex;flex-direction:column;align-items:center;padding:20px 0;text-align:center}.forgotPasswordSuccess svg{font-size:48px;color:#48bb78;margin-bottom:16px}.forgotPasswordSuccess p{color:#48bb78;font-size:16px;font-weight:500;margin:0}.forgotPasswordFooter{margin-top:30px;padding-top:20px;border-top:1px solid #eee;text-align:center}.forgotPasswordFooter p{font-size:14px;color:#666;margin:0 0 10px}.forgotPasswordLink{color:#667eea;text-decoration:none;font-weight:600;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{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background:linear-gradient(135deg,#276fbf,#ab8830)}.resetPasswordCard{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:40px;width:100%;max-width:450px;animation:slideUp .3s ease-out}.resetPasswordHeader{font-size:28px;font-weight:700;color:#333;margin:0 0 10px;text-align:center}.resetPasswordSubtext{color:#666;font-size:14px;text-align:center;margin-bottom:30px;line-height:1.5}.resetPasswordInputGroup{margin-bottom:20px}.resetPasswordInputGroup label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}.passwordInputWrapper{position:relative;display:flex;align-items:center}.resetPasswordInput{width:100%;padding:12px 40px 12px 16px;font-size:14px;border:1px solid #ddd;border-radius:8px;transition:all .3s ease;box-sizing:border-box;font-family:inherit}.resetPasswordInput:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.resetPasswordInput:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.showHideBtn{position:absolute;right:12px;background:none;border:none;color:#667eea;cursor:pointer;font-size:16px;transition:all .3s ease;padding:8px;display:flex;align-items:center;justify-content:center}.showHideBtn:hover{color:#764ba2}.resetPasswordError{display:flex;align-items:center;gap:10px;padding:12px 16px;margin-bottom:20px;background-color:#fff5f5;border:1px solid #fc8181;border-radius:8px;color:#c53030;font-size:14px}.resetPasswordError svg{flex-shrink:0}.resetPasswordBtn{width:100%;padding:12px 16px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;margin-top:10px}.resetPasswordBtn:hover:not(:disabled){box-shadow:0 10px 25px #667eea4d;transform:translateY(-2px)}.resetPasswordBtn:active:not(:disabled){transform:translateY(0)}.resetPasswordBtn:disabled{opacity:.7;cursor:not-allowed}.loadingSpinner{display:flex;justify-content:center;align-items:center;padding:40px 0}.loadingSpinner svg{font-size:48px;color:#667eea}.resetPasswordSuccess{display:flex;flex-direction:column;align-items:center;padding:20px 0;text-align:center;margin-bottom:20px}.resetPasswordSuccess svg{font-size:48px;color:#48bb78;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;padding:20px 0;width:100%;margin:0 auto}.meetTheTeam p{width:80%;margin:0;padding:0 0 20px;font-size:20px}.leadershipSection{display:flex;flex-wrap:wrap;justify-content:space-between;width:80%;margin:0 auto}.leadersLeft{grid-area:1 / 1 / 2 / 2}.leadersRight{grid-area:1 / 2 / 2 / 3}.sorBoardSection{display:flex;flex-wrap:wrap;justify-content:space-between;width:80%;margin:0 auto}.sorTopLeft{grid-area:1 / 1 / 2 / 2}.sorTopRight{grid-area:1 / 2 / 2 / 3}.sorBottomLeft{grid-area:2 / 1 / 3 / 2}.leadershipCard{display:flex;align-items:center;border-radius:8px;margin:10px 0}.leadershipCard img{height:75px;width:75px;border-radius:50%;margin:0 10px 0 0}.leadershipCard .leadershipCardText{display:flex;flex-direction:column;justify-content:center}.leadershipCard .leadershipCardText h3{font-size:18px;margin:0}.leadershipCard .leadershipCardText a{text-decoration:none;color:var(--color-blue)}@media screen and (max-width:768px){.meetTheTeam p{width:100%}}.customBanner{width:100%;height:300px}.bannerContent{display:flex;flex-direction:column;width:80%;height:100%;margin:0 auto;justify-content:center}.bannerContent h1{font-size:var(--font-size-large-header);color:var(--color-white);margin-bottom:10px}.bannerContent p{font-size:var(--font-size-paragraph-desktop);color:var(--color-white);margin-top:10px;width:75%}@media(max-width:450px){.bannerContent{width:90%;height:100%;margin:0 auto;justify-content:center;align-items:center;text-align:center}.bannerContent h1{font-size:var(--font-size-title-desktop)}.bannerContent p{font-size:var(--font-size-paragraph-mobile);width:90%}}.aboutBabbleBotContainer{font-family:var(--font-poppins, "Poppins", sans-serif);padding:clamp(1rem,2.4vw,1.5rem) clamp(.875rem,2.4vw,1.25rem) clamp(2rem,4vw,3rem);color:#333;line-height:1.6;max-width:76rem;margin:0 auto;min-height:80dvh}.aboutBabbleBotContainer>:not(.aboutNavBar){min-width:0}.aboutNavBar{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0 auto 2rem;padding:.5rem;width:min(100%,62rem);box-sizing:border-box;background:#fffffff0;border:1px solid rgba(0,0,0,.06);border-radius:10px;box-shadow:0 2px 8px #0000000f;position:sticky;top:clamp(4.75rem,9vw,5.5rem);z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:padding .2s ease,gap .2s ease,width .2s ease,box-shadow .2s ease}.aboutNavBar.isCondensed{gap:.25rem;margin-bottom:.9rem;padding:.28rem .35rem;width:fit-content;max-width:min(100%,40rem);background:#ffffffe6;box-shadow:0 2px 6px #0000000f;top:clamp(4.2rem,8.4vw,4.9rem)}.aboutNavLink{display:inline-flex;align-items:center;justify-content:center;flex:1 1 10rem;min-height:2.6rem;padding:.5rem 1rem;background-color:transparent;color:var(--color-soft-black, #3b444b);text-decoration:none;font-family:var(--font-poppins, "Poppins", sans-serif);font-weight:500;font-size:.88rem;line-height:1.25;text-align:center;border:1px solid transparent;border-radius:7px;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.aboutNavBar.isCondensed .aboutNavLink{flex:0 1 auto;min-height:1.9rem;padding:.3rem .6rem;font-size:.78rem;line-height:1.1;border-radius:6px}.aboutNavLink:hover,.aboutNavLink:focus-visible{background-color:#0000000a;color:var(--color-black, #0C090D);border-color:#00000014}.aboutNavLink.active{background-color:var(--color-primary-yellow, #FFE588);color:#111;border-color:transparent;font-weight:600}@media screen and (max-width:70rem){.aboutBabbleBotContainer{padding-top:1rem}.aboutNavBar{width:100%;border-radius:8px;top:clamp(4.5rem,10vw,5.25rem)}.aboutNavLink{flex-basis:calc(50% - .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%;min-height:3rem;font-size:.96rem}.aboutNavBar.isCondensed{width:100%;max-width:100%;margin-bottom:.75rem}.aboutNavBar.isCondensed .aboutNavLink{flex-basis:calc(50% - .25rem);min-height:2.35rem;padding:.45rem .55rem;font-size:.8rem}}.featuresGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;padding:0 10px 20px}.featureCard{background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 12px #00000014;transition:transform .2s ease}.featureCard.clickable{cursor:pointer}.featureCard:hover,.featureCard:focus{transform:translateY(-4px);box-shadow:0 8px 20px #00000026;outline:none}.featureCard h3{font-size:1.25rem;margin-bottom:10px}.featureCard p{font-size:1rem;color:#444}.featureThumbnail{width:100%;height:160px;object-fit:cover;border-radius:8px;margin-bottom:12px;pointer-events:none}.modalOverlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modalContent{background:#fff;padding:30px;max-height:80vh;overflow-y:auto;border-radius:12px;position:relative;width:600px;max-width:100%;box-sizing:border-box}.largeModal{width:900px;max-width:95vw;max-height:90vh;padding:40px}.modalCloseBtn{position:absolute;top:12px;right:18px;background:none;border:none;font-size:2.5rem;cursor:pointer;color:#333;line-height:1}.modalCloseBtn:hover{color:#000}.modalVideo{width:100%;margin-top:20px;border-radius:12px;max-height:400px;object-fit:contain}.readingRopeSection{text-align:center;padding:20px}.readingRopeSection img.scarboroughRopeImage{max-width:50%;height:auto;margin-top:20px;border-radius:10px;box-shadow:0 6px 12px #00000026}.pricingMatrixGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:20px}.pricingTable{width:100%;border-collapse:collapse;margin-top:1rem;font-family:Arial,sans-serif;font-size:.95rem}.pricingTable th,.pricingTable td{border:1px solid #ccc;padding:12px 16px;text-align:center}.pricingTable th{background-color:#f5f5f5;font-weight:700;color:#333}.pricingTable tr:nth-child(2n){background-color:#fafafa}.pricingTable td:first-child{text-align:left;font-weight:500}.subPageContainer{font-family:var(--font-poppins, "Poppins", sans-serif);padding:20px;background-color:#fff;border-radius:10px;max-width:1200px;margin:20px auto;line-height:1.6;color:#333;min-height:80dvh}.subPageContainer h2{font-size:2rem;color:#0078d7;margin-bottom:15px;text-align:center}.subPageContainer p{font-size:1.1rem;margin:10px 0;text-align:justify}.abShell{max-width:1080px;margin:0 auto;padding-bottom:80px;font-family:var(--font-poppins, "Poppins", sans-serif)}.abHero{display:grid;grid-template-columns:1fr 280px;gap:64px;align-items:start;padding:52px 0 64px;border-bottom:1px solid rgba(0,0,0,.07)}.abHeroEyebrow{display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-footer-link, #8E8E8E);margin-bottom:18px}.abHeroH1{font-size:clamp(2.2rem,4.2vw,3.6rem);line-height:1.04;letter-spacing:-.035em;font-weight:800;color:var(--color-black, #0C090D);margin:0 0 22px}.abHeroSub{font-size:1.06rem;color:#4a4a4a;line-height:1.72;max-width:500px;margin:0 0 32px}.abHeroStats{display:flex;gap:0;margin-bottom:32px;padding-top:20px;border-top:2px solid var(--color-primary-yellow, #FFE588)}.abHeroStat{display:flex;flex-direction:column;padding:0 24px 0 0;margin-right:24px;border-right:1px solid rgba(0,0,0,.1)}.abHeroStat:last-child{border-right:none;margin-right:0;padding-right:0}.abHeroStatNum{font-size:1.5rem;font-weight:800;letter-spacing:-.04em;color:var(--color-black, #0C090D);line-height:1;margin-bottom:4px}.abHeroStatLabel{font-size:.72rem;color:#888;text-transform:uppercase;letter-spacing:.08em}.abHeroActions{display:flex;gap:12px;flex-wrap:wrap}.abHeroLinks{padding-top:52px}.abHeroLinksLabel{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#999;margin:0 0 18px}.abHeroLinks ul{list-style:none;padding:0;margin:0;display:grid;gap:0}.abHeroLinks li{display:grid;gap:3px;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.06)}.abHeroLinks li:last-child{border-bottom:none;padding-bottom:0}.abHeroLinks a{color:var(--color-secondary-blue, #2A7DC5);font-weight:600;font-size:.9rem;text-decoration:none}.abHeroLinks a:hover,.abHeroLinks a:focus-visible{text-decoration:underline}.abHeroLinks span{font-size:.8rem;color:#999;line-height:1.5}.abSections{display:grid;gap:0}.abSection{padding:72px 0;border-bottom:1px solid rgba(0,0,0,.06)}.abSectionAlt{background:var(--color-background-gray, rgb(247, 246, 240));padding:72px 40px;margin:0 -40px}.abEyebrow{display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#999;margin-bottom:12px}.abSplitMain h2,.abSectionHeader h2{font-size:clamp(1.7rem,2.7vw,2.3rem);line-height:1.1;letter-spacing:-.025em;font-weight:700;color:var(--color-black, #0C090D);margin:0 0 18px}.abSectionIntro{font-size:1.04rem;color:#4a4a4a;line-height:1.72;margin:0 0 24px;max-width:560px}.abSplitLayout{display:grid;grid-template-columns:1fr 320px;gap:72px;align-items:start}.abSplitReverse{grid-template-columns:320px 1fr}.abSplitReverse .abSplitMain{order:2}.abSplitReverse .abSplitAside{order:1}.abSplitAside{padding-top:4px;position:sticky;top:120px}.abPullQuote{margin:0 0 28px;padding:0 0 0 18px;border-left:3px solid var(--color-secondary-orange, #F79D65);font-size:1.15rem;line-height:1.54;font-style:italic;font-weight:500;color:#1a1a1a}.abMiniStats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.abMiniStat{padding:14px 16px;background:#ffffffd9;border-left:2px solid var(--color-primary-yellow, #FFE588)}.abSectionAlt .abMiniStat{background:#fff9}.abMiniStatValue{display:block;font-size:.88rem;font-weight:700;color:var(--color-black, #0C090D);margin-bottom:4px}.abMiniStatLabel{font-size:.78rem;color:#666;line-height:1.4}.abCheckList{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}.abCheckList li{position:relative;padding-left:22px;font-size:.97rem;color:#444;line-height:1.62}.abCheckList li:before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:var(--color-primary-yellow, #FFE588)}.abCheckListRow{grid-template-columns:repeat(3,1fr);column-gap:32px;margin-bottom:32px}.abCtaBtn{display:inline-flex;align-items:center;padding:11px 22px;background:var(--color-secondary-blue, #2A7DC5);color:#fff;text-decoration:none;font-size:.88rem;font-weight:600;border-radius:var(--button-border-radius, 8px);transition:background var(--transition-default, .2s ease-in-out)}.abCtaBtn:hover,.abCtaBtn:focus-visible{background:#1d6aab}.abCtaBtnOutline{display:inline-flex;align-items:center;padding:11px 22px;background:transparent;color:var(--color-black, #0C090D);text-decoration:none;font-size:.88rem;font-weight:600;border:1.5px solid rgba(0,0,0,.18);border-radius:var(--button-border-radius, 8px);transition:border-color .15s ease,background .15s ease}.abCtaBtnOutline:hover,.abCtaBtnOutline:focus-visible{border-color:#00000057;background:#00000008}.abCtaLink{display:inline-flex;align-items:center;color:var(--color-secondary-blue, #2A7DC5);font-size:.9rem;font-weight:600;text-decoration:none;margin-top:8px}.abCtaLink:hover,.abCtaLink:focus-visible{text-decoration:underline}.abCtaRow{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}.abSectionProcess{padding:72px 0}.abSectionHeader{margin-bottom:48px;max-width:640px}.abSteps{list-style:none;padding:0;margin:0 0 48px;display:grid;grid-template-columns:repeat(4,1fr);position:relative}.abSteps:before{content:"";position:absolute;top:19px;left:calc(12.5% + 16px);right:calc(12.5% + 16px);height:1px;background:#0000001a;pointer-events:none}.abStep{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px;position:relative;z-index:1}.abStepNum{width:38px;height:38px;border-radius:50%;background:var(--color-chalkboard-green, #4D6941);color:#fff;display:flex;align-items:center;justify-content:center;font-size:.88rem;font-weight:800;margin-bottom:20px;flex-shrink:0;box-shadow:0 0 0 6px #fff}.abStep h3{font-size:.93rem;font-weight:700;color:var(--color-black, #0C090D);margin:0 0 8px;letter-spacing:-.01em}.abStep p{font-size:.83rem;color:#666;line-height:1.55;margin:0}.abStep div{display:contents}.abFooter{padding:72px 0 0;border-top:2px solid var(--color-primary-yellow, #FFE588)}.abFooter>h2{font-size:clamp(1.5rem,2.4vw,2rem);font-weight:700;letter-spacing:-.02em;color:var(--color-black, #0C090D);margin:0 0 12px}.abFooter>p{font-size:1rem;color:#555;line-height:1.68;max-width:520px;margin:0 0 40px}.abFooterCols{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;border-top:1px solid rgba(0,0,0,.07);padding-top:32px}.abFooterCol h3{font-size:.97rem;font-weight:700;color:var(--color-black, #0C090D);margin:0 0 8px}.abFooterCol p{font-size:.9rem;color:#666;line-height:1.62;margin:0 0 12px}.abFooterCol>a{display:inline-block;font-size:.88rem;font-weight:600;color:var(--color-secondary-blue, #2A7DC5);text-decoration:none}.abFooterCol>a:hover,.abFooterCol>a:focus-visible{text-decoration:underline}.abFooterCol p a{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{grid-template-columns:1fr;gap:44px;padding:44px 0 52px}.abHeroLinks{padding-top:28px;border-top:1px solid rgba(0,0,0,.07)}.abSplitLayout,.abSplitReverse{grid-template-columns:1fr;gap:36px}.abSplitReverse .abSplitMain,.abSplitReverse .abSplitAside{order:initial}.abSplitAside{position:static}.abSteps{grid-template-columns:repeat(2,1fr);gap:36px 24px}.abSteps:before{display:none}.abStepNum{box-shadow:none}.abCheckListRow{grid-template-columns:1fr;column-gap:0}.abFooterCols{grid-template-columns:1fr;gap:28px}}@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;padding-right:0;margin-right:0}.abMiniStats{grid-template-columns:1fr}.abSteps{grid-template-columns:1fr;gap:28px}.abStep{flex-direction:row;align-items:flex-start;text-align:left;gap:16px}.abStepNum{margin-bottom:0;flex-shrink:0}.abStep div{display:block;flex:1}.abSectionProcess{padding:52px 0}.abFooter{padding:52px 0 0}}.sorHero{display:grid;grid-template-columns:1fr 340px;gap:64px;align-items:start;padding:52px 0 64px;border-bottom:1px solid rgba(0,0,0,.07)}.sorHeroAccent{height:2px;width:100%;background:linear-gradient(90deg,var(--color-primary-yellow, #FFE588) 0%,transparent 60%);margin:0 0 22px}.sorHeroAside{padding-top:4px;position:sticky;top:120px}.sorHeroRopeWrap{margin-bottom:28px}.sorHeroRopeLabel{display:block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#999;margin-bottom:8px}.sorHeroRopeImg{display:block;width:100%;height:auto;border-radius:8px}.sorHeroSourcesLabel{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#999;margin:0 0 14px;display:block}.sorHeroSources{list-style:none;padding:0;margin:0 0 14px}.sorHeroSources li{padding:12px 0;border-bottom:1px solid rgba(0,0,0,.06)}.sorHeroSources a{display:block;font-size:.84rem;font-weight:600;color:var(--color-secondary-blue, #2A7DC5);text-decoration:none;margin-bottom:2px}.sorHeroSources li>span{font-size:.78rem;color:#999;line-height:1.5;display:block}.sorHeroSourcesNote{font-size:.78rem;color:#999;line-height:1.6;margin:12px 0 0}.sorSnapshot{margin:0 0 28px;padding:0 0 0 18px;border-left:3px solid var(--color-secondary-orange, #F79D65);font-size:1.1rem;line-height:1.56;font-style:italic;font-weight:500;color:#1a1a1a}.sorCalloutTitle{display:block;font-size:.95rem;font-weight:700;color:var(--color-black, #0C090D);margin:0;line-height:1.4}.sorMiniGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 20px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(0,0,0,.07)}.sorMiniCard{padding-left:12px;border-left:2px solid var(--color-primary-yellow, #FFE588)}.sorMiniValue{display:block;margin-bottom:4px;color:var(--color-black, #0C090D);font-size:.92rem;font-weight:800;line-height:1.2}.sorMiniLabel{color:#888;font-size:.78rem;line-height:1.4}.sorDoesNotDo{padding:72px 0 0}.sorDoesNotDoAccent{height:2px;background:linear-gradient(90deg,#f35252 0%,transparent 55%);margin-bottom:52px}.sorDoesNotDoList li:before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:#f35252;opacity:.55}.sorDoesNotDoAside .sorSnapshot{border-left-color:silver}@media(max-width:900px){.sorHero{grid-template-columns:1fr;gap:40px;padding:44px 0 52px}.sorHeroAside{position:static}.sorHeroRopeWrap{display:none}.sorSplitLayout,.sorSplitReverse{grid-template-columns:1fr;gap:32px}.sorSplitReverse .sorSplitMain,.sorSplitReverse .sorSplitAside{order:initial}.sorSplitAside{position:static}.sorDoesNotDoInner{grid-template-columns:1fr;gap:32px}.sorDoesNotDoAside{position:static}}.sorShell{max-width:1080px;margin:0 auto;padding-bottom:80px;font-family:var(--font-poppins, "Poppins", sans-serif)}.sorHero{display:grid;grid-template-columns:1fr 260px;gap:64px;align-items:start;padding:52px 0 64px;border-bottom:1px solid rgba(0,0,0,.07)}.sorHeroEyebrow{display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-footer-link, #8E8E8E);margin-bottom:18px}.sorHeroContent{min-width:0}.sorHeroH1{font-size:clamp(2.2rem,4.2vw,3.6rem);line-height:1.04;letter-spacing:-.035em;font-weight:800;color:var(--color-black, #0C090D);margin:0 0 22px}.sorHeroSub{font-size:1.06rem;color:#4a4a4a;line-height:1.72;max-width:500px;margin:0 0 28px}.sorJumpLinks{display:flex;flex-wrap:wrap;gap:8px}.sorJumpLink{display:inline-flex;align-items:center;padding:7px 14px;background:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:999px;font-size:.82rem;font-weight:500;color:var(--color-soft-black, #3b444b);text-decoration:none;transition:background .15s ease,border-color .15s ease}.sorJumpLink:hover,.sorJumpLink:focus-visible{background:#00000012;border-color:#00000024;color:var(--color-black, #0C090D)}.sorHeroSources{padding-top:52px}.sorHeroSourcesLabel{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#999;margin:0 0 18px}.sorHeroSources ul{list-style:none;padding:0;margin:0 0 18px}.sorHeroSources li{padding:13px 0;border-bottom:1px solid rgba(0,0,0,.06);line-height:1.5}.sorHeroSources li:last-child{border-bottom:none;padding-bottom:0}.sorHeroSources a{font-size:.86rem;font-weight:600;color:var(--color-secondary-blue, #2A7DC5);text-decoration:none;display:block;margin-bottom:3px}.sorHeroSources a:hover,.sorHeroSources a:focus-visible{text-decoration:underline}.sorHeroSources li>span{font-size:.8rem;color:#999;line-height:1.5;display:block}.sorHeroSourcesNote{font-size:.8rem;color:#999;line-height:1.6;margin:0}.sorSections{display:grid;gap:0}.sorSection{padding:72px 0;border-bottom:1px solid rgba(0,0,0,.06);scroll-margin-top:80px}.sorSectionAlt{background:var(--color-background-gray, rgb(247, 246, 240));padding:72px 40px;margin:0 -40px}.sorSectionHighlight{background:var(--color-primary-extra-faded-yellow, rgb(255, 229, 136, .1));border-top:2px solid var(--color-primary-yellow, #FFE588);padding:72px 40px;margin:0 -40px}.sorSplitLayout{display:grid;grid-template-columns:1fr 300px;gap:72px;align-items:start}.sorSplitReverse{grid-template-columns:300px 1fr}.sorSplitReverse .sorSplitMain{order:2}.sorSplitReverse .sorSplitAside{order:1}.sorSplitAside{padding-top:4px;position:sticky;top:120px}.sorEyebrow{display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#999;margin-bottom:10px}.sorTitleRow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.sorTitleRow h2{font-size:clamp(1.7rem,2.7vw,2.3rem);line-height:1.1;letter-spacing:-.025em;font-weight:700;color:var(--color-black, #0C090D);margin:0}.sorSectionNumber{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;flex-shrink:0;background:#0000000f;color:#666;font-size:.75rem;font-weight:700;letter-spacing:.04em}.sorIntro{font-size:1.04rem;color:#4a4a4a;line-height:1.72;margin:0 0 22px;max-width:560px}.sorListBlock{margin-bottom:22px}.sorListBlock h3{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#999;margin:0 0 12px}.sorList{list-style:none;padding:0;margin:0;display:grid;gap:10px}.sorList li{position:relative;padding-left:22px;font-size:.97rem;color:#444;line-height:1.62}.sorList li:before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:var(--color-primary-yellow, #FFE588)}.sorAlignList li:before{background:var(--color-secondary-blue, #2A7DC5)}.sorCtaRow{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.sorPrimaryCta{display:inline-flex;align-items:center;color:var(--color-secondary-blue, #2A7DC5);font-size:.9rem;font-weight:600;text-decoration:none}.sorPrimaryCta:hover,.sorPrimaryCta:focus-visible{text-decoration:underline}.sorSecondaryCta{display:inline-flex;align-items:center;color:var(--color-soft-black, #3b444b);font-size:.9rem;font-weight:600;text-decoration:none}.sorSecondaryCta:hover,.sorSecondaryCta:focus-visible{text-decoration:underline}.sorSnapshot{margin:0 0 24px;padding:0 0 0 18px;border-left:3px solid var(--color-secondary-orange, #F79D65);font-size:1.1rem;line-height:1.56;font-style:italic;font-weight:500;color:#1a1a1a}.sorSectionHighlight .sorSnapshot{border-left-color:var(--color-secondary-blue, #2A7DC5)}.sorCallout{padding:16px 18px;background:#ffffffd9;border-left:2px solid var(--color-primary-yellow, #FFE588);margin-bottom:20px}.sorSectionAlt .sorCallout{background:#fff9}.sorSectionHighlight .sorCallout{background:#fffc}.sorCalloutLabel{display:block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#999;margin-bottom:6px}.sorCalloutTitle{font-size:.95rem;font-weight:700;color:var(--color-black, #0C090D);margin:0 0 6px}.sorCallout p{font-size:.88rem;color:#444;line-height:1.6;margin:0}.sorImageWrap{margin-top:16px}.sorImageLabel{display:block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#999;margin-bottom:8px}.sorReadingImage{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 4px 16px #00000014;background:#fff}.sorMiniGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:16px}.sorMiniCard{padding:14px;background:#ffffffd9;border-left:2px solid var(--color-primary-yellow, #FFE588)}.sorSectionAlt .sorMiniCard{background:#fff9}.sorMiniValue{display:block;margin-bottom:5px;color:var(--color-black, #0C090D);font-size:.95rem;font-weight:800}.sorMiniLabel{color:#666;font-size:.8rem;line-height:1.45}.sorDoesNotDo{padding:72px 0;border-top:1px solid rgba(0,0,0,.07)}.sorDoesNotDoInner{display:grid;grid-template-columns:1fr 300px;gap:72px;align-items:start}.sorDoesNotDoEyebrow{display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#999;margin-bottom:10px}.sorDoesNotDo h2{font-size:clamp(1.7rem,2.7vw,2.3rem);line-height:1.1;letter-spacing:-.025em;font-weight:700;color:var(--color-black, #0C090D);margin:0 0 18px}.sorDoesNotDo .sorIntro{max-width:560px}.sorDoesNotDoList{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:10px}.sorDoesNotDoList li{position:relative;padding-left:22px;font-size:.97rem;color:#444;line-height:1.62}.sorDoesNotDoList li:before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:var(--color-secondary-red, #F35252);opacity:.7}.sorDoesNotDoAside{padding-top:4px;position:sticky;top:120px}@media(max-width:1080px){.sorSectionAlt,.sorSectionHighlight{margin:0 -24px;padding:72px 24px}}@media(max-width:900px){.sorHero{grid-template-columns:1fr;gap:40px;padding:44px 0 52px}.sorHeroSources{padding-top:28px;border-top:1px solid rgba(0,0,0,.07)}.sorSplitLayout,.sorSplitReverse{grid-template-columns:1fr;gap:32px}.sorSplitReverse .sorSplitMain,.sorSplitReverse .sorSplitAside{order:initial}.sorSplitAside{position:static}.sorDoesNotDoInner{grid-template-columns:1fr;gap:32px}.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{max-width:1080px;margin:0 auto;padding-bottom:80px;font-family:var(--font-poppins, "Poppins", sans-serif)}.aiSafetyHero{display:grid;grid-template-columns:1fr 260px;gap:64px;align-items:start;padding:52px 0 64px;border-bottom:1px solid rgba(0,0,0,.07)}.aiSafetyHeroContent{min-width:0}.aiSafetyHeroEyebrow{display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-footer-link, #8E8E8E);margin-bottom:18px}.aiSafetyHeroH1{font-size:clamp(2.2rem,4.2vw,3.6rem);line-height:1.04;letter-spacing:-.035em;font-weight:800;color:var(--color-black, #0C090D);margin:0 0 22px}.aiSafetyHeroAccent{height:2px;width:100%;background:linear-gradient(90deg,var(--color-primary-yellow, #FFE588) 0%,transparent 60%);margin:0 0 22px}.aiSafetyHeroSub{font-size:1.06rem;color:#4a4a4a;line-height:1.72;max-width:500px;margin:0 0 28px}.aiSafetyJumpLinks{display:flex;flex-wrap:wrap;gap:8px}.aiSafetyJumpLink{display:inline-flex;align-items:center;padding:7px 14px;background:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:999px;font-size:.82rem;font-weight:500;color:var(--color-soft-black, #3b444b);text-decoration:none;transition:background .15s ease,border-color .15s ease}.aiSafetyJumpLink:hover,.aiSafetyJumpLink:focus-visible{background:#00000012;border-color:#00000024;color:var(--color-black, #0C090D)}.aiSafetyHeroLinks{padding-top:52px}.aiSafetyHeroLinksLabel{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#999;margin:0 0 18px;display:block}.aiSafetyHeroLinks ul{list-style:none;padding:0;margin:0}.aiSafetyHeroLinks li{display:grid;gap:3px;padding:13px 0;border-bottom:1px solid rgba(0,0,0,.06)}.aiSafetyHeroLinks li:last-child{border-bottom:none;padding-bottom:0}.aiSafetyHeroLinks li span:first-child{font-size:.9rem;font-weight:600;color:var(--color-black, #0C090D)}.aiSafetyHeroLinks li span:last-child{font-size:.8rem;color:#999;line-height:1.5}.aiSafetyHeroLinks a{display:block;font-size:.86rem;font-weight:600;color:var(--color-secondary-blue, #2A7DC5);text-decoration:none;margin-bottom:2px}.aiSafetyHeroLinks a:hover,.aiSafetyHeroLinks a:focus-visible{text-decoration:underline}.aiSafetySections{display:grid;gap:0}.aiSafetySection{padding:72px 0;border-bottom:1px solid rgba(0,0,0,.06);scroll-margin-top:80px}.aiSafetySectionAlt{background:var(--color-background-gray, rgb(247, 246, 240));padding:72px 40px;margin:0 -40px}.aiSafetySectionHighlight{background:var(--color-primary-extra-faded-yellow, rgb(255, 229, 136, .1));border-top:2px solid var(--color-primary-yellow, #FFE588);padding:72px 40px;margin:0 -40px}.aiSafetySplitLayout{display:grid;grid-template-columns:1fr 300px;gap:72px;align-items:start}.aiSafetySplitReverse{grid-template-columns:300px 1fr}.aiSafetySplitReverse .aiSafetyTextColumn{order:2}.aiSafetySplitReverse .aiSafetySplitAside{order:1}.aiSafetySplitAside{padding-top:4px;position:sticky;top:120px}.aiSafetyEyebrow{display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#999;margin-bottom:10px}.aiSafetyTitleRow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.aiSafetyTitleRow h2{font-size:clamp(1.7rem,2.7vw,2.3rem);line-height:1.1;letter-spacing:-.025em;font-weight:700;color:var(--color-black, #0C090D);margin:0}.aiSafetyNumber{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:999px;flex-shrink:0;background:#0000000f;color:#666;font-size:.75rem;font-weight:700;letter-spacing:.04em}.aiSafetyIntro{font-size:1.04rem;color:#4a4a4a;line-height:1.72;margin:0 0 22px;max-width:560px}.aiSafetyListBlock{margin-bottom:22px}.aiSafetyListBlock h3{font-size:.72rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#999;margin:0 0 12px}.aiSafetyList{list-style:none;padding:0;margin:0;display:grid;gap:10px}.aiSafetyList li{position:relative;padding-left:22px;font-size:.97rem;color:#444;line-height:1.62}.aiSafetyList li:before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:var(--color-primary-yellow, #FFE588)}.aiSafetyAlignList li:before{background:var(--color-secondary-blue, #2A7DC5)}.aiSafetyCtaRow{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.aiSafetyPrimaryCta{display:inline-flex;align-items:center;color:var(--color-secondary-blue, #2A7DC5);font-size:.9rem;font-weight:600;text-decoration:none}.aiSafetyPrimaryCta:hover,.aiSafetyPrimaryCta:focus-visible{text-decoration:underline}.aiSafetySecondaryCta{display:inline-flex;align-items:center;color:var(--color-soft-black, #3b444b);font-size:.9rem;font-weight:600;text-decoration:none}.aiSafetySecondaryCta:hover,.aiSafetySecondaryCta:focus-visible{text-decoration:underline}.aiSafetySnapshot{margin:0 0 28px;padding:0 0 0 18px;border-left:3px solid var(--color-secondary-orange, #F79D65);font-size:1.1rem;line-height:1.56;font-style:italic;font-weight:500;color:#1a1a1a}.aiSafetySectionHighlight .aiSafetySnapshot{border-left-color:var(--color-secondary-blue, #2A7DC5)}.aiSafetyCalloutLabel{display:block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#999;margin-bottom:6px}.aiSafetyCalloutTitle{display:block;font-size:.95rem;font-weight:700;color:var(--color-black, #0C090D);margin:0;line-height:1.4}.aiSafetyMiniGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 20px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(0,0,0,.07)}.aiSafetyMiniCard{padding-left:12px;border-left:2px solid var(--color-primary-yellow, #FFE588)}.aiSafetyMiniValue{display:block;margin-bottom:4px;color:var(--color-black, #0C090D);font-size:.88rem;font-weight:800;line-height:1.2}.aiSafetyMiniLabel{color:#888;font-size:.78rem;line-height:1.4}.aiSafetyClosing{padding:72px 0 0}.aiSafetyClosingAccent{height:2px;background:linear-gradient(90deg,var(--color-primary-yellow, #FFE588) 0%,transparent 55%);margin-bottom:52px}.aiSafetyClosingInner{display:grid;grid-template-columns:1fr 300px;gap:72px;align-items:start}.aiSafetyClosingEyebrow{display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#999;margin-bottom:10px}.aiSafetyClosing h2{font-size:clamp(1.7rem,2.7vw,2.3rem);line-height:1.1;letter-spacing:-.025em;font-weight:700;color:var(--color-black, #0C090D);margin:0 0 18px}.aiSafetyClosingAside{padding-top:4px;position:sticky;top:120px}@media(max-width:1080px){.aiSafetySectionAlt,.aiSafetySectionHighlight{margin:0 -24px;padding:72px 24px}}@media(max-width:900px){.aiSafetyHero{grid-template-columns:1fr;gap:40px;padding:44px 0 52px}.aiSafetyHeroLinks{padding-top:28px;border-top:1px solid rgba(0,0,0,.07)}.aiSafetySplitLayout,.aiSafetySplitReverse{grid-template-columns:1fr;gap:32px}.aiSafetySplitReverse .aiSafetyTextColumn,.aiSafetySplitReverse .aiSafetySplitAside{order:initial}.aiSafetySplitAside{position:static}.aiSafetyClosingInner{grid-template-columns:1fr;gap:32px}.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{max-width:1080px;margin:0 auto;padding-bottom:80px;font-family:var(--font-poppins, "Poppins", sans-serif)}.pfHero{display:grid;grid-template-columns:1fr 260px;gap:64px;align-items:start;padding:52px 0 64px;border-bottom:1px solid rgba(0,0,0,.07)}.pfHeroEyebrow{display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-footer-link, #8E8E8E);margin-bottom:18px}.pfHeroH1{font-size:clamp(2.2rem,4.2vw,3.6rem);line-height:1.04;letter-spacing:-.035em;font-weight:800;color:var(--color-black, #0C090D);margin:0 0 22px}.pfHeroSub{font-size:1.06rem;color:#4a4a4a;line-height:1.72;max-width:500px;margin:0 0 28px}.pfJumpLinks{display:flex;flex-wrap:wrap;gap:8px}.pfJumpLink{display:inline-flex;align-items:center;padding:7px 14px;background:#0000000a;border:1px solid rgba(0,0,0,.08);border-radius:999px;font-size:.82rem;font-weight:500;color:var(--color-soft-black, #3b444b);text-decoration:none;transition:background .15s ease,border-color .15s ease}.pfJumpLink:hover,.pfJumpLink:focus-visible{background:#00000012;border-color:#00000024;color:var(--color-black, #0C090D)}.pfHeroLinks{padding-top:52px}.pfHeroLinksLabel{font-size:.7rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#999;margin:0 0 18px}.pfHeroLinks ul{list-style:none;padding:0;margin:0}.pfHeroLinks li{display:grid;gap:3px;padding:13px 0;border-bottom:1px solid rgba(0,0,0,.06)}.pfHeroLinks li:last-child{border-bottom:none;padding-bottom:0}.pfHeroLinks li span:first-child{font-size:.9rem;font-weight:600;color:var(--color-black, #0C090D)}.pfHeroLinks li span:last-child{font-size:.8rem;color:#999;line-height:1.5}.pfSections{display:grid;gap:0}.pfSection{padding:72px 0;border-bottom:1px solid rgba(0,0,0,.06);scroll-margin-top:80px}.pfSectionAlt{background:var(--color-background-gray, rgb(247, 246, 240));padding:72px 40px;margin:0 -40px}.pfSectionFeatured{background:var(--color-primary-extra-faded-yellow, rgb(255, 229, 136, .1));border-top:2px solid var(--color-primary-yellow, #FFE588);padding:72px 40px;margin:0 -40px}.pfEyebrow{display:block;font-size:.72rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#999;margin-bottom:10px}.pfTitleRow{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:18px}.pfTitleRow h2{font-size:clamp(1.7rem,2.7vw,2.3rem);line-height:1.1;letter-spacing:-.025em;font-weight:700;color:var(--color-black, #0C090D);margin:0}.pfBadge{display:inline-flex;align-items:center;padding:4px 10px;background:var(--color-primary-yellow, #FFE588);color:#111;font-size:.73rem;font-weight:700;letter-spacing:.04em;border-radius:999px;flex-shrink:0}.pfDescription{font-size:1.04rem;color:#4a4a4a;line-height:1.72;margin:0 0 22px;max-width:560px}.pfCheckList{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:10px}.pfCheckList li{position:relative;padding-left:22px;font-size:.97rem;color:#444;line-height:1.62}.pfCheckList li:before{content:"";position:absolute;left:0;top:8px;width:10px;height:10px;border-radius:50%;background:var(--color-primary-yellow, #FFE588)}.pfCtaLink{display:inline-flex;align-items:center;color:var(--color-secondary-blue, #2A7DC5);font-size:.9rem;font-weight:600;text-decoration:none;margin-top:4px}.pfCtaLink:hover,.pfCtaLink:focus-visible{text-decoration:underline}.pfSplitLayout{display:grid;grid-template-columns:1fr 300px;gap:72px;align-items:start}.pfSplitReverse{grid-template-columns:300px 1fr}.pfSplitReverse .pfSplitMain{order:2}.pfSplitReverse .pfSplitAside{order:1}.pfSplitAside{padding-top:4px;position:sticky;top:120px}.pfSnapshot{margin:0 0 24px;padding:0 0 0 18px;border-left:3px solid var(--color-secondary-orange, #F79D65);font-size:1.1rem;line-height:1.56;font-style:italic;font-weight:500;color:#1a1a1a}.pfSectionFeatured .pfSnapshot{border-left-color:var(--color-secondary-blue, #2A7DC5)}.pfBestFor{padding:16px 18px;background:#ffffffd9;border-left:2px solid var(--color-primary-yellow, #FFE588)}.pfSectionAlt .pfBestFor{background:#fff9}.pfSectionFeatured .pfBestFor{background:#fffc}.pfBestForLabel{display:block;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:#999;margin-bottom:8px}.pfBestFor p{font-size:.88rem;color:#444;line-height:1.6;margin:0}@media(max-width:1080px){.pfSectionAlt,.pfSectionFeatured{margin:0 -24px;padding:72px 24px}}@media(max-width:900px){.pfHero{grid-template-columns:1fr;gap:40px;padding:44px 0 52px}.pfHeroLinks{padding-top:28px;border-top:1px solid rgba(0,0,0,.07)}.pfSplitLayout,.pfSplitReverse{grid-template-columns:1fr;gap:32px}.pfSplitReverse .pfSplitMain,.pfSplitReverse .pfSplitAside{order:initial}.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{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.95fr);gap:24px;padding:40px clamp(24px,4vw,40px);margin-bottom:28px;border:none;border-radius:28px;background:linear-gradient(135deg,#1d5c6b,#2d7a8a 56%,#dbece5);box-shadow:0 18px 40px #1440492e;color:#fff}.pfGuideHeroCopy h1{margin:0 0 14px;color:#fff;font-size:clamp(2.3rem,3.6vw,3.4rem);line-height:1.05}.pfGuideHeroCopy p{margin:0;max-width:42rem;font-size:1.06rem;line-height:1.7;color:#ffffffeb}.pfGuideHeroEyebrow{display:inline-block;margin-bottom:14px;padding:6px 12px;border-radius:999px;background:#ffffff24;color:#fef7e0;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pfGuideJumpLinks{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.pfGuideJumpLink{display:inline-flex;align-items:center;padding:10px 14px;border-radius:999px;background:#ffffff1f;border:1px solid rgba(255,255,255,.18);color:#fff;font-size:.92rem;font-weight:600;text-decoration:none;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.pfGuideJumpLink:hover,.pfGuideJumpLink:focus-visible{background:#fff3;border-color:#ffffff52;transform:translateY(-1px)}.pfGuideHeroPanel{align-self:stretch;padding:24px;border-radius:24px;background:#fffaeef5;color:#1f2f32;box-shadow:inset 0 0 0 1px #f3c03b47}.pfGuideHeroPanel h2{margin:0 0 16px;color:#183f46;font-size:1.25rem}.pfGuideHeroPanel ul{list-style:none;padding:0;margin:0;display:grid;gap:12px}.pfGuideHeroPanel li{position:relative;padding-left:18px;line-height:1.55}.pfGuideHeroPanel li:before{content:"•";position:absolute;left:0;color:#b8860b;font-weight:700}.pfGuideStack{display:grid;gap:24px}.pfGuideSection{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:28px;align-items:start;padding:32px;border:1px solid #e7dfce;border-radius:28px;background:linear-gradient(180deg,#fff,#fffcf6);box-shadow:0 14px 30px #1f2f3212;scroll-margin-top:24px}.pfGuideSectionReverse .pfGuideText{order:2}.pfGuideSectionReverse .pfGuideMediaRail{order:1}.pfGuideHeader{display:flex;align-items:flex-start;gap:16px;margin-bottom:18px}.pfGuideNumber{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:18px;flex-shrink:0;background:#204f5b;color:#fff;font-size:1rem;font-weight:800;letter-spacing:.08em}.pfGuideEyebrow{display:inline-block;margin-bottom:6px;color:#7a6a41;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pfGuideTitleRow{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pfGuideTitleRow h2{margin:0;color:#173a40;font-size:clamp(1.65rem,2.6vw,2.25rem);line-height:1.1}.pfGuideBadge{background:#f3c03b;color:#2f2410;font-size:.8rem;font-weight:700;padding:5px 11px;border-radius:999px}.pfGuideDescription{margin:0 0 18px;max-width:36rem;color:#39484b;font-size:1.05rem;line-height:1.7}.pfGuideList{list-style:none;padding:0;margin:0 0 18px;display:grid;gap:12px}.pfGuideList li{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;column-gap:14px;padding:14px 16px;border:1px solid #eadfbe;border-radius:16px;background:#f8f3e5;color:#24373b;line-height:1.55}.pfGuideList li:before{content:"✓";width:20px;height:20px;border-radius:999px;background:#f3c03b;color:#263132;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700}.pfGuideNote{margin:0 0 18px;color:#6f5a1f;font-style:italic}.pfGuideCta{display:inline-flex;align-items:center;gap:6px;color:#b8860b;font-weight:700;text-decoration:none}.pfGuideCta:hover,.pfGuideCta:focus-visible{color:#8f6800}.pfGuideMediaRail{display:grid;gap:16px}.pfGuideMediaCard{padding:18px;border-radius:22px;background:#eff5f5;border:1px solid #d8e3e4;box-shadow:inset 0 0 0 1px #ffffff8c}.pfGuideMediaLabel{margin:0 0 12px;color:#587175;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.pfGuideMediaText{margin:0;color:#425356;line-height:1.68}.pfGuideVideoSlot{min-height:200px;background-color:#f5f5f5;border:2px dashed #ccc;display:flex;align-items:center;justify-content:center;border-radius:8px;margin-bottom:16px;aspect-ratio:16 / 9;color:#666;text-align:center;padding:16px}.pfGuideScreenshotWrap{margin-bottom:16px}.pfGuideScreenshot{display:block;width:100%;min-height:260px;border-radius:8px;border:1px solid #e0e0e0;margin-bottom:16px;background:linear-gradient(135deg,#fff,#f1f4f5);object-fit:cover}.pfGuideHighlight{padding:12px;border-radius:30px;background:#fef7e0;border:1px solid #f2dfa0}.pfGuideHighlight .pfGuideSection{background:#fffdf7eb;border-color:#eed585}@media(max-width:980px){.pfGuideHero,.pfGuideSection{grid-template-columns:1fr}.pfGuideSectionReverse .pfGuideText,.pfGuideSectionReverse .pfGuideMediaRail{order:initial}}@media(max-width:720px){.pfGuideHero{padding:28px 20px;border-radius:22px}.pfGuideSection{padding:22px;border-radius:22px}.pfGuideHeader{flex-direction:column;gap:12px}.pfGuideNumber{width:44px;height:44px;border-radius:14px}.pfGuideJumpLinks{gap:8px}.pfGuideJumpLink{width:100%;justify-content:center}}.ogiPage{--ogi-yellow: var(--color-yellow, #F3C03B);--ogi-cream: var(--color-off-white, #FAF9F6);--ogi-ink: #111111;--ogi-body: #4a4a4a;--ogi-muted: #8a8a8a;--ogi-rule: #e4e1d8;--ogi-max: 1100px;font-family:var(--font-poppins, "Poppins", "Segoe UI", sans-serif);color:var(--ogi-ink);background:#fff;line-height:1.72}.ogiSection{padding:88px 0}.ogiAltBg{background:var(--ogi-cream)}.ogiEyebrow{display:block;font-size:.74rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--ogi-muted);margin-bottom:14px}.ogiEyebrowDark{color:#5a4200}.ogiHero{padding:96px 0 0;background:#fff;overflow:hidden;position:relative}.ogiHeroInner{width:min(88%,var(--ogi-max));margin:0 auto;padding-bottom:80px}.ogiLogoRow{display:flex;align-items:center;gap:18px;margin-bottom:36px}.ogiLogoRow img{max-height:44px;width:auto;display:block}.ogiCross{font-size:1.8rem;font-weight:300;color:#c8c5bd;line-height:1;-webkit-user-select:none;user-select:none}.ogiRtlBadge{display:inline-flex;align-items:center;border-radius:6px;padding:6px 12px}.ogiRtlBadge img{max-height:60px}.ogiHeroHeadline{font-size:clamp(3rem,6.5vw,5.2rem);line-height:1.02;letter-spacing:-.04em;color:var(--ogi-ink);font-weight:800;margin:0 0 28px;max-width:820px}.ogiHeroSub{font-size:1.15rem;color:#555;max-width:580px;line-height:1.68;margin:0}.ogiHeroAccent{height:3px;background:linear-gradient(90deg,var(--ogi-yellow) 0%,transparent 65%);width:100%}.ogiSplitLayout{width:min(88%,var(--ogi-max));margin:0 auto;display:grid;grid-template-columns:1fr 360px;gap:80px;align-items:start}.ogiSplitReverse{grid-template-columns:360px 1fr}.ogiSplitReverse .ogiSplitMain{order:2}.ogiSplitReverse .ogiPullQuoteBlock{order:1}.ogiSplitMain h2{font-size:clamp(1.7rem,2.8vw,2.4rem);line-height:1.12;letter-spacing:-.025em;color:var(--ogi-ink);font-weight:700;margin:0 0 20px}.ogiSplitMain p{font-size:1.04rem;color:var(--ogi-body);line-height:1.72;margin-bottom:20px;max-width:560px}.ogiCheckList{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:13px}.ogiCheckList li{position:relative;padding-left:26px;font-size:.99rem;color:#505050;line-height:1.65}.ogiCheckList li:before{content:"";position:absolute;left:0;top:7px;width:13px;height:13px;border-radius:50%;background:var(--ogi-yellow)}.ogiPullQuoteBlock{padding-top:6px;position:sticky;top:100px}.ogiPullQuote{margin:0 0 14px;padding:0 0 0 22px;border-left:3px solid var(--ogi-yellow);font-size:1.35rem;line-height:1.46;font-style:italic;color:#222;font-weight:500}.ogiPullQuoteBlock cite{display:block;font-style:normal;font-size:.82rem;color:var(--ogi-muted);letter-spacing:.05em;padding-left:25px}.ogiSectionHeader{width:min(88%,var(--ogi-max));margin:0 auto 52px}.ogiSectionHeader h2{font-size:clamp(1.7rem,2.8vw,2.4rem);line-height:1.12;letter-spacing:-.025em;color:var(--ogi-ink);font-weight:700;margin:0 0 16px}.ogiCentered{text-align:center;margin-left:auto;margin-right:auto}.ogiSectionIntro{font-size:1.04rem;color:#585858;line-height:1.7;max-width:660px;margin:0}.ogiCentered .ogiSectionIntro{margin:0 auto}.ogiTimeline{list-style:none;padding:0;width:min(88%,var(--ogi-max));margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);position:relative}.ogiTimeline:before{content:"";position:absolute;top:20px;left:calc(16.67% + 20px);right:calc(16.67% + 20px);height:1px;background:var(--ogi-rule)}.ogiTimelineStep{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 28px;position:relative;z-index:1}.ogiTimelineMarker{width:42px;height:42px;border-radius:50%;background:var(--ogi-yellow);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.95rem;color:#111;margin-bottom:26px;flex-shrink:0;box-shadow:0 0 0 7px var(--ogi-cream)}.ogiTimelineContent h3{font-size:1.08rem;font-weight:700;margin:0 0 10px;color:var(--ogi-ink);letter-spacing:-.01em}.ogiTimelineContent p{font-size:.95rem;color:var(--ogi-body);line-height:1.65;margin:0}.ogiPhilosophy{text-align:center}.ogiPhilosophyInner{width:min(88%,820px);margin:0 auto}.ogiMissionQuote{font-size:clamp(1.45rem,2.6vw,2rem);font-style:italic;line-height:1.42;color:var(--ogi-ink);font-weight:600;margin:0 0 28px;position:relative;padding:32px 0 0}.ogiMissionQuote:before{content:"“";font-size:7rem;line-height:0;color:var(--ogi-yellow);opacity:.55;position:absolute;top:28px;left:50%;transform:translate(-50%);font-style:normal;pointer-events:none}.ogiPhilosophySub{font-size:1rem;color:#636363;max-width:540px;margin:0 auto;line-height:1.7}.ogiFeatureGrid{width:min(88%,var(--ogi-max));margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:52px 72px}.ogiFeatureIcon{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--ogi-yellow);border-radius:8px;margin-bottom:16px;font-size:.95rem;color:#111;flex-shrink:0}.ogiFeatureCard h3{font-size:1.08rem;font-weight:700;color:var(--ogi-ink);margin:0 0 10px;letter-spacing:-.01em}.ogiFeatureCard p{font-size:.97rem;color:var(--ogi-body);line-height:1.66;margin:0}.ogiImpact{text-align:center}.ogiImpactHeader{width:min(88%,var(--ogi-max));margin:0 auto 52px}.ogiImpactHeader h2{font-size:clamp(1.7rem,2.8vw,2.4rem);line-height:1.12;letter-spacing:-.025em;color:var(--ogi-ink);font-weight:700;margin:0 0 12px}.ogiStatRow{width:min(88%,var(--ogi-max));margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0}.ogiStat{display:flex;flex-direction:column;align-items:center;gap:10px;padding:36px 28px 20px;border-top:2px solid var(--ogi-yellow)}.ogiStat+.ogiStat{border-left:1px solid var(--ogi-rule)}.ogiStatNum{font-size:3rem;font-weight:800;letter-spacing:-.05em;color:var(--ogi-ink);line-height:1}.ogiStatLabel{font-size:.88rem;color:var(--ogi-muted);max-width:200px;text-align:center;line-height:1.5}.ogiTrustInner{width:min(88%,var(--ogi-max));margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:72px;align-items:start}.ogiTrustText h2{font-size:clamp(1.7rem,2.8vw,2.4rem);line-height:1.12;letter-spacing:-.025em;color:var(--ogi-ink);font-weight:700;margin:0 0 20px}.ogiTrustText p{font-size:1.02rem;color:var(--ogi-body);line-height:1.72;max-width:560px;margin-bottom:16px}.ogiTrustText p:last-child{margin-bottom:0}.ogiTrustBadges{display:flex;flex-direction:column;gap:16px;padding-top:10px;min-width:220px}.ogiTrustBadge{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--ogi-cream);border-left:3px solid var(--ogi-yellow);font-size:.9rem;font-weight:600;color:#2a2a2a}.ogiTrustBadge svg{font-size:.95rem;color:#555;flex-shrink:0}.ogiRoadmapGrid{width:min(88%,var(--ogi-max));margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--ogi-rule)}.ogiRoadmapItem{padding:36px 40px 36px 0;border-right:1px solid var(--ogi-rule);position:relative}.ogiRoadmapItem:last-child{border-right:none;padding-right:0;padding-left:40px}.ogiRoadmapItem:not(:first-child):not(:last-child){padding-left:40px}.ogiRoadmapArrow{display:block;font-size:1.6rem;color:var(--ogi-yellow);font-weight:300;margin-bottom:14px;line-height:1}.ogiRoadmapItem h3{font-size:1.05rem;font-weight:700;color:var(--ogi-ink);margin:0 0 10px;letter-spacing:-.01em}.ogiRoadmapItem p{font-size:.95rem;color:var(--ogi-body);line-height:1.65;margin:0}.ogiCta{background:var(--ogi-yellow);padding:80px 0}.ogiCtaInner{width:min(88%,760px);margin:0 auto;text-align:center}.ogiCtaHeadline{font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:800;letter-spacing:-.03em;color:#111;line-height:1.1;margin:0 0 20px}.ogiCtaSub{font-size:1.05rem;color:#3a2e00;line-height:1.68;max-width:540px;margin:0 auto 36px}.ogiCtaBtn{display:inline-block;background:#111;color:#fff;text-decoration:none;font-size:.95rem;font-weight:600;letter-spacing:.04em;padding:14px 36px;border-radius:4px;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{grid-template-columns:1fr 300px;gap:56px}.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{grid-template-columns:1fr;gap:40px}.ogiSplitReverse .ogiSplitMain{order:1}.ogiSplitReverse .ogiPullQuoteBlock{order:2}.ogiPullQuoteBlock{position:static;padding-top:0}.ogiPullQuote{font-size:1.15rem}.ogiTimeline{grid-template-columns:1fr;gap:36px}.ogiTimeline:before{display:none}.ogiTimelineStep{flex-direction:row;align-items:flex-start;text-align:left;padding:0;gap:20px}.ogiTimelineMarker{margin-bottom:0;box-shadow:none;flex-shrink:0}.ogiFeatureGrid{grid-template-columns:1fr;gap:36px}.ogiStatRow{grid-template-columns:1fr;gap:0}.ogiStat+.ogiStat{border-left:none;border-top:1px solid var(--ogi-rule)}.ogiStat{padding:28px 0}.ogiStatNum{font-size:2.4rem}.ogiTrustInner{grid-template-columns:1fr;gap:40px}.ogiTrustBadges{flex-direction:row;flex-wrap:wrap;gap:10px}.ogiTrustBadge{flex:1 1 auto;min-width:160px}.ogiRoadmapGrid{grid-template-columns:1fr;border-top:none}.ogiRoadmapItem,.ogiRoadmapItem:last-child,.ogiRoadmapItem:not(:first-child):not(:last-child){padding:28px 0;border-right:none;border-left:none;border-top:1px solid var(--ogi-rule)}.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}.ogiImpactHeader,.ogiCtaInner{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{display:flex;flex-direction:row-reverse;height:80dvh;justify-content:center;align-items: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 0%, #174ea6 100%);--theme-accent: #276FBF;--theme-accent-shadow: rgba(23, 78, 166, .28);min-height:100dvh;position:relative;background-color:var(--color-background-gray)}.studentDash{display:flex;flex-direction:row;align-content:center;width:100%;margin:auto}@media screen and (max-width:450px){.signInPage{display:flex;align-items:center;justify-content:center;min-height:80vh;text-align:-webkit-center}.studentSigninContainer{display:flex;flex-direction:column;background-color:#fff;border-radius:30px;height:-moz-fit-content;height:fit-content;padding:50px 0;border:solid 1px #292F36}.studentSignInHeader{color:#292f36;font-size:20px;font-weight:700;padding-bottom:0;margin-bottom:50px}.studentSigninContainer .classCode{height:20px;width:70%;place-self:center;border:none;border-bottom:1px solid #000;border-radius:0;font-size:16px}.submitClassCodeBtn{border:none;background-color:#276fbf;color:#fff;font-size:20px;padding:8px 12px;width:35%;border-radius:8px;margin:20px 0 10px;align-self:center}.submitClassCodeBtn:hover{border:inset 1px #276FBF;background-color:transparent;color:#000;cursor:pointer}.studentSigninContainer p{font-size:12px}.studentListContainer{display:flex;flex-direction:column;background-color:#fff;margin-bottom:20px;border-radius:8px 8px 0 0;border:1px solid black}.studentListHeader{font-size:30px;padding:20px 0;font-weight:700;text-align:center;position:sticky;background-color:#276fbf;border-radius:8px 8px 0 0;color:#fff}.studentList{list-style-type:none;padding:0;font-size:20px;max-height:300px;overflow-x:hidden;overflow-y:scroll;margin:0}.studentList li{padding:10px 0;border:1px solid #000;margin:0 0 5px}.studentList li:hover{cursor:pointer}.studentList li:last-child{margin:0}.backButton{font-size:20px;padding:8px 16px;background-color:#276fbf;color:#fff;border:1px solid black;border-radius:4px}.backButton:hover{background-color:#fff;color:#276fbf;border:1px solid #276FBF;transition:ease-in-out .3s;cursor:pointer}.studentWelcomeBanner{width:100%;min-height:150px;max-height:150px;background-position:center;position:relative}.studentWelcomeHeader{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-background-gray);width:fit-content;padding:0 30px 0 10px;position:absolute;bottom:0;left:7%;border-radius:24px 24px 0 0}.studentWelcomeHeader img{height:50px}.studentWelcomeHeader h2{font-size:24px}.studentInfoHeader{background-color:var(--color-background-gray);display:flex;align-items:center;width:fit-content;position:absolute;top:0;left:7%;padding:6px 20px;border-radius:0 0 24px 24px}.studentInfoHeader b{display:none}.streakContainer{display:flex;align-items:center;margin-right:10px}.streakPill{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff6b1a,#ff3800);border:2px solid rgba(255,120,30,.4);border-radius:999px;padding:5px 14px 5px 10px;box-shadow:0 0 12px #ff500073,0 2px 6px #0000002e;animation:flameGlow 2s ease-in-out infinite}.streakFlameIcon{font-size:1.1rem;color:#ffe066;filter:drop-shadow(0 0 4px #FF9500);animation:flamePulse 2s ease-in-out infinite}.streakCount{font-size:1.15rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-.5px}.streakLabel{font-size:.65rem;font-weight:600;color:#ffffffd1;text-transform:uppercase;letter-spacing:.5px;line-height:1}@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{display:flex;align-items:center;margin-left:6px}.gradeBadge{display:flex;align-items:center;gap:7px;background:#264941;border:3px solid #8B5C2A;border-radius:8px;padding:5px 12px 5px 9px;box-shadow:inset 0 1px 3px #00000059,0 2px #5c3a1a,0 3px 6px #0000004d;align-self:center}.gradeChalkIcon{font-size:1rem;color:#c8e6c9;opacity:.75}.gradeBadgeText{display:flex;flex-direction:column;align-items:center;line-height:1;gap:1px}.gradeValue{font-size:1.1rem;font-weight:800;color:#e8f5e9;font-family:Courier New,Courier,monospace;letter-spacing:.5px}.gradeTag{font-size:.58rem;font-weight:600;color:#c8e6c9b3;text-transform:uppercase;letter-spacing:.6px}}@media screen and (min-width:451px)and (max-width:1023px){.signInPage{display:flex;align-items:center;justify-content:center;min-height:90vh;text-align:-webkit-center}.studentSigninContainer{display:flex;flex-direction:column;background-color:#fff;border-radius:30px;height:-moz-fit-content;height:fit-content;padding:100px 50px;border:solid 1px #292F36;width:50%}.studentSignInHeader{color:#292f36;font-size:30px;font-weight:700;padding-bottom:0;margin-bottom:50px}.studentSigninContainer .classCode{height:30px;width:70%;place-self:center;border:none;border-bottom:1px solid #000;border-radius:0;font-size:large}.submitClassCodeBtn{border:inset 1px #276FBF;background-color:#276fbf;color:#fff;font-size:20px;padding:8px 12px;width:50%;border-radius:8px;margin:30px 0 20px;align-self:center}.submitClassCodeBtn:hover{border:inset 1px #276FBF;background-color:transparent;color:#000;cursor:pointer}.studentListContainer{display:flex;flex-direction:column;background-color:#fff;margin-bottom:20px;border-radius:8px 8px 0 0;border:1px solid black}.studentListHeader{font-size:30px;padding:20px 0;font-weight:700;text-align:center;position:sticky;background-color:#276fbf;border-radius:8px 8px 0 0;color:#fff}.studentList{list-style-type:none;padding:0;font-size:20px;max-height:300px;overflow-x:hidden;overflow-y:scroll;margin:0}.studentList li{padding:10px 0;border:1px solid #000;margin:0 0 5px}.studentList li:hover{cursor:pointer}.studentList li:last-child{margin:0}.backButton{font-size:20px;padding:8px 16px;background-color:#276fbf;color:#fff;border:1px solid black;border-radius:4px;transition:ease-in-out .2s}.backButton:hover{background-color:#fff;color:#276fbf;border:1px solid #276FBF;cursor:pointer}.addStudentBtn{font-size:20px;padding:8px 16px;background-color:#44af69;color:#fff;border:1px solid black;border-radius:4px;transition:ease-in-out .2s;margin-left:10px}.addStudentBtn:hover{background-color:#fff;color:#44af69;border:1px solid #44AF69;cursor:pointer}}@media screen and (min-width:1024px){.studentDashElementsContainer{display:flex;justify-content:space-between;padding:0 7%}.sideNavContainer{width:22%}.mainContentContainer{width:100%;margin-bottom:20px}.homeSplitLayout{display:flex;flex-direction:row;gap:20px;width:100%;overflow:hidden;align-items:flex-start;margin-bottom:60px}.homeSplitLeft,.homeSplitCenter,.homeSplitRight{flex:1 1 33.333%;min-width:0;padding-top:40px;display:flex;flex-direction:column;gap:16px}.studentWelcomeBanner{width:100%;min-height:200px;max-height:200px;background-position:center;position:relative}.studentWelcomeHeader{display:flex;align-items:center;justify-content:space-between;background-color:var(--color-background-gray);width:fit-content;padding:0 30px 0 10px;position:absolute;bottom:0;left:7%;border-radius:24px 24px 0 0}.studentWelcomeHeader img{height:75px}.studentWelcomeHeader h2{font-size:30px}.studentInfoHeader{background-color:var(--color-background-gray);display:flex;align-items:center;width:fit-content;position:absolute;bottom:0;right:7%;padding:8px 20px;border-radius:24px 24px 0 0}.streakContainer{display:flex;align-items:center;margin-right:10px}.streakPill{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#ff6b1a,#ff3800);border:2px solid rgba(255,120,30,.4);border-radius:999px;padding:7px 18px 7px 13px;box-shadow:0 0 16px #ff500073,0 2px 8px #0000002e;animation:flameGlow 2s ease-in-out infinite}.streakFlameIcon{font-size:1.4rem;color:#ffe066;filter:drop-shadow(0 0 5px #FF9500);animation:flamePulse 2s ease-in-out infinite}.streakCount{font-size:1.5rem;font-weight:800;color:#fff;line-height:1;letter-spacing:-.5px}.streakLabel{font-size:.72rem;font-weight:600;color:#ffffffd1;text-transform:uppercase;letter-spacing:.5px;line-height:1}@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{display:flex;align-items:center;margin-left:8px}.gradeBadge{display:flex;align-items:center;gap:9px;background:#264941;border:3px solid #8B5C2A;border-radius:10px;padding:7px 16px 7px 12px;box-shadow:inset 0 1px 4px #00000059,0 3px #5c3a1a,0 4px 8px #0000004d;align-self:center}.gradeChalkIcon{font-size:1.2rem;color:#c8e6c9;opacity:.75}.gradeBadgeText{display:flex;flex-direction:column;align-items:center;line-height:1;gap:2px}.gradeValue{font-size:1.4rem;font-weight:800;color:#e8f5e9;font-family:Courier New,Courier,monospace;letter-spacing:.5px}.gradeTag{font-size:.65rem;font-weight:600;color:#c8e6c9b3;text-transform:uppercase;letter-spacing:.6px}.quickStartContainer{margin:50px 0 0}.quickStartButtonContainer{display:flex;flex-direction:column;padding:0 50px 0 0}.quickStartContainer h3{margin-bottom:0}.quickStartButtonContainer button{display:flex;width:fit-content;align-items:center;background-color:#fff;padding:8px 12px;border:1px solid rgb(139,139,139,75%);color:#8b8b8bbf;text-align:left;margin:0 0 10px;border-radius:4px;transition:.2s ease-in-out;font-weight:600}.quickStartButtonContainer button:hover{cursor:pointer;background-color:#8b8b8bbf;color:#fff}.quickStartButtonIcon{height:20px;margin-right:10px}}@media screen and (max-width:1023px){.studentDashElementsContainer{display:block;padding:0 16px}.mainContentContainer{width:100%;padding-bottom:104px}.studentWelcomeBanner{width:100%;min-height:140px;max-height:140px;background-position:center;position:relative}.studentWelcomeHeader{display:flex;align-items:center;gap:4px;background-color:var(--color-background-gray);width:fit-content;max-width:58%;padding:0 16px 0 8px;position:absolute;bottom:0;left:16px;border-radius:18px 18px 0 0}.studentWelcomeHeader img{height:48px}.studentWelcomeHeader h2{font-size:20px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studentInfoHeader{background-color:var(--color-background-gray);display:flex;align-items:center;width:fit-content;position:absolute;bottom:0;left:auto;right:16px;padding:6px 12px;border-radius:18px 18px 0 0}.streakContainer{display:flex;align-items:center;margin-right:8px}.streakPill{display:flex;align-items:center;gap:6px;background:linear-gradient(135deg,#ff6b1a,#ff3800);border:2px solid rgba(255,120,30,.4);border-radius:999px;padding:5px 12px 5px 9px;box-shadow:0 2px 8px #0000002e}.streakFlameIcon{font-size:1.1rem;color:#ffe066}.streakCount{font-size:1.15rem;font-weight:800;color:#fff;line-height:1}.gradeContainer{display:flex;align-items:center;margin-left:6px}.gradeBadge{display:flex;align-items:center;gap:7px;background:#264941;border:3px solid #8B5C2A;border-radius:8px;padding:5px 12px 5px 9px;box-shadow:inset 0 1px 3px #00000059,0 2px #5c3a1a,0 3px 6px #0000004d;align-self:center}.gradeChalkIcon{font-size:1rem;color:#c8e6c9;opacity:.75}.gradeBadgeText{display:flex;flex-direction:column;align-items:center;line-height:1;gap:1px}.gradeValue{font-size:1.1rem;font-weight:800;color:#e8f5e9;font-family:Courier New,Courier,monospace;letter-spacing:.5px}.gradeTag{font-size:.58rem;font-weight:600;color:#c8e6c9b3;text-transform:uppercase;letter-spacing:.6px}.homeSplitLayout{display:flex;flex-direction:column;gap:16px;width:100%;margin-bottom:24px}.homeSplitLeft,.homeSplitCenter,.homeSplitRight{width:100%;min-width:0;display:flex;flex-direction:column;gap:16px;padding-top:16px}}@media screen and (min-width:601px)and (max-width:1023px){.homeSplitLayout{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:16px}.homeSplitLeft{grid-column:1;padding-top:24px}.homeSplitCenter{grid-column:2;padding-top:24px}.homeSplitRight{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;padding-top:0}}@media screen and (max-width:600px){.studentWelcomeBanner{min-height:120px;max-height:120px}.studentWelcomeHeader{max-width:44%;padding:0 10px 0 6px;gap:2px}.studentWelcomeHeader img{height:36px}.studentWelcomeHeader h2{font-size:16px}.studentInfoHeader{padding:5px 8px}.streakPill{gap:4px;padding:4px 10px 4px 7px}.streakFlameIcon{font-size:.95rem}.streakCount{font-size:1rem}.gradeContainer{margin-left:4px}.gradeBadge{gap:5px;padding:4px 9px 4px 6px;border-width:2px}.gradeChalkIcon{font-size:.85rem}.gradeValue{font-size:.95rem}.gradeTag{font-size:.52rem}}@media screen and (max-width:1023px){.streakLabel{font-size:.72rem;font-weight:600;color:#ffffffd1;text-transform:uppercase;letter-spacing:.5px}}@media screen and (max-width:600px){.studentWelcomeBanner{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;padding:0 12px}.studentWelcomeHeader,.studentInfoHeader{position:static;left:auto;right:auto;bottom:auto;max-width:none;min-width:0}.studentWelcomeHeader{flex:0 1 auto;overflow:hidden}.studentWelcomeHeader h2{font-size:15px}.studentInfoHeader{flex:0 0 auto}}@media screen and (max-width:600px){.studentWelcomeBanner{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:0;padding:0;min-height:132px;max-height:132px}.studentWelcomeHeader,.studentInfoHeader{position:static;inset:auto;width:fit-content;max-width:none;min-width:0;flex:0 0 auto}.studentInfoHeader{order:-1;align-self:flex-end;margin-right:12px;padding:5px 12px;border-radius:0 0 18px 18px}.studentWelcomeHeader{align-self:flex-start;margin-left:12px;overflow:visible;padding:0 16px 0 8px;border-radius:18px 18px 0 0}.studentWelcomeHeader img{height:42px}.studentWelcomeHeader h2{font-size:19px;white-space:nowrap}}.navigationLinks{display:flex;justify-content:center;align-items:center;position:fixed;gap:4px;bottom:0;left:50%;transform:translate(-50%);z-index:100;width:100%;padding:6px 12px;background:#fff;border-top:1px solid #e5e7eb;box-shadow:0 -2px 12px #0000000f}.activeSlider{position:absolute;bottom:6px;height:calc(100% - 12px);background:var(--theme-header-bg, linear-gradient(135deg, #276FBF 0%, #174ea6 100%));border-radius:14px;transition:left .28s cubic-bezier(.4,0,.2,1),width .28s cubic-bezier(.4,0,.2,1);z-index:0;box-shadow:0 2px 8px #276fbf59}.navigationLinks button{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 18px;min-width:60px;border:none;border-radius:14px;background-color:transparent;position:relative;z-index:1;cursor:pointer;transition:background-color .18s ease}.navigationLinks button:hover{background-color:#276fbf1a}.studentDashNavIcon{height:22px;color:#9ca3af;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{margin-left:8px;border-left:1px solid #e5e7eb;border-radius:14px;padding-left:20px}.navigationLinks .studentLogout:hover{background-color:#aa474714}.navigationLinks .studentLogout:hover .studentDashNavIcon{color:var(--color-red);transform:none}.navigationLinks button:before{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);background-color:#1c1c1c;color:#fff;padding:5px 10px;border-radius:8px;font-size:12px;font-weight:600;letter-spacing:.02em;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease;transform:translate(-50%) translateY(4px);z-index:1000}.navigationLinks button:after{content:"";position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%);border:5px solid transparent;border-top-color:#1c1c1c;opacity:0;pointer-events:none;transition:opacity .18s ease;z-index:1000}.navigationLinks button:hover:before{opacity:1;transform:translate(-50%) translateY(0)}.navigationLinks button:hover:after{opacity:1}@media screen and (max-width:768px){.navigationLinks{width:100%;gap:2px;padding:6px}.navigationLinks button{padding:10px 12px;min-width:52px}.navigationLinks .studentLogout{padding-left:14px}}.badgesPage{padding:24px 24px 40px;max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.badgesPageHeader{background:var(--theme-header-bg, linear-gradient(135deg, #276FBF 0%, #174ea6 100%));border-radius:18px;padding:22px 26px 18px;color:#fff;box-shadow:0 4px 18px #174ea647}.badgesPageHeaderInner{display:flex;align-items:center;gap:16px;margin-bottom:14px}.badgesPageTrophyIcon{font-size:2.2rem;color:gold;filter:drop-shadow(0 0 8px rgba(255,215,0,.6));flex-shrink:0}.badgesPageTitle{margin:0 0 2px;font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.3px}.badgesPageSub{margin:0;font-size:.85rem;color:#ffffffc7;font-weight:500}.badgesOverallTrack{height:8px;border-radius:99px;background:#ffffff38;overflow:hidden}.badgesOverallFill{height:100%;border-radius:99px;background:linear-gradient(90deg,gold,orange);transition:width .5s ease}.badgesSection{display:flex;flex-direction:column;gap:14px}.badgesSectionTitle{display:flex;align-items:center;gap:8px;margin:0;font-size:1.05rem;font-weight:700;color:#1c1c1c}.badgesSectionIcon{font-size:1rem}.badgesSectionIcon.earned{color:gold}.badgesSectionIcon.locked{color:#9ca3af}.badgesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.badgeCard{position:relative;background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:20px 14px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;overflow:hidden;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{transform:translateY(-4px) scale(1.02);box-shadow:0 8px 30px #ffc80057,0 2px 8px #00000014}.badgeCardGlow{position:absolute;top:0;left:-75%;width:50%;height:100%;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.55) 50%,transparent 80%);pointer-events:none;animation:badgeShimmer 3.2s ease-in-out infinite}@keyframes badgeShimmer{0%{left:-75%}60%{left:125%}to{left:125%}}.badgeCard--locked{background:#f9fafb;border-color:#e5e7eb;opacity:.82}.badgeCard--locked:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000012}.badgeCardImg{width:90px;height:90px;object-fit:contain;border-radius:12px}.badgeCardImg--locked{filter:grayscale(1) opacity(.5)}.badgeCardImgPlaceholder{width:90px;height:90px;border-radius:12px;background:linear-gradient(135deg,#276fbf21,#174ea621);display:flex;align-items:center;justify-content:center;font-size:2.4rem;color:#276fbf}.badgeCardImgPlaceholder--locked{background:#f3f4f6;color:#9ca3af}.badgeCardLockIcon{position:absolute;top:12px;right:12px;width:24px;height:24px;border-radius:50%;background:#e5e7eb;display:flex;align-items:center;justify-content:center;font-size:.65rem;color:#6b7280}.badgeCardName{margin:2px 0 0;font-size:.82rem;font-weight:700;color:#1c1c1c;line-height:1.2}.badgeCardName--locked{color:#6b7280}.badgeCardSub{margin:0;font-size:.73rem;color:#6b7280;line-height:1.3}.badgeCardUnlockHint{margin:0;font-size:.7rem;font-style:italic;color:#276fbf;line-height:1.3}.badgesEmptyEarned{display:flex;flex-direction:column;align-items:center;gap:14px;padding:28px 20px;background:#fff;border:1px solid #e5e7eb;border-radius:18px}.badgesEmptyImg{width:90px;opacity:.85}.badgesEmptyText{margin:0;font-size:.95rem;font-weight:600;color:#374151;text-align:center}.subjectSectionTitle{font-size:1.4rem;font-weight:800;margin:0 0 14px;color:#333}.subjectCardNew{border-radius:18px;overflow:hidden;box-shadow:0 1px 4px #00000014;background:#fff;border:1px solid #e5e7eb}.subjectCardHeader{display:flex;align-items:center;gap:14px;background:var(--theme-header-bg, linear-gradient(135deg, #276FBF 0%, #174ea6 100%));padding:18px 20px}.subjectCardHeaderIcon{font-size:2.4rem;color:#fff}.subjectCardLabel{margin:0;font-size:1.1rem;font-weight:800;color:#fff;letter-spacing:.3px}.subjectCardObjective{margin:2px 0 0;font-size:.85rem;color:#ffffffd9;font-weight:600}.subjectCardBody{padding:18px 20px 10px}.subjectCardProgressLabel{font-size:1rem;font-weight:700;color:#444;margin:0 0 10px}.subjectCardStars{display:flex;gap:6px;margin-bottom:10px;flex-wrap:wrap}.subjectStar{font-size:1.3rem;transition:color .2s}.subjectStar.filled{color:#276fbf}.subjectStar.empty{color:#ddd}.subjectCardPct{font-size:.8rem;color:#888;margin:6px 0 0;font-weight:600}.subjectCardFooter{padding:14px 20px 18px;border-top:1px solid #f0f0f0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}.subjectGoBtn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#4ade80,#16a34a);color:#fff;font-size:1.1rem;font-weight:800;border:none;border-radius:50px;padding:12px 28px;cursor:pointer;letter-spacing:.5px}.subjectGoBtn:hover:not(:disabled){opacity:.9}.subjectGoBtn--locked{background:linear-gradient(135deg,#d1d5db,#9ca3af);box-shadow:none;cursor:not-allowed}.subjectLimitNote{font-size:.8rem;color:#888;margin:0;font-weight:600}.practiceCard{margin-top:12px;border-radius:14px;border:1px solid #e5e7eb;background:#fff;overflow:hidden}.practiceCard--locked{background:#f9fafb;border-color:#e5e7eb}.practiceCardInner{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;gap:12px}.practiceCardLeft{display:flex;align-items:center;gap:12px}.practiceCardIcon{font-size:1.4rem;color:#276fbf;flex-shrink:0}.practiceCard--locked .practiceCardIcon{color:#9ca3af}.practiceCardTitle{margin:0;font-size:.95rem;font-weight:700;color:#333}.practiceCardSub{margin:2px 0 0;font-size:.78rem;color:#888;font-weight:500}.practiceGoBtn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#4ade80,#16a34a);color:#fff;font-size:.9rem;font-weight:800;border:none;border-radius:50px;padding:8px 20px;cursor:pointer;flex-shrink:0}.practiceGoBtn:hover:not(:disabled){opacity:.9}.practiceGoBtn--locked{background:#e5e7eb;color:#9ca3af;cursor:not-allowed}.letterCardsCard{border-color:#ffe58899;background:linear-gradient(135deg,#fffdf0,#fff)}.letterCardsIcon{color:#f79d65!important}.letterCardsGoBtn{background:linear-gradient(135deg,#ffe588,#f79d65)!important;color:#1a1a2e!important}.letterCardsGoBtn:hover:not(:disabled){opacity:.9}.progressBar{display:flex;align-items:center}.progressBar p{margin-right:5px}.settingsPage{padding:24px 24px 40px;max-width:860px;margin:0 auto;display:flex;flex-direction:column;gap:28px}.settingsPageHeader{background:var(--theme-header-bg, linear-gradient(135deg, #276FBF 0%, #174ea6 100%));border-radius:18px;padding:22px 26px;display:flex;align-items:center;gap:18px;box-shadow:0 4px 18px #174ea647}.settingsHeaderIcon{font-size:2rem;color:#ffffffd9;flex-shrink:0}.settingsPageTitle{margin:0 0 2px;font-size:1.5rem;font-weight:800;color:#fff;letter-spacing:-.3px}.settingsPageSub{margin:0;font-size:.85rem;color:#ffffffbf;font-weight:500}.settingsSection{display:flex;flex-direction:column;gap:14px}.settingsSectionTitle{margin:0;font-size:1rem;font-weight:700;color:#1c1c1c}.settingsPickerGrid{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{position:relative;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;overflow:hidden;padding:0;display:flex;flex-direction:column;align-items:center}.settingsPickerCard:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000001a;border-color:#276fbf}.settingsPickerCard--selected{border-color:#276fbf;box-shadow:0 0 0 3px #276fbf33,0 4px 14px #276fbf2e}.settingsPickerCheck{position:absolute;top:8px;right:8px;width:22px;height:22px;border-radius:50%;background:#276fbf;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.65rem;z-index:2;box-shadow:0 2px 6px #276fbf66}.settingsPickerCard--bot{padding:16px 10px 12px;gap:8px}.settingsPickerBotImg{width:72px;height:72px;object-fit:contain}.settingsPickerLabel{font-size:.78rem;font-weight:600;color:#374151}.settingsPickerCard--bot.settingsPickerCard--selected .settingsPickerLabel{color:#276fbf}.settingsPickerCard--bkg{height:110px;background-size:cover;background-position:center;justify-content:flex-end}.settingsBkgLabel{width:100%;padding:6px 10px;background:#0000007a;color:#fff;font-size:.8rem;font-weight:700;text-align:center;letter-spacing:.3px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.settingsPickerCard--bkg.settingsPickerCard--selected .settingsBkgLabel{background:#276fbfb8}.settingsPickerGrid--theme{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.settingsThemeCard{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 12px;background:#fff;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.settingsThemeCard:hover{transform:translateY(-3px);box-shadow:0 6px 18px #0000001a}.settingsThemeCard--selected{border-color:var(--theme-accent, #276FBF);box-shadow:0 0 0 3px #276fbf33,0 4px 14px #276fbf2e}.settingsThemeSwatch{width:48px;height:48px;border-radius:50%;flex-shrink:0;box-shadow:0 2px 8px #0000001f}.settingsVoiceHint{margin:-6px 0 0;font-family:var(--font-poppins),sans-serif;font-size:.85rem;color:var(--color-soft-black);opacity:.75}.settingsPickerGrid--voice{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}.settingsPickerCard--voice{min-height:116px;padding:18px 12px 14px;gap:10px;justify-content:center;box-shadow:0 4px #2a7dc540}.settingsPickerCard--voice:active{transform:translateY(3px);box-shadow:0 1px #2a7dc540}.settingsVoiceHead{width:62px;height:62px;display:block;overflow:visible}.settingsPickerCard--voice .settingsPickerLabel{font-family:Quicksand,sans-serif;font-size:.95rem;font-weight:700}.settingsPickerCard--voice.settingsPickerCard--selected{box-shadow:0 4px 0 var(--color-secondary-blue),0 0 0 3px #2a7dc533}.settingsPickerCard--voice.settingsPickerCard--selected .settingsPickerLabel{color:var(--color-secondary-blue)}@media(prefers-reduced-motion:reduce){.settingsPickerCard--voice,.settingsPickerCard--voice:active{transition:none;transform:none}}#studentSidebar{position:absolute;top:0;right:0;height:100%;background-color:#fff;border-left:1px solid rgb(139,139,139,.75);display:flex;flex-direction:column}.sidebarCloseButton{background-color:transparent;border:none;color:#8b8b8bbf;width:100%;text-align:left;font-size:30px;padding:0 0 0 10px;display:flex;align-items:center}.sidebarBanner{max-height:150px;overflow:hidden;display:flex;justify-content:center;align-items:center}.sidebarBanner .bannerIcon{height:250px;color:#f3c03b}.subjectContentContainer{padding:25px 10% 0}.subjectIcon{color:#6d6d6d}.subjectContentContainer h3{margin:2px 0;font-size:25px}.subjectContent{max-width:100%}.contentRow{display:flex;justify-content:space-between;align-items:center}.contentRow p{margin:2px 0}.subjectSidebarButtonContainer{width:100%;margin-top:20px}.subjectSidebarButtonContainer button{display:flex;width:fit-content;align-items:center;background-color:#fff;padding:8px 12px;border:1px solid rgb(139,139,139,75%);color:#8b8b8bbf;text-align:left;margin:0 0 10px;border-radius:4px;transition:.2s ease-in-out;font-weight:600;width:100%}.subjectSidebarButtonContainer button:hover{cursor:pointer;background-color:#8b8b8bbf;color:#fff}.assessmentLoadingOverlay{position:fixed;inset:0;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:9999}.assessmentLoadingContainer{background:#fff;border-radius:24px;padding:40px 36px;text-align:center;box-shadow:0 24px 64px #0f172a33;min-width:300px;max-width:380px;width:90%;display:flex;flex-direction:column;align-items:center;gap:12px}.loadingSpinner{width:64px;height:64px;flex-shrink:0;animation:spin 1s linear infinite}.assessmentLoadingContainer h2{font-size:18px;font-weight:700;color:var(--color-soft-black, #3b444b);margin:4px 0 0;letter-spacing:-.02em}.assessmentLoadingContainer p{font-size:14px;color:#6b7280;margin:0;line-height:1.5}.progressBarTrack{width:100%;height:6px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-top:4px}.progressBarFill{height:100%;background:linear-gradient(90deg,var(--color-secondary-blue, #2A7DC5),#5aa8e0);border-radius:999px;transition:width .4s ease}.progressText{font-size:13px;font-weight:600;color:var(--color-secondary-blue, #2A7DC5);margin:0}.assessment-results-overlay{position:fixed;inset:0;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in-out;overflow-y:auto}.assessment-container{background:linear-gradient(135deg,#fff,#f8f9ff);border-radius:20px;padding:40px;width:min(760px,calc(100vw - 40px));max-width:760px;max-height:85vh;overflow-y:auto;box-shadow:0 20px 60px #0003;animation:slideUp .4s ease-out;margin:20px}@keyframes slideUp{0%{transform:translateY(30px);opacity:0}to{transform:translateY(0);opacity:1}}.assessment-header{text-align:center;margin-bottom:30px}.assessment-header h2{color:#292f36;margin:0;font-size:28px;font-weight:700;letter-spacing:1px}.assessment-score-section{display:flex;flex-direction:column;align-items:center;gap:14px;margin:32px 0 24px}.result-status-badge{width:112px;height:112px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 28px #0f172a1f}.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{font-size:22px;color:#292f36;margin:0;font-weight:600;text-align:center}.assessment-details-section{margin-top:30px}.assessment-transcript,.assessment-phonemes{margin-bottom:25px;padding:20px;background-color:#fffc;border-left:4px solid #6366f1;border-radius:8px}.assessment-transcript h4,.assessment-phonemes h4{color:#292f36;margin:0 0 15px;font-size:16px;font-weight:600}.transcript-text{color:#555;font-style:italic;line-height:1.6;margin:0;padding:10px;background-color:#6366f10d;border-radius:6px}.word-alignment-list{display:grid;gap:12px}.word-alignment-item{background-color:#fff;padding:12px;border-radius:8px;border:1px solid rgba(0,0,0,.08);transition:all .3s ease}.word-alignment-item:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.word-title{display:flex;align-items:center;margin-bottom:8px}.word-name{font-weight:700;color:#292f36;font-size:14px;background-color:#f3f4f6;padding:4px 12px;border-radius:20px;display:inline-block}.phoneme-pairs{display:flex;gap:8px;flex-wrap:wrap}.phoneme-pair{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:500}.phoneme-pair.phoneme-equal{background-color:#d1fae5;color:#065f46}.phoneme-pair.phoneme-replace,.phoneme-pair.phoneme-delete{background-color:#fee2e2;color:#7f1d1d}.phoneme-pair.phoneme-insert{background-color:#fef3c7;color:#92400e}.phoneme-status{font-weight:600}.phoneme-confidence{opacity:.7;font-size:11px}.assessment-error{background-color:#fee2e2;border:2px solid #fecaca;color:#7f1d1d;padding:20px;border-radius:8px;text-align:center}.assessment-error h3{margin:0 0 10px;color:#991b1b;font-size:18px}.assessment-error p{margin:8px 0;line-height:1.5}.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{width:100%;max-width:100%;padding:25px;margin:0}.assessment-header h2{font-size:22px}.result-status-badge{width:96px;height:96px}.result-status-icon{font-size:46px}.accuracy-feedback{font-size:16px}}.close-button{position:absolute;top:15px;right:15px;background:none;border:none;font-size:28px;cursor:pointer;color:#666;opacity:.6;transition:all .2s ease;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;z-index:1001}.close-button:hover{opacity:1;background-color:#6464641a;transform:scale(1.1)}.close-button:active{transform:scale(.95)}.close-button-container{display:flex;justify-content:center;margin-top:30px;gap:10px}.close-button-main{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.close-button-main:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.close-button-main:active{transform:translateY(0)}.close-button-text{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:10px 20px;border-radius:20px;font-size:14px;cursor:pointer;transition:all .3s ease;margin-top:10px}.close-button-text:hover{transform:translateY(-1px);opacity:.9}.alignment-legend{display:flex;flex-wrap:wrap;gap:12px;margin:15px 0;padding:10px 15px;background:#f8f9fa;border-radius:10px;justify-content:center}.legend-item{font-size:12px;font-weight:500;color:#555}.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;margin-bottom:15px;font-size:16px}.word-alignment-grid{display:flex;flex-wrap:wrap;gap:8px;padding:15px;background:#fafafa;border-radius:12px;border:1px solid #e5e7eb}.word-chip{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:20px;font-size:14px;font-weight:600;cursor:default;transition:transform .2s ease,box-shadow .2s ease;position:relative}.word-chip:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.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{width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;background:#ffffffb3}.word-pass .word-status-icon{color:#1f7a33}.word-fail .word-status-icon{color:#b42318}.word-accuracy-badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 6px;border-radius:10px;font-size:11px;font-weight:600;background:#ffffffb3;color:inherit}.word-op-indicator{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:12px;font-weight:700;background:#fffc}.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{width:100%;max-width:560px;height:530px;overflow-y:auto;overflow-x:hidden;background-color:transparent;border-radius:18px;border:1px solid #e5e7eb;padding:0;box-sizing:border-box;position:relative}.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{position:sticky;top:0;z-index:10;background:var(--theme-header-bg, linear-gradient(135deg, #276FBF 0%, #174ea6 100%));border-bottom:none;padding:14px 18px 12px;border-radius:18px 18px 0 0}.roadmapProgressTop{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.roadmapProgressLabel{font-size:13px;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.5px}.roadmapProgressPct{font-size:15px;font-weight:800;color:#fff}.roadmapProgressBarTrack{width:100%;height:8px;background:#ffffff59;border-radius:99px;overflow:hidden;margin-bottom:8px}.roadmapProgressBarFill{height:100%;background:#fff;border-radius:99px;transition:width .6s ease;min-width:4px}.roadmapProgressSub{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#ffffffd9;flex-wrap:wrap;gap:4px}.roadmapNextBadge{background:#ffffff40;border:1px solid rgba(255,255,255,.5);color:#fff;border-radius:20px;padding:2px 10px;font-size:11.5px;white-space:nowrap}.roadmapNextBadge strong{color:#fff;font-weight:800}.roadmapNextBadge em{font-style:normal;font-weight:600}.roadmapJumpBtn{position:sticky;bottom:16px;float:right;margin-right:16px;display:flex;align-items:center;gap:7px;padding:9px 16px;background:#276fbf;color:#fff;font-size:13px;font-weight:700;border:none;border-radius:20px;cursor:pointer;animation:fadeIn .2s ease}.roadmapJumpBtn:hover{opacity:.88}.roadmapJumpBtn:active{opacity:.75}.roadmapLoading{display:flex;justify-content:center;align-items:center;min-height:400px;font-size:18px;color:var(--color-black)}.roadmapError{text-align:center;padding:40px;color:#d32f2f;font-size:16px}.activeGlow{animation:breathe 2s ease-in-out infinite}@keyframes breathe{0%,to{r:38;opacity:.3}50%{r:44;opacity:.5}}.roadmapModalOverlay{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:500;animation:fadeIn .15s ease}.roadmapModal{background:#fff;border-radius:16px;padding:28px 28px 24px;width:360px;max-width:90vw;box-shadow:0 8px 32px #0003;position:relative;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.roadmapModalClose{position:absolute;top:14px;right:16px;background:none;border:none;font-size:18px;cursor:pointer;color:#888;line-height:1}.roadmapModalClose:hover{color:#333}.roadmapModalHeader{display:flex;align-items:flex-start;gap:14px;margin-bottom:12px}.roadmapModalNum{background:#276fbf;color:#fff;font-weight:700;font-size:14px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.roadmapModalTitle{margin:0 0 4px;font-size:17px;color:#1a1a2e}.roadmapModalType{display:inline-block;background:#e8f4fd;color:#276fbf;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;text-transform:uppercase;letter-spacing:.5px}.roadmapModalNotes{font-size:13px;color:#555;margin:0 0 16px;border-left:3px solid #e0e0e0;padding-left:10px}.roadmapModalLessons h4{margin:0 0 10px;font-size:14px;color:#333;text-transform:uppercase;letter-spacing:.5px}.roadmapModalLoading,.roadmapModalEmpty{font-size:13px;color:#888;text-align:center;padding:16px 0}.roadmapLessonList{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:260px;overflow-y:auto}.roadmapLessonItem{display:flex;align-items:center;gap:10px;padding:8px 12px;border-radius:10px;background:#f7f9fc;font-size:13px}.roadmapLessonItem.passed{border-left:4px solid #44AF69}.roadmapLessonItem.notPassed{border-left:4px solid #bdbdbd}.roadmapLessonNum{font-weight:600;color:#333;flex:1}.roadmapLessonScore{font-weight:700;color:#276fbf}.roadmapLessonBadge{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px}.roadmapLessonBadge.pass{background:#e6f9ee;color:#2d8a4d}.roadmapLessonBadge.fail{background:#f0f0f0;color:#757575}.roadmapLessonDate{font-size:11px;color:#aaa;margin-left:auto}@media screen and (max-width:1023px){.readingRoadmapContainer{max-width:100%;height:min(58vh,440px)}}.streakHeatmapCard{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;font-family:inherit}.streakHeatmapHeader{display:flex;align-items:center;justify-content:space-between;padding:10px 16px 8px;background:var(--theme-header-bg, linear-gradient(135deg, #276FBF 0%, #174ea6 100%))}.streakHeatmapTitle{font-size:.9rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:6px}.streakFireIcon{color:#c2440a;font-size:.9rem}.streakHeatmapCount{font-size:.82rem;font-weight:700;color:#fff;background:#ffffff40;border-radius:20px;padding:2px 10px}.streakHeatmapDots{display:flex;align-items:flex-start;justify-content:space-around;padding:14px 10px 10px;gap:4px}.streakDayCol{display:flex;flex-direction:column;align-items:center;gap:5px;cursor:default}.streakDot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:transform .15s ease;position:relative}.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{border-color:#276fbf;border-style:solid;border-width:2px;background:#eff6ff}.streakDot--today.streakDot--active{box-shadow:0 0 0 3px #276fbf73,0 2px 8px #22c55e59}.streakDotCheck{color:#fff;font-size:1rem}.streakDayLabel{font-size:.68rem;font-weight:600;color:#9ca3af;text-transform:uppercase;letter-spacing:.03em}.streakDayLabel--today{color:#276fbf;font-weight:700}.streakHeatmapFooter{margin:0;padding:6px 14px 12px;font-size:.76rem;color:#6b7280;text-align:center}.streakHeatmapFooter strong{color:#c2440a}@media screen and (max-width:1200px){.streakHeatmapDots{gap:2px}.streakDayCol{flex:1 1 0;min-width:0}.streakDot{width:100%;max-width:36px;height:auto;aspect-ratio:1 / 1}}.dashboardSideCardsStack{display:flex;flex-direction:column;gap:14px;width:100%}.babblebotMessageBody{display:flex;align-items:center;gap:10px;padding:12px 14px 14px}.babblebotMsgImg{width:64px;height:64px;object-fit:contain;flex-shrink:0;animation:babblebotBob 3s ease-in-out infinite}@keyframes babblebotBob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.babblebotMsgBubble{position:relative;background:#eff6ff;border:1px solid #bfdbfe;border-radius:16px 16px 16px 4px;padding:10px 13px;flex:1}.babblebotMsgBubble:before{content:"";position:absolute;left:-8px;bottom:10px;border-width:6px 8px 6px 0;border-style:solid;border-color:transparent #bfdbfe transparent transparent}.babblebotMsgBubble:after{content:"";position:absolute;left:-6px;bottom:11px;border-width:5px 7px 5px 0;border-style:solid;border-color:transparent #eff6ff transparent transparent}.babblebotMsgText{margin:0;font-size:.8rem;font-weight:600;color:#1e3a5f;line-height:1.45}.sideCard{width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;font-family:inherit}.sideCardHeader{display:flex;align-items:center;justify-content:space-between;padding:9px 14px 8px;background:var(--theme-header-bg, linear-gradient(135deg, #276FBF 0%, #174ea6 100%))}.sideCardHeaderTitle{font-size:.88rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:7px}.sideCardHeaderIcon{font-size:.82rem;color:#fff}.sideCardHeaderMeta{font-size:.75rem;font-weight:600;color:#fff;background:#fff3;border-radius:20px;padding:2px 9px;display:flex;align-items:center;gap:4px}.sideCardBody{padding:12px 14px 14px}.sideCardEmpty{font-size:.8rem;color:#9ca3af;text-align:center;margin:4px 0}.sideCardEmptyState{padding:6px 0 2px;text-align:center}.lastLessonContent{display:flex;flex-direction:column;gap:10px}.lessonResultBadge{display:inline-flex;align-items:center;gap:7px;padding:5px 14px;border-radius:999px;font-size:.82rem;font-weight:700;width:fit-content}.lessonResultBadge--pass{background:#22c55e1f;color:#166534;border:1px solid rgba(34,197,94,.3)}.lessonResultBadge--fail{background:#ef444417;color:#991b1b;border:1px solid rgba(239,68,68,.25)}.lessonResultIcon{font-size:1rem}.lessonAccuracySection{display:flex;flex-direction:column;gap:4px}.lessonAccuracyLabelRow{display:flex;justify-content:space-between;align-items:baseline}.lessonAccuracyLabel{font-size:.75rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.04em}.lessonAccuracyPct{font-size:1rem;font-weight:800;line-height:1}.lessonAccuracyTrack{height:7px;background:#f3f4f6;border-radius:999px;overflow:hidden}.lessonAccuracyFill{height:100%;border-radius:999px;transition:width .5s ease}.lessonEncouragement{margin:0;font-size:.78rem;color:#6b7280;font-style:italic}.bookshelfContainer{display:flex;flex-direction:column;align-items:stretch;gap:0;margin-bottom:10px}.bookshelfShelf{display:flex;align-items:flex-end;gap:4px;padding:6px 6px 0;flex-wrap:nowrap;overflow:hidden}.bookSpine{width:18px;height:52px;border-radius:3px 3px 0 0;flex-shrink:0;position:relative;display:flex;align-items:center;justify-content:center;box-shadow:inset -2px 0 #0000001f}.bookSpineInner{width:3px;height:70%;background:#ffffff4d;border-radius:2px}.bookSpine:nth-child(2n){height:46px}.bookSpine:nth-child(3n){height:58px}.bookSpineOverflow{width:28px;height:46px;border-radius:3px 3px 0 0;flex-shrink:0;background:#e5e7eb;color:#6b7280;font-size:.65rem;font-weight:700;display:flex;align-items:center;justify-content:center}.shelfPlank{height:7px;background:linear-gradient(180deg,#c8a96e,#a07840);border-radius:0 0 4px 4px;box-shadow:0 2px 4px #00000026;margin:0 2px}.storiesMilestone{margin:0 0 4px;font-size:.8rem;font-weight:600;color:#374151;text-align:center}.storiesPhoneme{margin:0;font-size:.74rem;color:#9ca3af;text-align:center}.storiesPhoneme strong{color:#276fbf;font-weight:700}.celebrationOverlay{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);pointer-events:none;transition:background .4s ease,backdrop-filter .4s ease}.celebrationOverlay--visible{background:#00000073;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto}.celebrationOverlay--exiting{background:#0000;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);pointer-events:none}.celebrationCard{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;background:linear-gradient(145deg,#fff,#f0f4ff);border-radius:28px;padding:44px 48px 36px;max-width:380px;width:90vw;box-shadow:0 24px 80px #00000040,0 0 0 1px #ffffff4d inset;text-align:center;opacity:0;transform:scale(.6) translateY(30px);transition:opacity .5s cubic-bezier(.34,1.56,.64,1),transform .5s cubic-bezier(.34,1.56,.64,1)}.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{position:absolute;top:-40px;left:50%;width:160px;height:160px;transform:translate(-50%);border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.35) 0%,transparent 70%);animation:celebrationPulse 1.8s ease-in-out infinite;pointer-events:none}@keyframes celebrationPulse{0%,to{transform:translate(-50%) scale(1);opacity:.7}50%{transform:translate(-50%) scale(1.25);opacity:1}}.celebrationEmoji{font-size:64px;line-height:1;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))}@keyframes celebrationBounce{0%{transform:scale(0) rotate(-15deg)}60%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0)}}.celebrationBotImg{width:100px;height:auto;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))}@keyframes celebrationBotEntrance{0%{opacity:0;transform:translateY(20px) scale(.7)}to{opacity:1;transform:translateY(0) scale(1)}}.celebrationTitle{margin:4px 0 0;font-size:26px;font-weight:800;color:#1a1a2e;letter-spacing:-.3px;animation:celebrationFadeUp .5s ease both;animation-delay:.4s}.celebrationMessage{margin:0;font-size:16px;color:#555;font-weight:500;animation:celebrationFadeUp .5s ease both;animation-delay:.5s}@keyframes celebrationFadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.celebrationBtn{margin-top:16px;padding:12px 40px;font-size:16px;font-weight:700;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;cursor:pointer;box-shadow:0 4px 16px #6366f159;transition:transform .2s ease,box-shadow .2s ease;animation:celebrationFadeUp .5s ease both;animation-delay:.6s}.celebrationBtn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #6366f173}.celebrationBtn:active{transform:translateY(0);box-shadow:0 2px 8px #6366f14d}@media(max-width:480px){.celebrationCard{padding:32px 24px 28px;border-radius:22px}.celebrationEmoji{font-size:52px}.celebrationBotImg{width:80px}.celebrationTitle{font-size:22px}.celebrationMessage{font-size:14px}.celebrationBtn{padding:10px 32px;font-size:15px}}.storyOptionContainer{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;padding:10px 0}.storyOption{display:flex;flex-direction:column;align-items:center;width:240px;border:3px solid transparent;border-radius:18px;background:#fff;cursor:pointer;overflow:hidden;box-shadow:0 3px 10px #0000000f;transition:all .3s cubic-bezier(.34,1.56,.64,1);padding:0;position:relative;animation:cardPopIn .45s cubic-bezier(.34,1.56,.64,1) both;animation-delay:var(--card-delay, 0ms)}.storyOption:hover{transform:scale(1.04) translateY(-3px);box-shadow:0 8px 24px #0000001a}.storyOption:active{transform:scale(.97)}.storyOptionSelected{border-color:var(--card-color, #2A7DC5);transform:scale(1.07);box-shadow:0 8px 28px #2a7dc533}.storyOptionSelected:hover{transform:scale(1.07)}.storyOptionCheck{position:absolute;bottom:0;right:0;width:24px;height:24px;border-radius:50%;background:var(--card-color, #2A7DC5);display:flex;align-items:center;justify-content:center;color:#fff;font-size:11px;z-index:3;animation:checkBounce .3s cubic-bezier(.34,1.56,.64,1)}.storyOptionIconArea{width:100%;height:160px;display:flex;align-items:center;justify-content:center;transition:transform .2s ease-in-out}.storyOption:hover .storyOptionIconArea{transform:scale(1.1) rotate(-4deg)}.storyOptionIconArea .buttonIcon{font-size:80px}.storyOptionLabel{width:100%;padding:10px 0;color:#fff;font-family:Quicksand,sans-serif;font-size:30px;font-weight:700;transition:background .2s ease-in-out;border-radius:0 0 15px 15px}.botHelperBadge{display:flex;align-items:center;gap:10px;background:#ffe5881a;border:1.5px solid rgba(255,229,136,.5);border-radius:14px;padding:8px 18px;margin-bottom:18px;animation:fadeSlideIn .4s ease;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;color:#0c090d}.botHelperIcon{width:34px;height:34px;border-radius:10px;background:#ffe588;display:flex;align-items:center;justify-content:center;position:relative;flex-shrink:0;font-size:16px;color:#0c090d}.botAntenna{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:50%;background:#2a7dc5;animation:antennaBlink 3s infinite}@keyframes cardPopIn{0%{opacity:0;transform:scale(.6) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes checkBounce{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes antennaBlink{0%,90%,to{opacity:1}95%{opacity:0}}.tutorialOverlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:20px;background:#1a1a2e73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:tutorialFade .25s ease}.tutorialCard{position:relative;width:100%;max-width:420px;background:var(--color-white);border:3px solid var(--color-primary-faded-yellow);border-radius:32px;padding:40px 32px 28px;display:flex;flex-direction:column;align-items:center;gap:18px;box-shadow:0 6px #00000014,0 24px 60px #00000040;animation:tutorialPop .45s cubic-bezier(.34,1.56,.64,1)}.tutorialClose{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:none;background:var(--color-background-gray);color:var(--color-soft-black);font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--transition-default),background var(--transition-default)}.tutorialClose:hover{transform:scale(1.1);background:var(--color-primary-faded-yellow)}.tutorialEmoji{font-size:96px;line-height:1;filter:drop-shadow(0 6px 10px rgba(0,0,0,.15));animation:tutorialEmojiPop .45s cubic-bezier(.34,1.56,.64,1)}.tutorialTitle{font-family:Quicksand,sans-serif;font-size:30px;font-weight:700;color:var(--color-black);text-align:center;margin:0}.tutorialSpeakerBtn{display:inline-flex;align-items:center;gap:8px;padding:10px 26px;border-radius:40px;border:none;background:var(--color-secondary-blue);color:var(--color-white);font-family:Quicksand,sans-serif;font-size:17px;font-weight:700;cursor:pointer;box-shadow:0 4px #16559180,0 8px 20px #2a7dc540;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.tutorialSpeakerBtn:hover{transform:scale(1.06) translateY(-2px)}.tutorialSpeakerBtn:active{transform:scale(.96) translateY(2px);box-shadow:0 2px #16559180}.tutorialSpeakerBtnActive{background:var(--color-secondary-orange);animation:tutorialSpeakPulse .6s ease-in-out infinite alternate}.tutorialNav{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:4px;gap:12px}.tutorialBackBtn{width:56px;height:56px;border-radius:50%;border:3px solid rgba(42,125,197,.2);background:var(--color-white);color:var(--color-secondary-blue);font-size:20px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #00000014;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.tutorialBackBtn:hover:not(:disabled){transform:scale(1.1) translateY(-2px);border-color:var(--color-secondary-blue)}.tutorialBackBtn:disabled{opacity:.2;cursor:default}.tutorialDots{display:flex;gap:8px;align-items:center;justify-content:center;flex:1}.tutorialDot{width:11px;height:11px;border-radius:50%;background:#2a7dc51f;border:2px solid rgba(42,125,197,.2);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.tutorialDotDone{background:var(--color-success-green);border-color:var(--color-success-green)}.tutorialDotActive{width:28px;border-radius:6px;background:var(--color-secondary-blue);border-color:var(--color-secondary-blue)}.tutorialNextBtn{width:56px;height:56px;border-radius:50%;border:none;background:var(--color-secondary-blue);color:var(--color-white);font-size:20px;cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-shadow:0 5px #16559180,0 10px 24px #2a7dc54d;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.tutorialNextBtn:hover{transform:scale(1.1) translateY(-3px)}.tutorialNextBtn:active{transform:scale(.96) translateY(2px);box-shadow:0 2px #16559180}.tutorialFinishBtn{width:auto;padding:0 24px;gap:8px;border-radius:40px;font-family:Quicksand,sans-serif;font-size:17px;font-weight:700;background:linear-gradient(135deg,var(--color-success-green) 0%,var(--color-success-green-dark) 100%);box-shadow:0 5px #0e5a2866,0 10px 24px #22c55e4d}.tutorialFinishBtn:active{box-shadow:0 2px #0e5a2866}@keyframes tutorialFade{0%{opacity:0}to{opacity:1}}@keyframes tutorialPop{0%{opacity:0;transform:scale(.85) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes tutorialEmojiPop{0%{transform:scale(.5) translateY(8px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes tutorialSpeakPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}@media(prefers-reduced-motion:reduce){.tutorialOverlay,.tutorialCard,.tutorialEmoji,.tutorialSpeakerBtnActive{animation:none}.tutorialNextBtn,.tutorialBackBtn,.tutorialSpeakerBtn,.tutorialClose,.tutorialDot{transition:none}}.wordCard{width:100%;flex:1;min-height:0;border-radius:28px;background:#fff;border:3px solid rgba(255,229,136,.45);box-shadow:0 4px #00000014,0 16px 48px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px 48px;position:relative;animation:cardEntry .55s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.wordCard:before{content:"";position:absolute;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,229,136,.12) 0%,transparent 70%);pointer-events:none}.wordNewBadge{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,#ffe588,#f79d65);color:#1a1a2e;font-family:Quicksand,sans-serif;font-size:13px;font-weight:700;padding:4px 14px;border-radius:20px;letter-spacing:.3px;box-shadow:0 2px 8px #f79d654d;animation:badgePopIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes badgePopIn{0%{opacity:0;transform:scale(.6) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}.wordDisplay{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:4px}.wordSegment{font-family:Quicksand,sans-serif;font-size:clamp(64px,10vw,110px);font-weight:700;color:#1a1a2e;line-height:1;display:inline-flex;align-items:center;justify-content:center;padding:0 2px;transition:transform .15s ease}.wordSegmentHighlight{color:#1a1a2e;background:#ffe588;border-radius:12px;padding:4px 10px;box-shadow:0 4px #f79d6573,0 6px 16px #ffe5884d}.hearWordBtn{display:inline-flex;align-items:center;gap:8px;padding:10px 28px;border-radius:40px;border:none;background:#2a7dc5;color:#fff;font-family:Quicksand,sans-serif;font-size:18px;font-weight:700;cursor:pointer;box-shadow:0 4px #16559180,0 8px 20px #2a7dc540;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.hearWordBtn:hover{transform:scale(1.07) translateY(-2px);box-shadow:0 6px #16559180,0 12px 28px #2a7dc559}.hearWordBtn:active{transform:scale(.96) translateY(2px);box-shadow:0 2px #16559180}.hearWordBtnActive{background:#f79d65;box-shadow:0 4px #b45a1e66,0 8px 20px #f79d6559;animation:speakPulse .6s ease-in-out infinite alternate}@keyframes speakPulse{0%{transform:scale(1)}to{transform:scale(1.05)}}.wordObjectiveLabel{font-family:Poppins,sans-serif;font-size:13px;font-weight:500;color:#2a7dc599;text-align:center;max-width:90%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.studentLessonContainer{height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(145deg,#fff9ec,#eef6ff);position:relative}.lessonSelectCharacter,.lessonSelectSetting{display:flex;flex-direction:column;align-items:center;justify-content:center;animation:lessonFadeIn .4s ease;width:90%;max-width:1200px;padding:24px}.lessonSelectHeader{font-family:Quicksand,sans-serif;font-size:32px;font-weight:700;color:#1a1a2e;margin-bottom:8px;text-align:center}.stageWrapper{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;max-width:780px;padding:12px 20px 16px;gap:14px;animation:lessonFadeIn .4s ease}.lessonTopBar{display:flex;align-items:center;justify-content:space-between;width:100%;flex-shrink:0;height:44px}.lessonTopBarLeft{display:flex;align-items:center;gap:10px}.recordingPill{display:flex;align-items:center;gap:6px;background:#f352521a;padding:6px 14px;border-radius:20px;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:#f35252}.recordingDot{width:8px;height:8px;border-radius:50%;background:#f35252;animation:recPulse 1.2s ease-in-out infinite}.pageCount{font-family:Quicksand,sans-serif;font-size:15px;font-weight:700;color:#2a7dc5;background:#2a7dc514;padding:4px 16px;border-radius:20px}.demoModeBadge{display:inline-flex;align-items:center;gap:6px;padding:4px 14px;border-radius:20px;background:#ffe58826;border:1.5px solid rgba(255,229,136,.5);font-family:Poppins,sans-serif;font-size:11px;font-weight:600;color:#f79d65;letter-spacing:.5px;text-transform:uppercase;flex-shrink:0}.stageCard{width:100%;flex:1;min-height:0;border-radius:28px;overflow:hidden;box-shadow:0 4px #00000014,0 16px 48px #0000001a;display:flex;flex-direction:column;background:#fff;border:3px solid rgba(255,229,136,.45);animation:cardEntry .55s cubic-bezier(.34,1.56,.64,1)}.stageImageArea{flex:0 0 56%;min-height:0;background-color:#eef6ff;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background-size:cover;background-position:center}.stageImageArea:after{content:"";position:absolute;bottom:0;left:0;right:0;height:64px;background:linear-gradient(to bottom,transparent,#fff);pointer-events:none;z-index:1}.imgPlaceholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:.22;pointer-events:none}.imgPlaceholderIcon{font-size:120px;color:#2a7dc5}.stageTextArea{flex:0 0 44%;min-height:0;display:flex;align-items:center;justify-content:center;padding:16px 40px 24px;background:#fff}.stageText{font-family:Quicksand,sans-serif;font-size:clamp(22px,3.2vw,38px);font-weight:700;color:#1a1a2e;line-height:1.55;text-align:center;margin:0}.stageNav{display:flex;align-items:center;justify-content:space-between;width:100%;flex-shrink:0;height:68px}.navBtn{width:64px;height:64px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;font-size:22px;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1);flex-shrink:0}.navPrev{background:#fff;color:#2a7dc5;border:3px solid rgba(42,125,197,.2);box-shadow:0 3px 10px #00000014}.navPrev:hover:not(:disabled){transform:scale(1.1) translateY(-2px);box-shadow:0 6px 18px #2a7dc533;border-color:#2a7dc5}.navPrev:disabled{opacity:.2;cursor:default;transform:none;box-shadow:none}.navNext{background:#2a7dc5;color:#fff;box-shadow:0 5px #16559180,0 10px 24px #2a7dc54d}.navNext:hover{transform:scale(1.1) translateY(-3px);box-shadow:0 7px #16559180,0 14px 32px #2a7dc566}.navNext:active{transform:scale(.96) translateY(2px);box-shadow:0 2px #16559180}.navFinish{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;font-size:26px;box-shadow:0 5px #0e5a2866,0 10px 24px #22c55e4d}.navFinish:hover{transform:scale(1.12) translateY(-3px);box-shadow:0 7px #0e5a2866,0 14px 32px #22c55e66}.navFinish:active{transform:scale(.96) translateY(2px);box-shadow:0 2px #0e5a2866}.progressTrack{display:flex;gap:10px;align-items:center;justify-content:center}.progressBubble{width:12px;height:12px;border-radius:50%;background:#2a7dc51f;border:2px solid rgba(42,125,197,.2);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.progressBubbleDone{background:#22c55e;border-color:#22c55e;width:10px;height:10px}.progressBubbleActive{width:30px;border-radius:6px;background:#2a7dc5;border-color:#2a7dc5;box-shadow:0 2px 8px #2a7dc566}.stageFlipRight{animation:flipRight .3s ease}.stageFlipLeft{animation:flipLeft .3s ease}@keyframes flipRight{0%{opacity:0;transform:translate(36px)}to{opacity:1;transform:translate(0)}}@keyframes flipLeft{0%{opacity:0;transform:translate(-36px)}to{opacity:1;transform:translate(0)}}.lessonLoadingContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;animation:lessonFadeIn .4s ease}.lessonLoadingBot{width:72px;height:72px;border-radius:20px;background:#ffe588;display:flex;align-items:center;justify-content:center;font-size:32px;color:#1a1a2e;animation:botBounce 1.2s ease-in-out infinite;box-shadow:0 5px #f79d6573}.lessonLoadingText{font-size:28px;color:#1a1a2e;font-family:Quicksand,sans-serif;font-weight:700}.generateBtn{background-color:#2a7dc5;color:#fff;border:none;padding:14px 32px;border-radius:14px;font-size:20px;font-family:Quicksand,sans-serif;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:.2s ease-in-out;box-shadow:0 4px #16559166,0 8px 20px #2a7dc540;display:inline-flex;align-items:center;gap:10px}.generateBtn:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 6px #16559166,0 12px 28px #2a7dc559}.generateBtn:active{transform:scale(.98) translateY(1px);box-shadow:0 2px #16559166}.hearRow{display:flex;align-items:center;gap:12px}.tutorialReplayBtn{width:46px;height:46px;border-radius:50%;border:3px solid rgba(155,128,191,.3);background:#fff;color:var(--color-secondary-purple);font-size:18px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 3px 10px #00000014;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.tutorialReplayBtn:hover{transform:scale(1.1) translateY(-2px);border-color:var(--color-secondary-purple)}.tutorialReplayBtn:active{transform:scale(.95)}.tutorialReplayBtnTopBar{width:38px;height:38px;font-size:16px;box-shadow:0 2px 6px #00000014}.audioRecorderComponent,.recording,.audio-recorder .audio-recorder-mic{display:none!important}@keyframes lessonFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes cardEntry{0%{opacity:0;transform:scale(.9) translateY(24px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes recPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(1.35)}}@keyframes botBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.letterCard{width:100%;flex:1;min-height:0;border-radius:28px;background:#fff;border:3px solid rgba(255,229,136,.45);box-shadow:0 4px #00000014,0 16px 48px #0000001a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:28px 40px 32px;position:relative;animation:cardEntry .55s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.letterCard:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(255,229,136,.1) 0%,transparent 70%);pointer-events:none}.letterCardFace{display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.letterEmoji{font-size:clamp(80px,14vw,130px);line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.12));animation:emojiBounce .5s cubic-bezier(.34,1.56,.64,1)}@keyframes emojiBounce{0%{transform:scale(.5) translateY(10px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.letterKeyword{font-family:Quicksand,sans-serif;font-size:clamp(20px,3.5vw,30px);font-weight:700;color:#374151;text-transform:capitalize;letter-spacing:.5px}.letterDivider{width:64px;height:3px;border-radius:999px;background:linear-gradient(90deg,#ffe588,#f79d65);margin:4px 0}.letterDisplay{font-family:Quicksand,sans-serif;font-size:clamp(52px,9vw,96px);font-weight:800;line-height:1;background:linear-gradient(135deg,#1a1a2e 50%,#f79d65 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;padding:0 4px}.letterSoundLabel{font-family:Poppins,sans-serif;font-size:clamp(14px,2.2vw,20px);font-weight:600;color:#2a7dc5b3;letter-spacing:1px}.add-student-welcome{display:flex;justify-content:center;align-items:center;min-height:80vh;padding:40px 20px;position:relative}.add-student-welcome:before{content:"";position:absolute;inset:0;pointer-events:none}.welcome-content{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;max-width:800px;width:100%;padding:60px 48px;text-align:center;position:relative;z-index:1;animation:slideUp .5s ease-out}.welcome-icon{width:100px;height:100px;margin:0 auto 24px;background:linear-gradient(135deg,var(--color-yellow, #ffdc00) 0%,#ffb800 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:48px;color:#fff;box-shadow:0 8px 24px #ffdc004d}.welcome-content h1{font-size:36px;font-weight:700;color:#1a1a1a;margin:0 0 16px}.welcome-subtitle{font-size:18px;color:#666;margin:0 0 40px;line-height:1.6}.welcome-options{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px}.option-card{background:#fff;border:2px solid #e0e0e0;border-radius:16px;padding:32px 24px;cursor:pointer;transition:all .3s ease;text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px}.option-card:hover:not(.disabled-option){border-color:var(--color-yellow, #ffdc00);transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.disabled-option{position:relative;cursor:not-allowed;opacity:.8;pointer-events:none}.construction-overlay{position:absolute;inset:0;border-radius:16px;overflow:visible;z-index:10;pointer-events:none}.construction-content{position:absolute;top:20%;left:50%;transform:translate(-50%);z-index:13;display:flex;align-items:center;justify-content:center}.option-icon{font-size:48px;color:var(--color-yellow, #ffdc00)}.option-card h3{font-size:20px;font-weight:600;color:#1a1a1a;margin:0}.option-card p{font-size:14px;color:#666;margin:0}.add-student-container{display:flex;justify-content:center;align-items:flex-start;min-height:80vh;padding:40px 20px}.add-student-content{background:#fff;border-radius:24px;box-shadow:0 20px 60px #00000026;max-width:900px;width:100%;padding:48px;animation:slideUp .5s ease-out}.add-student-header{margin-bottom:32px}.back-button{display:flex;align-items:center;gap:8px;background:none;border:none;color:#666;font-size:16px;cursor:pointer;padding:8px 0;margin-bottom:16px;transition:color .3s ease}.back-button:hover{color:var(--color-yellow, #ffdc00)}.add-student-header h2{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 8px}.header-subtitle{font-size:16px;color:#666;margin:0}.add-student-form{margin-bottom:32px}.form-row{display:grid;grid-template-columns:2fr 2fr 1fr;gap:20px;margin-bottom:24px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-size:14px;font-weight:600;color:#1a1a1a}.form-group input{padding:14px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:12px;transition:all .3s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:var(--color-yellow, #ffdc00);box-shadow:0 0 0 3px #ffdc001a}.form-group input:disabled{background-color:#f5f5f5;cursor:not-allowed}.add-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:16px 32px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-yellow, #ffdc00) 0%,#ffb800 100%);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #ffdc004d}.add-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #ffdc0066}.add-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:#fff5f5;border:2px solid var(--color-red, #f44336);border-radius:12px;padding:12px 16px;color:var(--color-red, #f44336);font-size:14px;font-weight:500;margin-bottom:16px}.success-message{background:#f0fdf4;border:2px solid var(--color-chalkboard-green, #4caf50);border-radius:12px;padding:12px 16px;color:var(--color-chalkboard-green, #4caf50);font-size:14px;font-weight:500;margin-bottom:16px}.added-students-section{margin-top:40px;padding-top:32px;border-top:2px solid #e0e0e0}.added-students-section h3{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:600;color:#1a1a1a;margin:0 0 24px}.added-students-section h3 svg{color:var(--color-chalkboard-green, #4caf50)}.students-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;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:var(--color-yellow, #ffdc00);transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.student-info{display:flex;flex-direction:column;gap:4px}.student-name{font-size:16px;font-weight:600;color:#1a1a1a}.student-objective{font-size:14px;color:#666}.continue-button{width:100%;padding:16px 32px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-chalkboard-green, #4caf50) 0%,#45a049 100%);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #4caf504d}.continue-button:hover{transform:translateY(-2px);box-shadow:0 6px 24px #4caf5066}.upload-section{display:flex;flex-direction:column;gap:24px}.upload-area{width:100%}.upload-label{display:block;cursor:pointer}.file-input{display:none}.upload-placeholder{border:3px dashed #e0e0e0;border-radius:16px;padding:60px 40px;text-align:center;transition:all .3s ease;background:#fafafa}.upload-label:hover .upload-placeholder{border-color:var(--color-yellow, #ffdc00);background:#fffef5}.upload-icon{font-size:64px;color:#ccc;margin-bottom:16px}.upload-placeholder p{font-size:18px;font-weight:600;color:#666;margin:0 0 8px}.upload-hint{font-size:14px;color:#999}.image-preview-container{position:relative;border-radius:16px;overflow:hidden;border:2px solid #e0e0e0}.image-preview{width:100%;height:auto;display:block;max-height:500px;object-fit:contain;background:#f5f5f5}.remove-image-btn{position:absolute;top:12px;right:12px;width:40px;height:40px;border-radius:50%;background:#000000b3;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.remove-image-btn:hover{background:#000000e6;transform:scale(1.1)}.upload-info{background:#f9f9f9;border-radius:12px;padding:24px}.upload-info h3{font-size:18px;font-weight:600;color:#1a1a1a;margin:0 0 16px}.upload-info ul{list-style:none;padding:0;margin:0 0 16px}.upload-info li{padding:8px 0 8px 24px;position:relative;color:#666;font-size:14px}.upload-info li:before{content:"✓";position:absolute;left:0;color:var(--color-chalkboard-green, #4caf50);font-weight:700}.coming-soon{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:12px 16px;color:#856404;font-size:14px;margin:16px 0 0}.process-button{width:100%;padding:16px 32px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-yellow, #ffdc00) 0%,#ffb800 100%);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #ffdc004d}.process-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #ffdc0066}.process-button:disabled{opacity:.6;cursor:not-allowed}@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{width:80px;height:80px;font-size:36px}}@keyframes _shimmer_bz9t1_1{0%{background-position:-600px 0}to{background-position:600px 0}}._skeletonBlock_bz9t1_6{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:600px 100%;animation:_shimmer_bz9t1_1 1.4s ease-in-out infinite;flex-shrink:0}._pulseBlock_bz9t1_13{background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:600px 100%;animation:_shimmer_bz9t1_1 1.4s ease-in-out infinite}._skeletonCard_bz9t1_19{background-color:var(--color-white);border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;padding:18px 20px;display:flex;flex-direction:column;gap:14px}._cardHeader_bz9t1_30{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.06)}._toolsCard_bz9t1_39{gap:16px}._toolsGrid_bz9t1_43{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}._toolCardSkeleton_bz9t1_49{display:flex;align-items:center;gap:12px;border-radius:12px;background:linear-gradient(180deg,#f8f8f5f2,#f4f2ece6);border:1px solid rgba(15,23,42,.04);padding:14px 16px;min-height:64px}@media(max-width:1200px){._toolsGrid_bz9t1_43{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){._toolsGrid_bz9t1_43{grid-template-columns:1fr}}._studentStatsCard_bz9t1_73{min-width:0;overflow:hidden;padding:0 20px 18px}._studentStatsCard_bz9t1_73 ._cardHeader_bz9t1_30{padding:18px 0 14px;margin-bottom:4px}._tableHeaderSkeleton_bz9t1_84{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(110px,1fr) 72px 104px;gap:12px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}._tableRowSkeleton_bz9t1_92{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(110px,1fr) 72px 104px;gap:12px;align-items:center;padding:12px 6px;border-bottom:1px solid rgba(0,0,0,.03)}@media(max-width:640px){._tableHeaderSkeleton_bz9t1_84,._tableRowSkeleton_bz9t1_92{grid-template-columns:minmax(0,1.5fr) minmax(96px,1fr) 56px 88px;gap:8px}}._statRows_bz9t1_110{display:flex;flex-direction:column;gap:0}._statRow_bz9t1_110{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04)}._statRow_bz9t1_110:last-child{border-bottom:none}._notificationRow_bz9t1_129{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-bottom:1px solid rgba(0,0,0,.04)}._notificationRow_bz9t1_129:last-child{border-bottom:none}._chartsContainer_bz9t1_142{display:grid;grid-template-columns:minmax(240px,280px) 1fr;gap:16px;height:100%}._doughnutCard_bz9t1_149{max-height:340px;justify-content:space-between}._doughnutSkeleton_bz9t1_154{display:flex;justify-content:center;align-items:center;flex:1;padding:12px 0}._doughnutRing_bz9t1_162{width:160px;height:160px;border-radius:50%;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6,#e5e7eb 75%);background-size:600px 100%;animation:_shimmer_bz9t1_1 1.4s ease-in-out infinite;-webkit-mask:radial-gradient(circle,transparent 55%,black 56%);mask:radial-gradient(circle,transparent 55%,black 56%)}._legendSkeleton_bz9t1_173{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}._legendItem_bz9t1_180{display:flex;align-items:center;gap:6px}._barChartCard_bz9t1_186{min-height:300px}._barsSkeleton_bz9t1_190{display:flex;align-items:flex-end;gap:8px;flex:1;min-height:200px;padding-top:12px}._barWrapper_bz9t1_199{flex:1;display:flex;align-items:flex-end;height:100%}._barLabels_bz9t1_206{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;margin-top:8px}._phonemesCard_bz9t1_214{height:100%;box-sizing:border-box}._phonemeRows_bz9t1_219{display:flex;flex-direction:column;gap:0}._phonemeRow_bz9t1_219{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04)}._phonemeRow_bz9t1_219:last-child{border-bottom:none}._phonemeLeft_bz9t1_237{display:flex;align-items:center;gap:8px}body[data-theme=dark] ._skeletonBlock_bz9t1_6,body[data-theme=dark] ._doughnutRing_bz9t1_162,body[data-theme=dark] ._pulseBlock_bz9t1_13{background:linear-gradient(90deg,#2d3748 25%,#3a4558,#2d3748 75%);background-size:600px 100%;animation:_shimmer_bz9t1_1 1.4s ease-in-out infinite}body[data-theme=dark] ._skeletonCard_bz9t1_19{background-color:var(--color-dark-bg-alt, #20232a)}body[data-theme=dark] ._toolCardSkeleton_bz9t1_49{background:#ffffff0d;border-color:#ffffff0f}.quickDataContainer{display:flex;justify-content:space-between;gap:16px}.quickDataCard{flex:0 1 33%;padding:20px;background-color:var(--color-white);border-radius:12px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d}.quickDataCard h4{font-size:13px;font-weight:500;margin:0;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.quickDataCard p{font-size:28px;font-weight:700;margin:8px 0 0;color:var(--color-soft-black)}.missedStructureCard{width:auto;padding:20px;height:100%;box-sizing:border-box}.missedStructureCard.expanded{padding:0}.missedStructureCard h3{margin:0 0 16px;font-size:16px;font-weight:600;color:var(--color-soft-black);padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06)}.phonemeTableHeaders{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:#6b7280;font-weight:600;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.phonemeTableHeaders p{margin:0}.phonemeTableHeaders p:first-child{text-align:left}.phonemeTableHeaders p:last-child{text-align:right}.phonemeTable{display:flex;flex-direction:column;gap:4px}.phonemeTable .phonemeRow{display:flex;flex-direction:column}.phonemeTable .tableEntry{display:flex;justify-content:space-between;align-items:center;padding-top:10px;gap:12px}.phonemeTable .tableEntry .percentValue{margin:0;font-size:13px;color:#6b7280;font-weight:500;flex-shrink:0;min-width:40px;text-align:right}.phonemeSymbol{position:relative;display:flex;align-items:center;gap:8px;cursor:help;flex:1;min-width:0}.phonemeSymbol .ipaSymbol{font-weight:600;font-family:Monaco,Menlo,monospace;background:linear-gradient(135deg,#f0f7ff,#e8f4fd);padding:4px 10px;border-radius:6px;font-size:13px;color:var(--color-blue);border:1px solid rgba(39,111,191,.15);flex-shrink:0}.phonemeSymbol .phonemeDesc{font-size:12px;color:#4b5563;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.phonemeTooltip{position:absolute;left:0;bottom:calc(100% + 8px);background:#1f2937;color:#fff;padding:14px 16px;border-radius:10px;font-size:13px;z-index:100;min-width:240px;max-width:300px;box-shadow:0 10px 25px #0003;animation:tooltipFadeIn .2s ease}.phonemeTooltip:after{content:"";position:absolute;top:100%;left:20px;border:6px solid transparent;border-top-color:#1f2937}.phonemeTooltip .tooltipRow{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.phonemeTooltip .tooltipRow:not(:last-child){border-bottom:1px solid rgba(255,255,255,.1)}.phonemeTooltip .tooltipLabel{color:#9ca3af;font-weight:500}.phonemeTooltip .tooltipValue{font-weight:600;text-align:right}.phonemeTable .percentageEntry{margin:6px 0 8px;background-color:#f3f4f6;border-radius:4px;overflow:hidden;height:4px}.phonemeTable .percentageEntry div{background:linear-gradient(90deg,var(--color-blue) 0%,#4a90d9 100%);height:4px;border-radius:4px;transition:width .3s ease}.showMore{text-align:center;font-size:12px;color:#9ca3af;margin:12px 0 0;padding-top:12px;border-top:1px solid #e5e7eb}.classStatsContainer{display:grid;grid-template-columns:minmax(300px,380px) 1fr;height:100%;gap:16px}.unitChart{padding:20px;border-radius:12px;background-color:var(--color-white);display:flex;flex-direction:column;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;max-height:420px}.unitChart h3{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--color-soft-black);display:flex;align-items:center;gap:6px}.unitChart canvas{max-height:340px!important}.barChart{padding:20px;border-radius:12px;background-color:var(--color-white);box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;display:flex;flex-direction:column;max-height:420px}.barChart h3{margin:0 0 12px;font-size:15px;font-weight:600;color:var(--color-soft-black);display:flex;align-items:center;gap:6px}.barChart canvas{flex:1;min-height:200px}.barChart h3{margin:0 0 20px;font-size:16px;font-weight:600;color:var(--color-soft-black)}body[data-theme=dark] .quickDataCard{background-color:var(--color-dark-bg-alt);color:var(--color-dark-text);box-shadow:var(--color-dark-shadow)}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:transparent}body[data-theme=dark] .unitChart{background-color:var(--color-dark-bg-alt);color:var(--color-dark-text);box-shadow:var(--color-dark-shadow)}body[data-theme=dark] .unitChart h3{color:var(--color-dark-accent)}body[data-theme=dark] .barChart{background-color:var(--color-dark-bg-alt);color:var(--color-dark-text);box-shadow:var(--color-dark-shadow)}body[data-theme=dark] .barChart h3{color:var(--color-dark-accent)}.tooltip-container{position:relative;display:inline-flex;align-items:center}.tooltip-bubble{position:fixed;z-index:1000;pointer-events:auto;animation:tooltipFadeIn .2s ease-out}@keyframes tooltipFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.tooltip-content{background:#2c3e50;color:#fff;padding:12px 16px;border-radius:8px;font-size:13px;line-height:1.4;font-weight:400;text-align:left;box-shadow:0 4px 16px #0003;min-width:min(220px,calc(100vw - 24px));max-width:min(320px,calc(100vw - 24px));white-space:normal}.tooltip-arrow{position:absolute;width:0;height:0}.tooltip-bubble.small .tooltip-content{min-width:min(160px,calc(100vw - 24px));max-width:min(220px,calc(100vw - 24px));padding:8px 12px;font-size:12px}.tooltip-bubble.medium .tooltip-content{min-width:min(240px,calc(100vw - 24px));max-width:min(320px,calc(100vw - 24px))}.tooltip-bubble.large .tooltip-content{min-width:min(300px,calc(100vw - 24px));max-width:min(420px,calc(100vw - 24px));padding:14px 18px}.tooltip-bubble.top .tooltip-arrow{bottom:-6px;left:var(--tooltip-arrow-x, 50%);transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #2c3e50}.tooltip-bubble.bottom .tooltip-arrow{top:-6px;left:var(--tooltip-arrow-x, 50%);transform:translate(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #2c3e50}.tooltip-bubble.left .tooltip-arrow{right:-6px;top:var(--tooltip-arrow-y, 50%);transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:6px solid #2c3e50}.tooltip-bubble.right .tooltip-arrow{left:-6px;top:var(--tooltip-arrow-y, 50%);transform:translateY(-50%);border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #2c3e50}.info-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:#7f8c8d;cursor:help;margin-left:5px;transition:color .2s ease;vertical-align:middle}.info-icon:hover{color:#276fbf}.info-icon svg{width:100%;height:100%}.tooltip-learn-more{display:inline-block;margin-top:6px;font-size:11px;font-weight:600;color:#93c5fd;text-decoration:none;transition:color .15s}.tooltip-learn-more:hover{color:#fff;text-decoration:underline}._modalBackdrop_tzt14_2{position:fixed;inset:0;background:#0000;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}._modalBackdrop_tzt14_2._open_tzt14_15{background:#00000080;opacity:1;visibility:visible;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}._modalContent_tzt14_23{background:var(--color-white);border-radius:16px;width:90%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px #00000040;transform:scale(.9) translateY(20px);opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1)}._modalBackdrop_tzt14_2._open_tzt14_15 ._modalContent_tzt14_23{transform:scale(1) translateY(0);opacity:1}._modalHeader_tzt14_43{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid rgba(0,0,0,.08)}._modalHeader_tzt14_43 h2{margin:0;font-size:20px;font-weight:600;color:var(--color-soft-black)}._closeButton_tzt14_58{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f3f4f6;border-radius:8px;cursor:pointer;color:#6b7280;transition:all .2s ease}._closeButton_tzt14_58:hover{background:var(--color-faded-red);color:var(--color-red)}._modalBody_tzt14_78{padding:24px;overflow-y:auto;flex:1}._modalBody_tzt14_78::-webkit-scrollbar{width:6px}._modalBody_tzt14_78::-webkit-scrollbar-track{background:transparent}._modalBody_tzt14_78::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}@keyframes _modalSlideIn_tzt14_1{0%{transform:scale(.9) translateY(20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@keyframes _backdropFadeIn_tzt14_1{0%{background:#0000}to{background:#00000080}}._expandButton_zl9d4_1{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:#f3f4f6;border-radius:6px;cursor:pointer;color:#9ca3af;transition:all .2s ease;flex-shrink:0}._expandButton_zl9d4_1:hover{background:var(--color-faded-blue);color:var(--color-blue)}._cardContainer_1xxi5_1{position:relative;height:100%}._cardHeader_1xxi5_6{position:absolute;top:16px;right:16px;z-index:2}._yourToolsContainer_10vkv_1{display:grid;gap:16px;background-color:var(--color-white);border-radius:16px;padding:18px 20px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d}._toolsHeader_10vkv_10{display:flex;justify-content:space-between;align-items:baseline;gap:12px 16px;flex-wrap:wrap}._yourToolsContainer_10vkv_1 h2{font-size:16px;font-weight:600;margin:0;color:var(--color-soft-black)}._toolsHeader_10vkv_10 p{margin:0;color:#6b7280;font-size:13px}._toolsGrid_10vkv_31{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}._toolCard_10vkv_37{display:flex;justify-content:flex-start;align-items:center;gap:12px;text-decoration:none;color:var(--color-soft-black);font-weight:500;border-radius:12px;background:linear-gradient(180deg,#f8f8f5f2,#f4f2ece6);font-size:14px;padding:14px 16px;min-height:64px;border:1px solid rgba(15,23,42,.04);transition:all .2s ease}._toolCard_10vkv_37:hover{background-color:var(--color-faded-yellow);border-color:var(--color-yellow);transform:translateY(-2px);box-shadow:0 8px 18px #0f172a14}._toolIcon_10vkv_61{width:36px;height:36px;border-radius:10px;background:#ffffffe0;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}._toolCard_10vkv_37 svg{width:14px;color:var(--color-blue)}._toolLabel_10vkv_77{line-height:1.3}@media(max-width:1200px){._toolsGrid_10vkv_31{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){._yourToolsContainer_10vkv_1{padding:16px}._toolsHeader_10vkv_10{align-items:flex-start;flex-direction:column}._toolsGrid_10vkv_31{grid-template-columns:1fr}}._quickStatsContainer_3urkk_1{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:16px;background-color:var(--color-white);box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d}._quickStatsHeader_3urkk_11{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:6px}._quickStatsContainer_3urkk_1 h2,._quickStatsHeader_3urkk_11 h2{font-size:16px;font-weight:600;margin:0;padding:0;color:var(--color-soft-black);border-bottom:none}._quickStatRow_3urkk_30{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04)}._quickStatRow_3urkk_30:last-child{border-bottom:none;padding-bottom:0}._quickStatRow_3urkk_30 h4{margin:0;display:flex;align-items:center;gap:4px;color:#6b7280;font-weight:500;font-size:12px;flex:1}._quickStatRow_3urkk_30 p{margin:0;font-size:13px;text-align:right;font-weight:600;color:var(--color-soft-black);flex-shrink:0}._quickStatRow_3urkk_30._attention_3urkk_65{background:linear-gradient(135deg,#fef9e7,#fef3c7);margin:4px -18px;padding:12px 18px;border-radius:10px;border-bottom:none}._quickStatRow_3urkk_30 p._highlight_3urkk_73{color:#d97706;display:flex;align-items:center;gap:8px}._badge_3urkk_80{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border-radius:50%;font-size:11px;font-weight:700;box-shadow:0 2px 4px #d977064d}._modalStats_3urkk_95{max-width:400px}._modalStats_3urkk_95 ._quickStatRow_3urkk_30{padding:12px 0}._modalStats_3urkk_95 ._quickStatRow_3urkk_30 h4{font-size:14px}._modalStats_3urkk_95 ._quickStatRow_3urkk_30 p{font-size:16px}._studentReadingStatsContainer_bmuuk_1{border-radius:16px;background-color:var(--color-white);box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;min-width:0;overflow:hidden;height:540px;display:flex;flex-direction:column}._studentReadingStatsScrollArea_bmuuk_12{padding:0 20px 18px;flex:1;overflow-y:auto;border-radius:inherit;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}._studentReadingStatsScrollArea_bmuuk_12::-webkit-scrollbar{width:4px}._studentReadingStatsScrollArea_bmuuk_12::-webkit-scrollbar-track{background:transparent}._studentReadingStatsScrollArea_bmuuk_12::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:2px}._sectionHeader_bmuuk_34{position:sticky;top:0;background-color:var(--color-white);padding:18px 0 0;z-index:5}._studentReadingStatsHeader_bmuuk_42{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:10px}._studentReadingStatsContainer_bmuuk_1 h2{font-size:16px;font-weight:600;margin:0;padding:0;color:var(--color-soft-black)}._searchInput_bmuuk_60{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:10px;font-size:13px;padding:10px 14px;width:min(220px,100%);transition:all .2s ease}._searchInput_bmuuk_60:focus{outline:none;border-color:var(--color-blue);background-color:var(--color-white);box-shadow:0 0 0 2px var(--color-faded-blue)}._searchInput_bmuuk_60::placeholder{color:#9ca3af}._statsTable_bmuuk_81{text-align:left}._tableRowHeader_bmuuk_85{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(110px,1fr) 72px 104px;gap:12px;font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;padding-bottom:10px;border-bottom:1px solid #e5e7eb}._tableRowHeader_bmuuk_85 p{margin:0;display:flex;align-items:center;gap:4px}._tableRow_bmuuk_85{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(110px,1fr) 72px 104px;gap:12px;align-items:center;padding:12px 6px;margin:0 -6px;border-radius:10px;transition:background-color .15s ease;border-bottom:1px solid rgba(0,0,0,.03)}._tableRow_bmuuk_85:hover{background-color:#f9fafb}._tableRow_bmuuk_85 p{margin:0;font-size:13px;color:var(--color-soft-black);min-width:0}._tableRow_bmuuk_85 p:first-child{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._studentPageLink_bmuuk_135{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;text-decoration:none;font-size:12px;font-weight:500;color:var(--color-blue);background-color:var(--color-faded-blue);border-radius:8px;border:1px solid transparent;transition:all .2s ease}._studentPageLink_bmuuk_135:hover{background-color:var(--color-blue);color:#fff;text-decoration:none}._noStudents_bmuuk_157{text-align:center;padding:24px 16px;color:#9ca3af}._noStudents_bmuuk_157 p{margin:0;font-size:14px}._headerActions_bmuuk_169{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}._modalSearchWrapper_bmuuk_178{margin-bottom:16px}._searchInputLarge_bmuuk_182{border:1px solid #e5e7eb;background-color:#f9fafb;border-radius:8px;font-size:14px;padding:12px 16px;width:100%;max-width:300px;transition:all .2s ease}._searchInputLarge_bmuuk_182:focus{outline:none;border-color:var(--color-blue);background-color:var(--color-white);box-shadow:0 0 0 3px var(--color-faded-blue)}@media(max-width:900px){._studentReadingStatsScrollArea_bmuuk_12{max-height:min(62vh,460px)}._studentReadingStatsHeader_bmuuk_42{align-items:flex-start;flex-direction:column}._headerActions_bmuuk_169{width:100%;justify-content:space-between}._searchInput_bmuuk_60{flex:1}}@media(max-width:768px){._studentReadingStatsScrollArea_bmuuk_12{padding:0 16px 16px;max-height:min(58vh,420px)}._sectionHeader_bmuuk_34{padding:16px 0 0}._headerActions_bmuuk_169,._searchInput_bmuuk_60{width:100%}}@media(max-width:640px){._tableRowHeader_bmuuk_85,._tableRow_bmuuk_85{grid-template-columns:minmax(0,1.5fr) minmax(96px,1fr) 56px 88px;gap:8px}._tableRow_bmuuk_85 p,._studentPageLink_bmuuk_135{font-size:12px}}._notificationsContainer_g9bx3_1{background-color:var(--color-white);border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;padding:0 18px 18px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}._notificationsContainer_g9bx3_1::-webkit-scrollbar{width:4px}._notificationsContainer_g9bx3_1::-webkit-scrollbar-track{background:transparent}._notificationsContainer_g9bx3_1::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:2px}._notificationsContainer_g9bx3_1 h2{font-size:16px;font-weight:600;margin:0;color:var(--color-soft-black)}._notificationsHeader_g9bx3_31{display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background-color:var(--color-white);padding:18px 0 12px;z-index:2;border-bottom:1px solid rgba(0,0,0,.06)}._clearButton_g9bx3_43{background-color:transparent;border:1px solid #e5e7eb;border-radius:8px;padding:8px 11px;font-size:11px;cursor:pointer;transition:all .2s ease;color:#6b7280}._clearButton_g9bx3_43:hover{background-color:var(--color-faded-red);border-color:var(--color-red);color:var(--color-red)}._notificationsList_g9bx3_60{list-style:none;padding:0;margin:0}._notificationItem_g9bx3_66{display:flex;flex-direction:column;gap:4px;padding:14px 0;font-size:13px;border-bottom:1px solid rgba(0,0,0,.04);color:var(--color-soft-black)}._notificationItem_g9bx3_66:last-child{border-bottom:none}._notiTop_g9bx3_80{font-size:11px;color:#9ca3af;font-weight:500}._emptyState_g9bx3_86{text-align:left;padding:20px 0 0;color:#9ca3af;font-size:13px}._notificationLink_g9bx3_93{display:flex;flex-direction:column;gap:4px;text-decoration:none;color:var(--color-soft-black);font-size:13px;border-radius:6px;padding:4px 6px;margin:0 -6px;transition:background-color .15s ease}._notificationLink_g9bx3_93:hover{background-color:var(--color-faded-blue)}._notificationCta_g9bx3_110{font-size:11px;font-weight:600;color:var(--color-blue)}._headerActions_g9bx3_117{display:flex;align-items:center;gap:6px}@media(max-width:1200px){._notificationsContainer_g9bx3_1{min-height:0}}._modalHeader_g9bx3_130{margin-bottom:16px}._clearButtonLarge_g9bx3_134{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;padding:10px 16px;font-size:13px;cursor:pointer;transition:all .2s ease;color:#6b7280;display:flex;align-items:center;gap:8px}._clearButtonLarge_g9bx3_134:hover{background-color:var(--color-faded-red);border-color:var(--color-red);color:var(--color-red)}.classroom-setup-container{display:flex;justify-content:center;align-items:flex-start;width:100%;padding:40px 20px;background:transparent}.classroom-setup-content{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000001a;max-width:900px;width:100%;padding:32px 48px;position:relative;z-index:1;animation:slideUp .5s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.setup-header{text-align:center;margin-bottom:24px}.setup-header-icon{width:64px;height:64px;margin:0 auto 16px;background:linear-gradient(135deg,var(--color-yellow, #ffdc00) 0%,#ffb800 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 8px 24px #ffdc004d;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.setup-header h1{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 8px;line-height:1.2}.setup-subtitle{font-size:16px;color:#666;margin:0;font-weight:400}.setup-progress{margin-bottom:24px}.progress-steps{display:flex;justify-content:center;align-items:center;gap:24px;position:relative}.progress-steps:before{content:"";position:absolute;top:24px;left:15%;right:15%;height:3px;background:#e0e0e0;z-index:0}.progress-step{display:flex;flex-direction:column;align-items:center;gap:8px;position:relative;z-index:1}.step-number{width:48px;height:48px;border-radius:50%;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;transition:all .3s ease;border:3px solid #e0e0e0}.progress-step.active .step-number{background:var(--color-yellow, #ffdc00);color:#fff;border-color:var(--color-yellow, #ffdc00);box-shadow:0 4px 12px #ffdc004d;transform:scale(1.1)}.progress-step.completed .step-number{background:var(--color-chalkboard-green, #4caf50);color:#fff;border-color:var(--color-chalkboard-green, #4caf50)}.step-label{font-size:14px;color:#666;font-weight:500}.progress-step.active .step-label{color:var(--color-yellow, #ffdc00);font-weight:600}.setup-form{width:100%}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:24px}.form-field{display:flex;flex-direction:column;gap:8px}.field-label{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#1a1a1a;margin-bottom:4px}.label-icon{color:var(--color-yellow, #ffdc00);font-size:18px}.form-select{width:100%;padding:14px 40px 14px 16px;font-size:16px;border:2px solid #e0e0e0;border-radius:12px;background:#fff;color:#1a1a1a;transition:all .3s ease;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:12px}.form-select:hover:not(:disabled){border-color:var(--color-yellow, #ffdc00);box-shadow:0 0 0 3px #ffdc001a}.form-select:focus{outline:none;border-color:var(--color-yellow, #ffdc00);box-shadow:0 0 0 3px #ffdc0033}.form-select:disabled{background-color:#f5f5f5;cursor:not-allowed;opacity:.7}.form-select.error{border-color:var(--color-red, #f44336);background-color:#fff5f5}.form-select.error:focus{box-shadow:0 0 0 3px #f443361a}.field-error{color:var(--color-red, #f44336);font-size:14px;font-weight:500;margin-top:-4px;display:flex;align-items:center;gap:6px}.field-hint{display:flex;align-items:flex-start;gap:8px;font-size:12px;color:#666;margin-top:4px;line-height:1.4}.field-hint svg{color:#999;margin-top:2px;flex-shrink:0}.submit-error{background:#fff5f5;border:2px solid var(--color-red, #f44336);border-radius:12px;padding:12px 16px;color:var(--color-red, #f44336);font-size:14px;font-weight:500;margin-bottom:24px;text-align:center}.setup-actions{display:flex;justify-content:center;margin-top:24px}.setup-button{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px 48px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--color-yellow, #ffdc00) 0%,#ffb800 100%);border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #ffdc004d;min-width:200px}.setup-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 24px #ffdc0066}.setup-button:active:not(:disabled){transform:translateY(0)}.setup-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.setup-button.disabled{opacity:.6;cursor:not-allowed;transform:none}.button-spinner{width:18px;height:18px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.classroom-setup-container{padding:20px 16px}.classroom-setup-content{padding:32px 24px;border-radius:16px}.setup-header h1{font-size:28px}.setup-subtitle{font-size:16px}.setup-header-icon{width:64px;height:64px;font-size:28px}.form-grid{grid-template-columns:1fr;gap:24px}.progress-steps:before{left:20%;right:20%}.setup-button{width:100%;padding:14px 32px}}@media(max-width:480px){.classroom-setup-content{padding:24px 20px}.setup-header h1{font-size:24px}.setup-header-icon{width:56px;height:56px;font-size:24px}.step-number{width:40px;height:40px;font-size:16px}.form-select{padding:12px 14px;font-size:15px}}.unconfiguredClassroom{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.unconfiguredClassroom h2{font-size:30px}.setupClassroomBtnContainer{text-align:center;width:100%}.unconfiguredClassroom button{border:1px solid #276FBF;color:#fff;background-color:#276fbf;padding:8px 15px;border-radius:5px;transition:.2s ease-in-out;font-size:16px;margin-top:20px;width:40%}.unconfiguredClassroom button:hover{cursor:pointer;background-color:#fff;color:#276fbf;padding:8px 15px;border-radius:5px}.modal-content{width:100%;max-width:900px}.inputRow{display:flex;justify-content:space-between;margin-bottom:20px;gap:20px}.inputContainer{display:flex;flex-direction:column;width:100%}.inputContainer label{font-size:20px;margin-bottom:5px}.inputContainer select{font-size:18px;background-color:transparent;transition:.2s ease-in-out}.inputContainer select:hover{cursor:pointer;transform:scale(1.02)}.presentationModeBar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:24px auto 16px;padding:14px 18px;max-width:1320px;border:1px solid #d7dee6;border-radius:18px;background:#fff;box-shadow:0 12px 24px #1d2e440f}.presentationModeButton{display:inline-flex;align-items:center;justify-content:center;padding:11px 16px;border-radius:999px;border:1px solid #d7dee6;background:#fff;color:#1e2e44;font-size:.92rem;font-weight:700;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,transform .2s ease}.presentationModeButton:hover{border-color:#276fbf;transform:translateY(-1px)}.presentationModeButton--active{border-color:#276fbf;background:#eaf3fe;color:#1f5ba8}.presentationModeNote{margin:0;color:#425466;font-size:.95rem}.classRosterContainer{display:flex;flex-direction:column;gap:24px;width:100%}.headerAndButtons{display:flex;justify-content:space-between;align-items:center}.headerAndButtons h2{font-size:1.5rem;font-weight:700}.headerButtons{background:var(--color-blue, #2563eb);color:#fff;border:none;border-radius:6px;padding:.6rem 1.2rem;font-size:1rem;font-weight:600;margin-left:.7rem;cursor:pointer;transition:background .2s;display:inline-flex;align-items:center;gap:.5rem}.headerButtons:hover,.headerButtons:focus{background:#174ea6}.buttonIcon{font-size:1.1rem}.addStudentForm{display:flex;gap:1rem;margin-bottom:1.5rem;align-items:center;justify-content:flex-end;flex-wrap:wrap}.newStudentInput{border:1px solid #d1d5db;border-radius:6px;padding:.7rem 1rem;font-size:1rem;background:#f9fafb;transition:border .2s;min-width:140px}.newStudentInput:focus{border:1.5px solid var(--color-blue, #2563eb);outline:none;background:#fff}.confirmAddStudentBtn{background:var(--color-blue, #2563eb);color:#fff;border:none;border-radius:6px;padding:.7rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.cancelAddStudentBtn{color:#fff;border:none;border-radius:6px;padding:.7rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;background:#ef4444;transition:background .2s}.confirmAddStudentBtn:hover,.confirmAddStudentBtn:focus{background:#174ea6}.roster{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:12px;background:transparent;border-radius:0;box-shadow:none}.individualStudent{background:var(--color-white);border-radius:8px;box-shadow:0 2px 8px #0000000a;padding:1.1rem 1.3rem;display:flex;flex-direction:column;gap:.5rem;transition:box-shadow .2s}.individualStudent:hover{box-shadow:0 4px 16px #2563eb14}.editing{display:flex;align-items:center;justify-content:space-between}.editing form{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.editing label{font-size:.98rem;font-weight:500;margin-right:.3rem}.editing input{border:1px solid #d1d5db;border-radius:6px;padding:.5rem .8rem;font-size:1rem;background:#f9fafb;margin-right:.7rem;min-width:110px;transition:border .2s}.editing input:focus{border:1.5px solid var(--color-blue, #2563eb);outline:none;background:#fff}.individualStudentButtons{display:flex;gap:.7rem}.editConfirmBtn,.editCancelBtn{background:var(--color-blue, #2563eb);color:#fff;border:none;border-radius:6px;padding:.5rem 1.2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.editCancelBtn{background:#ef4444}.editConfirmBtn:hover,.editConfirmBtn:focus{background:#174ea6}.editCancelBtn:hover,.editCancelBtn:focus{background:#b91c1c}.notEditing{display:flex;justify-content:space-between;align-items:center}.notEditing p{font-size:1.08rem;font-weight:500;margin:0}.notEditing span{font-size:var(--font-size-xs)}.studentBtn{background:transparent;border:none;color:var(--color-blue, #2563eb);font-size:1.2rem;margin-left:.5rem;cursor:pointer;transition:color .2s}.studentBtn:hover,.studentBtn:focus{color:#ef4444}.studentBtnIcon{pointer-events:none}.modalOverlay{position:fixed;inset:0;background:#00000040;display:flex;align-items:center;justify-content:center;z-index:1000}.modalContent{background:#fff;border-radius:12px;padding:2rem 2.5rem;box-shadow:0 4px 24px #0000001f;max-width:350px;text-align:center}.modalButtons{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}@media(max-width:1120px){.editing{flex-direction:column;align-items:flex-start;gap:1rem}.editing form{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.headerAndButtons{flex-direction:column;align-items:flex-start}.headerAndButtons div{display:flex;flex-wrap:wrap;gap:12px}.headerAndButtons div .headerButtons{margin-left:0}.addStudentForm{justify-content:flex-start}.addStudentForm,.editing form{flex-direction:column;gap:.7rem;align-items:stretch}.editing{flex-direction:column;align-items:stretch;gap:1rem}}@media(max-width:700px){.addStudentForm,.editing form{flex-direction:column;gap:.7rem;align-items:stretch}}@media(max-width:500px){.notEditing{flex-direction:column;align-items:flex-start;gap:1rem}.notEditing div{display:flex;gap:.5rem}.notEditing div .studentBtn{margin-left:0}.modalContent{width:70%}}.settingsPageModern{display:grid;gap:1.5rem}.settingsPageHeaderTeacher{padding:4px 2px 20px;border-bottom:1px solid rgba(15,23,42,.08)}.settingsPageHeaderTeacher h1{font-size:clamp(26px,2.75vw,36px);font-weight:700;color:var(--color-soft-black);margin:0;letter-spacing:-.03em}.settingsLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:1.5rem;align-items:start}.profileSectionModern{background-color:var(--color-white);border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;padding:24px;display:flex;flex-direction:column;gap:0}.profileSectionHeader{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:16px}.profileSectionHeader h2{font-size:16px;font-weight:600;margin:0;color:var(--color-soft-black)}.profileInfoModern h2{font-size:20px;font-weight:700;color:var(--color-soft-black);margin:0 0 16px;letter-spacing:-.02em}.profileDetailModern{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04)}.profileDetailModern:last-of-type{border-bottom:none}.profileLabelModern{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.profileValueModern{font-size:13px;font-weight:600;color:var(--color-soft-black)}.logoutBtnModern{margin-top:20px;background:transparent;color:var(--color-secondary-red, #F35252);border:1.5px solid var(--color-secondary-red, #F35252);border-radius:8px;padding:9px 16px;font-size:14px;font-weight:600;cursor:pointer;font-family:inherit;transition:background-color .2s ease,color .2s ease;width:100%}.logoutBtnModern:hover{background-color:var(--color-secondary-faded-red, rgba(243, 82, 82, .1))}.settingsContainerModern{background-color:var(--color-white);border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;padding:24px;display:flex;flex-direction:column;gap:0}.settingsHeaderModern{font-size:16px;font-weight:600;color:var(--color-soft-black);margin:0 0 14px;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.06)}.settingsHeaderModern+.settingsHeaderModern,.configureClassContainerModern+.settingsHeaderModern{margin-top:20px;padding-top:20px;border-top:1px solid rgba(0,0,0,.06)}.configureClassContainerModern{display:flex;flex-direction:column}.settingRowModern{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid rgba(0,0,0,.04)}.settingRowModern:last-of-type{border-bottom:none}.settingRowModern label{font-size:13px;font-weight:500;color:var(--color-soft-black);display:flex;align-items:center;gap:6px;margin:0;flex:1}.settingRowModern select{min-width:160px;padding:8px 12px;border-radius:8px;border:1.5px solid #e5e7eb;font-size:13px;font-family:inherit;background:#f9fafb;color:var(--color-soft-black);font-weight:500;outline:none;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease;box-sizing:border-box;min-width:0}.settingRowModern select:focus{border-color:var(--color-blue);box-shadow:0 0 0 3px var(--color-faded-blue)}.confirmClassBtnModern{margin-top:20px;padding:11px 0;background:var(--color-secondary-blue);color:var(--color-white);font-size:14px;font-weight:600;border:2px solid var(--color-secondary-blue);border-radius:8px;cursor:pointer;font-family:inherit;transition:background-color .2s ease,transform .2s ease;width:100%}.confirmClassBtnModern:hover:not(:disabled){background:var(--color-dark-blue);border-color:var(--color-dark-blue);transform:translateY(-1px)}.confirmClassBtnModern:disabled{background:#b3c7e6;border-color:#b3c7e6;cursor:not-allowed}.tooltipModern{position:relative;display:inline-flex;align-items:center;color:#9ca3af;cursor:help}.tooltipModern .tooltiptextModern{visibility:hidden;width:220px;background:#1f2937;color:#fff;text-align:left;border-radius:8px;padding:10px 12px;position:absolute;z-index:100;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);opacity:0;transition:opacity .2s ease;font-size:12px;font-weight:400;line-height:1.5;pointer-events:none}.tooltipModern:hover .tooltiptextModern{visibility:visible;opacity:1}@media(max-width:1024px){.settingsLayout{grid-template-columns:1fr}}body[data-theme=dark] .profileSectionModern,body[data-theme=dark] .settingsContainerModern{background-color:var(--color-dark-bg-alt);color:var(--color-dark-text);box-shadow:var(--color-dark-shadow)}body[data-theme=dark] .settingsPageHeaderTeacher h1,body[data-theme=dark] .profileSectionHeader h2,body[data-theme=dark] .settingsHeaderModern,body[data-theme=dark] .profileInfoModern h2{color:var(--color-dark-text)}body[data-theme=dark] .profileLabelModern{color:var(--color-dark-text-muted)}body[data-theme=dark] .profileValueModern,body[data-theme=dark] .settingRowModern label{color:var(--color-dark-text)}body[data-theme=dark] .settingRowModern select{background:var(--color-dark-bg);color:var(--color-dark-text);border-color:var(--color-dark-border)}body[data-theme=dark] .settingRowModern select:focus{border-color:var(--color-dark-accent);box-shadow:0 0 0 3px #276fbf26}body[data-theme=dark] .confirmClassBtnModern{background:var(--color-dark-blue);border-color:var(--color-dark-blue)}body[data-theme=dark] .confirmClassBtnModern:disabled{background:#3b4d5c;border-color:#3b4d5c;color:#888}body[data-theme=dark] .tooltipModern .tooltiptextModern{background:var(--color-dark-bg-hover);border:1px solid var(--color-dark-border)}.curriculumPage{width:80%;margin:0 auto}.headerInfo{display:flex;align-items:center;justify-content:space-between;margin:0 0 20px}.editSaveBtn{position:absolute;right:20px;background-color:transparent;border:none}.editSaveBtn .icons{height:20px}.editSaveBtn .icons:hover{cursor:pointer;transform:scale(1.1)}.headerInfo label{font-size:20px;margin-right:20px}.headerInfo input{width:100px;text-align:center;border:1px solid black;border-radius:4px;font-size:18px}.headerInfo button{padding:8px 24px;font-size:large;border-radius:4px;background-color:#276fbf;color:#fff;border:1px solid black}.headerInfo button:hover{cursor:pointer;border:1px solid #276FBF;background-color:#fff;color:#276fbf;transition:ease-in-out .2s}.curriculumCreatorContainer{display:flex;flex-direction:row-reverse;height:fit-content;margin-bottom:50px}.boxesContainer{flex:1 1 0%;overflow-y:scroll;height:80vh;margin-top:50px}.objectiveBox{height:50px;display:flex;align-items:center;padding:10px;border:1px solid black;border-radius:8px;margin-bottom:10px;background-color:#fff;position:relative}.draggablesContainer{margin:0 50px 0 0;width:50%;height:fit-content}.draggablesContainer p{font-size:25px;margin:0 0 20px}.draggablesContainer div{margin-bottom:20px}.droppedPhonemes{display:flex;justify-content:space-around}.blockContainer{display:flex;flex-wrap:wrap;background-color:#fff;border:1px solid black;border-radius:4px;min-height:100px;padding:10px}.draggablesContainer .consonantblends div{align-content:center;background-color:#aa4747;border:1px solid black;border-radius:4px;padding:5px;color:#fff;width:fit-content;margin:5px;max-height:30px}.draggablesContainer .consonants div{align-content:center;background-color:#276fbf;border:1px solid black;border-radius:4px;padding:5px;color:#fff;width:fit-content;margin:5px;max-height:30px}.draggablesContainer .shortvowels div{align-content:center;background-color:#f3c03b;border:1px solid black;border-radius:4px;padding:5px;color:#fff;width:fit-content;margin:5px;max-height:30px}.draggablesContainer .longvowels div{align-content:center;background-color:#4caf50;border:1px solid black;border-radius:4px;padding:5px;color:#fff;width:fit-content;margin:5px;max-height:30px}.draggablesContainer .prefixes div{align-content:center;background-color:#bdadea;border:1px solid black;border-radius:4px;padding:5px;color:#fff;width:fit-content;margin:5px;max-height:30px}.draggablesContainer .suffixes div{align-content:center;background-color:#ba5624;border:1px solid black;border-radius:4px;padding:5px;color:#fff;width:fit-content;margin:5px;max-height:30px}.shortvowels div:hover,.consonantblends div:hover,.consonants div:hover,.suffixes div:hover,.prefixes div:hover,.longvowels div:hover{cursor:grab}.shortvowels div:active,.consonantblends div:active,.consonants div:active,.suffixes div:active,.prefixes div:active,.longvowels div:active{cursor:grabbing}.droppedPhonemes div{align-content:center;background-color:#556b2f;border:1px solid black;border-radius:4px;padding:5px;color:#fff;width:fit-content;margin:5px 5px 5px 20px;max-height:30px}.teacherStoryGenerationContainer{margin:40px auto;background:#fff;border-radius:14px;box-shadow:0 4px 24px #00000014;padding:32px 28px 24px;display:flex;flex-direction:column;gap:24px}.storySettingsSection h2,.phonemicSoundsSection h2{font-size:1.4rem;font-weight:700;margin-bottom:.2rem}.storySettingsSection p,.phonemicSoundsSection 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{border:1px solid #d1d5db;border-radius:6px;padding:.7rem 1rem;font-size:1rem;background:#f9fafb;transition:border .2s}.topicAndSetting input:focus{border:1.5px solid var(--color-blue, #2563eb);outline:none;background:#fff}.custom-dropdown{position:relative;width:100%;margin-bottom:10px;cursor:pointer;display:flex;flex-direction:column}.dropdown-selected{background:#f9fafb;border:1px solid var(--color-soft-black);padding:10px 14px;border-radius:6px;min-height:36px;display:flex;justify-content:space-between;align-items:center;font-size:1rem;transition:border .2s}.dropdown-selected:focus,.dropdown-selected:active{border:1.5px solid var(--color-blue, #2563eb);outline:none}.dropdown-arrow{margin-left:8px}.dropdown-list{position:absolute;top:110%;left:0;right:0;background:#fff;border:1.5px solid var(--color-blue, #2563eb);border-radius:6px;z-index:10;max-height:220px;overflow-y:auto;box-shadow:0 2px 8px #2563eb14}.dropdown-item{padding:10px 14px;cursor:pointer;font-size:1rem;transition:background .15s}.dropdown-item:hover{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{font-size:1rem;font-weight:600;margin-bottom:.3rem;color:var(--color-blue, #2563eb)}.selectedStructures{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem;justify-content:flex-start}.selectedStructure{background:var(--color-faded-blue, #e0e7ff);color:#1e293b;border-radius:16px;padding:.3rem .9rem;font-size:.98rem;cursor:pointer;border:none;display:inline-block;transition:background .2s,color .2s}.selectedStructure:hover{background:var(--color-red);color:#fff}.teacherStoryGenerateBtn{background:var(--color-blue, #2563eb);color:#fff;border:none;border-radius:6px;padding:.9rem 2.2rem;font-size:1.1rem;font-weight:600;cursor:pointer;margin-top:1.5rem;transition:background .2s}.teacherStoryGenerateBtn:hover,.teacherStoryGenerateBtn:focus{background:#174ea6;opacity:1}.lds-ellipsis{display:inline-block;position:relative;width:80px;height:40px}.lds-ellipsis div{position:absolute;top:18px;width:13px;height:13px;border-radius:50%;background:var(--color-blue, #2563eb);animation-timing-function:cubic-bezier(0,1,1,0)}.lds-ellipsis div:nth-child(1){left:8px;animation:lds-ellipsis1 .6s infinite}.lds-ellipsis div:nth-child(2){left:8px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(3){left:32px;animation:lds-ellipsis2 .6s infinite}.lds-ellipsis div:nth-child(4){left:56px;animation:lds-ellipsis3 .6s infinite}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@media(max-width:700px){.teacherStoryGenerationContainer{padding:18px 6vw}.topicAndSetting,.soundDropdownsContainer{flex-direction:column;gap:.7rem}}body[data-theme=dark] .teacherStoryGenerationContainer{background:var(--color-dark-bg-alt);color:var(--color-dark-text);box-shadow:var(--color-dark-shadow)}body[data-theme=dark] .storySettingsSection h2,body[data-theme=dark] .phonemicSoundsSection h2{color:var(--color-dark-text)}body[data-theme=dark] .storySettingsSection p,body[data-theme=dark] .phonemicSoundsSection p{color:var(--color-dark-text-muted)}body[data-theme=dark] .topicAndSetting input{background:var(--color-dark-bg-alt);color:var(--color-dark-text);border:1px solid var(--color-dark-border)}body[data-theme=dark] .topicAndSetting input:focus{border:1.5px solid var(--color-dark-accent);background:var(--color-dark-bg);color:var(--color-dark-text)}body[data-theme=dark] .custom-dropdown{background:transparent}body[data-theme=dark] .dropdown-selected{background:var(--color-dark-bg-alt);color:var(--color-dark-text);border:1px solid var(--color-dark-border)}body[data-theme=dark] .dropdown-selected:focus,body[data-theme=dark] .dropdown-selected:active{border:1.5px solid var(--color-dark-accent)}body[data-theme=dark] .dropdown-list{background:var(--color-dark-bg-alt);border:1.5px solid var(--color-dark-accent);color:var(--color-dark-text);box-shadow:var(--color-dark-shadow)}body[data-theme=dark] .dropdown-item{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:hover,body[data-theme=dark] .teacherStoryGenerateBtn:focus{background:var(--color-dark-blue-hover)}body[data-theme=dark] .lds-ellipsis div{background:var(--color-dark-accent)}.libraryList{margin:0 auto;width:100%}.libraryHeaderButton{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.libraryHeaderButton h2{margin:0;font-size:clamp(2rem,2.5vw,2.5rem);font-weight:700}.libraryCreateStory{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:10px;border:none;background-color:var(--color-blue);color:var(--color-white);font-family:inherit;font-size:1rem;font-weight:700;line-height:1;white-space:nowrap;cursor:pointer;transition:background-color .2s ease,transform .2s ease}.libraryCreateStory:hover{background-color:var(--color-dark-blue);transform:translateY(-1px)}.searchBarContainer{border-bottom:2px solid var(--color-soft-black);display:flex;gap:8px;align-items:center;width:min(100%,420px);margin-top:8px;margin-bottom:28px}.searchIcon{color:#888;margin:0 0 1px}.librarySearch{padding:4px 0;width:100%;border:none;background-color:transparent;font-family:inherit;font-size:var(--font-size-paragraph-desktop);outline:none}.searchBarContainer:focus-within{border-bottom:2px solid var(--color-blue)}.searchBarContainer:focus-within .searchIcon{color:var(--color-blue)}.libraryList ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:20px;list-style-type:none;padding:0;margin:0}.libraryList li{cursor:pointer;background-color:var(--color-white);min-height:240px;padding:22px 20px 18px;border-radius:16px;display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;text-align:left;transition:transform .2s ease,box-shadow .2s ease;box-shadow:var(--dashboard-shadow);border:1px solid rgba(39,111,191,.08)}.libraryList li:hover{transform:translateY(-3px)}.topHalfCard{display:flex;flex-direction:column;gap:16px}.phonemeContainer{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:4px}.phonemeContainer p{font-size:var(--font-size-paragraph-desktop);color:var(--footer-link);margin:0}.libraryList li .phonemeTitleDivider{width:72px;border:1px solid var(--color-blue);margin:0}.libraryList li .title{margin:0;font-size:clamp(1.7rem,2vw,2.2rem);line-height:1.15;word-break:break-word}.libraryList li{position:relative;overflow:hidden}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center}.modalContent{background-color:#fff;padding:20px;border-radius:10px;max-width:500px;width:90%;display:flex;flex-direction:column;align-items:center}.modalContent .closeButton{align-self:end}.deleteButton,.exportButton{margin:10px;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.closeButton{background-color:transparent;padding:0;margin:0 0 20px;border:none;cursor:pointer}.closeButton:hover{transform:scale(1.1);transition:.2s ease-in-out}.closeButtonIcon{height:20px}.deleteButton{background-color:#f44336;color:#fff;border:1px solid #f44336}.deleteButton:hover{border:1px solid #f44336;background-color:transparent;color:#f44336;transition:.2s ease-in-out}.exportButton{background-color:#4caf50;color:#fff;border:1px solid #4CAF50}.exportButton:hover{border:1px solid #4CAF50;background-color:transparent;color:#4caf50;transition:.2s ease-in-out}.modalContent ul{justify-content:center}.modalContent li{background-color:transparent;border:none;margin:0;padding:0 10px;box-shadow:none;min-height:fit-content;min-width:fit-content}.modalContent li:before{border:none;display:none}.modalContent li:after{display:none}@media(max-width:1100px){.libraryList ul{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}}@media(max-width:768px){.searchBarContainer{width:100%}.libraryHeaderButton{align-items:flex-start;flex-direction:column}}@media(max-width:525px){.libraryList ul{grid-template-columns:1fr}.libraryList li{min-height:220px}}@media(max-width:375px){.libraryHeaderButton{flex-direction:column;align-items:flex-start}.libraryCreateStory{width:100%}}.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,.sentenceAnalysisSection,.notesSection{background:#fff;border:1px solid var(--lesson-border);border-radius:14px;box-shadow:0 12px 28px #0f172a0f}.lessonOverviewCard{padding:24px;display:flex;flex-direction:column;gap:18px}.lessonOverviewTop{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:24px}.lessonOverviewCopy{display:flex;flex-direction:column;gap:14px;flex:1 1 480px}.lessonEyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af}.lessonTitleRow{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.lessonTitleRow h3{margin:0;font-size:24px;font-weight:700;color:var(--lesson-text)}.accuracyBadge{padding:8px 16px;border-radius:999px;color:#fff;font-weight:700;font-size:18px}.lessonMetaRow{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.reviewStatusBadge,.thresholdBadge,.thresholdHint,.flaggedBadge{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700}.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}.reviewBadgePill{display:inline-flex;align-items:center;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;background:#fff7d6;color:#9a6700}.studentTranscriptCard{background:#f8fafc;border:1px solid var(--lesson-border);border-radius:12px;padding:14px 16px}.overviewLabel{display:inline-flex;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#9ca3af}.studentTranscriptCard p{margin:8px 0 0;font-size:15px;line-height:1.6;color:var(--lesson-text)}.storyImageButton{width:min(220px,100%);border:1px solid var(--lesson-border);background:#fffdf6;border-radius:12px;padding:10px;display:flex;flex-direction:column;gap:10px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.storyImageButton:hover{transform:translateY(-1px);border-color:var(--lesson-accent-deep);box-shadow:0 12px 24px #f3c03b2e}.storyImageThumb{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:10px;display:block}.storyImageButtonLabel{font-size:13px;font-weight:700;color:#5b4a18}.audioPlayerSection{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#f8fafc;padding:14px 16px;border-radius:12px;border:1px solid var(--lesson-border)}.audioLabel{font-size:12px;color:#9ca3af;font-weight:700;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.audioPlayer{flex:1 1 320px;min-width:220px;height:40px;border-radius:6px}.audioPlayer::-webkit-media-controls-panel{background:#f8fafc}.reviewActionBar{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding:16px 18px;background:#fffffff5;border-radius:14px;border:1px solid rgba(229,231,235,.9);box-shadow:0 14px 34px #0f172a14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:16px;z-index:20}.reviewActionSummary{display:flex;flex-direction:column;gap:6px;flex:1 1 280px}.reviewActionTitle{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af}.reviewActionHint{margin:0;font-size:14px;line-height:1.5;color:var(--lesson-muted)}.reviewActionControls{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.decisionToggleGroup{display:flex;gap:8px;padding:4px;background:#f8fafc;border:1px solid var(--lesson-border);border-radius:12px}.decisionBtn{min-width:92px;padding:11px 16px;border-radius:9px;border:1px solid transparent;background:transparent;color:#334155;font-size:14px;font-weight:700;cursor:pointer;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{padding:12px 18px;border:none;border-radius:12px;background:var(--lesson-accent);color:#2f2b27;font-size:14px;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #f3c03b4d;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.saveReviewBtn:hover:not(:disabled){background:#f0b21a;transform:translateY(-1px)}.saveReviewBtn:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.flagContentBtn{padding:12px 16px;border:1px solid var(--lesson-border);border-radius:12px;background:#fff;color:#4b5563;font-size:14px;font-weight:600;cursor:pointer;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;padding:20px;margin-bottom:16px}.phonemeKeyHeader{margin-bottom:12px}.phonemeKeyHeader h4{margin:0 0 4px;font-size:15px;font-weight:600;color:#1e293b}.phonemeKeyHeader p{margin:0;font-size:13px;color:#64748b}.phonemeKeyLegend{display:flex;flex-wrap:wrap;gap:16px;padding:10px 14px;background:#e0f2fe;border-radius:8px;margin-bottom:16px;font-size:12px;color:#0369a1}.phonemeKeyLegend .legendItem{display:inline-flex;align-items:center;gap:4px}.phonemeKeyGrid{display:flex;gap:24px;flex-wrap:wrap}.phonemeKeyCategory{flex:1;min-width:280px}.phonemeKeyCategory h5{margin:0 0 12px;font-size:12px;font-weight:600;color:#475569}.sentenceAnalysisSection{padding:24px;display:flex;flex-direction:column;gap:18px}.sentenceAnalysisHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.sentenceAnalysisCopy h4{margin:0;font-size:18px;font-weight:700;color:var(--lesson-text)}.sentenceAnalysisCopy p{margin:6px 0 0;font-size:14px;line-height:1.5;color:var(--lesson-muted)}.sentenceAnalysisActions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.lessonDetailsDisplay .legendItems{display:flex;gap:20px;flex-wrap:wrap}.lessonDetailsDisplay .legendItems.compact{gap:10px}.lessonDetailsDisplay .legendItems.compact .legendItem{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#475569;background:#f8fafc;border:1px solid var(--lesson-border);border-radius:999px;padding:7px 10px}.lessonDetailsDisplay .legendDot{width:10px;height:10px;border-radius:999px}.lessonDetailsDisplay .legendDot.correct{background:#6da34d}.lessonDetailsDisplay .legendDot.uncertain{background:#f3c03b}.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;padding:9px 14px;font-size:13px;font-weight:700;color:#374151;cursor:pointer;transition:all .2s ease}.phonemeKeyToggle:hover{background:#fff8dd;border-color:#e7cb72;color:#805f00}.phonemeKeyToggle.active{background:#fff8dd;border-color:var(--lesson-accent);color:#805f00}.sentenceReviewList{display:flex;flex-direction:column;gap:16px}.sentenceReviewCard{border:1px solid var(--lesson-border);border-radius:14px;padding:18px;background:linear-gradient(180deg,#fff,#fcfcfb);display:flex;flex-direction:column;gap:16px}.sentenceReviewHeader{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}.sentenceReviewCopy{flex:1 1 360px}.sentenceReviewLabel{display:inline-flex;margin-bottom:8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#9ca3af}.sentenceReviewText{margin:0;font-size:17px;line-height:1.6;color:var(--lesson-text);font-weight:600}.sentenceReviewMeta{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.sentenceReviewStatus,.sentenceWordCount{display:inline-flex;align-items:center;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:700}.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{margin:0;font-size:14px;color:var(--lesson-muted)}.phonemeSymbolGroup{display:flex;align-items:center;gap:8px;min-width:140px}.phonemeKeyItem .phonemeSymbol.primary{font-size:20px;font-weight:700;color:#0f172a;background:linear-gradient(135deg,#276fbf,#1e5a9e);color:#fff;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:8px;flex-shrink:0}.phonemeAltSymbols{display:flex;flex-wrap:wrap;gap:4px}.phonemeAltSymbols .altSymbol{font-size:14px;font-weight:600;color:#475569;background:#f1f5f9;padding:3px 8px;border-radius:4px;border:1px solid #e2e8f0}.phonemeKeyItem .phonemeExample{flex:1;color:#64748b;font-style:italic}.phonemeKeyItem .phonemeDescription{color:#276fbf;font-size:12px;font-weight:600;padding:4px 10px;background:#e0f2fe;border-radius:12px;white-space:nowrap}.wordAnalysisSection{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:20px}.wordAnalysisSection h4{margin:0 0 16px;font-size:15px;font-weight:600;color:#374151}.wordsGrid{display:flex;flex-wrap:wrap;gap:12px}.wordBox{background:#fff;border:1px solid var(--lesson-border);border-radius:12px;min-width:140px;flex:0 1 170px;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;overflow:hidden}.wordBox.correct{border-color:#cfe6d3;background:#f8fcf9}.wordBox.substitution{border-color:#f6d276;background:#fffdf6}.wordBox.uncertain{border-color:#f3d37c;background:#fffdf4}.wordBox.omission{border-color:#f8c2c7;background:#fff8f8}.wordBox.insertion{border-color:#d6c8ff;background:#faf8ff}.wordBox:hover{transform:translateY(-2px);box-shadow:0 10px 20px #0f172a14}.wordBox.expanded{min-width:280px;flex:1 1 100%;max-width:none}.wordBoxHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;-webkit-user-select:none;user-select:none}.wordPrimaryCopy{display:flex;flex-direction:column;gap:4px;min-width:0}.wordTextRow{display:flex;align-items:center;gap:8px;min-width:0}.wordStatusDot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.wordStatusDot.correct{background:#28a745;box-shadow:0 0 0 3px #28a74524}.wordStatusDot.error{background:#dc3545;box-shadow:0 0 0 3px #dc354524}.wordStatusDot.review{background:#d4a72c;box-shadow:0 0 0 3px #f3c03b2e}.wordText{font-size:16px;font-weight:700;color:var(--lesson-text);word-break:break-word}.wordBoxMeta{display:flex;align-items:center;gap:8px;flex-shrink:0}.errorBadge{background:#fee2e2;color:#dc2626;font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;min-width:20px;text-align:center}.reviewBadge{background:#fff3bf;color:#9a6700;font-size:11px;font-weight:700;padding:4px 8px;border-radius:999px;min-width:20px;text-align:center}.correctBadge{background:#dcfce7;color:#16a34a;font-size:12px;font-weight:700;padding:4px 8px;border-radius:999px}.phonemeBadge{background:#e0e7ff;color:#4f46e5;font-size:10px;font-weight:600;padding:2px 6px;border-radius:8px;min-width:16px;text-align:center}.expandIcon{color:#9ca3af;transition:transform .2s ease;display:flex;align-items:center;margin-top:2px}.expandIcon.rotated{transform:rotate(180deg)}.phonemeDetails{padding:14px 16px 16px;border-top:1px solid var(--lesson-border);background:#f8fafc}.phonemesGrid{display:flex;flex-wrap:wrap;gap:10px;padding-top:14px}.pronunciationNote{display:flex;align-items:flex-start;gap:10px;background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:12px 14px;margin-top:14px}.pronunciationNote .noteIcon{font-size:16px;flex-shrink:0}.pronunciationNote .noteText{font-size:13px;color:#92400e;line-height:1.5}.pronunciationNote .noteText strong{color:#78350f}.phonemeBox{background:#fff;border:2px solid #e5e7eb;border-radius:8px;padding:10px 12px;min-width:70px;cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;gap:6px}.phonemeBox:hover{transform:scale(1.02);box-shadow:0 2px 8px #0000001a}.phonemeBox.equal{border-color:#6da34d;background:#f0fdf4}.phonemeBox.uncertain{border-color:#f3c03b;background:#fff9e6}.phonemeBox.replace{border-color:#f59e0b;background:#fffbeb}.phonemeBox.delete{border-color:#ef4444;background:#fef2f2}.phonemeBox.insert{border-color:#8b5cf6;background:#f5f3ff}.phonemeBox.edited{box-shadow:0 0 0 2px #3b82f64d}.phonemeHeader{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}.opBadge{font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;color:#fff}.opBadge.equal{background:#6da34d}.opBadge.uncertain{background:#d4a72c;color:#3d2e02}.opBadge.replace{background:#f59e0b}.opBadge.delete{background:#ef4444}.opBadge.insert{background:#8b5cf6}.reviewTag{font-size:9px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#9a6700;background:#fff3bf;border-radius:999px;padding:2px 6px}.phonemeContent{display:flex;flex-direction:column;gap:4px}.phonemeRow{display:flex;justify-content:space-between;align-items:center;gap:8px}.phonemeLabel{font-size:10px;color:#9ca3af;text-transform:uppercase;letter-spacing:.5px}.phonemeValue{font-size:18px;font-weight:700;color:#1f2937}.phonemeValue.expected{color:#6b7280}.phonemeValue.actual.equal{color:#16a34a}.phonemeValue.actual.uncertain{color:#b7791f}.phonemeValue.actual.replace{color:#d97706}.phonemeValue.actual.delete{color:#dc2626}.phonemeValue.actual.insert{color:#7c3aed}.phonemeAccuracy{font-size:11px;color:#6b7280;text-align:center;padding-top:4px;border-top:1px solid #e5e7eb}.editedIndicator{font-size:9px;color:#3b82f6;text-align:center;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.notesSection{padding:24px;display:flex;flex-direction:column;gap:14px}.sectionHeaderCopy{display:flex;flex-direction:column;gap:6px}.sectionHeaderCopy h4{margin:0;font-size:16px;font-weight:700;color:var(--lesson-text)}.sectionHeaderCopy p{margin:0;font-size:14px;color:var(--lesson-muted)}.notesTextarea{width:100%;min-height:120px;padding:14px;border:1px solid var(--lesson-border);border-radius:12px;background:#f8fafc;font-size:14px;font-family:inherit;line-height:1.6;resize:vertical;transition:border-color .2s ease;box-sizing:border-box}.notesTextarea:focus{outline:none;border-color:var(--lesson-accent);box-shadow:0 0 0 4px #f3c03b2e}.notesTextarea::placeholder{color:#9ca3af}.saveButtonContainer{display:flex;justify-content:flex-end;padding-top:8px}.saveChangesBtn{padding:12px 28px;background:#6da34d;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #6da34d4d}.saveChangesBtn:hover{background:#5a8f3e;transform:translateY(-1px);box-shadow:0 4px 12px #6da34d66}.phonemeEditOverlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.phonemeEditModal{background:#fff;border-radius:16px;width:100%;max-width:480px;box-shadow:0 20px 60px #0003;overflow:visible}.modalHeader{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.modalHeader h4{margin:0;font-size:18px;font-weight:700;color:#1f2937}.closeBtn{width:32px;height:32px;border:none;background:#e5e7eb;border-radius:50%;font-size:20px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.closeBtn:hover{background:#d1d5db;color:#374151}.phonemeEditContent{padding:24px;overflow:visible}.phonemeEditInfo{background:#f9fafb;border-radius:10px;padding:16px;margin-bottom:20px}.infoRow{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.infoRow:not(:last-child){border-bottom:1px solid #e5e7eb}.infoLabel{font-size:13px;color:#6b7280}.infoValue{font-size:20px;font-weight:700;color:#1f2937}.infoValue.phonemeWithKey{display:flex;flex-direction:column;gap:4px}.infoValue .phonemeChar{font-size:24px;font-weight:700;color:#1f2937}.infoValue .phonemeKeyHint{font-size:13px;font-weight:400;color:#6b7280;font-style:italic}.infoValue .phonemeKeyHint .altNotations{color:#9ca3af;font-size:12px}.phonemeEditOptions{display:flex;flex-direction:column;gap:12px}.editLabel{margin:0 0 4px;font-size:14px;font-weight:600;color:#374151}.optionsGrid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.editOption{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border:2px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer;transition:all .2s ease}.editOption:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.editOption.selected{border-width:3px}.editOption.correct{border-color:#6da34d}.editOption.correct:hover,.editOption.correct.selected{background:#f0fdf4}.editOption.substitution{border-color:#f59e0b}.editOption.substitution:hover,.editOption.substitution.selected{background:#fffbeb}.editOption.omission{border-color:#ef4444}.editOption.omission:hover,.editOption.omission.selected{background:#fef2f2}.editOption.insertion{border-color:#8b5cf6}.editOption.insertion:hover,.editOption.insertion.selected{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{font-size:12px;font-weight:600;color:#4b5563}.noDataMessage{padding:40px 20px;text-align:center;color:#9ca3af;font-size:14px}.alignmentRecoveryBanner{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;margin-bottom:18px;background:#fffbeb;border:1px solid #f5d77a;border-radius:16px}.alignmentRecoveryCopy{display:flex;flex-direction:column;gap:4px}.alignmentRecoveryTitle{font-size:14px;font-weight:700;color:#6b4f00}.alignmentRecoveryText{margin:0;font-size:13px;color:#7c6a2f}.alignmentRecoveryError{margin:0;font-size:13px;color:#b42318}.recoverAssessmentBtn{border:none;border-radius:999px;background:#1f6feb;color:#fff;font-size:13px;font-weight:700;padding:10px 16px;cursor:pointer;white-space:nowrap}.recoverAssessmentBtn:disabled{opacity:.6;cursor:wait}@media(max-width:768px){.alignmentRecoveryBanner{flex-direction:column;align-items:flex-start}}.wordAnalysisHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.wordAnalysisHeader h4{margin:0;font-size:15px;font-weight:600;color:#374151}.viewToggle{display:flex;gap:4px;background:#f3f4f6;padding:4px;border-radius:8px}.viewToggleBtn{padding:8px 12px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:#6b7280;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.viewToggleBtn:hover{background:#e5e7eb;color:#374151}.viewToggleBtn.active{background:#fff;color:#1f2937;box-shadow:0 1px 3px #0000001a}.wordAudioPlayer{padding-bottom:12px;border-bottom:1px solid #e5e7eb;margin-bottom:12px}.playWordBtn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#fff8dd;color:#4f3b0c;border:1px solid #f2d574;border-radius:999px;font-size:13px;font-weight:700;cursor:pointer;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{font-size:12px;color:#64748b;font-weight:500;line-height:1.4}.wordAnalysisTable{overflow-x:auto;border-radius:10px;border:1px solid #e5e7eb}.wordAnalysisTable table{width:100%;border-collapse:collapse;font-size:14px}.wordAnalysisTable thead{background:#f9fafb}.wordAnalysisTable th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;border-bottom:2px solid #e5e7eb;white-space:nowrap}.wordAnalysisTable td{padding:12px 16px;border-bottom:1px solid #e5e7eb;vertical-align:middle}.wordAnalysisTable tbody tr:hover{background:#f9fafb}.wordAnalysisTable .wordRow.correct td{background:transparent}.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{font-weight:600;color:#1f2937}.wordAnalysisTable .wordActual{color:#6b7280}.statusBadge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.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{font-weight:500;color:#374151}.expandPhonemesBtn{padding:6px 12px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;font-size:12px;color:#4b5563;cursor:pointer;transition:all .2s ease}.expandPhonemesBtn:hover{background:#e5e7eb;color:#1f2937}.tablePlayBtn{width:32px;height:32px;border-radius:50%;border:none;background:#3b82f6;color:#fff;font-size:12px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.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,.sentenceAnalysisSection,.notesSection{padding:18px}.lessonTitleRow h3{font-size:20px}.reviewActionBar{top:8px;padding:14px}.reviewActionControls,.sentenceAnalysisActions{width:100%;justify-content:flex-start}.decisionToggleGroup{width:100%}.decisionBtn{flex:1 1 0}.storyImageButton{width:100%;max-width:100%}.audioPlayerSection,.audioPlayer{width:100%}.legendItems.compact{width:100%;gap:8px}.sentenceReviewHeader{flex-direction:column;align-items:flex-start}.wordBox.expanded{max-width:100%}.optionsGrid{grid-template-columns:1fr}.wordAnalysisHeader{flex-direction:column;align-items:flex-start;gap:12px}.wordAnalysisTable{font-size:13px}.wordAnalysisTable th,.wordAnalysisTable td{padding:10px 12px}}.saveConfirmationOverlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.saveConfirmationDialog{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:90%;max-height:80vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.confirmationHeader{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8f9fa,#fff)}.confirmationHeader h3{margin:0;font-size:18px;font-weight:700;color:#1f2937;display:flex;align-items:center;gap:10px}.closeConfirmationBtn{background:none;border:none;font-size:24px;color:#6b7280;cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.closeConfirmationBtn:hover{background:#f3f4f6;color:#1f2937}.confirmationBody{padding:24px;overflow-y:auto;flex:1}.confirmationBody>p{margin:0 0 20px;color:#6b7280;font-size:14px}.changesList{display:flex;flex-direction:column;gap:16px}.changeCategory{background:#f9fafb;border-radius:10px;padding:16px;border:1px solid #e5e7eb}.changeCategory h4{margin:0 0 12px;font-size:14px;font-weight:600;color:#374151;display:flex;align-items:center;gap:8px}.changeCategory h4 .count{background:#6da34d;color:#fff;font-size:12px;padding:2px 8px;border-radius:10px;font-weight:600}.changeItems{display:flex;flex-direction:column;gap:8px}.changeItem{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border-radius:8px;font-size:13px;border:1px solid #e5e7eb}.changeItem .wordLabel{font-weight:600;color:#1f2937;min-width:80px}.changeItem .arrow{color:#9ca3af;font-size:16px}.changeItem .oldValue{color:#ef4444;text-decoration:line-through;font-family:SF Mono,Consolas,monospace}.changeItem .newValue{color:#6da34d;font-weight:600;font-family:SF Mono,Consolas,monospace}.noteChange{flex-direction:column;align-items:flex-start;gap:8px}.noteChange .notePreview{color:#374151;font-style:italic;line-height:1.4}.confirmationFooter{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.cancelBtn{padding:10px 20px;background:#fff;color:#374151;border:1px solid #d1d5db;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.cancelBtn:hover{background:#f3f4f6;border-color:#9ca3af}.confirmSaveBtn{padding:10px 24px;background:linear-gradient(135deg,#6da34d,#5a8a3f);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #6da34d4d}.confirmSaveBtn:hover{background:linear-gradient(135deg,#5a8a3f,#4a7332);box-shadow:0 4px 12px #6da34d66}.noChanges{text-align:center;padding:30px 20px;color:#6b7280}.noChanges p{margin:0;font-size:15px}.changeItem.phonemeChange{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:13px}.changeItem .phonemeDetail{display:flex;align-items:center;gap:4px}.changeItem .phonemeSymbol{font-family:SF Mono,Consolas,monospace;font-size:15px;font-weight:600;color:#1f2937;background:#f3f4f6;padding:2px 6px;border-radius:4px}.changeItem .correctedActual{font-size:11px;color:#6b7280;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;justify-content:center;gap:12px}.changeItem.reviewDecisionChange{justify-content:flex-start}.reviewDecisionBadge{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700}.reviewDecisionBadge.pass{background:#ecfdf5;color:#166534}.reviewDecisionBadge.fail{background:#fff1f2;color:#b42318}.storyImageOverlay{position:fixed;inset:0;background:#0f172ab3;display:flex;align-items:center;justify-content:center;z-index:1100;padding:24px}.storyImageModal{position:relative;max-width:min(920px,100%);max-height:90vh;display:flex;align-items:center;justify-content:center}.storyImageFull{max-width:100%;max-height:90vh;border-radius:18px;box-shadow:0 24px 60px #0f172a59}.closeImageBtn{position:absolute;top:12px;right:12px;width:40px;height:40px;border:none;border-radius:999px;background:#ffffffeb;color:#1f2937;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center}.actualCorrectionSection{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fde68a;border-radius:12px;padding:16px;margin-bottom:16px}.actualCorrectionSection .editLabel{margin:0 0 12px;font-size:13px;color:#92400e;font-weight:500}.phonemeCorrectionDropdown{position:relative;width:100%}.phonemeDropdownTrigger{width:100%;padding:12px 16px;border:2px solid #e5e7eb;background:#fff;border-radius:10px;cursor:pointer;font-size:14px;font-weight:500;color:#6b7280;display:flex;align-items:center;justify-content:space-between;gap:12px;transition:all .2s ease;text-align:left}.phonemeDropdownTrigger:hover{border-color:#276fbf;background:#f8fafc}.phonemeDropdownTrigger.open{border-color:#276fbf;box-shadow:0 0 0 3px #276fbf26}.phonemeDropdownTrigger .triggerText{flex:1}.phonemeDropdownTrigger .dropdownArrow{font-size:10px;color:#9ca3af;transition:transform .2s ease}.phonemeDropdownTrigger .dropdownArrow.open{transform:rotate(180deg)}.phonemeDropdownMenu{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 12px 40px #00000026;z-index:1000;overflow:hidden;animation:dropdownSlide .2s ease}@keyframes dropdownSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.phonemeQuickFix{padding:12px;background:linear-gradient(135deg,#ecfdf5,#d1fae5);border-bottom:1px solid #e5e7eb}.quickFixBtn{width:100%;padding:12px 14px;border:2px solid #6DA34D;background:#fff;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:10px;transition:all .2s ease;text-align:left}.quickFixBtn:hover{background:#f0fdf4;border-color:#22c55e}.quickFixIcon{width:28px;height:28px;background:#6da34d;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.quickFixText{flex:1;font-size:13px;color:#374151}.quickFixText strong{font-size:16px;font-family:SF Mono,Consolas,monospace;color:#1f2937}.phonemeCategoryTabs{display:flex;border-bottom:1px solid #e5e7eb;background:#f9fafb}.categoryTab{flex:1;padding:10px 12px;border:none;background:transparent;cursor:pointer;font-size:12px;font-weight:600;color:#6b7280;transition:all .2s ease;border-bottom:2px solid transparent;margin-bottom:-1px}.categoryTab:hover{color:#276fbf;background:#276fbf0d}.categoryTab.active{color:#276fbf;background:#fff;border-bottom-color:#276fbf}.phonemeOptionsList{max-height:280px;overflow-y:auto;padding:8px}.phonemeOption{width:100%;padding:10px 12px;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;gap:12px;border-radius:8px;transition:all .15s ease;text-align:left}.phonemeOption:hover{background:#f0f7ff}.phonemeOption.current{background:#fef3c7}.phonemeOption .phonemeSymbol{width:36px;height:36px;background:linear-gradient(135deg,#276fbf,#1e5a9e);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;font-family:SF Mono,Consolas,monospace;flex-shrink:0}.phonemeOption .phonemeDetails{flex:1;display:flex;flex-direction:column;gap:2px}.phonemeOption .phonemeDesc{font-size:13px;font-weight:600;color:#1f2937}.phonemeOption .phonemeExample{font-size:11px;color:#6b7280}.phonemeOption .currentBadge{font-size:10px;padding:3px 8px;background:#fbbf24;color:#78350f;border-radius:10px;font-weight:600;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, rgb(247, 246, 240));--card-bg: #ffffff;--card-border: #d7dee6;--card-shadow: 0 16px 30px rgba(29, 46, 68, .08);--text-strong: #1e2e44;--text-body: #425466;--text-muted: #6a7b8f;--brand: #276fbf;--brand-dark: #1f5ba8;--brand-soft: #eaf3fe;--success-bg: rgba(34, 197, 94, .12);--success-border: rgba(34, 197, 94, .28);--success-text: #166534;--danger-bg: rgba(239, 68, 68, .1);--danger-border: rgba(239, 68, 68, .24);--danger-text: #991b1b;--warning-bg: rgba(245, 158, 11, .12);--warning-border: rgba(245, 158, 11, .3);--warning-text: #92400e;min-height:100vh;padding:28px 20px 40px;background-color:var(--page-bg);box-sizing:border-box}.individualStudentView{max-width:1380px;margin:50px auto 0}.topBar{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:18px}.ghostBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:999px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-strong);font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,color .2s ease,transform .2s ease,box-shadow .2s ease}.ghostBtn:hover{border-color:var(--brand);color:var(--brand-dark);transform:translateY(-1px);box-shadow:0 10px 18px #276fbf1f}.pageBackButton svg{font-size:.85rem}.presentationToggleBtn--active{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-dark)}.studentHeroCard,.objectiveSection,.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;padding:28px;margin-bottom:18px}.heroIdentity{display:flex;align-items:center;gap:18px}.avatarBadge{width:78px;height:78px;border-radius:24px;background:linear-gradient(135deg,#f3c03b,#f59e0b);display:grid;place-items:center;color:#332409;font-size:1.55rem;font-weight:800;flex-shrink:0}.heroCopy h1{margin:0;color:var(--text-strong);font-size:clamp(1.8rem,3vw,2.4rem);line-height:1.05}.heroSubtitle{margin:8px 0 0;color:var(--text-body);font-size:1rem}.crumb{margin:0 0 6px;color:var(--text-muted);font-size:.88rem}.crumb span{color:var(--text-body)}.breadcrumbLink{border:none;padding:0;background:none;color:inherit;font:inherit;cursor:pointer}.breadcrumbLink:hover{color:var(--brand-dark);text-decoration:underline}.lastSeen{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:10px 0 0;color:var(--text-muted);font-size:.92rem}.heroDivider{color:#b1bdca}.heroMetaRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.heroMetaChip{display:flex;flex-direction:column;gap:6px;padding:16px 18px;border-radius:18px;border:1px solid #dfe7f1;background:linear-gradient(180deg,#fbfdff,#f4f8fc)}.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{padding:24px 28px;margin-bottom:18px}.objectiveSectionHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.objectiveSectionCopy h2,.lessonListHeader h3,.lessonDetailHeader h3,.summaryOverviewHeader h3,.lifetimeStatsHeader h3{margin:0;color:var(--text-strong);font-size:1.4rem}.objectiveDescriptor,.objectiveNote,.muted,.summaryFootnote,.progressSummary p,.lessonTimestamp{margin:0;color:var(--text-muted);line-height:1.5}.objectiveDescriptor{margin-top:8px;color:var(--text-body);font-weight:600}.objectiveNote{margin-top:8px;max-width:70ch}.customDropdown{position:relative;width:min(100%,360px);flex-shrink:0}.dropdownTrigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border:1px solid var(--card-border);border-radius:18px;background:#fbfdff;color:var(--text-strong);font-size:.96rem;font-weight:600;text-align:left;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.dropdownTrigger:hover,.dropdownTrigger:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 4px #276fbf1f}.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{position:absolute;inset:calc(100% + 8px) 0 auto;display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto;padding:8px;border:1px solid var(--card-border);border-radius:18px;background:#fff;box-shadow:0 22px 30px #1d2e4429;z-index:10}.dropdownItem{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;padding:12px 14px;border:none;border-radius:14px;background:transparent;text-align:left;cursor:pointer;transition:background-color .16s ease,transform .16s ease}.dropdownItem:hover{background:var(--brand-soft);transform:translate(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{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 24px;border-bottom:1px solid #e6ecf3;background:linear-gradient(180deg,#fbfdff,#f6f9fc)}.tabs{display:flex;align-items:center;gap:8px}.tab{border:none;border-radius:999px;padding:10px 16px;background:transparent;color:var(--text-muted);font-size:.94rem;font-weight:700;cursor:pointer;transition:background-color .2s ease,color .2s ease}.tab:hover{color:var(--brand-dark)}.tab.active{background:var(--brand-soft);color:var(--brand-dark)}.secondaryTextButton{border:none;padding:0;background:none;color:var(--brand-dark);font-size:.92rem;font-weight:700;cursor:pointer}.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{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:18px}.panelTitle{margin:0;color:var(--text-strong);font-size:1rem;font-weight:700}.lifetimeStatsPanel{padding:24px;border-bottom:1px solid #e6ecf3;background:linear-gradient(180deg,#fcfeff,#f7fbff)}.lifetimeStatsHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.compactGhostBtn{padding:10px 14px;font-size:.84rem}.lifetimeStatsGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.compactPanel{min-height:148px}.summaryStatValue{margin:10px 0 0;color:var(--text-strong);font-size:clamp(1.9rem,3vw,2.4rem);font-weight:800;line-height:1.05}.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{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 16px;border:1px solid #e7edf4;border-radius:16px;background:#fbfdff}.pill{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-size:.9rem;font-weight:700}.phonemePill{min-width:60px}.lessonsTab,.summaryTab{min-height:320px}.noData{margin:0;padding:22px;border:1px dashed #c5d1de;border-radius:18px;color:var(--text-muted);background:#fbfdff}.lessonReviewLayout{display:grid;grid-template-columns:minmax(320px,.92fr) minmax(0,1.48fr);gap:18px;align-items:start}.lessonListCard,.lessonDetailShell{min-width:0}.lessonListCard{position:sticky;top:18px;display:flex;flex-direction:column;max-height:calc(100vh - 36px)}.lessonListHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.lessonCountPill,.objectiveNumberBadge,.flaggedTag{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:8px 12px;border-radius:999px;font-size:.82rem;font-weight:700}.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{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid #e7edf4;border-radius:18px;background:#fbfdff;width:100%;text-align:left;cursor:pointer;appearance:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.lessonListRow:hover{border-color:#bfd2e8;box-shadow:0 10px 18px #1d2e4414;transform:translateY(-1px)}.lessonListRow:focus-visible{outline:3px solid rgba(39,111,191,.28);outline-offset:2px;border-color:var(--brand)}.lessonListRow.selected{border-color:var(--brand);background:linear-gradient(180deg,#fff,#f3f8ff);box-shadow:0 12px 24px #276fbf24}.lessonRowCopy{min-width:0}.lessonRowTitle{margin:0;color:var(--text-strong);font-size:1rem;font-weight:700}.lessonRowMeta{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:10px}.lessonAccuracyText{min-width:50px;color:var(--text-strong);font-size:.96rem;font-weight:800;text-align:right}.reviewLessonButton{display:inline-flex;align-items:center;justify-content:center;min-width:102px;padding:10px 14px;border-radius:999px;border:1px solid var(--card-border);background:#fff;color:var(--text-strong);font-size:.86rem;font-weight:700}.lessonResultBadge{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:7px 12px;border-radius:999px;border:1px solid transparent;font-size:.82rem;font-weight:700;white-space:nowrap}.lessonResultBadge--pass{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.lessonResultBadge--fail{background:var(--danger-bg);color:var(--danger-text);border-color:var(--danger-border)}.lessonResultBadge--pending{background:var(--warning-bg);color:var(--warning-text);border-color:var(--warning-border)}.lessonDetailShell{padding-bottom:8px}.lessonDetailHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.lessonDetailStatusGroup{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.flaggedTag{background:#276fbf1f;color:var(--brand-dark)}.summaryGrid{display:grid;gap:18px}.summaryGrid--focused{grid-template-columns:minmax(0,1.35fr) minmax(300px,.95fr)}.summaryOverviewHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.summaryStatsGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.summaryStatCard{padding:18px;border:1px solid #e7edf4;border-radius:18px;background:#fbfdff}.summaryProgressHeader{margin-bottom:0}.progressBlock{display:flex;flex-direction:column;gap:18px}.progressNumbers{display:flex;align-items:baseline;gap:8px;color:var(--text-strong)}.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{position:relative;width:100%;height:14px;border-radius:999px;background:#e7edf4;overflow:hidden}.progressFill{position:absolute;inset:0 auto 0 0;border-radius:inherit;background:linear-gradient(90deg,#2b6cb0,#276fbf 55%,#5fb0ae)}.progressSummary{display:flex;flex-direction:column;gap:8px}.confirmExitPopup{position:fixed;top:50%;left:50%;width:min(92vw,380px);padding:22px;border:1px solid var(--card-border);border-radius:20px;background:#fff;box-shadow:0 28px 46px #1d2e4433;transform:translate(-50%,-50%);z-index:30}.confirmExitPopup p{margin:0 0 10px;color:var(--text-body)}.confirmExitPopup div{display:flex;justify-content:flex-end;gap:10px;margin-top:18px}.confirmExitBtn,.cancelExitBtn{border:none;border-radius:999px;padding:10px 16px;font-size:.9rem;font-weight:700;cursor:pointer}.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,.summaryGrid--focused,.lifetimeStatsGrid{grid-template-columns:1fr}.lifetimeListCard{grid-column:auto}.lessonListCard{position:static;max-height:none}}@media(max-width:900px){.heroMetaRow,.summaryStatsGrid{grid-template-columns:1fr}.objectiveSectionHeader,.tabsBar,.lessonListHeader,.lessonDetailHeader,.summaryOverviewHeader,.lifetimeStatsHeader{flex-direction:column;align-items:stretch}.customDropdown{width:100%}}@media(max-width:720px){.individualStudentPage{padding:16px 12px 28px}.studentHeroCard,.objectiveSection,.tabContent,.lifetimeStatsPanel,.panelCard{padding:18px}.heroIdentity,.lessonListRow{flex-direction:column;align-items:flex-start}.lessonRowMeta{justify-content:flex-start;width:100%}.reviewLessonButton{width:100%}.tabs{flex-wrap:wrap}}@media(max-width:520px){.ghostBtn,.dropdownTrigger,.tab,.tabs{width:100%}.tabsBar{align-items:stretch}.lessonAccuracyText{text-align:left}}.ticketsContainer{width:100%;margin:auto}.ticketInfoContainer{width:100%;margin-bottom:5px}.ticketMainInfo{display:flex;justify-content:space-between;width:100%;background-color:#fff;border:2px solid black;padding:0 10px;border-radius:4px}.ticketMainInfo:hover{cursor:pointer;background-color:#f5f5f5}.ticketDescription{width:95%;background-color:#fff;display:flex;border:1px solid black;border-top:none;margin:auto;padding:10px}.ticketDescription p{margin:0}.ticketInfoRow{padding:0 0 10px;display:flex;align-items:baseline}.ticketInfoTitle{font-weight:700;font-size:20px;margin:0;min-width:15%}.ticketIssue{font-weight:700}.statusContainer{display:flex;flex-direction:row-reverse;align-items:center;font-weight:700}.statusColor{border:1px solid black;height:10px;width:10px;border-radius:50%;margin-right:5px}.supportPageHeader{padding:4px 2px 20px;border-bottom:1px solid rgba(15,23,42,.08)}.supportPageHeader h1{font-size:clamp(26px,2.75vw,36px);font-weight:700;color:var(--color-soft-black);margin:0 0 6px;letter-spacing:-.03em}.supportPageHeader p{margin:0;font-size:14px;color:#6b7280}.supportLayout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:1.5rem;align-items:start}.formContainer{background-color:var(--color-white);border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;padding:24px}.formContainer h2,.formContainer p.supportSubtitle{display:none}.supportForm{display:flex;flex-direction:column;gap:16px}.supportFormHeader{padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:4px}.supportFormHeader h2{font-size:16px;font-weight:600;margin:0;color:var(--color-soft-black);display:block}.modernRow{display:flex;gap:12px}.modernInputGroup{flex:1;display:flex;flex-direction:column;gap:5px}.modernInputGroup label{font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.supportFormInput{border:1.5px solid #e5e7eb;border-radius:8px;padding:10px 14px;font-size:14px;background:#f9fafb;color:var(--color-soft-black);font-family:inherit;transition:border-color .2s ease,box-shadow .2s ease;outline:none;width:100%;box-sizing:border-box}.supportFormInput:focus{border-color:var(--color-blue);background:var(--color-white);box-shadow:0 0 0 3px var(--color-faded-blue)}.supportFormInput::placeholder{color:#b0b0b0}.supportTextArea{min-height:120px;resize:vertical}.formSubmitButton.modernSubmitBtn{background:var(--color-secondary-blue);color:var(--color-white);border:2px solid var(--color-secondary-blue);border-radius:8px;padding:10px 0;font-size:15px;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .2s ease;font-family:inherit}.formSubmitButton.modernSubmitBtn:hover{background:var(--color-dark-blue);border-color:var(--color-dark-blue);transform:translateY(-1px)}.statusMessage.modernStatus{margin:0;text-align:center;font-size:13px;font-weight:500;color:var(--color-blue)}.ticketsModernContainer{background-color:var(--color-white);border-radius:16px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;padding:24px;max-height:80vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db transparent}.ticketsModernContainer::-webkit-scrollbar{width:4px}.ticketsModernContainer::-webkit-scrollbar-thumb{background-color:#d1d5db;border-radius:2px}.ticketsHeaderRow{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.06);margin-bottom:16px}.ticketsHeaderRow h2{font-size:16px;font-weight:600;margin:0;color:var(--color-soft-black)}.ticketsFilterDropdown{display:flex;align-items:center;gap:8px;font-size:12px;color:#6b7280;font-weight:500}.ticketsDropdown{padding:6px 10px;border-radius:8px;border:1.5px solid #e5e7eb;font-size:13px;background:#f9fafb;color:var(--color-soft-black);font-family:inherit;outline:none;cursor:pointer}.ticketsDropdown:focus{border-color:var(--color-blue);box-shadow:0 0 0 3px var(--color-faded-blue)}.ticketsCategoryList{display:flex;flex-direction:column;gap:4px}.ticketsCategorySection{margin-bottom:8px}.ticketsCategoryTitle{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;margin:0 0 8px}.ticketsEmpty{color:#9ca3af;font-size:13px;margin:0 0 8px}.ticketCard{border-radius:10px;margin-bottom:8px;background:#f9fafb;border:1px solid #e5e7eb;border-left:4px solid var(--color-blue);transition:box-shadow .2s ease;overflow:hidden}.ticketCard.open{box-shadow:0 4px 12px #00000014}.ticketCardHeader{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;cursor:pointer;gap:12px}.ticketCardHeader:hover{background:#f3f4f6}.ticketFeature{font-size:13px;font-weight:600;color:var(--color-soft-black);margin-right:8px}.ticketStatusBadge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;color:var(--color-white);font-size:11px;font-weight:600;letter-spacing:.03em}.ticketExpand{font-size:13px;color:#9ca3af;flex-shrink:0}.ticketCardBody{padding:12px 14px 14px;border-top:1px solid #e5e7eb;background:var(--color-white);display:flex;flex-direction:column;gap:8px}.ticketInfoRow{display:flex;gap:8px;font-size:13px;color:var(--color-soft-black)}.ticketInfoLabel{font-weight:600;color:#6b7280;min-width:100px;flex-shrink:0}@media(max-width:1024px){.supportLayout{grid-template-columns:1fr}.ticketsModernContainer{max-height:none}}@media(max-width:600px){.modernRow{flex-direction:column}}body[data-theme=dark] .formContainer,body[data-theme=dark] .ticketsModernContainer{background-color:var(--color-dark-bg-alt);color:var(--color-dark-text);box-shadow:var(--color-dark-shadow)}body[data-theme=dark] .supportPageHeader h1,body[data-theme=dark] .ticketsHeaderRow h2,body[data-theme=dark] .supportFormHeader h2{color:var(--color-dark-text)}body[data-theme=dark] .supportPageHeader p,body[data-theme=dark] .ticketsFilterDropdown{color:var(--color-dark-text-muted)}body[data-theme=dark] .supportFormInput,body[data-theme=dark] .ticketsDropdown{background:var(--color-dark-bg);color:var(--color-dark-text);border-color:var(--color-dark-border)}body[data-theme=dark] .supportFormInput:focus,body[data-theme=dark] .ticketsDropdown:focus{border-color:var(--color-dark-accent);box-shadow:0 0 0 3px #276fbf26}body[data-theme=dark] .formSubmitButton.modernSubmitBtn{background:var(--color-dark-blue);border-color:var(--color-dark-blue)}body[data-theme=dark] .ticketCard{background:var(--color-dark-bg-hover);border-color:var(--color-dark-border);color:var(--color-dark-text)}body[data-theme=dark] .ticketCardHeader:hover{background:var(--color-dark-bg)}body[data-theme=dark] .ticketCardBody{background:var(--color-dark-bg-alt);border-top-color:var(--color-dark-border)}body[data-theme=dark] .ticketFeature{color:var(--color-dark-text)}body[data-theme=dark] .ticketInfoLabel{color:var(--color-dark-text-muted)}body[data-theme=dark] .ticketInfoRow{color:var(--color-dark-text)}body[data-theme=dark] .ticketsCategoryTitle,body[data-theme=dark] .ticketsEmpty{color:var(--color-dark-text-muted)}.teacherDashLayout{position:relative;min-height:100dvh;background-color:var(--color-background-gray)}.teacherDashLayoutContent{width:min(98%,1720px);max-width:1720px;margin:auto;padding:0 12px 40px;box-sizing:border-box;background-color:var(--color-background-gray)}.teacher-dash-outlet{display:grid;gap:1.5rem;margin-top:50px;padding:0 1.5rem;width:100%;box-sizing:border-box}.teacherWelcomeInfo{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:12px;margin:0;padding:4px 2px 20px;border-bottom:1px solid rgba(15,23,42,.08)}.teacherWelcomeInfo h1{font-size:clamp(26px,2.75vw,36px);font-weight:700;color:var(--color-soft-black);margin:0;letter-spacing:-.03em}.teacherWelcomeInfo p{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#6b7280;margin:0;padding:8px 12px;border-radius:999px;background:#ffffffb3;border:1px solid rgba(148,163,184,.2);box-shadow:0 10px 30px #0f172a0a}.teacherWelcomeInfo b{font-size:14px;color:var(--color-blue);font-weight:600;background:var(--color-faded-blue);padding:6px 12px;border-radius:999px}.babbleboardStatDash{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:1.5rem;margin-bottom:0;align-items:start;min-height:540px}.babbleboardSideRail{display:grid;gap:1.5rem;grid-template-rows:auto auto;height:100%}.babbleboardStatDash>*,.babbleboardSideRail>*,.class-data>*{min-width:0;max-width:100%}.class-data{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,360px);gap:1.5rem;margin-bottom:0;align-items:stretch}.class-charts-container{min-width:0;height:100%}.class-phoneme-container{background-color:var(--color-white);border-radius:12px;box-shadow:0 1px 3px #00000014,0 4px 12px #0000000d;height:420px;overflow-y:auto;scrollbar-width:thin}.upgrade{position:relative}.blurred-phonemes{filter:blur(10px);opacity:.5;pointer-events:none}.upgrade-overlay{position:absolute;text-align:center;height:90%;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:5;padding:20px}.upgrade-overlay h2{margin-bottom:10px;font-size:18px;color:var(--color-soft-black)}.upgrade-overlay p{margin-bottom:16px;color:#6b7280;line-height:1.4;font-size:13px}.upgrade-overlay .upgrade-link{background:linear-gradient(135deg,var(--color-blue) 0%,var(--color-dark-blue) 100%);color:#fff;padding:10px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s ease;box-shadow:0 4px 12px #276fbf4d}.upgrade-overlay .upgrade-link:hover{transform:translateY(-2px);box-shadow:0 6px 16px #276fbf66}@media(max-width:1200px){.babbleboardStatDash{grid-template-columns:minmax(0,1fr) minmax(280px,340px)}.class-data{grid-template-columns:1fr}.class-phoneme-container{height:420px}}@media(max-width:1024px){.babbleboardStatDash,.babbleboardSideRail{grid-template-columns:1fr}.teacherDashLayoutContent{width:100%;padding:0 12px 24px}.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}.babbleboardStatDash,.babbleboardSideRail,.class-data{gap:1.5rem}}@media(max-width:480px){.teacher-dash-outlet{padding:1rem}}.babbleboard-nav{max-width:1720px;width:min(98%,1720px);position:sticky;top:24px;left:0;right:0;margin:0 auto;z-index:10;border-radius:50px;box-shadow:0 2px 8px #0000001a;background-color:#fff;padding:10px 0;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;font-family:Quicksand,sans-serif;transition:all .3s ease}.babbleboard-nav.scrolled{max-width:100%;width:100%;top:0;border-radius:0;background-color:#fffffffa;box-shadow:0 4px 12px #00000026}.babbleboard-nav_logo-container{display:flex;align-items:center;gap:10px;padding-left:20px}.babbleboard-nav_brand-link{text-decoration:none;color:inherit;cursor:pointer}.babbleboard-nav_brand-link:hover{text-decoration:none}.babbleboard-nav_logo-container h1{font-size:var(--font-size-title-desktop, 24px);color:var(--color-black);margin:0}.babbleboard-nav img{height:50px}.babbleboard-nav .babbleboard-nav_links{display:flex;align-items:center;gap:20px;padding-right:20px}.babbleboard-nav .babbleboard-nav_link{text-decoration:none;color:var(--color-black)}.babbleboard-nav .babbleboard-nav_link:hover{text-decoration:underline}.active-nav-link{padding-bottom:2px;font-weight:600;text-decoration:none;color:var(--color-blue, #2563eb)}.babbleboard-nav_link-with-icon{display:flex;align-items:center;gap:.3rem}.babbleboard-nav_link-with-icon+.active-nav-link{color:var(--color-blue, #2563eb)}.babbleboard-nav_dropdown-container{position:relative;display:inline-block;cursor:pointer}.babbleboard-nav_dropdown{position:absolute;top:100%;left:0;background:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 4px 16px #0000001a;min-width:140px;z-index:100;margin-top:.5rem;padding:.5rem 0}.babbleboard-nav_dropdown-link{display:block;padding:.6rem 1.2rem;color:#1e293b;text-decoration:none;font-size:1rem;transition:background .15s,color .15s}.babbleboard-nav_dropdown-link:hover{background:var(--color-faded-blue, #e0e7ff);color:var(--color-blue, #2563eb)}.babbleboard-nav_logout{text-decoration:none;background-color:var(--color-black);color:var(--color-white);padding:8px 16px;border-radius:30px;font-weight:700}.babbleboard-nav_logout:hover{background-color:#000c}.babbleboard-nav_hamburger{display:none}@media(max-width:950px){.babbleboard-nav .babbleboard-nav_links{display:none}.babbleboard-nav{border-radius:0;margin:0;top:0;width:100%;padding:10px;position:sticky}.babbleboard-nav_hamburger{display:block;padding:10px;height:24px;width:24px}.babbleboard-nav_mobile-menu{position:sticky;top:60px;width:100%;background-color:var(--color-white);border-top:1px solid rgba(0,0,0,.06);box-shadow:0 8px 24px #0000001f;padding:8px 0 16px;max-height:70vh;overflow-y:auto;z-index:9998}.babbleboard-nav_mobile-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px;z-index:8;width:90%;margin:auto}.babbleboard-nav_mobile-link{text-decoration:none;color:var(--color-black);font-size:18px;padding:12px 0}.babbleboard-nav_mobile-logout{text-decoration:none;background-color:var(--color-black);color:var(--color-white);border-radius:8px;align-self:center;width:100%;text-align:center;font-weight:700}}@media(max-width:450px){.babbleboard-nav_logo-container h1{display:none}}.legalDoc{margin:0;padding:30px 10%}.legalDoc h1{margin-top:0;color:var(--color-blue)}.ppContactList{margin-bottom:0}.sitemap{height:80vh;padding:30px}.sitemap p{font-size:20px}ul li a{text-decoration:none;color:#276fbf;font-weight:500}ul li a:hover{color:#aa4747}