.login-page{background:linear-gradient(160deg,#5bc8ff 0%,#42aaff 40%,#3d91f7 100%);justify-content:center;align-items:center;min-height:100vh;padding:32px 24px;display:flex;overflow-y:auto}.login-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#63b9ff6b;border-radius:38px;grid-template-columns:1.05fr .95fr;width:min(1100px,100%);min-height:620px;display:grid;overflow:hidden;box-shadow:0 32px 80px #00328238}.login-left{flex-direction:column;gap:28px;padding:36px;display:flex}.login-logo{width:90px;height:auto}.brand-panel{background:#64c3ff80;border-radius:28px;flex:1;justify-content:center;align-items:center;padding:32px;display:flex;box-shadow:inset 0 0 60px #ffffff2e}.big-logo{filter:drop-shadow(0 14px 26px #0003);width:min(400px,100%);height:auto}.login-right{flex-direction:column;align-items:center;padding:44px 52px 28px;display:flex}.mobile-full-logo{display:none}.login-copy{text-align:center;margin-bottom:28px}.eyebrow{color:#1e2f7a;margin:0 0 4px;font-size:20px;font-weight:800}.login-copy h1{color:#1a2e6e;letter-spacing:-.02em;margin:0 0 6px;font-size:clamp(30px,3.8vw,44px);font-weight:900;line-height:1.05}.subtitle{color:#1e3a7a;margin:0;font-size:18px;font-weight:500}.google-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:#272e82;border:none;border-radius:18px;justify-content:center;align-items:center;gap:16px;width:min(360px,100%);min-height:68px;font-size:19px;font-weight:800;transition:transform .18s,box-shadow .18s,opacity .18s;display:flex;box-shadow:0 16px 32px #1e288252}.google-btn:hover{transform:translateY(-3px);box-shadow:0 22px 40px #1e288266}.google-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.google-icon-img{object-fit:contain;background:#fff;border-radius:50%;flex-shrink:0;width:36px;height:36px;padding:4px}.divider{color:#1e3a7a;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;width:min(360px,100%);margin:18px 0;font-size:14px;font-weight:700;display:grid}.divider p{margin:0}.divider span{background:#1e388c3d;height:1.5px;display:block}.auth-form{flex-direction:column;gap:12px;width:min(360px,100%);display:flex}.auth-form input{color:#17235a;background:#fffffff0;border:2px solid #1e328c29;border-radius:16px;outline:none;min-height:56px;padding:0 18px;font-family:inherit;font-size:16px;transition:border-color .18s,background .18s}.auth-form input:focus{background:#fff;border-color:#272e82}.auth-form input::placeholder{color:#7a9cc0}.primary-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:#272e82;border:none;border-radius:16px;min-height:58px;font-family:inherit;font-size:18px;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 14px 28px #1e288247}.primary-btn:hover{transform:translateY(-3px);box-shadow:0 20px 36px #1e28825c}.primary-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-error{color:#c0392b;background:#ffffffe6;border-radius:12px;margin:0;padding:10px 14px;font-size:14px;font-weight:600}.switch-text{color:#1e3a7a;text-align:center;margin:16px 0 4px;font-size:14px}.switch-text button{color:#1a2e6e;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;font-size:14px;font-weight:900;text-decoration:underline}.privacy-text{color:#1e3a7aa6;text-align:center;margin:2px 0 0;font-size:13px}.mascot-area{justify-content:flex-end;align-items:flex-end;gap:10px;width:min(360px,100%);margin-top:14px;display:flex}.mascot{flex-shrink:0;width:85px;height:auto}.speech-bubble{color:#17235a;text-align:center;background:#fff;border-radius:18px 18px 18px 4px;max-width:155px;margin-bottom:96px;padding:5px 6px;font-size:13px;font-weight:800;line-height:1.35;position:relative;box-shadow:0 8px 20px #0000001f}.login-privacy-text{font-size:12px}.login-policy-link{color:#272e82;text-underline-offset:3px;font-weight:900;text-decoration:underline}@media (width<=820px){.login-page{align-items:flex-start;padding:20px 16px}.login-card{min-height:unset;border-radius:28px;grid-template-columns:1fr}.login-left{display:none}.login-right{padding:40px 28px 32px}.google-btn,.auth-form,.divider,.mascot-area{width:100%;max-width:400px}}@media (width<=480px){.login-page{background:linear-gradient(#5bc8ff 0%,#3d91f7 100%);padding:12px}.login-card{border-radius:24px;box-shadow:0 20px 50px #00328233}.login-right{padding:32px 20px 24px}.eyebrow{font-size:17px}.login-copy h1{font-size:28px}.subtitle{font-size:15px}.login-copy{margin-bottom:20px}.google-btn{border-radius:14px;gap:12px;min-height:60px;font-size:16px}.google-icon-img{width:30px;height:30px}.auth-form input{border-radius:13px;min-height:50px;font-size:15px}.primary-btn{border-radius:13px;min-height:52px;font-size:16px}.mascot{width:72px}.speech-bubble{max-width:138px;padding:10px 12px;font-size:12px}.divider{margin:14px 0}}@media (width<=820px){.login-page{justify-content:center;align-items:center;min-height:100dvh;padding:12px;overflow-y:auto}.login-card{border-radius:28px;justify-content:center;align-items:center;width:100%;max-width:430px;height:auto;min-height:calc(100dvh - 24px);display:flex}.login-left{display:none}.login-right{justify-content:center;width:100%;min-height:calc(100dvh - 24px);padding:34px 22px}.login-copy{margin-bottom:22px}.google-btn,.auth-form,.divider,.mascot-area{width:100%;max-width:360px}.mascot-area{justify-content:center;margin-top:20px}.mobile-full-logo{filter:drop-shadow(0 10px 18px #0000002e);width:min(220px,70%);height:auto;margin:0 auto 22px;display:block}.login-privacy-text{font-size:8px}}@media (width<=480px){.login-page{padding:0}.login-card{max-width:none;min-height:100dvh;box-shadow:none;background:#63b9ff61;border-radius:0}.login-right{min-height:100dvh;padding:32px 22px}.eyebrow{font-size:17px}.login-copy h1{font-size:30px}.subtitle{font-size:15px}.google-btn{min-height:58px;font-size:15px}.auth-form input{min-height:50px;font-size:14px}.primary-btn{min-height:52px;font-size:16px}.switch-text{font-size:13px}.privacy-text{font-size:12px}.mascot{width:90px}.speech-bubble{max-width:135px;padding:9px 11px;font-size:11px}}.learner-page{background:linear-gradient(160deg,#5bc8ff 0%,#42aaff 40%,#3d91f7 100%);justify-content:center;align-items:center;min-height:100dvh;padding:32px 24px;display:flex;overflow-y:auto}.learner-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#63b9ff6b;border-radius:38px;grid-template-columns:.9fr 1.1fr;width:min(1100px,100%);min-height:640px;display:grid;overflow:hidden;box-shadow:0 32px 80px #00328238}.learner-left{flex-direction:column;justify-content:space-between;padding:38px;display:flex}.learner-small-logo{width:100px;height:auto}.professor-block{align-items:center;gap:18px;display:flex}.learner-professor{filter:drop-shadow(0 14px 26px #0000002e);width:210px;height:auto}.professor-bubble{color:#17235a;background:#fff;border-radius:22px 22px 22px 6px;max-width:230px;margin-bottom:200px;padding:18px 20px;font-size:15px;font-weight:800;line-height:1.35;position:relative;box-shadow:0 14px 30px #0000001f}.learner-right{flex-direction:column;justify-content:center;padding:46px 56px;display:flex}.learner-mobile-logo{display:none}.learner-heading{text-align:center;margin-bottom:26px}.learner-heading p{color:#1e2f7a;margin:0 0 4px;font-size:20px;font-weight:800}.learner-heading h1{color:#1a2e6e;letter-spacing:-.03em;margin:0 0 8px;font-size:clamp(32px,4vw,46px);font-weight:900;line-height:1.05}.learner-heading span{color:#1e3a7a;font-size:16px}.learner-loading{text-align:center;color:#1e3a7a;font-weight:800}.existing-learners{width:min(480px,100%);margin:0 auto 20px}.existing-learners h2{color:#1a2e6e;text-align:center;margin:0 0 12px;font-size:18px}.learner-list{gap:10px;display:grid}.learner-profile-btn img{object-fit:cover;background:#eaf6ff;border:3px solid #272e821f;border-radius:50%;flex-shrink:0;width:52px;height:52px}.learner-profile-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px #0032822e}.learner-profile-btn span{background:#eaf6ff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.learner-profile-btn strong{color:#17235a;font-size:16px;display:block}.learner-profile-btn small{color:#51709b;font-weight:700}.setup-divider{color:#1e3a7a;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:18px 0;font-size:13px;font-weight:800;display:grid}.setup-divider p{margin:0}.setup-divider span{background:#1e388c3d;height:1.5px}.learner-form{flex-direction:column;gap:16px;width:min(480px,100%);margin:0 auto;display:flex}.learner-form label{color:#1e3a7a;flex-direction:column;gap:7px;font-size:14px;font-weight:900;display:flex}.learner-form input,.learner-form select{color:#17235a;background:#fffffff0;border:2px solid #1e328c29;border-radius:16px;outline:none;min-height:56px;padding:0 18px;font-family:inherit;font-size:16px}.learner-form input:focus,.learner-form select:focus{background:#fff;border-color:#272e82}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.avatar-section{background:#fff3;border-radius:18px;padding:16px}.avatar-section p{color:#1e3a7a;margin:0 0 12px;font-size:14px;font-weight:900}.avatar-grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}.avatar-btn{aspect-ratio:1;cursor:pointer;background:#ffffffeb;border:3px solid #0000;border-radius:50%;place-items:center;transition:transform .18s,border-color .18s,box-shadow .18s;display:grid;overflow:hidden}.avatar-btn img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.avatar-btn:hover{transform:translateY(-2px)}.avatar-btn.selected{background:#fff;border-color:#272e82;box-shadow:0 10px 22px #1e288238}.learner-error{color:#c0392b;background:#ffffffe6;border-radius:12px;margin:0;padding:10px 14px;font-size:14px;font-weight:700}.create-learner-btn{color:#fff;cursor:pointer;background:#272e82;border:none;border-radius:16px;min-height:58px;font-size:18px;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 14px 28px #1e288247}.create-learner-btn:hover{transform:translateY(-3px);box-shadow:0 20px 36px #1e28825c}.create-learner-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.professor-message{flex-direction:column;align-items:flex-start;gap:14px;display:flex}.mobile-audio-guide{justify-content:center;margin:-8px 0 22px;display:none}@media (width<=900px){.learner-page{padding:12px}.learner-card{border-radius:28px;grid-template-columns:1fr;width:100%;max-width:460px;min-height:calc(100dvh - 24px)}.learner-left{display:none}.learner-right{padding:34px 22px}.learner-mobile-logo{filter:drop-shadow(0 10px 18px #0000002e);width:min(210px,72%);height:auto;margin:0 auto 20px;display:block}.avatar-grid{grid-template-columns:repeat(3,1fr)}.mobile-audio-guide{display:flex}}@media (width<=480px){.learner-page{padding:0}.learner-card{max-width:none;min-height:100dvh;box-shadow:none;border-radius:0}.learner-right{justify-content:center;min-height:100dvh;padding:30px 20px}.learner-heading p{font-size:17px}.learner-heading h1{font-size:30px}.learner-heading span{font-size:14px}.form-row{grid-template-columns:1fr}.learner-form input,.learner-form select{min-height:50px;font-size:15px}.create-learner-btn{min-height:52px;font-size:16px}}.learner-parent-home-btn{color:#272e82;cursor:pointer;background:#fff;border:none;border-radius:999px;min-height:44px;margin-bottom:20px;padding:0 18px;font-weight:900;box-shadow:0 10px 22px #00328224}@media (width<=760px){.learner-parent-home-btn{border-radius:16px;width:100%}}.audio-btn{color:#fff;cursor:pointer;background:#272e82;border:none;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:44px;margin-bottom:12px;padding:0 18px;font-size:14px;font-weight:900;transition:transform .18s,opacity .18s;display:inline-flex;box-shadow:0 12px 24px #1e28823d}.audio-btn:hover{transform:translateY(-2px)}.audio-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.audio-icon{object-fit:contain;flex-shrink:0;width:22px;height:22px}.audio-btn.compact .audio-icon{width:18px;height:18px}.audio-label{color:#fff;margin:0;font-weight:900;line-height:1}.audio-btn.compact{border-radius:50%;width:34px;height:34px;min-height:34px;padding:0}.app-navbar{z-index:50;background:#ffffff2e;flex-direction:column;gap:34px;min-height:100dvh;padding:30px 22px;display:flex}.app-navbar-top{justify-content:space-between;align-items:center;display:flex}.app-navbar-logo{width:105px;height:auto}.nav-close-btn{display:none}.app-nav-links{flex-direction:column;gap:12px;display:flex}.app-nav-link{color:#1e3a7a;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:8px;min-height:48px;padding:0 14px;font-family:inherit;font-size:15px;font-weight:900;text-decoration:none;display:flex}.app-nav-link.active,.app-nav-link:hover:not(.disabled){background:#ffffff52}.app-nav-link.disabled{opacity:.45;cursor:not-allowed}.mobile-menu-btn,.nav-backdrop{display:none}.app-nav-icon{object-fit:contain;flex-shrink:0;width:22px;height:22px}@media (width<=980px){.mobile-menu-btn{z-index:90;cursor:pointer;background:#fff;border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:48px;height:48px;display:flex;position:fixed;top:18px;left:18px;box-shadow:0 12px 28px #0032822e}.mobile-menu-btn.open{display:none}.mobile-menu-btn span{background:#272e82;border-radius:999px;width:22px;height:3px;display:block}.nav-backdrop{z-index:75;cursor:pointer;background:#0f194647;border:none;display:block;position:fixed;inset:0}.app-navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:80;background:#74c7fff5;width:270px;max-width:82vw;min-height:100dvh;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-110%);box-shadow:24px 0 55px #00328238}.app-navbar.open{transform:translate(0)}.nav-close-btn{color:#272e82;cursor:pointer;background:#fff;border:none;border-radius:12px;place-items:center;width:38px;height:38px;font-size:26px;font-weight:900;display:grid}.app-navbar-logo{width:98px}}.app-footer{color:#1a2e6e;width:100%;padding:18px 34px 26px}.app-footer-inner{background:#ffffffc7;border-radius:22px;justify-content:center;align-items:center;gap:10px;width:100%;height:60px;padding:0 20px;display:flex;box-shadow:0 10px 24px #00328214}.app-footer-inner p{color:#31558c;margin:0;font-size:14px;font-weight:900}.tts-footer-link{justify-content:center;align-items:center;transition:transform .2s,opacity .2s;display:inline-flex}.tts-footer-link:hover{opacity:.88;transform:translateY(-1px)}.tts-footer-logo{object-fit:contain;width:150px;height:auto;display:block}@media (width<=980px){.app-footer{padding:14px 26px 24px}}@media (width<=600px){.app-footer{padding:14px 18px 22px}.app-footer-inner{text-align:center;border-radius:18px;gap:8px;height:40px}.app-footer-inner p{font-size:7px}.tts-footer-logo{width:80px}}.app-layout{background:#3da0f5;min-height:100dvh;display:flex}.app-layout-content{flex-direction:column;flex:1;min-width:0;display:flex}.app-layout-main{flex:1;min-width:0}@media (width<=980px){.app-layout{grid-template-columns:1fr}}.loading-screen{color:#17235a;background:linear-gradient(160deg,#5bc8ff 0%,#42aaff 40%,#3d91f7 100%);place-items:center;width:100%;min-height:100dvh;padding:24px;display:grid}.loading-screen.inside-layout{background:0 0;min-height:100dvh}.loading-card{text-align:center;background:#ffffff38;border-radius:30px;padding:36px 42px;box-shadow:0 24px 70px #00377829}.loading-card img{filter:drop-shadow(0 12px 22px #00000024);width:min(230px,75vw);height:auto;margin-bottom:18px}.loading-card p{color:#1a2e6e;margin:14px 0 0;font-size:16px;font-weight:900}.loading-dots{justify-content:center;gap:8px;display:flex}.loading-dots span{background:#272e82;border-radius:50%;width:10px;height:10px;animation:.9s ease-in-out infinite loadingBounce}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes loadingBounce{0%,80%,to{opacity:.45;transform:scale(.7)}40%{opacity:1;transform:scale(1)}}@media (width<=480px){.loading-card{border-radius:26px;width:100%;padding:32px 22px}.loading-card p{font-size:15px}}.dashboard-main{color:#17235a;flex-direction:column;min-height:100dvh;padding:34px;display:flex;overflow-y:auto}.dashboard-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;display:flex}.dashboard-eyebrow{color:#1e2f7a;margin:0 0 4px;font-size:17px;font-weight:900}.dashboard-header h1{color:#1a2e6e;letter-spacing:-.03em;margin:0 0 6px;font-size:clamp(30px,4vw,46px);line-height:1.05}.dashboard-header span{color:#1e3a7a;font-weight:700}.switch-learner-btn{color:#272e82;cursor:pointer;background:#fff;border:none;border-radius:999px;min-height:44px;padding:0 18px;font-weight:900;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 22px #00328224}.switch-learner-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px #0032822e}.hero-card{background:#ffffff3d;border-radius:28px;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-bottom:20px;padding:22px;display:grid}.hero-left{align-items:center;gap:18px;display:flex}.hero-avatar{object-fit:cover;background:#fff;border:4px solid #ffffffb8;border-radius:50%;flex-shrink:0;width:86px;height:86px}.hero-left p,.learning-card p{color:#1e3a7a;margin:0 0 6px;font-size:14px;font-weight:900}.hero-left h2,.learning-card h2,.progress-card h2,.word-preview-card h2{color:#1a2e6e;margin:0 0 6px}.hero-left>div>span,.learning-card>div>span{color:#31558c;font-weight:700}.hero-right{align-items:center;gap:14px;display:flex}.hero-professor{filter:drop-shadow(0 10px 18px #00000029);width:110px;height:auto}.hero-bubble{background:#fff;border-radius:18px 18px 18px 6px;margin-bottom:100px;padding:10px;box-shadow:0 12px 26px #0000001f}.hero-bubble strong{color:#17235a;margin-bottom:12px;line-height:1.3;display:block}.stats-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.stat-card{background:#ffffffbf;border-radius:22px;padding:18px;box-shadow:0 10px 24px #0032821a}.stat-icon{object-fit:contain;width:32px;height:32px;display:block}.stat-card p{color:#31558c;margin:8px 0 4px;font-size:13px;font-weight:800}.stat-card h3{color:#1a2e6e;margin:0;font-size:24px}.dashboard-content-grid{grid-template-columns:1.15fr .85fr;gap:18px;margin-bottom:20px;display:grid}.learning-card,.progress-card,.word-preview-card{background:#ffffffbf;border-radius:26px;padding:22px;box-shadow:0 10px 24px #0032821a}.learning-card{justify-content:space-between;align-items:center;gap:22px;display:flex}.learning-actions{flex-direction:column;gap:12px;min-width:190px;display:flex}.continue-btn{color:#fff;cursor:pointer;background:#a8cf35;border:none;border-radius:16px;min-height:50px;font-size:15px;font-weight:900;transition:transform .18s,box-shadow .18s;box-shadow:0 12px 24px #5578142e}.continue-btn:hover{transform:translateY(-2px);box-shadow:0 16px 28px #55781442}.progress-card h2,.word-preview-card h2{margin-bottom:16px}.progress-row{border-bottom:1px solid #1e388c1f;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.progress-row:last-child{border-bottom:none}.progress-row span{color:#31558c;font-weight:800}.progress-row strong{color:#1a2e6e;font-size:18px}.word-preview-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.word-preview-header h2,.word-preview-header p{margin:0}.word-preview-header p{color:#31558c;font-weight:800}.word-preview-list{grid-template-columns:repeat(5,1fr);gap:12px;display:grid}.word-chip{text-align:center;background:#eaf6ff;border-radius:18px;padding:12px}.word-chip img{aspect-ratio:1;object-fit:cover;background:#fff;border-radius:16px;width:100%;margin-bottom:8px}.word-chip span{color:#1a2e6e;font-weight:900}@media (width<=980px){.dashboard-main{padding:84px 26px 26px}.switch-learner-btn{z-index:65;border-radius:16px;min-height:48px;padding:0 16px;font-size:13px;position:fixed;top:18px;right:18px}}@media (width<=760px){.hero-card{order:1}.dashboard-header{order:2}.stats-grid{order:3}.dashboard-content-grid{order:4}.word-preview-card{order:5}.dashboard-header{flex-direction:column;margin-bottom:14px}.dashboard-header h1{font-size:30px}.hero-card{grid-template-columns:1fr;margin-bottom:18px;padding:16px}.hero-left{text-align:left;flex-direction:row;align-items:center}.hero-avatar{border-width:3px;width:66px;height:66px}.hero-left p{margin-bottom:3px;font-size:12px}.hero-left h2{margin-bottom:3px;font-size:20px}.hero-left>div>span{font-size:13px}.hero-right{flex-direction:row;justify-content:flex-end;align-items:center;gap:10px}.hero-professor{width:auto;height:200px;position:relative;bottom:-20px}.hero-bubble{max-width:15px;padding:10px 12px}.hero-bubble strong{margin-bottom:8px;font-size:12px;line-height:1.25}.stats-grid{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:10px;margin-bottom:18px;padding:2px 0 12px;display:flex;overflow-x:auto}.stats-grid::-webkit-scrollbar{display:none}.stat-card{scroll-snap-align:start;border-radius:18px;min-width:118px;padding:12px}.stat-icon{width:24px;height:24px}.stat-card p{margin:6px 0 3px;font-size:11px}.stat-card h3{font-size:18px}.dashboard-content-grid{grid-template-columns:1fr}.learning-card{flex-direction:column;align-items:stretch}.learning-actions{min-width:0}.word-preview-header{flex-direction:column;align-items:flex-start;gap:4px}.word-preview-list{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:12px;padding:2px 2px 12px;display:flex;overflow-x:auto}.word-preview-list::-webkit-scrollbar{display:none}.word-chip{scroll-snap-align:start;flex:0 0 135px;min-width:135px}}@media (width<=430px){.dashboard-main{padding:84px 18px 22px}.dashboard-eyebrow{font-size:14px}.dashboard-header h1{font-size:28px}.dashboard-header span{font-size:13px}.switch-learner-btn{white-space:nowrap;max-width:150px}.hero-left{gap:12px}.hero-avatar{width:60px;height:60px}.hero-left h2{font-size:18px}.hero-right{justify-content:center}.hero-professor{width:72px}.hero-bubble{max-width:145px}.stat-card{min-width:108px}.word-chip{flex-basis:128px;min-width:128px}}.learn-page{color:#17235a;min-height:100dvh;padding:34px}.learn-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.learn-eyebrow{color:#1e2f7a;margin:0 0 4px;font-size:17px;font-weight:900}.learn-header h1{color:#1a2e6e;letter-spacing:-.03em;margin:0 0 6px;font-size:clamp(30px,4vw,46px);line-height:1.05}.learn-header span{color:#1e3a7a;font-weight:800}.learn-dashboard-btn{color:#272e82;cursor:pointer;background:#fff;border:none;border-radius:999px;min-height:44px;padding:0 18px;font-weight:900;box-shadow:0 10px 22px #00328224}.learn-intro-card{background:#ffffff3d;border-radius:28px;grid-template-columns:auto 1fr;align-items:center;gap:22px;margin-bottom:20px;padding:18px 22px;display:grid}.learn-professor-wrap{align-items:center;gap:12px;display:flex}.learn-professor{filter:drop-shadow(0 10px 18px #00000029);width:86px;height:auto}.learn-speech-bubble{background:#fff;border-radius:18px 18px 18px 6px;max-width:180px;padding:12px;box-shadow:0 12px 26px #0000001f}.learn-speech-bubble strong{color:#17235a;margin-bottom:8px;font-size:13px;line-height:1.25;display:block}.learn-progress-wrap{width:100%}.learn-progress-text{color:#1a2e6e;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:900;display:flex}.learn-progress-bar{background:#ffffff80;border-radius:999px;width:100%;height:14px;overflow:hidden}.learn-progress-bar div{background:#a8cf35;border-radius:999px;height:100%;transition:width .25s}.word-learning-card{grid-template-columns:.9fr 1.1fr;align-items:stretch;gap:22px;margin-bottom:20px;display:grid}.word-image-panel,.word-info-panel{background:#ffffffe6;border-radius:28px;box-shadow:0 10px 24px #0032821a}.word-image-panel{place-items:center;padding:22px;display:grid}.word-image-panel img{object-fit:contain;background:#eaf6ff;border-radius:24px;width:100%;max-height:480px}.missing-word-image{color:#31558c;background:#eaf6ff;border-radius:24px;place-items:center;width:100%;min-height:360px;font-weight:900;display:grid}.word-info-panel{flex-direction:column;gap:14px;padding:24px;display:flex}.word-title-row{background:#eaf6ff;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;padding:18px;display:flex}.word-title-row p{color:#31558c;margin:0 0 4px;font-size:14px;font-weight:900}.word-title-row h2{color:#1a2e6e;letter-spacing:-.04em;margin:0;font-size:clamp(38px,6vw,70px);line-height:1}.learn-section-card{background:#5bc8ff1f;border:1px solid #1e388c14;border-radius:20px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.learn-section-card p{color:#31558c;margin:0 0 6px;font-size:13px;font-weight:900}.learn-section-card h3{color:#17235a;margin:0;font-size:17px;line-height:1.35}.learn-section-card.story{align-items:flex-start}.word-navigation-card{background:#ffffff3d;border-radius:26px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px;display:grid}.primary-word-btn,.secondary-word-btn{cursor:pointer;border:none;border-radius:16px;min-height:50px;padding:0 20px;font-size:15px;font-weight:900;transition:transform .18s,opacity .18s}.primary-word-btn{color:#fff;background:#a8cf35;box-shadow:0 12px 24px #5578142e}.secondary-word-btn{color:#272e82;background:#fff;box-shadow:0 10px 22px #0032821f}.primary-word-btn:hover,.secondary-word-btn:hover{transform:translateY(-2px)}.secondary-word-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.word-dots{justify-content:center;gap:8px;display:flex}.word-dot{cursor:pointer;background:#272e8247;border:none;border-radius:50%;width:11px;height:11px}.word-dot.active{background:#272e82;transform:scale(1.25)}.learn-center-state{text-align:center;color:#17235a;place-items:center;min-height:100dvh;padding:34px;display:grid}.learn-center-state img{width:220px;margin-bottom:18px}.learn-center-state h1{color:#1a2e6e;margin:0 0 10px}.learn-center-state p{color:#1a2e6e;font-weight:900}.learn-center-state button{color:#fff;cursor:pointer;background:#272e82;border:none;border-radius:14px;min-height:46px;padding:0 18px;font-weight:900}@media (width<=980px){.learn-page{padding:84px 26px 26px}.learn-dashboard-btn{z-index:65;border-radius:16px;min-height:48px;padding:0 16px;font-size:13px;position:fixed;top:18px;right:18px}}@media (width<=820px){.learn-header{flex-direction:column;margin-bottom:18px}.learn-intro-card{grid-template-columns:1fr}.learn-professor-wrap{justify-content:center}.word-learning-card{grid-template-columns:1fr}.word-image-panel img{max-height:330px}.missing-word-image{min-height:260px}.word-navigation-card{grid-template-columns:1fr}.word-dots{order:-1}.primary-word-btn,.secondary-word-btn{width:100%}}@media (width<=480px){.learn-page{padding:84px 18px 22px}.learn-eyebrow{font-size:14px}.learn-header h1{font-size:29px}.learn-header span{font-size:13px}.learn-dashboard-btn{white-space:nowrap;max-width:155px}.learn-intro-card{border-radius:24px;padding:15px}.learn-professor{width:72px}.learn-speech-bubble{max-width:150px;padding:10px}.learn-speech-bubble strong{font-size:12px}.word-image-panel,.word-info-panel{border-radius:24px}.word-image-panel{padding:16px}.word-title-row{flex-direction:column;align-items:flex-start}.word-title-row h2{font-size:42px}.learn-section-card{grid-template-columns:1fr auto;padding:14px}.learn-section-card h3{font-size:15px}}.picture-page{color:#17235a;min-height:100dvh;padding:34px}.picture-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.picture-eyebrow{color:#1e2f7a;margin:0 0 4px;font-size:17px;font-weight:900}.picture-header h1{color:#1a2e6e;letter-spacing:-.03em;margin:0 0 6px;font-size:clamp(30px,4vw,46px);line-height:1.05}.picture-header span{color:#1e3a7a;font-weight:800}.picture-dashboard-btn{color:#272e82;cursor:pointer;background:#fff;border:none;border-radius:999px;min-height:44px;padding:0 18px;font-weight:900;box-shadow:0 10px 22px #00328224}.picture-intro-card{background:#ffffff3d;border-radius:28px;grid-template-columns:auto 1fr;align-items:center;gap:22px;margin-bottom:20px;padding:18px 22px;display:grid}.picture-professor-wrap{align-items:center;gap:12px;display:flex}.picture-professor{filter:drop-shadow(0 10px 18px #00000029);width:86px;height:auto}.picture-speech-bubble{background:#fff;border-radius:18px 18px 18px 6px;max-width:190px;padding:12px;box-shadow:0 12px 26px #0000001f}.picture-speech-bubble strong{color:#17235a;margin-bottom:8px;font-size:13px;line-height:1.25;display:block}.picture-progress-wrap{width:100%}.picture-progress-text{color:#1a2e6e;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:900;display:flex}.picture-progress-bar{background:#ffffff80;border-radius:999px;width:100%;height:14px;overflow:hidden}.picture-progress-bar div{background:#a8cf35;border-radius:999px;height:100%;transition:width .25s}.picture-question-card{grid-template-columns:.85fr 1.15fr;gap:22px;margin-bottom:20px;display:grid}.picture-question-left,.picture-options-grid{background:#ffffffe6;border-radius:28px;box-shadow:0 10px 24px #0032821a}.picture-question-left{flex-direction:column;gap:16px;padding:24px;display:flex}.picture-question-left>p{color:#31558c;margin:0;font-weight:900}.spoken-word-card{background:#eaf6ff;border-radius:24px;padding:22px}.spoken-word-card h2{color:#1a2e6e;letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(42px,6vw,74px);line-height:1}.feedback-card{border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.feedback-card h3{color:#17235a;margin:0 0 4px}.feedback-card p{color:#31558c;margin:0;font-weight:800;line-height:1.35}.feedback-card.correct{background:#a8cf3538;border:2px solid #a8cf3573}.feedback-card.wrong{background:#ffffffb8;border:2px solid #ff787859}.picture-options-grid{grid-template-columns:repeat(2,1fr);gap:18px;padding:22px;display:grid}.picture-option{cursor:pointer;background:#eaf6ff;border:4px solid #0000;border-radius:24px;min-height:210px;padding:12px;transition:transform .18s,border-color .18s,box-shadow .18s}.picture-option:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 16px 30px #00328224}.picture-option img{object-fit:contain;border-radius:18px;width:100%;height:100%;max-height:230px;display:block}.picture-option.correct{background:#a8cf3533;border-color:#a8cf35}.picture-option.wrong{background:#ff7b7b29;border-color:#ff7b7b}.picture-option:disabled{cursor:default}.missing-choice-image{color:#31558c;place-items:center;min-height:180px;font-weight:900;display:grid}.picture-navigation-card{background:#ffffff3d;border-radius:26px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px;display:grid}.primary-picture-btn,.secondary-picture-btn{cursor:pointer;border:none;border-radius:16px;min-height:50px;padding:0 20px;font-size:15px;font-weight:900;transition:transform .18s,opacity .18s}.primary-picture-btn{color:#fff;background:#a8cf35;box-shadow:0 12px 24px #5578142e}.secondary-picture-btn{color:#272e82;background:#fff;box-shadow:0 10px 22px #0032821f}.primary-picture-btn:hover,.secondary-picture-btn:hover{transform:translateY(-2px)}.primary-picture-btn:disabled,.secondary-picture-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.picture-score{text-align:center;color:#1a2e6e}.picture-score span{color:#31558c;font-size:13px;font-weight:900;display:block}.picture-score strong{font-size:22px;font-weight:900}.picture-center-state{text-align:center;color:#17235a;place-items:center;min-height:100dvh;padding:34px;display:grid}.picture-center-state img{width:220px;margin-bottom:18px}.picture-center-state h1{color:#1a2e6e;margin:0 0 10px}.picture-center-state p{color:#1a2e6e;font-weight:900}.picture-center-state button{color:#fff;cursor:pointer;background:#272e82;border:none;border-radius:14px;min-height:46px;padding:0 18px;font-weight:900}@media (width<=980px){.picture-page{padding:84px 26px 26px}.picture-dashboard-btn{z-index:65;border-radius:16px;min-height:48px;padding:0 16px;font-size:13px;position:fixed;top:18px;right:18px}}@media (width<=820px){.picture-header{flex-direction:column;margin-bottom:18px}.picture-intro-card{grid-template-columns:1fr}.picture-professor-wrap{justify-content:center}.picture-question-card{grid-template-columns:1fr}.picture-options-grid{grid-template-columns:repeat(2,1fr)}.picture-navigation-card{grid-template-columns:1fr}.picture-score{order:-1}.primary-picture-btn,.secondary-picture-btn{width:100%}}@media (width<=480px){.picture-page{padding:84px 18px 22px}.picture-eyebrow{font-size:14px}.picture-header h1{font-size:29px}.picture-header span{font-size:13px}.picture-dashboard-btn{white-space:nowrap;max-width:155px}.picture-intro-card{border-radius:24px;padding:15px}.picture-professor{width:72px}.picture-speech-bubble{max-width:155px;padding:10px}.picture-speech-bubble strong{font-size:12px}.picture-question-left,.picture-options-grid{border-radius:24px}.picture-question-left{padding:18px}.spoken-word-card{border-radius:22px;padding:18px}.spoken-word-card h2{font-size:42px}.picture-options-grid{gap:12px;padding:14px}.picture-option{border-radius:20px;min-height:145px;padding:8px}.picture-option img{max-height:150px}}.sentence-page{color:#17235a;min-height:100dvh;padding:34px}.sentence-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.sentence-eyebrow{color:#1e2f7a;margin:0 0 4px;font-size:17px;font-weight:900}.sentence-header h1{color:#1a2e6e;letter-spacing:-.03em;margin:0 0 6px;font-size:clamp(30px,4vw,46px);line-height:1.05}.sentence-header span{color:#1e3a7a;font-weight:800}.sentence-dashboard-btn{color:#272e82;cursor:pointer;background:#fff;border:none;border-radius:999px;min-height:44px;padding:0 18px;font-weight:900;box-shadow:0 10px 22px #00328224}.sentence-intro-card{background:#ffffff3d;border-radius:28px;grid-template-columns:auto 1fr;align-items:center;gap:22px;margin-bottom:20px;padding:18px 22px;display:grid}.sentence-professor-wrap{align-items:center;gap:12px;display:flex}.sentence-professor{filter:drop-shadow(0 10px 18px #00000029);width:86px;height:auto}.sentence-speech-bubble{background:#fff;border-radius:18px 18px 18px 6px;max-width:190px;padding:12px;box-shadow:0 12px 26px #0000001f}.sentence-speech-bubble strong{color:#17235a;margin-bottom:8px;font-size:13px;line-height:1.25;display:block}.sentence-progress-wrap{width:100%}.sentence-progress-text{color:#1a2e6e;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:900;display:flex}.sentence-progress-bar{background:#ffffff80;border-radius:999px;width:100%;height:14px;overflow:hidden}.sentence-progress-bar div{background:#a8cf35;border-radius:999px;height:100%;transition:width .25s}.sentence-question-card{grid-template-columns:.85fr 1.15fr;gap:22px;margin-bottom:20px;display:grid}.sentence-image-panel,.sentence-main-panel{background:#ffffffe6;border-radius:28px;box-shadow:0 10px 24px #0032821a}.sentence-image-panel{place-items:center;padding:22px;display:grid}.sentence-image-panel img{object-fit:contain;background:#eaf6ff;border-radius:24px;width:100%;max-height:430px}.missing-sentence-image{color:#31558c;background:#eaf6ff;border-radius:24px;place-items:center;width:100%;min-height:320px;font-weight:900;display:grid}.sentence-main-panel{flex-direction:column;gap:16px;padding:24px;display:flex}.sentence-card{background:#eaf6ff;border-radius:24px;padding:22px}.sentence-card p{color:#31558c;margin:0 0 8px;font-size:14px;font-weight:900}.sentence-card h2{color:#1a2e6e;letter-spacing:-.03em;margin:0 0 18px;font-size:clamp(26px,4vw,42px);line-height:1.16}.sentence-options-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.sentence-option{color:#1a2e6e;cursor:pointer;background:#fff;border:3px solid #0000;border-radius:18px;min-height:58px;font-size:18px;font-weight:900;transition:transform .18s,border-color .18s;box-shadow:0 10px 22px #00328214}.sentence-option:hover:not(:disabled){transform:translateY(-2px)}.sentence-option.correct{background:#a8cf3533;border-color:#a8cf35}.sentence-option.wrong{background:#ff7b7b29;border-color:#ff7b7b}.sentence-option:disabled{cursor:default}.sentence-feedback-card{border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.sentence-feedback-card h3{color:#17235a;margin:0 0 4px}.sentence-feedback-card p{color:#31558c;margin:0;font-weight:800;line-height:1.35}.sentence-feedback-card.correct{background:#a8cf3538;border:2px solid #a8cf3573}.sentence-feedback-card.wrong{background:#ffffffb8;border:2px solid #ff787859}.sentence-navigation-card{background:#ffffff3d;border-radius:26px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px;display:grid}.primary-sentence-btn,.secondary-sentence-btn{cursor:pointer;border:none;border-radius:16px;min-height:50px;padding:0 20px;font-size:15px;font-weight:900;transition:transform .18s,opacity .18s}.primary-sentence-btn{color:#fff;background:#a8cf35;box-shadow:0 12px 24px #5578142e}.secondary-sentence-btn{color:#272e82;background:#fff;box-shadow:0 10px 22px #0032821f}.primary-sentence-btn:hover,.secondary-sentence-btn:hover{transform:translateY(-2px)}.primary-sentence-btn:disabled,.secondary-sentence-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.sentence-score{text-align:center;color:#1a2e6e}.sentence-score span{color:#31558c;font-size:13px;font-weight:900;display:block}.sentence-score strong{font-size:22px;font-weight:900}.sentence-center-state{text-align:center;color:#17235a;place-items:center;min-height:100dvh;padding:34px;display:grid}.sentence-center-state img{width:220px;margin-bottom:18px}.sentence-center-state h1{color:#1a2e6e;margin:0 0 10px}.sentence-center-state p{color:#1a2e6e;font-weight:900}.sentence-center-state button{color:#fff;cursor:pointer;background:#272e82;border:none;border-radius:14px;min-height:46px;padding:0 18px;font-weight:900}@media (width<=980px){.sentence-page{padding:84px 26px 26px}.sentence-dashboard-btn{z-index:65;border-radius:16px;min-height:48px;padding:0 16px;font-size:13px;position:fixed;top:18px;right:18px}}@media (width<=820px){.sentence-header{flex-direction:column;margin-bottom:18px}.sentence-intro-card{grid-template-columns:1fr}.sentence-professor-wrap{justify-content:center}.sentence-question-card,.sentence-navigation-card{grid-template-columns:1fr}.sentence-score{order:-1}.primary-sentence-btn,.secondary-sentence-btn{width:100%}}@media (width<=480px){.sentence-page{padding:84px 18px 22px}.sentence-eyebrow{font-size:14px}.sentence-header h1{font-size:29px}.sentence-header span{font-size:13px}.sentence-dashboard-btn{white-space:nowrap;max-width:155px}.sentence-intro-card{border-radius:24px;padding:15px}.sentence-professor{width:72px}.sentence-speech-bubble{max-width:155px;padding:10px}.sentence-speech-bubble strong{font-size:12px}.sentence-image-panel,.sentence-main-panel{border-radius:24px}.sentence-image-panel{padding:16px}.sentence-image-panel img{max-height:260px}.missing-sentence-image{min-height:230px}.sentence-main-panel{padding:18px}.sentence-card{border-radius:22px;padding:18px}.sentence-card h2{font-size:25px}.sentence-options-grid{grid-template-columns:1fr}.sentence-option{min-height:54px;font-size:16px}}.story-page{color:#17235a;min-height:100dvh;padding:34px}.story-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.story-eyebrow{color:#1e2f7a;margin:0 0 4px;font-size:17px;font-weight:900}.story-header h1{color:#1a2e6e;letter-spacing:-.03em;margin:0 0 6px;font-size:clamp(30px,4vw,46px);line-height:1.05}.story-header span{color:#1e3a7a;font-weight:800}.story-dashboard-btn{color:#272e82;cursor:pointer;background:#fff;border:none;border-radius:999px;min-height:44px;padding:0 18px;font-weight:900;box-shadow:0 10px 22px #00328224}.story-intro-card{background:#ffffff3d;border-radius:28px;grid-template-columns:auto 1fr;align-items:center;gap:22px;margin-bottom:20px;padding:18px 22px;display:grid}.story-professor-wrap{align-items:center;gap:12px;display:flex}.story-professor{filter:drop-shadow(0 10px 18px #00000029);width:86px;height:auto}.story-speech-bubble{background:#fff;border-radius:18px 18px 18px 6px;max-width:200px;padding:12px;box-shadow:0 12px 26px #0000001f}.story-speech-bubble strong{color:#17235a;margin-bottom:8px;font-size:13px;line-height:1.25;display:block}.story-progress-wrap{width:100%}.story-progress-text{color:#1a2e6e;justify-content:space-between;align-items:center;margin-bottom:8px;font-weight:900;display:flex}.story-progress-bar{background:#ffffff80;border-radius:999px;width:100%;height:14px;overflow:hidden}.story-progress-bar div{background:#a8cf35;border-radius:999px;height:100%;transition:width .25s}.story-main-card{grid-template-columns:.85fr 1.15fr;gap:22px;margin-bottom:20px;display:grid}.story-left-panel,.story-right-panel{background:#ffffffe6;border-radius:28px;box-shadow:0 10px 24px #0032821a}.story-left-panel{flex-direction:column;gap:16px;padding:22px;display:flex}.story-left-panel img{object-fit:contain;border-radius:24px;width:100%;max-height:420px}.missing-story-image{color:#31558c;background:#eaf6ff;border-radius:24px;place-items:center;width:100%;min-height:320px;font-weight:900;display:grid}.story-word-preview{background:#eaf6ff;border-radius:22px;padding:16px}.story-word-preview p{color:#31558c;margin:0 0 10px;font-size:14px;font-weight:900}.story-right-panel{flex-direction:column;gap:16px;padding:24px;display:flex}.story-card{background:#eaf6ff;border-radius:24px;padding:22px}.story-card p,.story-question-box p{color:#31558c;margin:0 0 8px;font-size:14px;font-weight:900}.story-card h2{color:#1a2e6e;letter-spacing:-.03em;margin:0;font-size:clamp(24px,4vw,38px);line-height:1.2}.story-question-box{background:#5bc8ff1f;border:1px solid #1e388c14;border-radius:22px;padding:16px}.story-options-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.story-option{color:#1a2e6e;cursor:pointer;background:#fff;border:3px solid #0000;border-radius:18px;min-height:58px;font-size:18px;font-weight:900;transition:transform .18s,border-color .18s;box-shadow:0 10px 22px #00328214}.story-option:hover:not(:disabled){transform:translateY(-2px)}.story-option.correct{background:#a8cf3533;border-color:#a8cf35}.story-option.wrong{background:#ff7b7b29;border-color:#ff7b7b}.story-option:disabled{cursor:default}.story-feedback-card{border-radius:22px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:16px;display:grid}.story-feedback-card h3{color:#17235a;margin:0 0 4px}.story-feedback-card p{color:#31558c;margin:0;font-weight:800;line-height:1.35}.story-feedback-card.correct{background:#a8cf3538;border:2px solid #a8cf3573}.story-feedback-card.wrong{background:#ffffffb8;border:2px solid #ff787859}.story-navigation-card{background:#ffffff3d;border-radius:26px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;padding:18px;display:grid}.primary-story-btn,.secondary-story-btn{cursor:pointer;border:none;border-radius:16px;min-height:50px;padding:0 20px;font-size:15px;font-weight:900;transition:transform .18s,opacity .18s}.primary-story-btn{color:#fff;background:#a8cf35;box-shadow:0 12px 24px #5578142e}.secondary-story-btn{color:#272e82;background:#fff;box-shadow:0 10px 22px #0032821f}.primary-story-btn:hover,.secondary-story-btn:hover{transform:translateY(-2px)}.primary-story-btn:disabled,.secondary-story-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.story-score{text-align:center;color:#1a2e6e}.story-score span{color:#31558c;font-size:13px;font-weight:900;display:block}.story-score strong{font-size:22px;font-weight:900}.story-center-state{text-align:center;color:#17235a;place-items:center;min-height:100dvh;padding:34px;display:grid}.story-center-state img{width:220px;margin-bottom:18px}.story-center-state h1{color:#1a2e6e;margin:0 0 10px}.story-center-state p{color:#1a2e6e;font-weight:900}.story-center-state button{color:#fff;cursor:pointer;background:#272e82;border:none;border-radius:14px;min-height:46px;padding:0 18px;font-weight:900}@media (width<=980px){.story-page{padding:84px 26px 26px}.story-dashboard-btn{z-index:65;border-radius:16px;min-height:48px;padding:0 16px;font-size:13px;position:fixed;top:18px;right:18px}}@media (width<=820px){.story-header{flex-direction:column;margin-bottom:18px}.story-intro-card{grid-template-columns:1fr}.story-professor-wrap{justify-content:center}.story-main-card,.story-navigation-card{grid-template-columns:1fr}.story-score{order:-1}.primary-story-btn,.secondary-story-btn{width:100%}}@media (width<=480px){.story-page{padding:84px 18px 22px}.story-eyebrow{font-size:14px}.story-header h1{font-size:29px}.story-header span{font-size:13px}.story-dashboard-btn{white-space:nowrap;max-width:155px}.story-intro-card{border-radius:24px;padding:15px}.story-professor{width:72px}.story-speech-bubble{max-width:160px;padding:10px}.story-speech-bubble strong{font-size:12px}.story-left-panel,.story-right-panel{border-radius:24px}.story-left-panel{padding:16px}.story-left-panel img{max-height:260px}.missing-story-image{min-height:230px}.story-right-panel{padding:18px}.story-card{border-radius:22px;padding:18px}.story-card h2{font-size:24px}.story-options-grid{grid-template-columns:1fr}.story-option{min-height:54px;font-size:16px}}.spelling-game-page,.spelling-results-page{color:#17235a;min-height:100dvh;padding:34px}.spelling-top-header,.results-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.spelling-eyebrow{color:#1e2f7a;margin:0 0 4px;font-size:17px;font-weight:900}.spelling-mode-label{align-items:center;gap:8px;display:inline-flex}.spelling-mode-label img{object-fit:contain;width:24px;height:24px}.spelling-top-header h1,.results-header h1{color:#1a2e6e;letter-spacing:-.03em;margin:0 0 6px;font-size:clamp(30px,4vw,46px);line-height:1.05}.spelling-top-header span,.results-header span{color:#1e3a7a;font-weight:800}.spelling-dashboard-btn{color:#272e82;cursor:pointer;background:#fff;border:none;border-radius:999px;min-height:44px;padding:0 18px;font-weight:900;box-shadow:0 10px 22px #00328224}.spelling-stage{background:#63b9ff59;border-radius:32px;grid-template-rows:1fr auto;gap:24px;min-height:560px;padding:34px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 60px #00328229}.spelling-stage.wrong-glow{background:linear-gradient(#ff32503d,#ff32503d),#63b9ff59}.spelling-stage.correct-glow{background:linear-gradient(#a8cf352e,#a8cf352e),#63b9ff59}.spelling-top-controls{display:contents}.spelling-timer-circle{text-align:center;background:#ffd84d;border:7px solid #17235a;border-radius:50%;place-items:center;width:84px;height:84px;display:grid;position:absolute;top:30px;left:34px;box-shadow:0 12px 28px #00328229}.spelling-timer-circle strong{color:#17235a;font-size:30px;line-height:.9;display:block}.spelling-timer-circle span{color:#17235a;margin-top:-12px;font-size:12px;font-weight:900;display:block}.spelling-professor-zone{justify-items:center;gap:8px;display:grid;position:absolute;top:28px;right:34px}.spelling-professor{filter:drop-shadow(0 12px 20px #00000029);width:120px;height:auto}.spelling-speech-bubble{background:#fff;border-radius:22px 22px 6px;place-items:center;width:62px;height:58px;padding:8px;display:grid;position:absolute;top:12px;right:112px;box-shadow:0 10px 22px #00000021}.spell-prompt-button{cursor:pointer;background:#272e82;border:none;border-radius:50%;place-items:center;width:42px;height:42px;transition:transform .18s,opacity .18s;display:grid;box-shadow:0 10px 20px #1e288238}.spell-prompt-button:hover:not(:disabled){transform:translateY(-2px)}.spell-prompt-button:disabled{opacity:.65;cursor:not-allowed}.spell-prompt-button img{object-fit:contain;width:22px;height:22px}.definition-button{color:#fff;cursor:pointer;background:#a8cf35;border:none;border-radius:14px;min-width:130px;min-height:44px;font-weight:900;box-shadow:0 12px 24px #5578142e}.spelling-word-area{text-align:center;place-self:center;width:min(680px,100%);margin-top:70px}.spelling-word-image-prompt{background:#ffffffa6;border-radius:24px;place-items:center;width:110px;height:110px;margin:0 auto 18px;padding:10px;display:grid;box-shadow:0 10px 24px #0032821f}.spelling-word-image-prompt img{object-fit:contain;border-radius:18px;width:100%;height:100%}.spelling-word-image-prompt span{color:#1a2e6e;font-size:16px;font-weight:900}.letter-slots{background:#ffffff29;border-radius:40px;justify-content:center;gap:22px;min-height:118px;padding:34px 42px;display:flex}.letter-slots span{color:#17235a;border-bottom:5px solid #17235a;place-items:center;width:62px;height:62px;font-size:38px;font-weight:900;line-height:1;display:grid}.letter-slots span.filled{color:#272e82}.definition-panel{text-align:left;background:#ffffffeb;border-radius:18px;width:min(560px,100%);margin:18px auto 0;padding:14px 18px;box-shadow:0 10px 24px #0032821f}.definition-panel strong{color:#1a2e6e;margin-bottom:4px;display:block}.definition-panel p{color:#31558c;margin:0;font-weight:800}.spelling-feedback-mini{border-radius:16px;align-items:center;gap:10px;width:fit-content;max-width:100%;margin:16px auto 0;padding:12px 14px;font-weight:900;display:inline-flex}.spelling-feedback-mini.correct{color:#1a2e6e;background:#a8cf3547}.spelling-feedback-mini.wrong{color:#b52828;background:#ffffffc7}.spelling-feedback-mini.neutral{color:#1a2e6e;background:#ffffffc7}.keyboard-panel{background:#ffffff1f;border-radius:4px;justify-self:center;width:min(760px,100%);padding:20px}.keyboard-row{justify-content:center;gap:12px;margin-bottom:12px;display:flex}.keyboard-row:last-child{margin-bottom:0}.keyboard-key{color:#fff;cursor:pointer;background:#a8cf35;border:none;border-radius:13px;width:54px;height:44px;font-size:18px;font-weight:900;transition:transform .15s,opacity .15s;box-shadow:0 8px 16px #55781429}.keyboard-key:hover:not(:disabled){transform:translateY(-2px)}.keyboard-key:disabled{opacity:.5;cursor:not-allowed}.keyboard-key.wide{width:145px}.submit-key{background:#a8cf35}.spelling-navigation-card{background:#ffffff3d;border-radius:26px;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;margin-top:18px;padding:18px;display:grid}.primary-spelling-btn,.secondary-spelling-btn{cursor:pointer;border:none;border-radius:16px;min-height:50px;padding:0 20px;font-size:15px;font-weight:900;transition:transform .18s,opacity .18s}.primary-spelling-btn{color:#fff;background:#a8cf35;box-shadow:0 12px 24px #5578142e}.secondary-spelling-btn{color:#272e82;background:#fff;box-shadow:0 10px 22px #0032821f}.primary-spelling-btn:hover,.secondary-spelling-btn:hover{transform:translateY(-2px)}.primary-spelling-btn:disabled,.secondary-spelling-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.spelling-score{text-align:center;color:#1a2e6e}.spelling-score span{color:#31558c;font-size:13px;font-weight:900;display:block}.spelling-score strong{font-size:22px;font-weight:900}.results-summary-grid{grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:20px;display:grid}.results-summary-grid article{background:#ffffffe6;border-radius:24px;padding:20px;box-shadow:0 10px 24px #0032821a}.results-summary-grid p{color:#31558c;margin:0 0 8px;font-weight:900}.results-summary-grid h2{color:#1a2e6e;margin:0;font-size:36px}.results-table-card{background:#ffffff42;border-radius:28px;margin-bottom:20px;padding:22px}.results-table-header,.results-table-row{grid-template-columns:1.3fr .7fr 1fr;align-items:center;gap:12px;display:grid}.results-table-header{color:#fff;background:#272e82bf;border-radius:14px;padding:12px 16px}.results-table-header h2{margin:0;font-size:15px}.results-table-row{color:#1a2e6e;border-bottom:1px solid #1e388c2e;padding:13px 16px;font-weight:900}.results-actions{justify-content:flex-end;gap:12px;display:flex}.spelling-center-state{text-align:center;color:#17235a;place-items:center;min-height:100dvh;padding:34px;display:grid}.spelling-center-state img{width:220px;margin-bottom:18px}.spelling-center-state h1{color:#1a2e6e;margin:0 0 10px}.spelling-center-state p{color:#1a2e6e;font-weight:900}.spelling-center-state button{color:#fff;cursor:pointer;background:#272e82;border:none;border-radius:14px;min-height:46px;padding:0 18px;font-weight:900}.completion-modal-backdrop,.review-modal-backdrop{z-index:120;background:#0f194661;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.completion-modal,.review-modal{text-align:center;background:#fffffff5;border-radius:32px;width:min(520px,100%);padding:30px;position:relative;box-shadow:0 30px 80px #00328247}.completion-professor{filter:drop-shadow(0 12px 22px #00000029);width:135px;height:auto;margin-bottom:12px}.completion-modal h2,.review-modal h2{color:#1a2e6e;margin:0 0 10px;font-size:34px;line-height:1.05}.completion-modal p,.review-modal p{color:#31558c;max-width:420px;margin:0 auto 18px;font-weight:800;line-height:1.45}.completion-actions{justify-content:center;gap:12px;margin-top:18px;display:flex}.review-close-btn{color:#272e82;cursor:pointer;background:#eaf6ff;border:none;border-radius:12px;width:38px;height:38px;font-size:25px;font-weight:900;position:absolute;top:14px;right:14px}.review-word-image{object-fit:contain;background:#eaf6ff;border-radius:26px;width:150px;height:150px;margin-bottom:14px;padding:12px}.review-audio-btn{color:#fff;cursor:pointer;background:#272e82;border:none;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 18px;font-weight:900;display:inline-flex;box-shadow:0 12px 24px #1e28823d}.review-audio-btn img{object-fit:contain;width:22px;height:22px}.review-audio-btn:disabled{opacity:.65;cursor:not-allowed}.review-action-cell{align-items:center;gap:10px;display:flex}.review-action-cell small{color:#b52828;font-size:12px;font-weight:900}.review-word-btn{color:#fff;cursor:pointer;background:#272e82;border:none;border-radius:999px;min-height:36px;padding:0 14px;font-weight:900}.spelling-intro-page{color:#17235a;place-items:center;min-height:100dvh;padding:34px;display:grid}.spelling-intro-card{text-align:center;background:#ffffffeb;border-radius:34px;width:min(720px,100%);padding:34px;box-shadow:0 24px 60px #0032822e}.spelling-intro-professor-wrap{width:fit-content;margin:0 auto 18px;position:relative}.spelling-intro-professor{filter:drop-shadow(0 16px 26px #00000029);width:190px;height:auto}.spelling-intro-bubble{background:#fff;border-radius:24px 24px 24px 6px;padding:10px;position:absolute;top:18px;right:-170px;box-shadow:0 12px 26px #0032822e}.spelling-intro-content{max-width:520px;margin:0 auto}.spelling-intro-content h1{color:#1a2e6e;letter-spacing:-.04em;margin:0 0 10px;font-size:clamp(34px,5vw,52px);line-height:1.02}.spelling-intro-content p{color:#31558c;margin:0;font-weight:800;line-height:1.45}.spelling-intro-actions{justify-content:center;gap:12px;margin-top:24px;display:flex}.spelling-intro-actions .primary-spelling-btn,.spelling-intro-actions .secondary-spelling-btn{min-width:170px}@media (width<=980px){.spelling-game-page,.spelling-results-page{padding:84px 26px 26px}.spelling-dashboard-btn{z-index:65;border-radius:16px;min-height:48px;padding:0 16px;font-size:13px;position:fixed;top:18px;right:18px}}@media (width<=760px){.spelling-game-page,.spelling-results-page{padding:84px 14px 18px}.spelling-top-header,.results-header{flex-direction:column;margin-bottom:14px}.spelling-top-header h1,.results-header h1{font-size:28px}.spelling-top-header span,.results-header span{font-size:12px}.spelling-mode-label img{width:22px;height:22px}.spelling-stage{border-radius:24px;flex-direction:column;gap:14px;min-height:auto;padding:16px 12px 18px;display:flex}.spelling-top-controls{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.spelling-timer-circle{border-width:5px;flex-shrink:0;width:58px;height:58px;margin:0;position:static}.spelling-timer-circle strong{font-size:22px}.spelling-timer-circle span{margin-top:-8px;font-size:10px}.spelling-professor-zone{flex:1;justify-content:flex-end;align-items:center;gap:7px;margin:0;display:flex;position:static}.spelling-professor{flex-shrink:0;width:50px}.spelling-speech-bubble{border-radius:16px 16px 16px 5px;flex-shrink:0;width:42px;height:42px;margin-bottom:60px;padding:5px;position:static}.spell-prompt-button{width:32px;height:32px}.spell-prompt-button img{width:17px;height:17px}.definition-button{border-radius:12px;min-width:84px;min-height:36px;padding:0 10px;font-size:11px}.spelling-word-area{width:100%;margin-top:0}.spelling-word-image-prompt{border-radius:20px;width:78px;height:78px;margin:0 auto 14px;padding:8px}.spelling-word-image-prompt img{border-radius:16px}.letter-slots{border-radius:28px;justify-content:center;gap:7px;width:100%;min-height:86px;padding:22px 10px;overflow-x:auto}.letter-slots span{border-bottom-width:4px;flex-shrink:0;width:34px;height:44px;font-size:24px}.definition-panel{border-radius:16px;margin-top:12px;padding:12px 14px}.definition-panel p{font-size:13px}.spelling-feedback-mini{border-radius:14px;justify-content:center;margin-top:12px;padding:10px 12px;font-size:12px}.keyboard-panel{border-radius:20px;width:100%;padding:12px 8px}.keyboard-row{gap:6px;margin-bottom:7px}.keyboard-key{border-radius:9px;width:31px;height:34px;font-size:12px}.keyboard-key.wide{width:96px;font-size:11px}.actions-row{gap:8px}.spelling-navigation-card{border-radius:22px;grid-template-columns:1fr;gap:10px;margin-top:12px;padding:12px}.spelling-score{order:-1}.spelling-score strong{font-size:20px}.primary-spelling-btn,.secondary-spelling-btn{border-radius:14px;width:100%;min-height:46px;font-size:13px}.results-summary-grid{grid-template-columns:1fr}.results-table-card{overflow-x:auto}.results-table-header,.results-table-row{min-width:520px}.results-actions{flex-direction:column}.spelling-intro-page{padding:84px 18px 22px}.spelling-intro-card{border-radius:30px;padding:28px 20px}.spelling-intro-professor-wrap{justify-content:center;align-items:flex-start;gap:10px;width:100%;margin:0 auto 18px;display:flex}.spelling-intro-professor{flex-shrink:0;width:150px}.spelling-intro-bubble{border-radius:20px 20px 20px 6px;flex-shrink:0;width:fit-content;margin:16px 0 0 -6px;padding:8px;position:static}.spelling-intro-content h1{font-size:34px}.spelling-intro-actions{flex-direction:column}.spelling-intro-actions .primary-spelling-btn,.spelling-intro-actions .secondary-spelling-btn{width:100%}}@media (width<=430px){.spelling-game-page,.spelling-results-page{padding:84px 10px 16px}.spelling-top-header h1,.results-header h1{font-size:26px}.spelling-stage{padding:14px 10px 16px}.spelling-timer-circle{width:54px;height:54px}.spelling-professor{width:46px}.spelling-speech-bubble{width:40px;height:40px}.definition-button{min-width:78px;font-size:10px}.spelling-word-image-prompt{width:72px;height:72px}.letter-slots{gap:6px;padding:20px 8px}.letter-slots span{width:30px;height:40px;font-size:22px}.keyboard-panel{padding:10px 7px}.keyboard-row{gap:5px}.keyboard-key{width:29px;height:32px;font-size:11px}.keyboard-key.wide{width:88px}.spelling-feedback-mini{flex-wrap:wrap;justify-content:center;font-size:13px}.spelling-intro-professor{width:128px}.spelling-intro-bubble{margin:12px 0 0 -8px;padding:7px}.spelling-intro-content h1{font-size:30px}}.progress-page{color:#17235a;min-height:100dvh;padding:34px}.progress-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.progress-eyebrow{color:#1e2f7a;margin:0 0 4px;font-size:17px;font-weight:900}.progress-header h1{color:#1a2e6e;letter-spacing:-.03em;margin:0 0 6px;font-size:clamp(30px,4vw,46px);line-height:1.05}.progress-header span{color:#1e3a7a;font-weight:800}.progress-dashboard-btn{color:#272e82;cursor:pointer;background:#fff;border:none;border-radius:999px;min-height:44px;padding:0 18px;font-weight:900;box-shadow:0 10px 22px #00328224}.progress-hero-card{background:#ffffff3d;border-radius:28px;grid-template-columns:1fr 1fr;align-items:center;gap:22px;margin-bottom:20px;padding:22px;display:grid}.progress-profile{align-items:center;gap:18px;display:flex}.progress-profile img{object-fit:cover;background:#fff;border:4px solid #ffffffb8;border-radius:50%;width:86px;height:86px}.progress-profile p,.section-heading p,.week-progress-text span{color:#31558c;margin:0;font-weight:800}.progress-profile h2{color:#1a2e6e;margin:4px 0;font-size:34px;line-height:1}.progress-profile span{color:#1e3a7a;font-weight:800}.week-progress-box{background:#ffffffad;border-radius:22px;padding:18px}.week-progress-text{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.week-progress-text strong{color:#1a2e6e;font-size:22px}.week-progress-bar{background:#272e821f;border-radius:999px;width:100%;height:14px;margin-bottom:14px;overflow:hidden}.week-progress-bar div{background:#a8cf35;border-radius:999px;height:100%}.week-progress-box button{color:#fff;cursor:pointer;background:#272e82;border:none;border-radius:16px;width:100%;min-height:48px;font-weight:900}.progress-stats-grid{grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px;display:grid}.progress-stats-grid article{background:#ffffffe6;border-radius:22px;padding:18px;box-shadow:0 10px 24px #0032821a}.progress-stats-grid img{object-fit:contain;width:32px;height:32px}.progress-stats-grid p{color:#31558c;margin:8px 0 4px;font-size:13px;font-weight:800}.progress-stats-grid h3{color:#1a2e6e;margin:0;font-size:26px}.weekly-words-card{background:#ffffffe6;border-radius:26px;margin-bottom:20px;padding:22px;box-shadow:0 10px 24px #0032821a}.weekly-words-grid{grid-template-columns:repeat(5,1fr);gap:14px;display:grid}.weekly-word-card{background:#eaf6ff;border-radius:20px;gap:10px;padding:14px;display:grid}.weekly-word-card img{object-fit:contain;background:#fff;border-radius:16px;width:100%;height:92px;padding:8px}.weekly-word-card strong{color:#1a2e6e;margin-bottom:4px;font-size:18px;display:block}.weekly-word-card span{color:#31558c;font-size:13px;font-weight:800;line-height:1.35}.weekly-word-card button{color:#fff;cursor:pointer;background:#272e82;border:none;border-radius:14px;min-height:40px;font-weight:900}.progress-main-grid{grid-template-columns:.95fr 1.05fr;gap:18px;margin-bottom:20px;display:grid}.learning-path-card,.review-words-card,.recent-sessions-card{background:#ffffffe6;border-radius:26px;padding:22px;box-shadow:0 10px 24px #0032821a}.day-path-list{gap:12px;display:grid}.day-path-item{background:#eaf6ff;border:2px solid #0000;border-radius:18px;align-items:center;gap:14px;padding:14px;display:flex}.day-path-item.current{border-color:#272e82}.day-path-item.completed{background:#a8cf352e}.day-number{color:#272e82;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.day-path-item strong{color:#1a2e6e;display:block}.day-path-item span{color:#31558c;font-size:13px;font-weight:800}.review-word-list{gap:12px;display:grid}.review-word-item{background:#eaf6ff;border-radius:18px;align-items:center;gap:12px;padding:12px;display:flex}.review-word-item img{object-fit:contain;background:#fff;border-radius:14px;width:58px;height:58px}.review-word-item strong{color:#1a2e6e;display:block}.review-word-item span{color:#31558c;font-size:13px;font-weight:800}.empty-review-state,.empty-sessions-state{text-align:center;background:#eaf6ff;border-radius:20px;padding:24px}.empty-review-state img{width:90px;height:auto;margin-bottom:10px}.empty-review-state p,.empty-sessions-state p{color:#31558c;margin:0;font-weight:900}.sessions-list{gap:12px;display:grid}.session-row{background:#eaf6ff;border-radius:18px;grid-template-columns:1.4fr .7fr .7fr .9fr;align-items:center;gap:12px;padding:14px;display:grid}.session-row strong{color:#1a2e6e;display:block}.session-row span{color:#31558c;font-size:13px;font-weight:800}.session-row p{color:#1a2e6e;margin:0;font-size:18px;font-weight:900}.parent-prompt-backdrop{z-index:130;background:#0f194661;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.parent-prompt-modal{text-align:center;background:#fffffffa;border-radius:32px;width:min(520px,100%);padding:30px;position:relative;box-shadow:0 30px 80px #00328247}.parent-prompt-close{color:#272e82;cursor:pointer;background:#eaf6ff;border:none;border-radius:12px;width:38px;height:38px;font-size:25px;font-weight:900;position:absolute;top:14px;right:14px}.parent-prompt-image{object-fit:contain;background:#eaf6ff;border-radius:26px;width:150px;height:150px;margin-bottom:14px;padding:12px}.parent-prompt-label{color:#31558c;text-transform:uppercase;letter-spacing:.08em;margin:0 0 6px;font-size:12px;font-weight:900}.parent-prompt-modal h2{color:#1a2e6e;margin:0 0 8px;font-size:34px}.parent-prompt-meaning{color:#31558c;margin:0 auto 18px;font-weight:800;line-height:1.4}.parent-prompt-box{text-align:left;background:#eaf6ff;border-radius:22px;padding:18px}.parent-prompt-box strong{color:#1a2e6e;margin-bottom:8px;display:block}.parent-prompt-box p{color:#31558c;margin:0;font-weight:800;line-height:1.45}.progress-center-state{text-align:center;color:#17235a;place-items:center;min-height:100dvh;padding:34px;display:grid}.progress-center-state img{width:220px;margin-bottom:18px}.progress-center-state h1{color:#1a2e6e;margin:0 0 10px}.progress-center-state p{color:#1a2e6e;font-weight:900}.progress-center-state button{color:#fff;cursor:pointer;background:#272e82;border:none;border-radius:14px;min-height:46px;padding:0 18px;font-weight:900}@media (width<=980px){.progress-page{padding:84px 26px 26px}.progress-dashboard-btn{z-index:65;border-radius:16px;min-height:48px;padding:0 16px;font-size:13px;position:fixed;top:18px;right:18px}.progress-stats-grid,.weekly-words-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=760px){.progress-header{flex-direction:column}.progress-header h1{font-size:30px}.progress-hero-card,.progress-main-grid{grid-template-columns:1fr}.progress-stats-grid{scroll-snap-type:x mandatory;gap:10px;padding-bottom:10px;display:flex;overflow-x:auto}.progress-stats-grid::-webkit-scrollbar{display:none}.progress-stats-grid article{scroll-snap-align:start;min-width:140px}.weekly-words-grid{scroll-snap-type:x mandatory;gap:12px;padding-bottom:10px;display:flex;overflow-x:auto}.weekly-words-grid::-webkit-scrollbar{display:none}.weekly-word-card{scroll-snap-align:start;min-width:180px}}@media (width<=430px){.progress-page{padding:84px 18px 22px}.progress-header h1{font-size:28px}.progress-header span{font-size:13px}.progress-profile{text-align:center;flex-direction:column}.progress-profile img{width:76px;height:76px}.progress-profile h2{font-size:28px}.learning-path-card,.review-words-card,.recent-sessions-card,.weekly-words-card{border-radius:24px;padding:18px}.review-word-item{align-items:flex-start}.parent-prompt-modal{border-radius:28px;padding:26px 20px}.parent-prompt-image{width:125px;height:125px}.parent-prompt-modal h2{font-size:30px}}@media (width<=760px){.recent-sessions-card{overflow:hidden}.sessions-list{padding-bottom:10px;overflow-x:auto}.sessions-list::-webkit-scrollbar{height:6px}.sessions-list::-webkit-scrollbar-thumb{background:#272e8240;border-radius:999px}.session-row{grid-template-columns:1.4fr .7fr .7fr .9fr;min-width:620px}}.parent-home-page{color:#17235a;min-height:100dvh;padding:34px}.parent-home-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:22px;display:flex}.parent-home-eyebrow{color:#1e2f7a;margin:0 0 4px;font-size:17px;font-weight:900}.parent-home-header h1{color:#1a2e6e;letter-spacing:-.04em;margin:0 0 6px;font-size:clamp(32px,4vw,50px);line-height:1.04}.parent-home-header span{color:#1e3a7a;font-weight:800}.parent-header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.parent-secondary-btn{color:#272e82;cursor:pointer;background:#fff;border:none;border-radius:999px;min-height:44px;padding:0 18px;font-weight:900;box-shadow:0 10px 22px #00328224}.parent-summary-grid{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.parent-summary-grid article{background:#ffffffe6;border-radius:22px;padding:18px;box-shadow:0 10px 24px #0032821a}.parent-summary-grid img{object-fit:contain;width:34px;height:34px}.parent-summary-grid p{color:#31558c;margin:8px 0 4px;font-size:13px;font-weight:800}.parent-summary-grid h2{color:#1a2e6e;margin:0;font-size:30px}.parent-controls-card{background:#ffffffb8;border-radius:26px;grid-template-columns:1fr 1.5fr 220px;align-items:end;gap:18px;margin-bottom:20px;padding:20px;display:grid;box-shadow:0 10px 24px #0032821a}.parent-search-box,.parent-filter-group,.parent-grade-filter{gap:8px;display:grid}.parent-search-box label,.parent-filter-group label,.parent-grade-filter label{color:#1a2e6e;font-size:13px;font-weight:900}.parent-search-box input,.parent-grade-filter select,.parent-danger-modal input{color:#1a2e6e;background:#fff;border:none;border-radius:14px;outline:none;width:100%;min-height:46px;padding:0 14px;font-weight:800;box-shadow:inset 0 0 0 2px #272e8214}.filter-pill-row{flex-wrap:wrap;gap:8px;display:flex}.filter-pill-row button{color:#272e82;cursor:pointer;background:#fff;border:none;border-radius:999px;min-height:38px;padding:0 14px;font-weight:900;box-shadow:0 8px 16px #00328214}.filter-pill-row button.active{color:#fff;background:#272e82}.children-section,.features-card,.account-danger-zone{background:#ffffffdb;border-radius:26px;margin-bottom:20px;padding:22px;box-shadow:0 10px 24px #0032821a}.section-heading{margin-bottom:16px}.section-heading h2{color:#1a2e6e;margin:0 0 4px}.section-heading p{color:#31558c;margin:0;font-weight:800}.children-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.child-card{background:#eaf6ff;border-radius:22px;gap:14px;padding:16px;display:grid}.child-card-top{align-items:center;gap:12px;display:flex}.child-card-top img{object-fit:cover;background:#fff;border:3px solid #ffffffe6;border-radius:50%;width:64px;height:64px}.child-card-top h3{color:#1a2e6e;margin:0 0 4px;font-size:22px}.child-card-top span{color:#31558c;font-size:13px;font-weight:800}.child-wordset-box{background:#ffffffb3;border-radius:16px;padding:12px}.child-wordset-box p{color:#31558c;margin:0 0 4px;font-size:12px;font-weight:900}.child-wordset-box strong{color:#1a2e6e}.child-progress-box{gap:8px;display:grid}.child-progress-box>div:first-child{color:#31558c;justify-content:space-between;font-weight:900;display:flex}.child-progress-box strong{color:#1a2e6e}.child-progress-bar{background:#272e821f;border-radius:999px;height:12px;overflow:hidden}.child-progress-bar div{background:#a8cf35;border-radius:999px;height:100%}.child-mini-stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.child-mini-stats article{background:#fff;border-radius:14px;padding:10px}.child-mini-stats p{color:#31558c;margin:0 0 5px;font-size:11px;font-weight:900}.child-mini-stats strong{color:#1a2e6e;font-size:14px}.child-actions{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.child-actions button,.empty-parent-state button{color:#fff;cursor:pointer;background:#272e82;border:none;border-radius:14px;min-height:42px;padding:0 10px;font-weight:900}.child-actions .delete-child-btn{background:#b52828}.empty-parent-state{text-align:center;background:#eaf6ff;border-radius:24px;padding:30px}.empty-parent-state img{width:110px;margin-bottom:10px}.empty-parent-state h3{color:#1a2e6e;margin:0 0 6px}.empty-parent-state p{color:#31558c;max-width:420px;margin:0 auto 18px;font-weight:800}.features-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.feature-list{flex-wrap:wrap;gap:10px;display:flex}.feature-list span{color:#1a2e6e;background:#eaf6ff;border-radius:999px;padding:9px 13px;font-size:13px;font-weight:900}.features-card.upcoming .feature-list span{background:#a8cf3533}.account-danger-zone{background:#ffffffb8;justify-content:space-between;align-items:center;gap:18px;display:flex}.account-danger-zone h2{color:#1a2e6e;margin:0 0 6px}.account-danger-zone p{color:#31558c;margin:0;font-weight:800}.account-danger-zone button{color:#fff;cursor:pointer;background:#b52828;border:none;border-radius:14px;flex-shrink:0;min-height:46px;padding:0 18px;font-weight:900}.parent-gate-page{color:#17235a;place-items:center;min-height:100dvh;padding:34px;display:grid}.parent-gate-card{text-align:center;background:#ffffffeb;border-radius:34px;width:min(560px,100%);padding:32px;box-shadow:0 24px 60px #0032822e}.parent-gate-logo{width:210px;margin-bottom:14px}.parent-gate-professor-wrap{justify-content:center;align-items:flex-start;gap:12px;margin-bottom:18px;display:flex}.parent-gate-professor{filter:drop-shadow(0 12px 22px #00000029);width:120px;height:auto}.parent-gate-bubble{text-align:left;background:#fff;border-radius:22px 22px 22px 6px;max-width:220px;margin-top:10px;padding:14px;box-shadow:0 12px 26px #0032822e}.parent-gate-bubble strong{color:#1a2e6e;margin-bottom:4px;display:block}.parent-gate-bubble span{color:#31558c;font-size:13px;font-weight:800}.parent-gate-card h1{color:#1a2e6e;margin:0 0 8px;font-size:38px}.parent-gate-card>p{color:#31558c;max-width:420px;margin:0 auto 20px;font-weight:800}.parent-pin-form{gap:12px;display:grid}.parent-pin-form input{color:#1a2e6e;text-align:center;letter-spacing:.3em;background:#eaf6ff;border:1px solid #272e82;border-radius:16px;outline:none;width:100%;min-height:54px;font-size:14px;font-weight:900}.parent-pin-form button{color:#fff;cursor:pointer;background:#a8cf35;border:none;border-radius:16px;min-height:50px;font-weight:900}.parent-pin-form button:disabled{opacity:.65;cursor:not-allowed}.parent-pin-error,.danger-error{color:#b52828;margin:0;font-weight:900}.parent-gate-secondary{color:#272e82;cursor:pointer;background:#fff;border:none;border-radius:16px;min-height:46px;margin-top:12px;padding:0 18px;font-weight:900;box-shadow:0 10px 22px #0032821f}.parent-modal-backdrop{z-index:140;background:#0f194661;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.parent-danger-modal{text-align:center;background:#fffffffa;border-radius:32px;width:min(560px,100%);padding:30px;position:relative;box-shadow:0 30px 80px #00328247}.parent-modal-close{color:#272e82;cursor:pointer;background:#eaf6ff;border:none;border-radius:12px;width:38px;height:38px;font-size:25px;font-weight:900;position:absolute;top:14px;right:14px}.delete-learner-avatar{object-fit:contain;background:#eaf6ff;border-radius:50%;width:110px;height:110px;margin-bottom:14px;padding:10px}.parent-danger-modal h2{color:#b52828;margin:0 0 8px;font-size:32px}.parent-danger-modal p{color:#31558c;max-width:430px;margin:0 auto 18px;font-weight:800;line-height:1.45}.parent-danger-modal label{text-align:left;color:#1a2e6e;gap:8px;margin-bottom:12px;font-weight:900;display:grid}.danger-actions{gap:12px;margin-top:18px;display:flex}.safe-btn,.danger-btn{cursor:pointer;border:none;border-radius:16px;flex:1;min-height:48px;font-weight:900}.safe-btn{color:#272e82;background:#eaf6ff}.danger-btn{color:#fff;background:#b52828}.safe-btn:disabled,.danger-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=980px){.parent-home-page{padding:84px 26px 26px}.parent-home-header{flex-direction:column}.parent-header-actions{justify-content:flex-start;width:100%}.parent-summary-grid{grid-template-columns:repeat(2,1fr)}.parent-controls-card,.children-grid,.features-grid{grid-template-columns:1fr}}@media (width<=760px){.parent-home-page{padding:84px 18px 22px}.parent-home-header h1{font-size:34px}.parent-summary-grid{scroll-snap-type:x mandatory;gap:10px;padding-bottom:10px;display:flex;overflow-x:auto}.parent-summary-grid::-webkit-scrollbar{display:none}.parent-summary-grid article{scroll-snap-align:start;min-width:150px}.child-actions{grid-template-columns:1fr 1fr}.child-mini-stats{grid-template-columns:1fr}.account-danger-zone{flex-direction:column;align-items:flex-start}.account-danger-zone button{width:100%}.danger-actions{flex-direction:column}}@media (width<=430px){.parent-home-page{padding:84px 14px 20px}.parent-home-header h1{font-size:30px}.parent-secondary-btn{border-radius:16px;width:100%}.parent-controls-card,.children-section,.features-card,.account-danger-zone{border-radius:24px;padding:18px}.child-card-top{align-items:flex-start}.child-card-top img{width:56px;height:56px}.child-card-top h3{font-size:20px}.child-actions{grid-template-columns:1fr}.parent-gate-page{padding:84px 18px 22px}.parent-gate-card{border-radius:30px;padding:26px 20px}.parent-gate-logo{width:180px}.parent-gate-professor{width:92px}.parent-gate-bubble{max-width:170px;padding:12px}.parent-gate-card h1{font-size:30px}.parent-danger-modal{border-radius:28px;padding:26px 20px}.parent-danger-modal h2{font-size:27px}}.parent-confirm-modal{text-align:center;background:#fffffffa;border-radius:32px;width:min(520px,100%);padding:30px;position:relative;box-shadow:0 30px 80px #00328247}.signout-professor{filter:drop-shadow(0 12px 22px #00000029);width:120px;height:auto;margin-bottom:14px}.parent-confirm-modal h2{color:#1a2e6e;margin:0 0 8px;font-size:32px}.parent-confirm-modal p{color:#31558c;max-width:420px;margin:0 auto 18px;font-weight:800;line-height:1.45}.confirm-signout-btn{color:#fff;cursor:pointer;background:#272e82;border:none;border-radius:16px;flex:1;min-height:48px;font-weight:900}.confirm-signout-btn:disabled{opacity:.6;cursor:not-allowed}@media (width<=430px){.parent-confirm-modal{border-radius:28px;padding:26px 20px}.parent-confirm-modal h2{font-size:28px}.signout-professor{width:100px}}.privacy-page{color:#17235a;background:#3da0f5;min-height:100dvh;padding:34px}.privacy-card{background:#fffffff0;border-radius:34px;width:min(980px,100%);margin:0 auto;padding:32px;box-shadow:0 24px 60px #0032822e}.privacy-header{border-bottom:2px solid #272e8214;align-items:center;gap:18px;margin-bottom:28px;padding-bottom:22px;display:flex}.privacy-logo{object-fit:contain;width:150px;height:auto}.privacy-header p{color:#1e2f7a;margin:0 0 4px;font-weight:900}.privacy-header h1{color:#1a2e6e;letter-spacing:-.04em;margin:0 0 6px;font-size:clamp(30px,4vw,46px);line-height:1.05}.privacy-header span{color:#31558c;font-weight:800}.privacy-content{gap:22px;display:grid}.privacy-content section{background:#eaf6ff;border-radius:22px;padding:20px}.privacy-content h2{color:#1a2e6e;margin:0 0 10px;font-size:22px}.privacy-content p{color:#31558c;margin:0;font-weight:750;line-height:1.65}.privacy-content ul{color:#31558c;margin:12px 0 0;padding-left:20px;font-weight:750;line-height:1.65}.privacy-contact-link{color:#fff;background:#272e82;border-radius:999px;justify-content:center;align-items:center;min-height:44px;margin-top:14px;padding:0 18px;font-weight:900;text-decoration:none;display:inline-flex}.privacy-actions{justify-content:center;margin-top:26px;display:flex}.privacy-actions a{color:#fff;background:#a8cf35;border-radius:999px;justify-content:center;align-items:center;min-height:46px;padding:0 22px;font-weight:900;text-decoration:none;display:inline-flex}@media (width<=700px){.privacy-page{padding:22px}.privacy-card{border-radius:28px;padding:24px}.privacy-header{flex-direction:column;align-items:flex-start}.privacy-logo{width:130px}.privacy-content section{border-radius:18px;padding:18px}}@media (width<=430px){.privacy-page{padding:16px}.privacy-card{padding:20px}.privacy-header h1{font-size:30px}.privacy-content h2{font-size:20px}}*{box-sizing:border-box}body{color:#17235a;background:#eff8ff;min-width:320px;min-height:100vh;margin:0;font-family:Inter,Arial,sans-serif}button,input{font-family:inherit}.app-loading,.coming-soon{color:#fff;text-align:center;background:linear-gradient(135deg,#48a9ff 0%,#64c7ff 55%,#3d91f7 100%);place-items:center;min-height:100vh;padding:24px;font-weight:800;display:grid}.coming-soon-card{color:#233892;background:#ffffffeb;border-radius:28px;width:min(560px,100%);padding:42px;box-shadow:0 24px 70px #00377838}.coming-soon-card h1{margin:0 0 12px;font-size:36px}.coming-soon-card p{color:#244b87;margin:0;line-height:1.6}