@charset "UTF-8";
:root{--navy:#171738;--navy-soft:#222247;--ink:#252541;--muted:#77788b;--line:#e8e9f0;--canvas:#f7f8fc;--white:#fff;--indigo:#6255ce;--indigo-light:#efedfb;--teal:#81ead4;--teal-dark:#187c69;--teal-light:#eaf8f3;--amber:#ac7944;--radius:16px;--shadow:0 4px 20px #22224404;--font:Tahoma,"Geeza Pro",Arial,sans-serif;--latin:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--canvas);font-family:var(--font);color:var(--ink);font-size:14px;line-height:1.8;-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.5}ul{margin:0;padding-inline-start:21px}strong{font-weight:700}button,input,a{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #a79bed}.icon{width:20px;height:20px;flex:none;vertical-align:middle;display:inline-block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;z-index:1000;top:-100px;right:30px;background:var(--navy);color:white;padding:12px 24px;border-radius:0 0 8px 8px}.skip-link:focus{top:0}.app-layout{min-height:100vh}.sidebar{width:246px;position:fixed;top:0;right:0;bottom:0;padding:34px 21px 18px;background:var(--navy);color:#bebed1;z-index:30;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:13px;flex:none}.brand-mark{width:40px;height:44px;background:var(--teal);border-radius:11px;display:flex;align-items:center;justify-content:center;font-family:var(--latin);font-size:24px;font-weight:750;letter-spacing:-2px;direction:ltr;color:var(--navy);padding-right:2px}.brand-mark span{transform:translateY(-2px);display:inline-block}.brand strong{display:block;color:#fff;font-size:29px;line-height:1.2;letter-spacing:-.9px}.brand-dot{color:var(--teal);font-family:var(--latin);font-size:35px;margin-inline-start:2px}.brand small{display:block;font-size:9.5px;margin-top:8px;white-space:nowrap;color:#a1a1bd}.sidebar>.brand{margin:3px 10px 48px}.sidebar-label{font-size:10px;letter-spacing:.1px;color:#797999;margin:0 15px 12px}.primary-nav{display:flex;flex-direction:column;gap:7px}.primary-nav>a{position:relative;display:flex;align-items:center;gap:13px;min-height:47px;padding:9px 15px;border-radius:9px;font-size:12px;transition:background .18s,color .18s}.primary-nav>a:hover{background:#ffffff08;color:#fff}.primary-nav>a.active{background:#38345f;color:#fff}.primary-nav>a.active:before{content:"";width:3px;height:20px;background:var(--teal);position:absolute;right:-21px;border-radius:2px 0 0 2px}.primary-nav>a.active>.icon,.primary-nav>a.active [data-icon]{color:var(--teal)}.primary-nav [data-icon]{display:flex}.primary-nav .icon{width:19px;height:19px}.nav-count{margin-inline-start:auto;font-family:var(--latin);background:#ffffff09;border:1px solid #ffffff0a;border-radius:5px;min-width:25px;text-align:center;font-size:11px;line-height:24px}.sidebar-divider{height:1px;background:#ffffff0c;margin:29px 15px 25px}.sidebar-bottom{margin-top:auto;padding-top:35px}.foundation-badge{display:flex;align-items:center;gap:8px;color:#84849e;font-size:9px;margin:0 12px 19px}.foundation-badge>span:last-child{margin-inline-start:auto;letter-spacing:1px;font-size:10px}.live-dot{width:6px;height:6px;display:inline-block;flex:none;border-radius:50%;background:var(--teal)}.user-card{display:flex;align-items:center;gap:11px;padding:18px 4px 0;border-top:1px solid #ffffff0c}.avatar,.topbar-avatar{font-family:var(--latin);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:650;width:37px;height:37px;border-radius:50%;color:#dfdafd;background:#3b355e}.user-card strong{color:#e9e9f3;font-family:var(--latin);font-size:12px;display:block}.user-card small{display:block;color:#9292ac;font-size:9px;margin-top:1px}.user-card form{margin-inline-start:auto}.logout-button{display:flex;border:0;background:none;color:#aaaac2;padding:8px}.logout-button:hover{color:#fff}.logout-button .icon{width:16px;height:16px}.workspace{margin-right:246px;min-height:100vh;display:flex;flex-direction:column}.topbar{height:81px;display:flex;align-items:center;justify-content:space-between;padding:0 45px;border-bottom:1px solid var(--line);background:#fff}.topbar-leading,.topbar-trailing{display:flex;align-items:center;gap:20px}.topbar-location{font-size:11px;color:#9898a8}.topbar-location>span{margin:0 14px;color:#c8c8d4}.topbar-location strong{font-weight:400;color:#626274}.level-badge{font-size:10px;display:flex;align-items:center;gap:7px;color:#6d6b87}.tiny-diamond{height:7px;width:7px;display:inline-block;border:1px solid var(--indigo);transform:rotate(45deg)}.topbar-avatar{width:31px;height:31px;background:var(--indigo-light);color:var(--indigo);font-size:11px}.mobile-menu{display:none!important}.sidebar-scrim{display:none}.main-content{padding:38px 45px 46px;width:100%;max-width:1490px;margin:0 auto;flex:1}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:29px}.eyebrow{display:block;color:#8a879f;font-size:10px;line-height:1.7;letter-spacing:.1px}.page-heading h1{font-size:30px;font-weight:700;letter-spacing:-.9px;margin:5px 0 7px}.title-dot{color:var(--indigo);font-family:var(--latin);margin-right:2px}.page-heading p{font-size:11px;color:var(--muted);line-height:1.9}.text-link{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:600;color:var(--indigo);background:none;border:0;padding:0;white-space:nowrap}.text-link .icon{width:16px;height:16px}.text-link:hover{color:#3e2faf}.button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:46px;padding:11px 22px;border-radius:8px;border:1px solid transparent;font-size:11px;font-weight:600;line-height:1.6;transition:transform .15s,background .15s,box-shadow .15s}.button:active:not(:disabled){transform:translateY(1px)}.button .icon{width:17px;height:17px}.button-primary{background:var(--indigo);color:#fff}.button-primary:hover:not(:disabled){background:#5547ba;box-shadow:0 4px 12px #6255ce20}.button-teal{background:var(--teal);color:#173e38}.button-teal:hover{background:#9cf4e1}.button-secondary{border-color:var(--line);background:white;color:var(--ink)}.button-secondary:hover{border-color:#c5bde7;background:#fbfaff}.button-quiet{background:transparent;color:#888699;font-weight:400}.button-quiet:hover{background:#f3f2f8;color:var(--ink)}.icon-button,.icon-link{border:0;background:transparent;display:inline-flex;justify-content:center;align-items:center;color:var(--muted);padding:7px;border-radius:7px}.icon-button:hover,.icon-link:hover{background:var(--indigo-light);color:var(--indigo)}.icon-link .icon{width:17px;height:17px}.full-width{width:100%}.page-footer{display:flex;align-items:center;justify-content:space-between;margin:0 45px;padding:18px 0 22px;border-top:1px solid var(--line);color:#aaa9b8;font-size:9px}.page-footer>span:first-child{font-weight:600;color:#8d8b9f}.page-footer [dir=ltr]{font-family:var(--latin);font-size:9px;margin-inline-start:7px;color:#aaa9b8;font-weight:400}
.dashboard-hero{min-height:322px;border-radius:var(--radius);background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;margin-bottom:24px}.hero-copy{padding:32px 35px 30px}.hero-kicker{font-size:10px;color:#bcbad3;display:flex;align-items:center;gap:8px}.hero-copy h2{font-size:33px;letter-spacing:-1px;line-height:1.55;margin:14px 0 10px}.hero-copy h2 span{color:var(--teal)}.hero-copy p{font-size:11px;line-height:1.9;color:#afadc5;margin-bottom:23px}.hero-copy .button{min-width:155px}.hero-subnote{font-size:9px;color:#8988a5;display:block;margin-top:12px}.hero-word-area{background:#ffffff03;border-inline-start:1px solid #ffffff0c;padding:28px 34px 27px;display:flex;flex-direction:column;position:relative;justify-content:space-between;margin:24px 0 24px 24px;border-radius:12px}.hero-word-meta{display:flex;justify-content:space-between;color:#777695;font-family:var(--latin);font-size:7px;letter-spacing:1.1px;direction:ltr}.hero-word{font-family:var(--latin);padding:10px 0 17px;line-height:1.15;letter-spacing:-2px}.hero-word>span{font-size:36px;font-weight:300;color:#6d698d;display:block}.hero-word>strong{font-size:62px;white-space:nowrap;font-weight:550;display:block;margin-top:11px}.hero-word>strong>span{color:var(--teal)}.hero-word-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff0d;padding-top:19px;color:#9190ac;font-size:9px}.hero-mini-line{display:flex;gap:5px}.hero-mini-line>span{width:17px;height:3px;border-radius:2px;background:#474260}.hero-mini-line>span:first-child{background:var(--teal);width:29px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:29px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px 20px 15px;box-shadow:var(--shadow)}.stat-top{display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:10px;color:#6d6c82}.stat-icon{display:flex;align-items:center;justify-content:center;background:var(--indigo-light);color:var(--indigo);width:31px;height:31px;border-radius:8px}.stat-icon .icon{width:16px;height:16px}.stat-icon.teal{background:#eaf8f3;color:#3b947c}.stat-icon.amber{background:#fcf4e9;color:#b98c4f}.stat-icon.purple{background:#f3eefa;color:#9a77b9}.stat-value{font-family:var(--latin);font-size:31px;font-weight:650;letter-spacing:-1.2px;text-align:right;line-height:1.4;margin:7px 0 4px}.stat-value small{font-size:17px;font-weight:400;color:#aaa5bd;margin-left:3px}.stat-card p{font-size:9px;color:#a09eaf}.dashboard-lower{display:grid;grid-template-columns:1.48fr 1fr;gap:22px}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-heading h2{font-size:15px;margin-top:5px;letter-spacing:-.2px}.section-heading .eyebrow{font-size:9px}.journey-panel,.recent-panel{padding:25px 25px 0}.count-badge{font-size:9px;padding:4px 9px;border:1px solid var(--line);color:#9593a6;border-radius:6px;white-space:nowrap}.stage-list{margin-top:18px}.stage-row{display:flex;align-items:center;gap:12px;padding:15px 0;border-top:1px solid #f0eff5;transition:background .15s}.stage-row:hover{background:#faf9fd}.stage-number{font-family:var(--latin);font-size:10px;font-weight:600;color:#a2a0b3;border:1px solid #ecebf3;border-radius:8px;width:31px;height:33px;display:flex;align-items:center;justify-content:center;flex:none}.stage-row.is-current .stage-number{color:var(--indigo);background:var(--indigo-light);border-color:var(--indigo-light)}.stage-row-copy{flex:1;min-width:0}.stage-row-copy strong{font-size:11px;font-weight:600;display:block}.stage-row-copy>span{font-family:var(--latin);font-size:10px;color:#9c99ae;direction:ltr;display:block;text-align:right;line-height:1.7;margin-top:2px;word-spacing:2px}.stage-row-end{font-size:8px;color:#aaa7ba;display:flex;align-items:center;gap:12px;white-space:nowrap}.stage-row-end .icon{width:14px;height:14px;color:#b1acc6}.stage-row-end .current-label{color:var(--indigo);background:#f1effb;border-radius:4px;padding:2px 7px;font-size:8px}.recent-panel{display:flex;flex-direction:column}.recent-words{margin-top:18px}.recent-word{width:100%;background:none;border:0;border-top:1px solid #f0eff5;padding:17px 0;display:flex;justify-content:space-between;align-items:center;text-align:right}.recent-word:hover strong{color:var(--indigo)}.recent-word>span:first-child strong{font-family:var(--latin);font-size:18px;display:block;line-height:1.4}.recent-word>span:first-child small{font-size:9px;color:#9995ab;display:block;margin-top:3px}.recent-score{font-family:var(--latin);font-size:13px;min-width:77px;display:block;text-align:left}.recent-score>small{font-size:9px;color:#bab5cb;margin-left:2px}.recent-score .progress-track{margin-top:7px;width:77px;height:4px}.progress-track{background:#ecebf3;border-radius:10px;height:5px;overflow:hidden;direction:ltr}.progress-track>span{height:100%;display:block;border-radius:10px;background:var(--indigo);transition:width .4s}.all-words-link{display:flex;justify-content:center;align-items:center;gap:8px;font-size:10px;color:var(--indigo);padding:13px 0;border-top:1px solid #f0eff5;margin-top:3px}.all-words-link .icon{width:15px;height:15px}.quiet-note{display:flex;align-items:center;gap:7px;color:#a39fb1;font-size:8px;padding:15px 0;border-top:1px solid #f0eff5;margin-top:auto}.quiet-note .icon{width:13px;height:13px;flex:none}.empty-state{padding:60px 35px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-state h1{font-size:23px}.empty-state h2{font-size:19px}.empty-state h3{font-size:14px}.empty-state p{font-size:11px;color:var(--muted);line-height:2;margin:9px 0 21px}.empty-icon{display:flex;align-items:center;justify-content:center;background:#f1eff9;border:1px solid #e9e5f5;color:#a497ce;width:58px;height:58px;border-radius:16px;margin-bottom:20px}.empty-icon .icon{width:26px;height:26px}.empty-compact{padding:42px 12px 46px;flex:1}.empty-compact p{font-size:10px}.empty-compact .text-link{font-size:10px}.loading-state{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;color:#918ba5;font-size:12px}.spinner{border:2px solid #e8e3f8;border-top-color:var(--indigo);width:27px;height:27px;border-radius:50%;display:inline-block;animation:spin .75s linear infinite}.spinner-small{width:15px;height:15px;border-color:#ffffff40;border-top-color:white}@keyframes spin{to{transform:rotate(360deg)}}
.heading-count{font-size:10px;color:#9390a7;padding:9px 14px;border:1px solid var(--line);border-radius:8px;background:white;white-space:nowrap}.heading-count strong{font-family:var(--latin);font-size:17px;font-weight:600;color:var(--indigo);margin-inline-end:7px}.word-summary-strip{border:1px solid var(--line);background:#fff;border-radius:12px;display:flex;margin-bottom:29px}.word-summary-strip>div{display:flex;align-items:center;gap:11px;padding:20px 23px;flex:1;border-inline-start:1px solid var(--line)}.word-summary-strip>div:first-child{border-inline-start:0}.word-summary-strip .icon{color:#a79cc8;width:18px;height:18px}.word-summary-strip>div>span{font-size:10px;color:#8e899f}.word-summary-strip strong{margin-inline-start:auto;font-family:var(--latin);font-size:18px;white-space:nowrap}.word-summary-strip small{font-family:var(--font);font-weight:400;font-size:9px;color:#a09aaf}.list-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px}.filter-tabs{display:flex;gap:5px;flex-wrap:wrap}.filter-tabs button{background:transparent;border:1px solid transparent;padding:8px 11px;border-radius:7px;font-size:10px;color:#8e879e}.filter-tabs button.active{background:#ece9f9;color:var(--indigo);border-color:#e4dff5;font-weight:600}.filter-tabs button:not(.active):hover{background:#eeeef5}.search-box{display:flex;align-items:center;gap:10px;background:white;border:1px solid var(--line);padding:8px 12px;border-radius:8px;min-width:220px}.search-box .icon{color:#a39db4;width:16px;height:16px}.search-box input{border:0;outline:none;width:100%;background:none;font-size:10px;color:var(--ink)}.search-box:focus-within{outline:2px solid #c6bcef}.search-box input::placeholder{color:#aba5b8}.words-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.word-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:19px 21px 0;transition:box-shadow .2s,border-color .2s}.word-card:hover{border-color:#d5cdeb;box-shadow:0 6px 25px #40357106}.word-card-top{display:flex;align-items:center;justify-content:space-between}.status-pill{display:inline-flex;align-items:center;font-size:9px;border-radius:5px;padding:3px 8px;line-height:1.8;white-space:nowrap}.status-training{background:#f0edf9;color:#8672b5}.status-mastered{background:#e8f6ef;color:#499477}.status-review{background:#fcf2df;color:#ad8446}.status-new{background:#f2f1f6;color:#aaa2ba}.word-card-title{display:block;background:transparent;border:0;padding:17px 0 0;text-align:right;width:100%}.word-card-title strong{display:block;font-family:var(--latin);font-size:32px;font-weight:600;letter-spacing:-.8px;text-align:right;line-height:1.3}.word-card-title>span{font-size:11px;color:#7b728c;display:block;margin-top:8px}.pronunciation-hint{font-size:9px;color:#a49aad;display:block;margin-top:3px}.pronunciation-hint [dir=ltr]{font-family:var(--latin);font-size:11px}.word-card-score{display:flex;justify-content:space-between;align-items:center;margin:22px 0 8px;font-size:9px;color:#a197b0}.word-card-score strong{font-family:var(--latin);font-size:12px;color:#70627e}.word-card-score small{font-weight:400;font-size:9px;color:#b5aabd}.word-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #f0edf4;margin-top:19px;padding:13px 0}.word-card-bottom>span{font-size:9px;color:#b0a6bb}.word-card-bottom .text-link{font-size:9px;gap:7px}.audio-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#f3f0fb;border:1px solid #ebe5f7;color:#8070b0;padding:7px 12px;border-radius:7px;font-size:10px;transition:background .2s,color .2s}.audio-button .icon{width:17px;height:17px}.audio-button:hover{background:#e8e1f7;color:var(--indigo)}.audio-button.is-playing{background:#e1f6ee;border-color:#b7e2d4;color:#419477;opacity:1}.audio-icon-only{padding:7px;background:transparent;border-color:transparent}.audio-icon-only>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.audio-icon-only .icon{width:18px;height:18px}.word-dialog{padding:0;border:1px solid #ebe6f5;border-radius:18px;width:480px;max-width:calc(100% - 32px);max-height:90vh;box-shadow:0 25px 100px #18173830;color:var(--ink);background:white}.word-dialog::backdrop{background:#15122a66;backdrop-filter:blur(4px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;padding:17px 23px;border-bottom:1px solid var(--line)}.word-detail-body{padding:27px 29px}.word-detail-body h2{font-family:var(--latin);font-size:49px;font-weight:550;letter-spacing:-1px;line-height:1.3;text-align:right;margin-top:15px}.word-detail-meaning{font-size:17px;color:#786a8d;margin:6px 0 15px}.word-detail-pronounce,.map-word-audio{display:flex;align-items:center;gap:13px}.word-detail-pronounce>span,.map-word-audio>span{font-family:var(--latin);font-size:13px;color:#a293b5}.detail-note{font-size:10px;line-height:2.1;background:#f7f5fb;color:#8c7d9e;padding:13px 16px;border-radius:8px;margin:19px 0}.detail-score{display:flex;align-items:center;justify-content:space-between;margin-top:27px;margin-bottom:10px;font-size:10px;color:#9d8daf}.detail-score strong{font-family:var(--latin);font-size:22px;font-weight:600;color:var(--indigo)}.detail-score small{font-size:12px;color:#c0b3ce;font-weight:400}.detail-metrics{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);margin-bottom:22px}.detail-metrics>div{display:flex;flex-direction:column}.detail-metrics strong{font-size:15px;color:#7c6c8b}.detail-metrics span{font-size:8px;color:#a497b6;margin-top:4px}.word-detail-body h3{font-size:12px;color:#82728f;margin-bottom:10px}.word-examples{margin-bottom:24px}.example-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 11px;background:#f8f7fb;border:1px solid #efebf6;border-radius:6px;margin-top:8px;direction:ltr}.example-row>span{font-family:var(--latin);font-size:13px;color:#685578;line-height:1.6}.example-row .audio-button{padding:3px}.example-row .icon{width:15px;height:15px}
.lesson-topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.lesson-topline>.text-link{color:#9c92ac;font-size:9px;font-weight:400}.arrow-reverse{transform:rotate(180deg)}.lesson-topline>span{font-size:9px;color:#a59aaf}.lesson-stage-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.lesson-stage-header h1{font-size:28px;margin-top:5px;letter-spacing:-.5px}.lesson-stage-dots{display:flex;gap:6px}.lesson-stage-dots>span{width:30px;height:4px;background:#e7e2ed;border-radius:3px}.lesson-stage-dots>span.done{background:#a6a0d5}.lesson-stage-dots>span.current{background:var(--indigo)}.lesson-layout{display:grid;grid-template-columns:minmax(0,1fr) 232px;gap:25px;align-items:start}.question-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.question-card-meta{display:flex;align-items:center;justify-content:space-between;padding:19px 25px;border-bottom:1px solid #f2edf6}.question-type{display:flex;align-items:center;gap:8px;font-size:10px;color:#8b7e9e}.question-type .icon{width:16px;height:16px;color:#a68ec3}.subtle-pill{font-size:9px;padding:4px 9px;background:#f7f4fa;border-radius:5px;color:#a391b5}.question-body{padding:28px 40px 31px;text-align:center}.question-prompt{font-size:17px;line-height:1.9;font-weight:500;color:#645073}.question-display{font-family:var(--latin);font-size:68px;font-weight:600;letter-spacing:-2px;color:#26203e;line-height:1.3;padding:19px 0 18px;overflow-wrap:anywhere}.question-display[dir=rtl]{font-family:var(--font);letter-spacing:0;font-size:27px;padding:22px 0}.question-display.arabic-target{font-size:30px}.question-audio-wrap{display:flex;align-items:center;justify-content:center;gap:11px;flex-wrap:wrap;margin:4px 0 27px}.question-audio{border-radius:20px;font-size:9px;padding:7px 13px;background:#f4f0fa;border:0}.question-audio .icon{width:16px;height:16px}.listen-note{font-size:8px;color:#b2a4bb}.listen-note.assisted{color:#a2874f}.choice-options{margin:0;padding:0;border:0;display:grid;gap:10px;text-align:right}.choice-option{position:relative;display:flex;align-items:center;gap:14px;padding:13px 16px;border:1px solid #e8e0ef;border-radius:9px;cursor:pointer;transition:background .15s,border-color .15s}.choice-option:hover{border-color:#b6a4ce;background:#fcfaff}.choice-option:has(input:focus-visible){outline:3px solid #c8b8e8;outline-offset:2px}.choice-option.selected{background:#f6f1fd;border-color:#9380bb}.choice-option input{position:absolute;opacity:0;right:0;width:1px;height:1px}.choice-letter{height:26px;width:26px;border:1px solid #e9e0f0;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#b4a3c2;font-size:10px;flex:none}.choice-option.selected .choice-letter{color:var(--indigo);border-color:#d7c9e9;background:#eae1f6}.choice-text{font-size:12px;color:#776184;flex:1}.choice-check{height:21px;width:21px;border:1px solid #e1d8e9;border-radius:50%;display:flex;align-items:center;justify-content:center;color:white}.choice-check .icon{width:12px;height:12px;opacity:0}.choice-option.selected .choice-check{background:var(--indigo);border-color:var(--indigo)}.choice-option.selected .choice-check .icon{opacity:1}.choice-option:has(input:disabled){cursor:default}.question-actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:25px;border-top:1px solid #f1ebf6;padding-top:21px}.question-actions .button-primary{min-width:180px}.question-actions .button-quiet{font-size:10px}.answer-label{display:block;text-align:right;font-size:10px;color:#a08cb1;margin-bottom:9px}.written-answer{display:block;width:100%;border:1px solid #dcd1e8;border-radius:9px;background:#fcfaff;padding:16px 18px;font-family:var(--latin);font-size:19px;font-weight:500;color:#4d3762;min-height:59px}.written-answer::placeholder{color:#bdadca;font-size:15px;font-weight:400}.written-answer:focus{border-color:#9780bb;outline:3px solid #eee7f7;outline-offset:1px;background:white}.written-answer:disabled{opacity:.75}.input-hint{font-size:8px;color:#b5a5c2;margin-top:9px;text-align:right}.answered .question-actions{display:none}.answered .choice-options{opacity:.55}.answered .choice-option{pointer-events:none}.intro-explanation{font-size:13px;color:#8b789c;line-height:2.2;margin:18px 0 28px}.lesson-note-card{background:#f0ecf8;border:1px solid #e7e1f0;border-radius:13px;padding:23px 21px}.note-icon{display:inline-flex;color:#9680b6;align-items:center;justify-content:center;background:#e5dcf1;width:32px;height:32px;border-radius:9px;margin-bottom:15px}.note-icon .icon{width:16px;height:16px}.lesson-note-card h3{font-size:12px;color:#766187}.lesson-note-card>p{font-size:10px;line-height:2.1;color:#a18cb1;margin-top:9px}.note-divider{height:1px;background:#ded4e9;margin:21px 0 17px}.lesson-note-card .eyebrow{font-size:8px;color:#a793b9}.learning-steps{display:flex;flex-direction:column;gap:13px;margin-top:15px}.learning-steps>span{display:flex;align-items:center;gap:9px;font-size:9px;color:#b09abb}.learning-steps i{font-family:var(--latin);font-style:normal;font-size:9px;width:20px;height:20px;background:#e7deef;border:1px solid #dbd0e6;color:#ab95ba;display:flex;align-items:center;justify-content:center;border-radius:50%}.learning-steps>span.active{color:#7e6396}.learning-steps>span.active i{background:#a18aba;color:white;border-color:#a18aba}.lesson-mini-stat{border:1px solid var(--line);background:white;border-radius:10px;padding:16px 18px;margin-top:15px;display:flex;align-items:center;justify-content:space-between;gap:8px}.lesson-mini-stat>span{font-size:9px;color:#a392b1;display:flex;align-items:center;gap:6px}.lesson-mini-stat .icon{width:15px;height:15px}.lesson-mini-stat strong{font-family:var(--latin);font-size:17px;color:#8b789a;white-space:nowrap}.lesson-mini-stat small{font-size:10px;color:#c1b3cd;font-weight:400}.lesson-privacy-note{font-size:8px;color:#b5a8c1;line-height:1.8;text-align:center;margin-top:13px}.feedback{padding:25px 29px 29px;border-top:1px solid #ded5e9;background:#f7f4fb}.feedback-correct{background:#f0f8f4;border-color:#dbeade}.feedback-heading{display:flex;align-items:flex-start;gap:12px}.feedback-icon{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#e8deef;color:#a68abb;flex:none}.feedback-icon .icon{width:16px;height:16px}.feedback-correct .feedback-icon{background:#d8ede1;color:#5d9c7d}.feedback-heading h3{font-size:13px;color:#816590}.feedback-correct .feedback-heading h3{color:#58896f}.feedback-heading p{font-size:9px;line-height:1.9;color:#a58baf;margin-top:4px}.feedback-correct .feedback-heading p{color:#8ba898}.score-delta{font-family:var(--latin);margin-inline-start:auto;color:#7da992;font-size:16px;font-weight:600}.correct-answer{display:flex;align-items:center;gap:15px;flex-wrap:wrap;padding:16px 0;margin-top:7px;border-bottom:1px solid #e7deee}.correct-answer strong{font-family:var(--latin);font-size:22px;font-weight:550;color:#80618f;line-height:1.4}.correct-answer>span{font-size:11px;color:#a189ad}.correct-answer .audio-button{margin-inline-start:auto}.feedback-correct .correct-answer{border-bottom-color:#dceade}.feedback-correct .correct-answer strong{color:#547d68}.feedback-explanation{font-size:10px;line-height:2;color:#a088ad;margin:13px 0}.attempt-label{display:flex;align-items:center;gap:6px;font-size:8px;color:#94a79a;margin-top:13px}.attempt-label .icon{width:12px;height:12px}.next-question{margin-top:19px;min-width:140px}.diagnosis{margin-top:21px;border-top:1px solid #e5dceb;padding-top:20px}.diagnosis .eyebrow{font-size:8px}.diagnosis h4{font-size:12px;color:#8d719c;margin-top:5px}.diagnosis>p{font-size:9px;color:#b29ac1;line-height:1.9;margin-top:6px}.diagnosis-tokens{display:flex;gap:7px;flex-wrap:wrap;margin-top:17px}.diagnosis-token{background:white;border:1px solid #e1d1ec;border-radius:7px;font-family:var(--latin);font-size:16px;padding:8px 12px;color:#9476a6}.diagnosis-token.selected{background:#b395ca;border-color:#b395ca;color:#fff}.diagnosis-structures{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.structure-select{border:1px solid #e3d6ed;background:#fcfaff;padding:8px 10px;border-radius:7px;font-size:9px;color:#ac8dbd}.structure-select>span{display:inline-block;font-family:var(--latin);font-size:11px;margin-inline-start:3px}.structure-select.selected{background:#e3d4ef;border-color:#b89bce;color:#8a6b9e}.diagnosis-actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin-top:17px}.diagnosis-actions .button{font-size:9px;min-height:37px;padding:8px 14px}.diagnosis-actions .text-link{font-size:9px;font-weight:400}.diagnosis-confirmation{padding:15px;margin-top:17px;background:#efe8f5;border-radius:8px;border:1px solid #e5d8ee}.diagnosis-confirmation>p{font-size:10px;line-height:2;color:#9981a6}.diagnosis-detail{padding-top:9px;margin-top:9px;border-top:1px solid #e1d3ec;display:flex;flex-wrap:wrap;gap:8px}.diagnosis-detail strong{font-family:var(--latin);font-size:13px;color:#8c6a9e}.diagnosis-detail>span{font-size:10px;color:#a58bb4}.diagnosis-detail>small{font-size:9px;color:#b09cba;line-height:1.8;width:100%}.completion-panel{padding:55px 40px;text-align:center;max-width:740px;margin:0 auto}.completion-icon{display:inline-flex;align-items:center;justify-content:center;background:#e3f6ed;color:#6cae8d;border:1px solid #c5e8d7;width:62px;height:62px;border-radius:50%;margin-bottom:23px}.completion-icon .icon{width:28px;height:28px}.completion-panel h2{font-size:21px;color:#716279}.completion-panel>p{font-size:11px;line-height:2.1;color:#a291ad;max-width:450px;margin:12px auto 0}.completion-stats{display:flex;justify-content:center;gap:65px;margin:30px 0}.completion-stats>div{display:flex;flex-direction:column}.completion-stats strong{font-family:var(--latin);font-size:30px;color:#8b74a1}.completion-stats span{font-size:10px;color:#b4a1be}.completion-actions{display:flex;gap:12px;justify-content:center}
.outline-pill{display:inline-flex;border:1px solid #ffffff21;padding:5px 12px;border-radius:18px;color:#a39eb8;font-size:9px;white-space:nowrap}.outline-pill.light{color:#9f90ae;border-color:#e4dbea;background:#fff;font-size:9px;padding:6px 11px}.map-legend{display:flex;justify-content:flex-end;gap:21px;font-size:8px;color:#a492b4;margin-bottom:15px}.map-legend>span{display:flex;align-items:center;gap:6px}.legend-dot{height:7px;width:7px;border-radius:50%;display:inline-block;border:1px solid #dcd0e6;background:white}.legend-dot.current{background:#8a70b0;border-color:#8a70b0}.legend-dot.learned{background:#99cdb8;border-color:#99cdb8}.mindmap{position:relative;display:grid;grid-template-columns:1fr 175px 1fr;grid-template-rows:repeat(3,minmax(155px,auto));gap:25px 20px;min-height:570px;margin-bottom:26px;padding:15px 0}.mindmap-connectors{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;direction:ltr}.mindmap-connectors path{fill:none;stroke:#d4c8e4;stroke-width:1.3;stroke-dasharray:5 5}.map-hub{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center;flex-direction:column;align-self:center;border:1px solid #d9d0e8;border-radius:50%;width:161px;height:161px;background:#f0ebf7;box-shadow:0 0 0 9px #f7f8fc;z-index:1;justify-self:center}.hub-mark{font-size:29px;color:#776086;font-weight:650;line-height:1.3}.hub-mark>span{color:#a08eb7;font-family:var(--latin)}.map-hub strong{font-size:11px;color:#9c86ac;margin-top:9px}.map-hub small{font-size:8px;color:#b6a4c6;margin-top:4px}.map-branch{position:relative;z-index:1;background:#fff;border:1px solid #e6deee;border-radius:12px;padding:15px 17px;min-width:0;box-shadow:0 3px 10px #4e306004;transition:border-color .2s,box-shadow .2s}.map-branch.active{border-color:#ab94c8;box-shadow:0 0 0 2px #b79dc617}.branch-1{grid-column:1;grid-row:1}.branch-2{grid-column:3;grid-row:1}.branch-3{grid-column:1;grid-row:2}.branch-4{grid-column:3;grid-row:2}.branch-5{grid-column:1;grid-row:3}.branch-6{grid-column:3;grid-row:3}.map-branch-heading{display:flex;align-items:center;gap:10px;background:none;border:0;padding:0;width:100%;text-align:right}.branch-number{background:#f6f1fb;border:1px solid #ebe3f3;font-family:var(--latin);font-size:10px;color:#ad96c1;border-radius:7px;width:28px;height:29px;display:flex;align-items:center;justify-content:center;flex:none}.active .branch-number{background:#9a82b6;border-color:#9a82b6;color:#fff}.map-branch-heading>span:nth-child(2){flex:1;min-width:0}.map-branch-heading strong{font-size:11px;color:#8d709e;display:block}.map-branch-heading small{font-size:8px;color:#c0acd0;display:block;margin-top:1px}.map-branch-heading>.icon{width:14px;height:14px;color:#c7b5d6}.map-word-chips{display:flex;flex-wrap:wrap;gap:5px;margin:14px 0 12px;justify-content:flex-start}.map-word-chip{background:#f9f6fc;border:1px solid #ece4f3;padding:3px 8px;border-radius:5px;font-family:var(--latin);font-size:11px;color:#a58ab8;line-height:1.65}.map-word-chip.is-seen{background:#edf7f1;border-color:#d4e9dc;color:#78a38b}.map-word-chip:hover,.map-word-chip.selected{background:#e9dff3;border-color:#c9b4df;color:#8d6aa5}.map-branch-example{font-family:var(--latin);font-size:11px;color:#b09bc0;line-height:1.6;padding-top:8px;border-top:1px solid #f1ebf6}.map-detail-panel{padding:25px;display:grid;grid-template-columns:.9fr 1fr 1fr;gap:24px}.map-detail-intro h2{font-size:20px;color:#856294;margin:6px 0 8px}.map-detail-intro h2[dir=ltr]{font-family:var(--latin);font-size:34px;text-align:right;line-height:1.3}.map-detail-intro>p{font-size:10px;color:#b095be;line-height:2}.stage-detail-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}.stage-detail-chips>span{font-family:var(--latin);font-size:10px;color:#b497c5;background:#f7f0fb;border-radius:4px;padding:3px 7px}.prerequisite{margin-top:20px;padding-top:15px;border-top:1px solid #efe6f5}.prerequisite .eyebrow{font-size:9px;color:#ab8eb8}.prerequisite p{font-size:9px;line-height:2;color:#ba9fc7;margin-top:5px}.prerequisite small{font-size:8px;line-height:1.9;color:#c4b1ce;display:block;margin-top:6px}.map-detail-examples h3,.map-detail-grammar h3{font-size:11px;color:#a27eb3;margin-bottom:12px}.map-detail-examples .example-row{padding:8px 9px}.map-detail-examples .example-row>span{font-size:11px}.map-detail-grammar{border-inline-start:1px solid #f0e7f5;padding-inline-start:22px}.grammar-item{margin-top:12px;padding-bottom:12px;border-bottom:1px solid #f2eaf7}.grammar-item strong{font-family:var(--latin);font-size:12px;color:#b18dc4;display:block;text-align:right}.grammar-item p{font-size:8px;line-height:2;color:#bfa7cb;margin-top:4px}.grammar-note{display:flex;align-items:flex-start;gap:7px;font-size:8px;line-height:2;color:#bda4cb;margin-top:10px}.grammar-note .icon{width:12px;height:12px;margin-top:3px}.small-note{font-size:8px;line-height:2;color:#bfa7cc;margin-top:10px}.map-word-audio{margin-top:13px;flex-wrap:wrap}.map-word-audio .audio-button{font-size:9px}.map-word-audio>span{font-size:10px}.map-rules{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:22px;padding:22px 0 0}.map-rules>div{display:flex;align-items:flex-start;gap:11px}.map-rules .icon{width:17px;height:17px;color:#bca5cd;margin-top:2px}.map-rules strong{font-size:10px;color:#ab8cbc;display:block}.map-rules span{font-size:8px;color:#c0a8ce;display:block;line-height:2;margin-top:5px}
.project-manifesto{background:var(--navy);color:white;border-radius:var(--radius);padding:36px 39px;margin-bottom:32px;position:relative;overflow:hidden}.project-manifesto:after{content:"eh.";position:absolute;left:40px;top:7px;font-family:var(--latin);font-size:220px;font-weight:700;letter-spacing:-15px;line-height:1.2;color:#ffffff03;pointer-events:none}.project-manifesto>.eyebrow{color:#9b8baa;font-size:9px}.project-manifesto h2{font-size:33px;line-height:1.6;letter-spacing:-.8px;margin:15px 0 14px}.project-manifesto h2>span{color:var(--teal)}.project-manifesto p{color:#a08bab;font-size:11px;line-height:2}.manifesto-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.manifesto-tags>span{border:1px solid #ffffff12;color:#8f789d;font-size:8px;border-radius:4px;padding:4px 9px}.project-points{display:grid;grid-template-columns:1fr 1fr;gap:18px}.project-point{border:1px solid var(--line);border-radius:12px;background:white;display:flex;align-items:flex-start;gap:17px;padding:24px 22px}.point-number{font-family:var(--latin);font-size:11px;color:#b9a0c8;padding-top:3px;font-weight:550}.project-point h2{font-size:12px;color:#876994;line-height:1.8}.project-point p{font-size:10px;line-height:2.25;color:#ac93b8;margin-top:8px}.project-bottom{display:flex;align-items:center;gap:16px;border:1px solid #e5d7ed;background:#f1eaf7;border-radius:12px;margin-top:25px;padding:23px}.project-bottom>span{color:#ac8abe;background:#e4d6ee;width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center}.project-bottom h3{font-size:12px;color:#9775a5}.project-bottom p{font-size:9px;color:#b498c3;margin-top:4px}.project-bottom .button{margin-inline-start:auto;white-space:nowrap;font-size:10px}
.admin-role-banner{display:flex;align-items:center;gap:17px;padding:22px 26px;border-radius:12px;border:1px solid #ded6ed;background:#efeaf7;margin-bottom:25px}.admin-role-icon{width:43px;height:43px;border-radius:11px;background:#e2d5ef;color:#aa86be;display:flex;align-items:center;justify-content:center;flex:none}.admin-role-banner h2{font-size:14px;color:#91729e}.admin-role-banner p{font-size:10px;line-height:2;color:#ad91b9;margin-top:4px}.admin-role-banner strong{font-family:var(--latin)}.admin-role-banner>.status-pill{margin-inline-start:auto;font-size:9px;background:#e2d5ef;color:#aa86be}.admin-layout{display:grid;grid-template-columns:1.7fr 1fr;gap:23px;align-items:start}.settings-panel{padding:26px}.settings-panel .section-heading{padding-bottom:22px;border-bottom:1px solid #ede4f4}.settings-panel .section-heading>.icon{color:#b59bc9;width:22px;height:22px}.settings-panel .section-heading h2{color:#9875a8}.settings-fields{margin-top:6px}.setting-field{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 0;border-bottom:1px solid #f0e7f6}.setting-field label strong{display:block;font-size:11px;color:#a080b1;font-weight:600}.setting-field label span{font-size:9px;color:#bda0cc;line-height:2;display:block;margin-top:5px}.setting-number{display:flex;align-items:center;gap:7px;flex:none}.setting-number input{border:1px solid #e3d4ed;border-radius:7px;width:65px;padding:9px;background:#fdfbff;font-family:var(--latin);font-size:16px;color:#a37bb8;text-align:center}.setting-number>span{font-size:8px;color:#c8b0d4}.settings-footer{display:flex;flex-direction:column;align-items:flex-start;gap:19px;margin-top:21px}.settings-footer p{font-size:8px;color:#b99dc9;display:flex;align-items:center;gap:6px}.settings-footer p .icon{width:13px;height:13px}.settings-footer .button{font-size:10px}.settings-panel #settings-feedback{font-size:10px;color:#97ad9e;line-height:2;margin-top:13px}.rule-card{padding:23px}.rule-card h3{font-size:15px;color:#9772a7;margin:7px 0 17px}.rule-card li{font-size:10px;color:#b89ac9;line-height:2.2;padding-bottom:9px}.rule-card li::marker{color:#c4a7d3}.admin-shortcuts{margin-top:17px;border:1px solid #e7d9ef;border-radius:10px;overflow:hidden}.admin-shortcuts>a{display:flex;align-items:center;justify-content:space-between;padding:17px;background:white;border-top:1px solid #efe4f6;color:#ac8abe;font-size:10px}.admin-shortcuts>a:first-child{border-top:0}.admin-shortcuts>a:hover{background:#fcf8ff}.admin-shortcuts>a>span{display:flex;align-items:center;gap:10px}.admin-shortcuts .icon{width:16px;height:16px}.admin-shortcuts>a>.icon{width:13px;height:13px}
.toast-region{position:fixed;bottom:25px;left:25px;z-index:100;display:flex;flex-direction:column;gap:10px;max-width:min(420px,calc(100% - 40px))}.toast{padding:13px 19px;border:1px solid #d5d1e5;border-radius:10px;background:var(--navy);color:#e0d9ef;font-size:11px;box-shadow:0 6px 25px #2118301a;animation:toast-in .2s ease-out}.toast-error{background:#674353;color:#f3dce6;border-color:#805767}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
.login-body{background:#fff}.login-layout{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.login-form-side{padding:43px 65px 25px;display:flex;flex-direction:column;min-width:0}.login-brand .brand-mark{background:var(--navy);color:var(--teal);width:39px;height:42px}.login-brand strong{color:var(--navy);font-size:27px}.login-brand .brand-dot{color:var(--indigo)}.login-brand small{color:#a394af;font-size:9px}.login-form-wrap{width:100%;max-width:345px;margin:65px auto 55px}.login-form-wrap>.eyebrow{font-size:10px;color:#a58bb5}.login-form-wrap h1{font-size:39px;letter-spacing:-1px;color:var(--navy);margin:9px 0 15px;line-height:1.4}.login-description{font-size:11px;color:#a28aaf;line-height:2.1}.login-form{display:flex;flex-direction:column;margin-top:31px}.login-form label{font-size:10px;font-weight:600;color:#9474a2;margin-bottom:9px}.login-form input{font-family:var(--latin);border:1px solid #e2d7eb;border-radius:8px;padding:12px 14px;min-height:47px;color:#887091;font-size:13px;background:#fdfbff;margin-bottom:21px}.login-form input::placeholder{color:#cbb9d4;font-size:12px}.login-form input:focus{border-color:#af8cc6;outline:3px solid #f4eafa;outline-offset:0}.login-submit{margin-top:5px;justify-content:space-between;min-height:47px;font-size:11px}.login-submit>span{font-size:19px;font-weight:400;line-height:1}.login-note{margin-top:25px;display:flex;align-items:center;justify-content:center;gap:7px;color:#b59fc2;font-size:8px}.login-note .live-dot{background:#b6d6c5;width:5px;height:5px}.login-footer{margin-top:auto;font-family:var(--latin);font-size:10px;color:#b5a1c3;display:flex;align-items:center;justify-content:space-between}.login-footer>span{font-family:var(--font);font-size:8px;color:#c7b7d1}.login-story{background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:space-between;padding:38px 45px 30px;min-width:0}.login-story-top{display:flex;align-items:center;justify-content:space-between;direction:ltr;gap:15px}.login-story-top>span:first-child{font-family:var(--latin);font-size:7px;letter-spacing:1.4px;color:#80738e}.login-story-top .outline-pill{font-size:8px;color:#96839f;border-color:#ffffff15;padding:4px 10px}.login-story-content{margin:50px 0}.story-kicker{font-size:11px;color:#a794b4}.login-story h2{font-size:47px;letter-spacing:-1.5px;line-height:1.65;margin:17px 0 34px;color:#f0e8f6}.login-story h2>span{color:var(--teal)}.word-evolution{display:flex;align-items:center;gap:18px;padding:23px 0;border-top:1px solid #ffffff0d;border-bottom:1px solid #ffffff0d;font-family:var(--latin);font-size:21px;white-space:nowrap;color:#d4c5df;letter-spacing:-.5px}.word-evolution>span:first-child{color:#837190;font-size:25px}.evolution-line{height:1px;width:37px;background:#675373;position:relative;flex:none}.evolution-line:after{content:"";position:absolute;right:0;top:-2.5px;width:5px;height:5px;border-top:1px solid #675373;border-right:1px solid #675373;transform:rotate(45deg)}.teal-text{color:var(--teal)}.story-caption{color:#8f769e;font-size:11px;line-height:2.1;margin-top:25px}.login-story-bottom{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:8px;color:#8f779f}.story-progress{display:flex;gap:5px}.story-progress>i{width:19px;height:3px;border-radius:2px;background:#45324f}.story-progress>i:first-child{background:var(--teal);width:27px}.form-error{margin-top:22px;border:1px solid #eacdd5;color:#a5687a;background:#fcf3f5;padding:10px 12px;border-radius:7px;font-size:10px;line-height:1.9}
@media(min-width:1500px){.main-content{padding-top:43px}.hero-copy{padding:37px 43px}.dashboard-hero{min-height:351px}.hero-copy h2{font-size:38px}.hero-word>strong{font-size:75px}.hero-word>span{font-size:43px}.hero-word-area{padding:32px 45px}.stats-grid{gap:21px}.stat-card{padding:22px 25px 19px}.stat-value{font-size:37px}.journey-panel,.recent-panel{padding:29px 29px 0}.stage-row{padding:17px 0}.stage-row-copy strong{font-size:12px}.stage-row-copy>span{font-size:11px}.page-heading p{font-size:12px}.page-heading h1{font-size:34px}.page-heading{margin-bottom:33px}.sidebar{width:262px;padding-right:25px;padding-left:25px}.workspace{margin-right:262px}.primary-nav>a.active:before{right:-25px}.question-display{font-size:76px}}
@media(max-width:1200px){.sidebar{width:219px;padding-left:17px;padding-right:17px}.workspace{margin-right:219px}.sidebar>.brand{margin-right:4px;margin-left:4px}.brand small{font-size:8.5px}.brand strong{font-size:26px}.brand-mark{width:36px;height:40px}.primary-nav>a{font-size:11px;gap:10px;padding-right:12px;padding-left:12px}.primary-nav>a.active:before{right:-17px}.main-content{padding:31px 29px 36px}.topbar{padding:0 29px;height:73px}.page-footer{margin:0 29px}.hero-copy{padding:29px 27px}.hero-copy h2{font-size:30px}.hero-word-area{padding:25px 22px;margin-left:18px}.hero-word>strong{font-size:49px}.hero-word>span{font-size:32px}.hero-word-meta{font-size:6px;letter-spacing:.6px}.hero-word-bottom{font-size:8px}.hero-mini-line{display:none}.stat-card{padding:16px 15px}.stat-top{font-size:9px}.stat-icon{width:27px;height:27px}.stat-card p{font-size:8px}.stats-grid{gap:12px}.journey-panel,.recent-panel{padding:21px 20px 0}.stage-row{gap:10px}.stage-row-copy strong{font-size:10px}.stage-row-end{gap:7px;font-size:7px}.stage-row-end .current-label{font-size:7px;padding:2px 5px}.stage-row-end>.icon{display:none}.section-heading h2{font-size:13px}.dashboard-lower{gap:17px}.stage-row-copy>span{font-size:9px}.word-summary-strip>div{padding:17px 18px;gap:8px}.word-summary-strip>div>span{font-size:9px}.word-summary-strip strong{font-size:17px}.words-grid{gap:16px}.word-card{padding:16px 17px 0}.list-toolbar{align-items:flex-start}.search-box{min-width:190px;max-width:230px}.filter-tabs{gap:3px}.filter-tabs button{font-size:9px;padding:8px 9px}.lesson-layout{grid-template-columns:minmax(0,1fr) 201px;gap:18px}.question-body{padding:25px 27px}.lesson-note-card{padding:21px 17px}.lesson-note-card h3{font-size:11px}.lesson-mini-stat{padding:13px 12px}.lesson-mini-stat>span{font-size:8px}.lesson-mini-stat strong{font-size:15px}.lesson-mini-stat .icon{width:13px;height:13px}.question-prompt{font-size:15px}.question-actions .button-primary{min-width:158px;font-size:10px;padding:11px 15px}.question-actions .button-quiet{padding:11px 10px}.mindmap{grid-template-columns:1fr 132px 1fr;gap:19px 15px}.map-hub{width:125px;height:125px}.hub-mark{font-size:24px}.map-hub strong{font-size:10px}.map-hub small{font-size:7px}.map-branch{padding:13px 13px}.map-branch-heading{gap:8px}.map-branch-heading strong{font-size:10px}.map-branch-heading>.icon{display:none}.map-word-chip{font-size:10px;padding:3px 7px}.map-detail-panel{padding:22px;gap:19px}.map-detail-grammar{padding-inline-start:16px}.map-detail-examples .example-row>span{font-size:10px}.map-detail-examples .example-row{padding:7px}.map-detail-intro h2{font-size:18px}.map-detail-intro>p{font-size:9px}.admin-layout{grid-template-columns:1.5fr 1fr;gap:18px}.settings-panel{padding:22px}.setting-field{gap:15px}.setting-field label strong{font-size:10px}.setting-field label span{font-size:8px}.login-form-side{padding:38px 43px 25px}.login-story{padding:38px 33px 28px}.login-story h2{font-size:42px}.word-evolution{font-size:18px;gap:12px}.word-evolution>span:first-child{font-size:23px}.evolution-line{width:27px}.login-story-top>span:first-child{font-size:6px}}
@media(max-width:1020px){.words-grid{grid-template-columns:repeat(2,1fr)}.word-summary-strip>div{padding:16px 12px}.word-summary-strip .icon{width:15px;height:15px}.word-summary-strip strong{font-size:16px}.word-summary-strip small{font-size:8px}.lesson-layout{grid-template-columns:1fr}.lesson-aside{display:none}.question-body{padding:28px 40px}.lesson-stage-dots>span{width:24px}.dashboard-lower{grid-template-columns:1fr}.recent-panel{min-height:260px}.recent-words{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.empty-compact{padding:32px 15px}.empty-compact .empty-icon{margin-bottom:15px}.hero-word>strong{font-size:43px}.hero-word>span{font-size:29px}.hero-word-meta>span:last-child{display:none}.hero-copy h2{font-size:28px}.hero-copy p{font-size:10px}.hero-copy .button{min-width:140px;font-size:10px}.hero-kicker{font-size:9px}.stat-top{flex-direction:column-reverse;align-items:flex-start;gap:9px}.stat-icon{width:29px;height:29px}.stat-value{font-size:29px;margin-top:7px}.stat-card p{font-size:7px}.page-heading>.text-link{font-size:9px}.page-heading h1{font-size:27px}.map-branch-heading strong{font-size:9px}.branch-number{width:24px;height:25px;font-size:9px}.map-branch-heading small{font-size:7px}.map-word-chip{font-size:9px;padding:3px 6px}.map-branch-example{font-size:9px}.mindmap{grid-template-columns:1fr 98px 1fr;gap:17px 12px;grid-template-rows:repeat(3,minmax(150px,auto));min-height:535px}.map-hub{width:103px;height:103px}.hub-mark{font-size:21px}.map-hub strong{font-size:8px;margin-top:6px}.map-hub small{font-size:6px}.map-detail-panel{grid-template-columns:1fr 1fr}.map-detail-grammar{grid-column:1/-1;border-inline-start:0;border-top:1px solid #f0e7f5;padding-inline-start:0;padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.map-detail-grammar>h3{grid-column:1/-1}.map-detail-examples .example-row>span{font-size:11px}.map-detail-intro>p{font-size:10px}.map-detail-grammar .grammar-item strong{font-size:13px}.map-detail-grammar .grammar-item p{font-size:9px}.map-rules{gap:15px}.map-rules>div{gap:8px}.map-rules strong{font-size:9px}.map-rules span{font-size:7px}.project-points{grid-template-columns:1fr}.project-point p{font-size:11px}.project-point h2{font-size:13px}.admin-layout{grid-template-columns:1fr}.admin-aside{display:grid;grid-template-columns:1.5fr 1fr;gap:17px;align-items:start}.admin-shortcuts{margin-top:0}.setting-field label span{font-size:10px}.setting-field label strong{font-size:12px}.login-form-side{padding:35px 32px 24px}.login-story{padding:35px 28px 24px}.login-story h2{font-size:37px}.word-evolution{font-size:16px;gap:10px}.word-evolution>span:first-child{font-size:21px}.evolution-line{width:20px}.login-story-bottom{font-size:7px}.story-progress>i{width:13px}.story-progress>i:first-child{width:20px}.login-form-wrap{margin-top:70px}.login-story-top{flex-wrap:wrap;gap:12px}.login-footer>span{font-size:7px}}
@media(max-width:800px){.sidebar{transform:translateX(100%);transition:transform .2s;box-shadow:-10px 0 40px #14102a20;width:245px;padding:30px 20px 18px}.workspace{margin-right:0}.menu-open .sidebar{transform:translateX(0)}.menu-open .sidebar-scrim{display:block;position:fixed;inset:0;width:100%;height:100%;background:#19112f55;z-index:25;border:0;backdrop-filter:blur(2px)}.sidebar>.brand{margin:3px 10px 39px}.brand strong{font-size:29px}.brand small{font-size:9px}.brand-mark{width:39px;height:43px}.primary-nav>a{font-size:12px;padding:10px 15px;gap:12px}.primary-nav>a.active:before{right:-20px}.mobile-menu{display:inline-flex!important}.topbar{height:67px;padding:0 24px}.topbar-leading{gap:12px}.topbar-trailing{gap:15px}.topbar-location{font-size:10px}.topbar-location>span{margin:0 10px}.level-badge{font-size:9px}.main-content{padding:28px 24px 34px}.page-footer{margin:0 24px}.dashboard-hero{min-height:303px}.hero-word>strong{font-size:53px}.hero-word>span{font-size:32px}.hero-copy h2{font-size:30px}.hero-copy p{font-size:11px}.hero-word-area{padding:26px 25px}.hero-word-meta{font-size:7px}.hero-copy .button{font-size:11px}.stat-top{flex-direction:row;align-items:center}.stat-top>span:first-child{font-size:9px}.stats-grid{gap:13px}.stat-card{padding:16px 15px}.stat-card p{font-size:8px}.stat-value{font-size:31px}.dashboard-lower{grid-template-columns:1.4fr 1fr;gap:16px}.recent-words{display:block}.section-heading h2{font-size:12px}.journey-panel,.recent-panel{padding:22px 20px 0}.stage-row-end .current-label{font-size:7px;padding:2px 4px}.stage-row-end{display:none}.mindmap{grid-template-columns:1fr 128px 1fr;grid-template-rows:repeat(3,minmax(157px,auto));gap:20px 15px}.map-hub{height:128px;width:128px}.hub-mark{font-size:26px}.map-hub strong{font-size:10px}.map-hub small{font-size:7px}.map-branch-heading strong{font-size:10px}.map-branch-heading small{font-size:8px}.map-word-chip{font-size:11px}.map-branch-example{font-size:10px}.branch-number{height:28px;width:27px}.map-detail-panel{grid-template-columns:1fr 1fr}.map-detail-grammar{grid-column:1/-1}.login-layout{grid-template-columns:1fr}.login-story{display:none}.login-form-side{padding:30px 32px 24px;min-height:100vh}.login-form-wrap{max-width:370px;margin:65px auto 65px}.login-brand{align-self:flex-start}.login-footer{max-width:370px;width:100%;align-self:center}.login-form-wrap h1{font-size:38px}.login-form label{font-size:11px}.login-form input{min-height:50px}.login-submit{min-height:50px}.login-description{font-size:12px}.login-note{font-size:9px}}
@media(max-width:600px){.topbar{padding:0 16px;height:61px}.topbar-location{font-size:9px}.topbar-location>span{margin:0 7px}.topbar-trailing{gap:9px}.topbar-avatar{width:28px;height:28px;font-size:10px}.level-badge{font-size:8px;gap:5px}.tiny-diamond{width:6px;height:6px}.main-content{padding:24px 17px 29px}.page-heading{gap:13px;align-items:flex-start;flex-wrap:wrap;margin-bottom:22px}.page-heading h1{font-size:26px;margin-top:4px;letter-spacing:-.7px}.page-heading p{font-size:10px;line-height:2}.page-heading>.text-link{font-size:9px;margin-top:0}.page-heading>.outline-pill{font-size:8px}.eyebrow{font-size:9px}.dashboard-hero{grid-template-columns:1fr;min-height:0;margin-bottom:18px;border-radius:13px}.hero-copy{padding:27px 26px 25px}.hero-copy h2{font-size:32px;margin:13px 0 10px}.hero-copy p{font-size:11px;margin-bottom:20px}.hero-copy .button{min-width:160px}.hero-subnote{display:inline-block;margin-inline-start:12px;font-size:8px}.hero-word-area{display:none}.hero-kicker{font-size:9px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:22px}.stat-card{padding:16px 16px 15px;border-radius:10px}.stat-top{flex-direction:row;align-items:center}.stat-top>span:first-child{font-size:10px}.stat-icon{width:28px;height:28px}.stat-icon .icon{width:15px;height:15px}.stat-value{font-size:33px;line-height:1.3;margin-top:9px}.stat-card p{font-size:8px}.dashboard-lower{grid-template-columns:1fr;gap:18px}.journey-panel,.recent-panel{padding:24px 22px 0;border-radius:13px}.section-heading h2{font-size:14px}.stage-row{padding:16px 0;gap:12px}.stage-row-copy strong{font-size:11px}.stage-row-copy>span{font-size:10px}.stage-row-end{display:flex;font-size:8px;gap:9px}.stage-row-end .current-label{font-size:7px;padding:3px 5px}.stage-number{width:33px;height:35px;font-size:10px}.recent-panel{min-height:280px}.recent-words{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.recent-word>span:first-child strong{font-size:17px}.recent-score{min-width:58px;font-size:12px}.recent-score .progress-track{width:58px}.recent-score small{font-size:8px}.page-footer{margin:0 17px;font-size:8px;padding:18px 0}.page-footer>span:last-child{font-size:8px}.word-summary-strip{flex-wrap:wrap;border-radius:10px;margin-bottom:22px}.word-summary-strip>div{padding:15px 13px;flex-basis:50%;gap:8px}.word-summary-strip>div:last-child{flex-basis:100%;border-inline-start:0;border-top:1px solid var(--line)}.word-summary-strip>div>span{font-size:9px}.word-summary-strip strong{font-size:17px}.word-summary-strip .icon{width:16px;height:16px}.heading-count{padding:5px 10px;font-size:8px}.heading-count strong{font-size:14px}.list-toolbar{flex-direction:column;gap:14px}.filter-tabs{width:100%;gap:4px}.filter-tabs button{font-size:9px;padding:8px 10px;flex:1;white-space:nowrap}.search-box{width:100%;max-width:none;min-width:0;padding:10px 12px}.search-box input{font-size:11px}.words-grid{gap:12px}.word-card{padding:14px 15px 0}.word-card-title strong{font-size:28px}.word-card-title>span{font-size:10px}.word-card-title{padding-top:12px}.word-card-top .status-pill{font-size:8px;padding:3px 6px}.word-card-top .audio-button{padding:5px}.word-card-top .audio-button .icon{width:16px;height:16px}.pronunciation-hint{font-size:8px}.word-card-score{font-size:8px;margin-top:18px}.word-card-score strong{font-size:11px}.word-card-score small{font-size:8px}.word-card-bottom{padding:12px 0;margin-top:15px;gap:7px}.word-card-bottom>span{font-size:7px}.word-card-bottom .text-link{font-size:8px;gap:3px}.word-card-bottom .text-link .icon{width:12px;height:12px}.lesson-topline{margin-bottom:22px}.lesson-stage-header{margin-bottom:19px;gap:13px}.lesson-stage-header .eyebrow{font-size:8px}.lesson-stage-header h1{font-size:25px}.lesson-stage-dots{gap:4px}.lesson-stage-dots>span{width:18px;height:3px}.question-card-meta{padding:16px 20px}.question-type{font-size:9px;gap:7px}.question-type .icon{width:15px;height:15px}.subtle-pill{font-size:8px}.question-body{padding:24px 22px 25px}.question-prompt{font-size:16px}.question-display{font-size:61px;padding:16px 0 14px}.question-display[dir=rtl]{font-size:24px}.question-display.arabic-target{font-size:28px}.question-audio-wrap{gap:8px;margin-bottom:24px}.question-audio{font-size:9px}.listen-note{font-size:8px}.choice-option{padding:13px 13px;gap:13px}.choice-text{font-size:12px}.choice-letter{width:27px;height:27px;font-size:10px}.question-actions{gap:10px;padding-top:20px;margin-top:23px}.question-actions .button-primary{min-width:0;flex:1;padding:12px 15px;font-size:10px;gap:9px}.question-actions .button-quiet{padding:12px 9px;font-size:10px}.answer-label{font-size:10px}.written-answer{font-size:18px;padding:15px;min-height:57px}.written-answer::placeholder{font-size:14px}.input-hint{font-size:8px}.feedback{padding:23px 22px 25px}.feedback-heading{gap:10px}.feedback-heading h3{font-size:13px}.feedback-heading p{font-size:9px}.feedback-icon{width:28px;height:28px}.score-delta{font-size:15px}.correct-answer strong{font-size:21px}.correct-answer>span{font-size:10px}.feedback-explanation{font-size:10px}.diagnosis-token{font-size:15px;padding:8px 11px}.diagnosis h4{font-size:12px}.diagnosis>p{font-size:9px}.diagnosis-actions{gap:13px}.completion-panel{padding:35px 23px}.completion-panel h2{font-size:18px}.completion-panel>p{font-size:10px}.completion-actions{flex-direction:column}.completion-stats{gap:50px;margin:25px 0}.completion-stats span{font-size:9px}.map-legend{justify-content:flex-start;gap:15px;margin-bottom:17px;font-size:7px;flex-wrap:wrap}.mindmap{grid-template-columns:1fr;grid-template-rows:auto;gap:16px;min-height:0;padding:0 19px 0 0;margin-right:0;border-right:1px dashed #d9cbe6;margin-bottom:24px}.mindmap-connectors{display:none}.map-hub{grid-column:1;grid-row:auto;justify-self:start;width:auto;height:auto;border-radius:11px;flex-direction:row;gap:13px;padding:13px 17px;margin-bottom:1px;box-shadow:none;position:relative;background:#eee7f6}.map-hub:before{content:"";position:absolute;right:-20px;width:20px;top:50%;height:1px;background:#d6c5e3}.hub-mark{font-size:23px}.map-hub strong{font-size:9px;margin:0}.map-hub small{font-size:7px;margin:0}.map-branch{grid-column:1!important;grid-row:auto!important;padding:16px 17px;position:relative}.map-branch:before{content:"";width:19px;height:1px;background:#d9cbe6;position:absolute;right:-20px;top:34px}.map-branch-heading strong{font-size:12px}.map-branch-heading small{font-size:8px;margin-top:2px}.map-branch-heading>.icon{display:inline-flex;width:14px;height:14px}.branch-number{width:31px;height:33px;font-size:11px}.map-branch-heading{gap:11px}.map-word-chips{margin:14px 0 12px;gap:7px}.map-word-chip{font-size:12px;padding:4px 10px}.map-branch-example{font-size:12px;padding-top:10px}.map-detail-panel{grid-template-columns:1fr;padding:23px;gap:23px}.map-detail-intro h2{font-size:22px}.map-detail-intro>p{font-size:11px}.stage-detail-chips>span{font-size:11px}.map-detail-examples h3,.map-detail-grammar h3{font-size:12px}.map-detail-examples .example-row>span{font-size:13px}.map-detail-examples .example-row{padding:10px 12px}.map-detail-grammar{grid-template-columns:1fr;display:block;padding-top:22px}.map-detail-grammar .grammar-item strong{font-size:13px}.map-detail-grammar .grammar-item p{font-size:10px}.grammar-note{font-size:9px}.prerequisite p{font-size:10px}.prerequisite small{font-size:9px}.map-rules{grid-template-columns:1fr;gap:19px;padding:0 4px;margin-top:25px}.map-rules>div{gap:12px}.map-rules strong{font-size:11px}.map-rules span{font-size:9px;line-height:2}.map-rules .icon{width:18px;height:18px}.project-manifesto{padding:29px 27px;border-radius:13px;margin-bottom:22px}.project-manifesto h2{font-size:29px}.project-manifesto p{font-size:10px}.project-manifesto:after{font-size:160px;left:18px;top:42px;letter-spacing:-12px}.manifesto-tags{gap:6px;margin-top:21px}.manifesto-tags>span{font-size:7px;padding:4px 7px}.project-point{padding:20px 19px;gap:14px}.project-point h2{font-size:12px}.project-point p{font-size:10px;line-height:2.2}.point-number{font-size:10px}.project-points{gap:13px}.project-bottom{padding:21px;flex-wrap:wrap;gap:14px}.project-bottom>div{flex:1}.project-bottom h3{font-size:11px}.project-bottom p{font-size:9px}.project-bottom .button{width:100%;margin-inline-start:0;margin-top:4px}.admin-role-banner{padding:20px;gap:12px;flex-wrap:wrap}.admin-role-banner>div{flex:1}.admin-role-banner h2{font-size:13px}.admin-role-banner p{font-size:9px}.admin-role-banner>.status-pill{margin-inline-start:55px}.admin-role-icon{width:38px;height:38px}.settings-panel{padding:23px 20px}.setting-field{gap:18px;padding:20px 0}.setting-field label strong{font-size:11px}.setting-field label span{font-size:9px}.setting-number{gap:5px}.setting-number input{width:57px;font-size:16px;padding:9px 5px}.setting-number>span{font-size:7px}.admin-aside{grid-template-columns:1fr}.rule-card{padding:23px}.rule-card h3{font-size:15px}.rule-card li{font-size:10px}.settings-footer p{font-size:8px}.settings-footer .button{width:100%}.toast-region{bottom:17px;left:17px;right:17px;max-width:none}.toast{font-size:10px;padding:12px 16px}.word-dialog{max-width:calc(100% - 26px)}.word-detail-body{padding:24px}.dialog-header{padding:14px 20px}.word-detail-body h2{font-size:45px}.word-detail-meaning{font-size:16px}.empty-state{padding:42px 23px}.empty-state h2{font-size:17px}.empty-state p{font-size:10px}.login-form-side{padding:28px 25px 22px}.login-form-wrap{margin:60px auto}.login-form-wrap h1{font-size:36px}.login-brand strong{font-size:27px}.login-brand small{font-size:8px}.login-brand .brand-mark{width:37px;height:41px}.login-note{font-size:8px}.login-footer>span{font-size:7px}}
@media(max-width:380px){.main-content{padding-right:14px;padding-left:14px}.topbar-location>span:first-child{display:none}.level-badge{font-size:7px}.hero-subnote{display:block;margin-inline-start:0}.hero-copy h2{font-size:30px}.stage-row-end{display:none}.stat-top>span:first-child{font-size:9px}.stat-icon{width:25px;height:25px}.stat-card{padding:15px 13px}.recent-words{grid-template-columns:1fr}.filter-tabs button{padding:8px 7px;font-size:8px}.words-grid{grid-template-columns:1fr}.word-card{padding:18px 21px 0}.word-card-title strong{font-size:34px}.word-card-title>span{font-size:12px}.word-card-bottom .text-link{font-size:10px}.word-card-bottom>span{font-size:9px}.word-card-score{font-size:10px}.question-body{padding:23px 18px}.question-prompt{font-size:15px}.question-actions .button-primary{font-size:9px;gap:6px}.lesson-stage-dots>span{width:14px}.question-audio-wrap{flex-direction:column;gap:6px}.feedback{padding:22px 18px}.map-hub{gap:10px;padding:13px}.map-word-chip{padding:4px 8px}.word-summary-strip>div{padding:14px 11px}.word-summary-strip>div>span{font-size:8px}.word-summary-strip strong{font-size:16px}.word-summary-strip small{font-size:7px}}
/* Readable adult typography: muted text remains legible on every surface. */
.page-heading p,.login-description{color:#777080;font-size:12px}.eyebrow{color:#837b91}.primary-nav>a{font-size:12px}.brand small{color:#aba6bf}.sidebar-label{color:#9690ad}.user-card small,.foundation-badge{color:#aaa3bb}.hero-copy p{color:#beb7ce}.hero-kicker{color:#cbc2da}.hero-subnote{color:#a9a1bc}.hero-word-meta{color:#b2a9c4}.hero-word-bottom{color:#b2a9c4}.hero-word>span{color:#9f97b4}.stat-top{color:#716a7e}.stat-card p{color:#898190;font-size:10px}.stage-row-copy strong{font-size:12px}.stage-row-copy>span{color:#8f849e;font-size:11px}.stage-row-end{color:#93869e}.recent-word>span:first-child small{color:#817487;font-size:10px}.quiet-note{color:#877e93;font-size:9px}.word-card-title strong{color:#2e2440}.word-card-title>span{color:#716079;font-size:12px}.word-card-score{color:#8a7598;font-size:10px}.word-card-bottom>span{color:#9b87a9}.pronunciation-hint{color:#93819f}.status-new{color:#8b7c98}.status-training{color:#7c609a}.status-mastered{color:#347f5b}.status-review{color:#976c27}.question-prompt{color:#493653}.listen-note,.input-hint{color:#9d8bac}.question-type{color:#8c749d}.subtle-pill{color:#987cab}.lesson-note-card h3{color:#6b527e;font-size:13px}.lesson-note-card>p{color:#90749f;font-size:11px}.learning-steps>span{color:#9b83aa;font-size:10px}.learning-steps>span.active{color:#745489}.lesson-privacy-note{color:#9d8bab}.feedback-heading p{color:#9977a6;font-size:10px}.feedback-explanation{color:#9874a7}.feedback-correct .feedback-heading p{color:#739681}.feedback-correct .correct-answer strong{color:#3e7658}.attempt-label{color:#82978b;font-size:9px}.correct-answer>span{color:#9876a6}.diagnosis>p{color:#a386b2}.diagnosis-confirmation>p{color:#866697}.diagnosis-detail>span,.diagnosis-detail>small{color:#997ca7}.detail-note{color:#8f739e;font-size:11px}.detail-score{color:#92729e}.detail-metrics span{color:#9c81ab;font-size:9px}.map-legend{color:#9780aa}.hub-mark{color:#745584}.map-hub strong{color:#90719e}.map-hub small{color:#9f84b1}.map-branch-heading strong{color:#7a548c;font-size:12px}.map-branch-heading small{color:#a386b7;font-size:9px}.map-word-chip{color:#9272a5;font-size:12px}.map-word-chip.is-seen{color:#50856a}.map-branch-example{color:#9577a6;font-size:12px}.map-detail-intro h2{color:#6e4881}.map-detail-intro>p{color:#94729f;font-size:11px}.map-detail-examples h3,.map-detail-grammar h3{color:#8a609d;font-size:12px}.map-detail-examples .example-row>span{color:#80568f;font-size:12px}.grammar-item strong,.map-detail-grammar .grammar-item strong{color:#9b75ad;font-size:13px}.grammar-item p,.map-detail-grammar .grammar-item p{color:#9c7bad;font-size:10px}.grammar-note{color:#a284b0;font-size:10px}.prerequisite p{color:#9b7aaa;font-size:10px}.prerequisite small,.small-note{color:#a68ab5;font-size:9px}.map-rules strong{color:#94729f;font-size:11px}.map-rules span{color:#a58aaf;font-size:10px}.project-manifesto p{color:#bcabca;font-size:12px}.project-manifesto>.eyebrow{color:#a896b7}.manifesto-tags>span{color:#baa4c8;font-size:9px}.project-point h2{color:#684877;font-size:14px}.project-point p{color:#92749f;font-size:12px;line-height:2.15}.point-number{color:#b095c0;font-size:12px}.project-bottom h3{color:#8a629f;font-size:13px}.project-bottom p{color:#9f7daf;font-size:11px}.admin-role-banner h2{color:#835991;font-size:15px}.admin-role-banner p{color:#9a78a6;font-size:11px}.setting-field label strong{color:#8a629b;font-size:12px}.setting-field label span{color:#a182b1;font-size:10px}.setting-number>span{color:#a686b7}.settings-footer p{color:#a080b0;font-size:10px}.rule-card h3{color:#815692}.rule-card li{color:#a17eaf;font-size:11px}.admin-shortcuts>a{color:#9972ab;font-size:11px}.login-form-wrap>.eyebrow{color:#9b7aaa}.login-form label{color:#866496;font-size:11px}.login-form input{color:#71527e}.login-note{color:#a489b2}.login-footer{color:#a48bb6}.login-footer>span{color:#ae98bc}.story-caption{color:#b2a0c0}.login-story-bottom{color:#a991b9}.login-story-top>span:first-child{color:#ac93bd}.login-story-top .outline-pill{color:#bda6cc}
@media(max-width:600px){.page-heading p{font-size:11px}.hero-copy p{font-size:11px}.stat-card p{font-size:9px}.stage-row-copy strong{font-size:11px}.stage-row-copy>span{font-size:10px}.word-card-title>span{font-size:11px}.map-branch-heading strong{font-size:12px}.map-branch-example{font-size:12px}.project-point h2{font-size:13px}.project-point p{font-size:11px}.project-manifesto p{font-size:11px}.setting-field label strong{font-size:11px}.setting-field label span{font-size:9px}.admin-role-banner p{font-size:10px}.settings-footer p{font-size:9px}.word-card-score{font-size:9px}.question-prompt{font-size:16px}.question-display{font-size:60px}.question-display[dir=rtl]{font-size:25px}}
.grammar-requirements{margin-top:9px}.grammar-requirements summary{font-size:9px;color:#9873ad;cursor:pointer}.grammar-requirements>div{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.grammar-requirements>div>span{font-family:var(--latin);font-size:10px;padding:2px 6px;color:#a482b9;background:#f5effa;border:1px solid #eee2f6;border-radius:4px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}.spinner{border-top-color:transparent}}

/* Keep vocabulary in one compact, continuous list. */
.words-list {
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
}
.word-row {
  display: grid;
  grid-template-columns: minmax(130px, 1.35fr) minmax(105px, .85fr) minmax(130px, 1fr) 100px 108px;
  align-items: center;
  gap: 22px;
  min-height: 86px;
  padding: 14px 22px;
  transition: background .15s;
}
.word-row + .word-row {
  border-top: 1px solid var(--line);
}
.word-row:hover,
.word-row:focus-within {
  background: #fcfbff;
}
.word-row > * {
  min-width: 0;
}
.word-row-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1px;
  width: fit-content;
  max-width: 100%;
  padding: 0;
  border: 0;
  border-radius: 4px;
  background: transparent;
  text-align: right;
}
.word-row-name strong {
  color: var(--ink);
  font-family: var(--latin);
  font-size: 22px;
  font-weight: 600;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.word-row-name > span {
  color: #776985;
  font-size: 12px;
  line-height: 1.7;
}
.word-row-name:hover strong {
  color: var(--indigo);
}
.word-row-pronunciation {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #85728f;
}
.word-row-pronunciation > span {
  font-family: var(--latin);
  font-size: 13px;
}
.word-row-pronunciation .audio-button {
  flex: none;
  min-width: 36px;
  min-height: 36px;
}
.word-row-mastery > div:first-child {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 7px;
  color: #82728c;
  font-size: 10px;
}
.word-row-mastery strong {
  color: #6d5880;
  font-family: var(--latin);
  font-size: 13px;
  white-space: nowrap;
}
.word-row-mastery small {
  color: #9b8ba7;
  font-size: 10px;
  font-weight: 400;
}
.word-row-mastery .progress-track {
  height: 4px;
}
.word-row-status {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.word-row-status > small {
  color: #93839f;
  font-size: 9px;
}
.word-row-practice {
  justify-self: end;
  min-height: 36px;
  padding: 4px 2px;
  border-radius: 4px;
  font-size: 10px;
}
.word-row-name:focus-visible,
.word-row-practice:focus-visible {
  outline: 3px solid #a79bed;
  outline-offset: 4px;
}

@media (max-width: 1150px) and (min-width: 801px) {
  .word-row {
    grid-template-columns: minmax(100px, 1.2fr) 90px minmax(90px, 1fr) 80px 90px;
    gap: 12px;
    padding-inline: 16px;
  }
}
@media (max-width: 1000px) {
  .word-row {
    grid-template-columns: minmax(0, 1fr) auto auto;
    gap: 8px 14px;
    min-height: 108px;
    padding: 12px 16px;
  }
  .word-row-name {
    grid-column: 1 / 3;
    grid-row: 1;
    flex-direction: row;
    align-items: center;
    flex-wrap: wrap;
    gap: 4px 10px;
  }
  .word-row-pronunciation {
    grid-column: 3;
    grid-row: 1;
    justify-self: end;
    gap: 3px;
  }
  .word-row-mastery {
    grid-column: 1;
    grid-row: 2;
    max-width: 190px;
  }
  .word-row-status {
    grid-column: 2;
    grid-row: 2;
    gap: 1px;
  }
  .word-row-status .status-pill {
    padding: 2px 7px;
    font-size: 8px;
  }
  .word-row-status > small {
    font-size: 8px;
  }
  .word-row-practice {
    grid-column: 3;
    grid-row: 2;
    gap: 5px;
  }
}
@media (max-width: 380px) {
  .word-row {
    gap: 8px 10px;
    padding-inline: 12px;
  }
  .word-row-name {
    gap: 4px 7px;
  }
  .word-row-name > span {
    font-size: 11px;
  }
  .word-row-practice .icon {
    display: none;
  }
  .word-row-pronunciation > span {
    font-size: 12px;
  }
}

/* Choices submit on activation, with the same visible selection state. */
button.choice-option {
  width: 100%;
  background: white;
  text-align: right;
  appearance: none;
}
button.choice-option:focus-visible {
  outline: 3px solid #c8b8e8;
  outline-offset: 2px;
}
button.choice-option:disabled {
  cursor: default;
  opacity: 1;
}

.word-list-controls {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 18px;
  margin-bottom: 12px;
}
.word-list-controls .word-page-size {
  width: auto;
  gap: 5px;
}
.word-list-controls .word-page-size button {
  flex: none;
  padding: 6px 11px;
  font-size: 10px;
}
#word-page-summary {
  color: #85768f;
  font-size: 10px;
}
.word-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  margin-top: 16px;
}
.word-pagination > span {
  color: #85768f;
  font-size: 10px;
  text-align: center;
}
.word-pagination .button {
  min-height: 38px;
  min-width: 84px;
  padding: 7px 15px;
  font-size: 10px;
}

.answer-comparison { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 14px; margin: 22px 0 16px; }
.answer-comparison > div { min-width: 0; border: 1px solid #e4d9ec; border-radius: 12px; background: #fff; padding: 18px; }
.answer-comparison h4 { font-size: 12px; margin: 0 0 12px; color: #816990; font-weight: 600; }
.answer-comparison .submitted-answer > p, .answer-comparison .correct-answer > strong { display: block; margin: 0; font-size: 21px; line-height: 1.7; font-weight: 500; overflow-wrap: anywhere; white-space: pre-wrap; }
.answer-comparison .submitted-answer > p:dir(ltr), .answer-comparison .correct-answer > strong:dir(ltr) { font-family: var(--latin); text-align: left; }
.answer-comparison .submitted-answer > p { color: #775d53; }
.answer-comparison .submitted-answer > .answer-empty { font-family: var(--font); font-size: 13px; }
.answer-comparison .correct-answer { display: block; margin: 0; border-color: #bfdfcf; background: #f5fcf8; padding: 18px; }
.answer-comparison .correct-answer > strong { color: #276348; }
.answer-comparison .correct-answer > span { display: block; margin-top: 8px; font-size: 12px; color: #648573; }
.answer-comparison .audio-button { margin-top: 10px; }
.answer-comparison .correction-audio { min-height: 44px; max-width: 100%; padding: 8px 12px; font-size: 13px; }
@media (max-width: 650px) { .answer-comparison { grid-template-columns: minmax(0,1fr); } }

/* Confirmation replaces the current answer, with no overlay or countdown. */
.question-card-meta { gap: 12px; }
.question-meta-status { display: flex; align-items: center; min-width: 0; }
.question-card.is-success #lesson-voice-slot,
.question-card.is-success #answer-form,
.question-card.is-success #answer-feedback,
.question-card.is-success .question-audio-wrap { display: none !important; }
.lesson-success { direction: rtl; margin-top: 28px; }
.lesson-success-card {
  display: flex;
  align-items: center;
  gap: 18px;
  min-height: 160px;
  padding: 28px;
  border: 1px solid #b2dfca;
  border-radius: 16px;
  background: #f3fcf7;
  color: #155c43;
  animation: lesson-success-enter 180ms ease-out both;
}
.lesson-success-check {
  display: grid;
  place-items: center;
  flex: none;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #208461;
  color: white;
}
.lesson-success-check .icon { width: 25px; height: 25px; stroke-width: 2.5; }
.lesson-success-copy { display: grid; gap: 10px; min-width: 0; }
.lesson-success-copy > strong { font-size: 21px; line-height: 1.6; font-weight: 750; }
.lesson-success-answer { margin: 0; color: #235942; font-size: 20px; font-family: var(--latin), var(--font); line-height: 1.6; overflow-wrap: anywhere; }
.lesson-success-answer:dir(ltr) { text-align: left; }
@keyframes lesson-success-enter { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 600px) {
  .question-card-meta { gap: 9px; }
  .lesson-success-card { padding: 22px 18px; gap: 13px; }
  .lesson-success-check { width: 40px; height: 40px; }
  .lesson-success-check .icon { width: 22px; height: 22px; }
  .lesson-success-copy > strong { font-size: 18px; }
  .lesson-success-answer { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) {
  .lesson-success-card { animation: none; }
}
@media (max-width: 600px) {
  .word-list-controls {
    gap: 8px 12px;
  }
  .word-list-controls .word-page-size button {
    min-height: 38px;
  }
  .word-pagination {
    justify-content: space-between;
    gap: 10px;
  }
  .word-pagination .button {
    min-height: 42px;
    min-width: 78px;
  }
}

.hero-voice-link { color: #9ff1dd; display: flex; align-items: center; gap: 8px; width: fit-content; margin-top: 18px; }
.hero-voice-link:hover { color: white; }

/* Complete authored sentence reference in the learning map. */
.map-detail-examples h3 { display: flex; align-items: center; gap: 10px; }
.map-sentence-count { color: #9b83aa; font-size: 11px; font-weight: 400; white-space: nowrap; }
.map-sentence-library { margin-top: 28px; padding: 30px; }
.map-sentence-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 22px; }
.map-sentence-heading h2 { margin: 7px 0 10px; color: #493653; font-size: 25px; }
.map-sentence-heading p { max-width: 660px; color: #8f739e; font-size: 12px; line-height: 2; }
.map-sentence-heading .heading-count { flex-shrink: 0; }
.map-sentence-stage { margin-top: 25px; padding-top: 23px; border-top: 1px solid var(--line); }
.map-sentence-stage-heading { display: flex; align-items: center; gap: 12px; margin-bottom: 14px; }
.map-sentence-stage-heading .branch-number { width: 32px; height: 32px; flex-shrink: 0; font-size: 11px; }
.map-sentence-stage-heading h3 { color: #7a548c; font-size: 14px; }
.map-sentence-stage-heading .map-sentence-count { margin-inline-start: auto; }
.map-sentence-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px 15px; }
.map-sentence-grid .example-row { margin: 0; min-width: 0; padding: 11px 13px; }
.map-sentence-grid .example-row > span { color: #80568f; font-size: 13px; overflow-wrap: anywhere; }
.map-sentence-grid .audio-button { flex-shrink: 0; }
.map-sentence-note { margin-top: 25px; padding-top: 18px; border-top: 1px solid var(--line); line-height: 2; }
@media (max-width: 800px) {
  .map-sentence-library { padding: 23px; }
  .map-sentence-grid { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .map-sentence-heading { flex-wrap: wrap; gap: 12px; }
  .map-sentence-heading h2 { font-size: 22px; }
  .map-sentence-heading p { font-size: 11px; }
  .map-sentence-stage-heading { gap: 8px; }
  .map-sentence-stage-heading h3 { font-size: 12px; }
  .map-sentence-stage-heading .map-sentence-count { font-size: 9px; }
}

/* Personal mastery, sentences, and the learner's preferred input methods. */
.word-row{grid-template-columns:minmax(110px,1.35fr) minmax(96px,.8fr) minmax(115px,1fr) 105px 144px}
.word-row-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;min-width:0}
.word-row-actions .text-link{font-size:12px;min-height:32px}
.mastery-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:36px;padding:7px 10px;border:1px solid var(--border,#e6e1ef);border-radius:9px;background:#faf8ff;color:#70618c;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}
.mastery-button .icon{width:15px;height:15px;flex-shrink:0}
.mastery-button:hover{background:#eee8fa;border-color:#b4a0d0}
.mastery-button.is-manual{background:#eef9f5;border-color:#c8e8da;color:#427962}
.mastery-button:disabled,.word-row-actions button:disabled{cursor:default;opacity:.5}
.word-detail-actions{display:flex;flex-direction:column;gap:12px;margin-top:22px}
.word-detail-actions .mastery-button{min-height:42px}
.status-manual{white-space:nowrap}
.sentence-row{display:grid;grid-template-columns:minmax(210px,1.7fr) minmax(115px,1fr) 105px 144px;align-items:center;gap:24px;padding:22px;min-height:110px;border-bottom:1px solid var(--border,#e6e1ef)}
.sentence-row:last-child{border-bottom:0}
.sentence-content{display:flex;align-items:center;gap:14px;min-width:0}
.sentence-row-number{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:34px;min-height:34px;padding:4px 8px;border:1px solid #e4def4;border-radius:9px;background:#f5f2fc;color:#6653a3;font-family:var(--latin);font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.sentence-copy{min-width:0;flex:1}
.sentence-copy>div{display:flex;align-items:center;gap:10px;justify-content:flex-start}
.sentence-copy strong{display:block;font-size:18px;line-height:1.6;overflow-wrap:anywhere;min-width:0}
.sentence-copy .audio-button{flex-shrink:0}
.sentence-copy p{margin:5px 0 0;font-size:13px;color:var(--muted,#8a8195);line-height:1.8}
.learning-modes{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 22px;margin-bottom:28px;border:1px solid var(--border,#e6e1ef);border-radius:14px;background:#fff}
.learning-modes fieldset{display:flex;align-items:center;gap:20px;border:0;padding:0;margin:0;min-width:0}
.learning-modes legend{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;padding:0;margin-bottom:10px}
.learning-modes legend .icon{width:17px;height:17px}
.learning-mode-options{display:flex;flex-wrap:wrap;gap:10px}
.learning-mode-options label{display:flex;align-items:center;gap:8px;border:1px solid #e7e1f2;border-radius:9px;padding:9px 12px;font-size:12px;cursor:pointer;min-height:42px}
.learning-mode-options label:has(input:checked){border-color:#baaee7;background:#f5f2fc;color:#6653c9}
.learning-mode-options label:has(input:disabled){cursor:default;opacity:.65}
.learning-mode-options input{width:17px;height:17px;margin:0;accent-color:#6855d8;cursor:inherit}
.learning-modes p{margin:0;font-size:12px;line-height:1.9;color:var(--muted,#8a8195);max-width:340px}
@media(max-width:1100px){
 .word-row{gap:14px;grid-template-columns:minmax(90px,1fr) 94px minmax(100px,1fr) 98px 136px}
 .sentence-row{gap:16px;grid-template-columns:minmax(180px,1.5fr) minmax(100px,1fr) 98px 136px}
}
@media(max-width:1000px){
 .word-row{grid-template-columns:minmax(0,1fr) auto auto;gap:14px}
 .word-row-actions{grid-column:1/-1;grid-row:3;flex-direction:row;align-items:center;justify-content:space-between;border-top:1px solid #f0ecf6;padding-top:12px}
 .word-row-actions .word-row-practice{grid-column:auto;grid-row:auto}
 .sentence-row{grid-template-columns:minmax(0,1fr) auto;padding:18px;gap:17px}
 .sentence-content{grid-column:1/-1;gap:12px}
 .sentence-copy strong{font-size:17px}
 .sentence-row .word-row-mastery{grid-column:1;grid-row:2}
 .sentence-row .word-row-status{grid-column:2;grid-row:2}
 .sentence-row .word-row-actions{grid-column:1/-1;grid-row:3}
 .learning-modes{flex-direction:column;align-items:stretch;gap:12px;padding:16px;margin-bottom:22px}
 .learning-modes p{max-width:none;font-size:11px}
 .learning-mode-options{gap:8px}
 .learning-mode-options label{flex:1;justify-content:center}
}
.learning-mode-options label{white-space:nowrap}
.learning-mode-options input{flex-shrink:0}
@media(max-width:1000px){.learning-modes fieldset,.learning-mode-options{width:100%}}

/* Separate the learner's collection from vocabulary still ahead in the curriculum. */
.word-collections{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px;border-bottom:1px solid var(--border,#e6e1ef);padding-bottom:14px}
.word-collections button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 17px;border:1px solid transparent;border-radius:10px;background:transparent;color:#887b9d;font:inherit;font-size:13px;cursor:pointer}
.word-collections button.active{color:#6653c9;background:#eee9fa;border-color:#e0d8f5;font-weight:700}
.word-collections button>span{min-width:24px;padding:1px 6px;border-radius:6px;background:#fff;font-size:11px;text-align:center}
.word-collections .icon{width:17px;height:17px}
.upcoming-words-note{display:flex;align-items:flex-start;gap:10px;border:1px solid #e6e0f2;border-radius:12px;background:#f3f0fa;padding:15px 18px;margin-bottom:22px;color:#857098}
.upcoming-words-note .icon{flex-shrink:0;width:18px;height:18px;margin-top:4px}
.upcoming-words-note p{font-size:12px;line-height:1.9;margin:0}
.upcoming-order-note,.upcoming-word-label{margin:0;font-size:12px;color:#998ca9}
.empty-word-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:20px}
@media(max-width:1000px){.upcoming-word-row .word-row-actions{justify-content:flex-end}}
@media(max-width:600px){
 .word-collections{gap:7px;margin-bottom:18px}
 .word-collections button{flex:1;padding:10px 8px;gap:7px;font-size:12px}
 .upcoming-words-note{padding:13px}
 .upcoming-words-note p{font-size:11px}
 .empty-word-actions{flex-direction:column;align-items:stretch}
}

/* Thirty-word batches open only when the previous batch's sentences are mastered. */
.batch-progress{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(190px,1fr) auto;align-items:center;gap:24px;padding:22px 24px;margin:24px 0;border:1px solid #dfd7f1;border-radius:15px;background:linear-gradient(120deg,#fff,#f7f4fd)}
.batch-progress-copy h2{font-size:18px;line-height:1.6;margin:5px 0 7px;color:#51446b}
.batch-progress-copy p{font-size:12px;line-height:1.9;margin:0;color:#8d7b9f}
.batch-progress-meter>div:first-child{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;color:#877898;margin-bottom:10px}
.batch-progress-meter strong{font-size:19px;color:#7056a0;white-space:nowrap}
.batch-progress-meter strong small{font-size:12px;color:#aa9aba;font-weight:400}
.batch-progress-meter>small,.batch-mode-note{display:block;font-size:11px;line-height:1.8;color:#9685a7;margin-top:8px}
.batch-mode-note{color:#75638f}
.batch-progress>.text-link{font-size:12px;white-space:nowrap}
.batch-progress-compact{grid-template-columns:minmax(0,1.6fr) minmax(200px,1fr);margin:0 0 18px;padding:15px 20px}
.batch-progress-compact h2{font-size:15px;margin:2px 0}
.batch-progress-compact .eyebrow{font-size:9px}
.batch-progress.batch-progress-learning{grid-template-columns:minmax(0,1fr);gap:9px;padding:20px 24px}
.batch-progress-learning .batch-remaining-heading{font-size:25px;line-height:1.65;margin:5px 0 0;color:#34284f}
.batch-remaining-heading strong{font-weight:800;font-variant-numeric:tabular-nums}
.batch-progress-learning .eyebrow{font-size:11px}
.batch-progress-learning .batch-mastery-summary{font-size:14px;line-height:1.8;margin:0 0 9px;color:#766487}
.batch-mastery-summary strong{font-size:inherit;color:#7056a0;font-weight:700;font-variant-numeric:tabular-nums}
.batch-progress-learning .progress-track{height:6px}
.map-batch-selector{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}
.map-batch-selector button{display:flex;align-items:center;gap:10px;text-align:start;min-height:65px;padding:13px 18px;border:1px solid #e3dcee;border-radius:11px;background:#fff;color:#8f7d9f;font:inherit;font-size:13px;cursor:pointer}
.map-batch-selector button.active{background:#eee8f8;border-color:#bca8db;color:#705293}
.map-batch-selector button:disabled{background:#f4f3f8;color:#aaa0b5;cursor:default}
.map-batch-selector button small{display:block;font-size:10px;font-weight:400;margin-top:5px}
.map-batch-selector .icon{width:20px;height:20px;flex-shrink:0}
.map-hub>strong{max-width:130px;text-align:center}
@media(max-width:1100px){.batch-progress{grid-template-columns:minmax(0,1.5fr) minmax(170px,1fr)}.batch-progress>.text-link{grid-column:1/-1;justify-self:start}}
@media(max-width:650px){
 .batch-progress,.batch-progress-compact{grid-template-columns:minmax(0,1fr);padding:17px;gap:16px;margin:18px 0}
 .batch-progress-copy h2{font-size:16px}
 .batch-progress-copy p{font-size:11px}
 .batch-progress-compact{margin-top:0}
 .batch-progress-compact .batch-progress-meter>small{display:none}
 .map-batch-selector button{width:100%;padding:12px 14px}
}

/* Contextual grammar reference, shared by its page and the lesson dialog. */
.grammar-layout{display:grid;grid-template-columns:275px minmax(0,1fr);gap:24px;align-items:start}
.grammar-index{padding:25px;position:sticky;top:24px}
.grammar-index h2{font-size:23px;margin:7px 0;color:var(--ink)}
.grammar-index>p[lang]{font-family:var(--latin);font-size:12px;color:#81738f;text-align:right}
.grammar-index nav{display:flex;flex-direction:column;gap:8px;margin:25px -10px 20px}
.grammar-index nav a{display:flex;align-items:center;gap:10px;padding:13px 10px;border-radius:9px;color:#6c547f;font-size:12px}
.grammar-index nav a:hover,.grammar-index nav a:focus-visible{background:#f2edfc;color:var(--indigo)}
.grammar-index nav bdi{font-family:var(--latin);font-size:14px;font-weight:600;min-width:28px;color:var(--indigo)}
.grammar-index nav .icon{width:15px;height:15px;flex:none;margin-inline-start:auto}
.grammar-index-note{font-size:11px;line-height:2;color:#897891;border-top:1px solid var(--line);padding-top:20px}
.grammar-article{overflow:hidden}
.grammar-article-intro{padding:32px 36px;background:linear-gradient(120deg,#f8f5fd,#fff);border-bottom:1px solid var(--line)}
.grammar-article-intro h2{font-size:26px;margin:8px 0 10px;color:var(--ink)}
.grammar-article-intro p{font-size:14px;line-height:2;color:#73647f;max-width:640px;margin:0}
.grammar-section{padding:32px 36px;scroll-margin-top:24px;outline-offset:-4px}
.grammar-section:focus{outline:2px solid #cabbef;outline-offset:-3px}
.grammar-section+.grammar-section{border-top:1px solid var(--line)}
.grammar-section-heading{display:flex;align-items:center;gap:14px;margin-bottom:20px}
.grammar-form{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex:none;border-radius:14px;background:#eee8fc;color:var(--indigo);font:600 23px var(--latin)}
.grammar-section-heading h2{font-size:21px;margin:3px 0;color:#463453;line-height:1.6}
.grammar-section>p,.grammar-takeaway p{font-size:14px;line-height:2.1;color:#74627f;margin:0 0 20px}
.grammar-section bdi{font-family:var(--latin);font-weight:600;color:#554163}
.grammar-pattern{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:17px;padding:20px;margin:24px 0;border:1px dashed #d7caee;border-radius:12px;background:#fbf9ff;font-size:14px;color:#776086}
.grammar-pattern strong{background:#e9e1fc;border-radius:8px;padding:5px 17px;color:var(--indigo);font:600 24px var(--latin)}
.grammar-pattern>b{font-weight:400;color:#ab9ab8}
.grammar-examples{display:grid;gap:10px;margin:22px 0}
.grammar-example{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#faf9fd;border:1px solid #eee8f5;border-radius:10px;padding:16px 18px}
.grammar-example>div{min-width:0;flex:1}
.grammar-example p{font-family:var(--latin);font-size:21px;line-height:1.7;margin:0 0 5px;color:#4b3959;overflow-wrap:anywhere}
.grammar-example mark{background:#e4dafb;color:#5944bb;border-radius:5px;padding:1px 5px;font-weight:600}
.grammar-example span{font-size:12px;color:#8b749a}
.grammar-example .audio-button{flex:none}
.grammar-takeaway{display:block;border-inline-start:3px solid #b5a2e6;padding:12px 18px;background:#fbf9fe;border-radius:4px 10px 10px 4px;color:#776182;font-size:13px;line-height:2}
.grammar-takeaway strong{display:block;font-size:13px;color:#654c7d;margin-bottom:5px}
.grammar-takeaway p{margin:0;font-size:13px}
.grammar-section .grammar-empty-examples{font-size:12px;border:1px dashed var(--line);padding:18px;border-radius:10px;margin:20px 0;color:#8c7998}
.grammar-section.is-locked{background:#fdfcff}
.grammar-section .grammar-form{min-width:58px;width:auto;padding:0 10px;white-space:nowrap}
.grammar-article-types{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:22px 0}
.grammar-article-types>div{padding:20px;border:1px solid var(--line);border-radius:12px;background:#fbf9fe}
.grammar-article-types h3{font:600 27px var(--latin);color:var(--indigo);margin:0 0 12px}
.grammar-article-types p{font-size:14px;color:#74627f;margin:8px 0;line-height:1.8}
.grammar-article-types p[lang]{font:500 19px var(--latin);color:#554163}
.grammar-article-types small{color:#897891;font-size:12px}
.grammar-water-note{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}
.grammar-water-note h3{font-size:18px;color:#463453;margin:0 0 12px}
.grammar-water-note>p{font-size:14px;line-height:2.1;color:#74627f;margin:0 0 12px}
.grammar-practice{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding:20px;background:#f5f2fc;border:1px solid #e7def8;border-radius:12px}
.grammar-practice h3{display:flex;gap:8px;align-items:center;font-size:15px;color:#654c7d;margin:0 0 8px}
.grammar-practice p{font-size:12px;line-height:1.9;color:#897891;margin:0}
.grammar-practice .button{flex:none;white-space:nowrap}
.grammar-practice .button:disabled{opacity:.55;cursor:default}
.grammar-practice-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;margin-bottom:20px;border:1px solid #cdbfeb;background:#f5f2fc;border-radius:14px}
.grammar-practice-banner h2{font-size:19px;color:#554163;margin:6px 0}
.grammar-practice-banner p{font-size:12px;color:#897891;margin:0}
.grammar-practice-banner .button{flex:none}
@media(max-width:650px){.grammar-article-types{gap:10px}.grammar-article-types>div{padding:15px}.grammar-article-types p[lang]{font-size:16px}.grammar-practice,.grammar-practice-banner{flex-direction:column;align-items:stretch;padding:18px}.grammar-practice .button,.grammar-practice-banner .button{justify-content:center}.grammar-water-note>p{font-size:13px}}
.grammar-locked{display:flex;align-items:flex-start;gap:12px;color:#96829f}
.grammar-locked .icon{flex:none;width:17px;height:17px;margin-top:6px}
.grammar-locked p{font-size:13px;line-height:2;margin:0}
.grammar-article-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;border-top:1px solid var(--line);padding:24px 36px}
.grammar-article-footer p{font-size:11px;color:#8b7896;margin:0;flex:1;min-width:170px}
.grammar-hint{display:flex;gap:14px;border:1px solid #d9cdef;background:#fff;border-radius:12px;padding:22px;margin:22px 0}
.grammar-hint-icon{display:flex;align-items:center;justify-content:center;width:35px;height:35px;flex:none;border-radius:10px;background:#eee8fc;color:var(--indigo)}
.grammar-hint h4{font-size:16px;color:#513c61;margin:5px 0 10px}
.grammar-hint p{font-size:13px;line-height:2;color:#776081;margin:0 0 15px}
.grammar-hint .text-link{font-size:13px}
.grammar-hint small{display:block;font-size:10px;color:#95829f;margin-top:7px}
.grammar-dialog{width:min(820px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #ded3ee;border-radius:18px;color:var(--ink);background:#fff;box-shadow:0 20px 80px #21123830;overflow:hidden}
.grammar-dialog[open]{display:flex;flex-direction:column}
.grammar-dialog::backdrop{background:#18132d70;backdrop-filter:blur(3px)}
.grammar-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;padding:22px 28px;border-bottom:1px solid var(--line);background:#faf8fd}
.grammar-dialog-header h2{font-size:23px;margin:5px 0 0;color:#473554}
.grammar-dialog-header .icon-button{flex:none;color:#80698f}
.grammar-dialog-body{overflow-y:auto;overscroll-behavior:contain;min-height:0}
.grammar-dialog-body .grammar-section{border:0;padding:28px}
.grammar-dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;flex:none;padding:18px 28px;border-top:1px solid var(--line);background:#fff}
.grammar-dialog-footer>span{font-size:11px;color:#8c779a}
.grammar-dialog-footer .button{font-size:12px;white-space:nowrap}
@media(max-width:1100px){.grammar-layout{grid-template-columns:1fr}.grammar-index{position:static}.grammar-index nav{display:grid;grid-template-columns:1fr 1fr}.grammar-index-note{margin-bottom:0}}
@media(max-width:650px){.grammar-layout{gap:18px}.grammar-index{padding:20px}.grammar-index nav{grid-template-columns:1fr;margin-top:16px}.grammar-index h2{font-size:21px}.grammar-article-intro,.grammar-section{padding:24px 20px}.grammar-article-intro h2{font-size:23px}.grammar-article-intro p,.grammar-section>p{font-size:13px}.grammar-section-heading{gap:11px}.grammar-section-heading h2{font-size:18px}.grammar-form{width:44px;height:44px;font-size:21px}.grammar-example{padding:13px;gap:8px}.grammar-example p{font-size:18px}.grammar-example span{font-size:11px}.grammar-pattern{gap:10px;padding:15px 10px;font-size:12px}.grammar-pattern strong{font-size:21px;padding:4px 12px}.grammar-article-footer{padding:22px 20px;align-items:stretch;flex-direction:column}.grammar-hint{padding:17px 14px;gap:10px}.grammar-hint-icon{width:28px;height:28px}.grammar-hint h4{font-size:15px}.grammar-hint p{font-size:12px}.grammar-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:14px}.grammar-dialog-header{padding:16px 20px}.grammar-dialog-header h2{font-size:21px}.grammar-dialog-body .grammar-section{padding:22px 20px}.grammar-dialog-footer{padding:15px 20px;flex-direction:column;align-items:stretch;gap:10px}.grammar-dialog-footer .button{justify-content:center}}

/* Keep lesson settings outside the translation task and emphasize its text. */
.lesson-settings{display:flex;align-items:flex-start;margin-bottom:28px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}
.lesson-settings .learning-modes{flex:0 0 auto;border:0;border-radius:0;background:none;margin:0;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:12px;padding:20px 22px}
.lesson-settings .learning-modes p{max-width:none;font-size:11px}
.lesson-audio-settings{flex:1;padding:20px 22px;border-inline-start:1px solid var(--line);min-width:0}
.lesson-audio-settings h2{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;margin:0 0 10px}
.lesson-audio-settings h2 .icon{width:17px;height:17px}
.lesson-audio-options{display:flex;flex-wrap:wrap;gap:10px}
.lesson-audio-options .lesson-voice-toggle{min-height:42px;font-size:11px}
.lesson-audio-settings p{margin:12px 0 0;font-size:11px;line-height:1.9;color:var(--muted,#8a8195)}
.question-focus{padding:21px 26px 24px;margin:0 auto 22px;border:1px solid #eae3f3;border-radius:12px;background:#faf8fd}
.question-focus .question-prompt{font-size:13px;font-weight:400;color:#887395;line-height:1.9;margin:0 0 12px}
.question-context-note{margin:14px 0 0;color:#74627f;font-size:14px;line-height:1.9;text-align:center}
.grammar-article-types mark{background:#e9e1fc;color:var(--indigo);border-radius:4px;padding:0 3px}
.question-target{font-size:34px;font-weight:700;line-height:1.8;color:#2e2543;overflow-wrap:anywhere}
.question-target[dir=ltr]{font-family:var(--latin);font-size:46px;line-height:1.4;letter-spacing:-.6px}
.lesson-input-toolbar:empty{display:none}
.lesson-input-toolbar[hidden]{display:none}
.lesson-settings #learning-mode-note{min-height:42px}
.lesson-history-button{display:flex;align-items:center;gap:11px;width:100%;padding:15px 16px;margin-top:12px;border:1px solid #ddd4ee;border-radius:10px;background:#fff;color:#766089;text-align:right;transition:background .15s,border-color .15s}
.last-sentence-card{display:flex;flex-direction:column;gap:16px;padding:23px 20px;border:1px solid #e7e1f0;border-radius:13px;background:#f0ecf8;overflow-wrap:anywhere}
.last-sentence-card[hidden]{display:none}
.last-sentence-ar{font-size:15px;line-height:1.9;color:#6b527e}
.last-sentence-en{font-family:var(--latin);font-size:19px;font-weight:600;line-height:1.6;color:#493653;text-align:left}
.last-sentence-card .mastery-button{width:100%;min-height:40px;font-size:11px}
.completion-panel>.last-sentence-card{max-width:290px;margin:22px auto 0;text-align:right}
.lesson-history-button:hover{background:#f7f3fc;border-color:#b6a4cf}
.lesson-history-button>.icon{width:18px;height:18px;flex:none}
.lesson-history-button>.icon:last-child{width:15px;margin-inline-start:auto}
.lesson-history-button>span{display:flex;flex-direction:column;gap:4px}
.lesson-history-button strong{font-size:11px;font-weight:600}
.lesson-history-button small{font-size:9px;color:#9c89ad}
.completion-panel>.lesson-history-button{max-width:290px;margin:22px auto 0}
.learning-history-dialog{position:fixed;inset:0 auto 0 0;margin:0;width:490px;max-width:min(490px,100vw);height:100%;height:100dvh;max-height:100%;padding:0;border:0;border-inline-start:1px solid #e6def1;border-radius:0 17px 17px 0;color:var(--ink);background:#fbf9fd;box-shadow:15px 0 65px #20172b29;overflow:hidden;direction:rtl}
.learning-history-dialog[open]{display:flex;flex-direction:column;animation:history-enter .2s ease-out}
.learning-history-dialog::backdrop{background:#15122a66;backdrop-filter:blur(3px)}
.history-header{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding:26px 25px 19px;background:white;flex:none}
.history-header h2{font-size:24px;color:#382b4b;margin:5px 0 9px}
.history-header p{font-size:11px;line-height:1.9;color:#8b779a;margin:0}
.history-header .icon-button{flex:none;margin-top:3px}
.history-tabs{display:flex;gap:8px;padding:0 25px 17px;background:white;border-bottom:1px solid var(--line);flex:none}
.history-tabs>button{flex:1;border:1px solid #e7deef;border-radius:8px;padding:11px 12px;background:white;font-size:12px;color:#8e789e}
.history-tabs>button[aria-selected=true]{border-color:#b8a7d0;background:#f0eaf9;color:#70568b;font-weight:600}
.history-tabs>button:focus-visible,.lesson-history-button:focus-visible,.history-entry-actions>button:focus-visible{outline:3px solid #c3afe4;outline-offset:3px}
.history-action-note{margin:0;padding:12px 25px;background:#faf3e6;border-bottom:1px solid #eee0c7;color:#8f724b;font-size:11px;line-height:1.9;flex:none}
.history-panel{padding:19px 23px 25px;overflow:auto;overscroll-behavior:contain;flex:1;min-height:0;scrollbar-gutter:stable}
.history-panel:focus-visible{outline:2px solid #b9a7d2;outline-offset:-3px}
.history-tab-description{font-size:10px;line-height:1.9;color:#95839f;margin:0 2px 15px}
.history-list{display:flex;flex-direction:column;gap:15px}
.history-entry{border:1px solid #e6dfed;border-radius:12px;background:white;padding:17px 18px;overflow-wrap:anywhere}
.history-entry-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:15px}
.history-entry-meta .status-pill{gap:5px;font-size:9px}
.history-entry-meta .status-pill .icon{width:12px;height:12px}
.history-entry-meta time,.history-entry-meta>span:not(.status-pill){font-size:9px;color:#9e8da9}
.history-entry h3{font-size:14px;color:#65516f;font-weight:600;line-height:1.9}
.history-question-display{font-family:var(--latin);font-size:19px;font-weight:600;color:#4f3a62;margin-top:7px}
.history-question-display[dir=rtl]{font-family:var(--font)}
.history-answer-grid{display:grid;gap:11px;margin-top:15px}
.history-answer-grid>div{padding:11px 13px;border:1px solid #eee8f3;border-radius:8px;background:#fbf9fd}
.history-answer-grid h4{font-family:var(--font);font-size:9px;font-weight:500;color:#9c86aa;margin-bottom:7px}
.history-answer-grid p{font-size:16px;line-height:1.7;color:#71577f;white-space:pre-wrap;font-family:var(--latin),var(--font)}
.history-answer-grid .history-correct{background:#f2f8f4;border-color:#e0ece3}
.history-correct h4{color:#7b9d87}
.history-correct p{color:#507c60;font-weight:600}
.history-correct>span{display:block;font-size:11px;color:#7c9784;margin-top:6px;line-height:1.9}
.history-correct .history-target-label{font-size:14px;margin-top:4px}
.history-error-count{display:flex;align-items:flex-start;gap:6px;font-size:10px;line-height:1.9;color:#a4865b;margin-top:12px}
.history-error-count .icon{flex:none;width:13px;height:13px;margin-top:3px}
.history-mastery-marker{font-size:10px;color:#568d6e;margin-top:12px;min-height:18px}
.history-entry-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding-top:14px;margin-top:13px;border-top:1px solid #f0eaf5}
.history-entry-actions .mastery-button{font-size:10px;min-height:35px;min-width:132px;margin:0}
.history-entry-actions .text-link{font-size:10px;min-height:35px}
.history-entry-actions button:disabled{opacity:.5;cursor:not-allowed}
.history-empty{display:flex;align-items:center;text-align:center;flex-direction:column;padding:52px 15px;gap:12px}
.history-empty>.icon{width:28px;height:28px;color:#ad9dbb}
.history-empty h3{font-size:15px;font-weight:500;color:#786384}
.history-empty p{font-size:11px;line-height:2;color:#a08aac;max-width:280px}
.history-empty .button{margin-top:7px}
.history-footer{padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:white;border-top:1px solid var(--line);flex:none}
.history-footer>span{font-size:9px;color:#a18aac;line-height:1.8}
.history-footer .button{font-size:10px;padding:9px 13px;min-height:38px;flex:none}
@keyframes history-enter{from{transform:translateX(-35px);opacity:0}to{transform:translateX(0);opacity:1}}
@media(prefers-reduced-motion:reduce){.learning-history-dialog[open]{animation:none}}
@media(max-width:1020px){
 .lesson-aside{display:block}
 .lesson-aside>.lesson-note-card,.lesson-aside>.lesson-privacy-note{display:none}
 .lesson-aside>.lesson-mini-stat{margin-top:0}
 .lesson-aside>.last-sentence-card:not([hidden])+.lesson-mini-stat{margin-top:15px}
 .lesson-aside>.lesson-history-button{margin-top:10px}
}
@media(max-width:600px){
 .learning-history-dialog{width:100%;max-width:100%;border:0;border-radius:0}
 .history-header{padding:22px 19px 17px}
 .history-header h2{font-size:23px}
 .history-tabs{padding:0 19px 15px}
 .history-panel{padding:17px 15px 22px;scrollbar-gutter:auto}
 .history-entry{padding:16px}
 .history-entry-meta .status-pill{font-size:10px}
 .history-entry-meta time{font-size:10px}
 .history-answer-grid h4{font-size:10px}
 .history-tab-description,.history-error-count,.history-entry-actions .text-link,.history-entry-actions .mastery-button{font-size:11px}
 .history-footer{padding:14px 19px max(14px,env(safe-area-inset-bottom))}
 .history-action-note{padding:11px 19px}
}
@media(max-width:760px){
 .lesson-settings{flex-direction:column;margin-bottom:22px}
 .lesson-settings .learning-modes,.lesson-audio-settings{width:100%;padding:17px 18px}
 .lesson-audio-settings{border-inline-start:0;border-top:1px solid var(--line)}
 .lesson-audio-options{gap:8px}
 .lesson-audio-options .lesson-voice-toggle{flex:1;white-space:nowrap;padding:7px 9px}
 .question-focus{padding:18px 15px 21px;margin-bottom:20px}
 .question-focus .question-prompt{font-size:12px}
 .question-target{font-size:27px;line-height:1.8}
 .question-target[dir=ltr]{font-size:39px}
}

/* Optional answer help stays outside the form and remains available during voice input. */
.question-reveal{margin:0 0 22px;text-align:center;overflow-anchor:none}
.answer-reveal-toggle{min-height:44px;padding:9px 16px;border:1px solid #dfd6ee;border-radius:24px;background:#fff;color:#7761a5;font-size:13px;font-weight:500;touch-action:manipulation}
.answer-reveal-toggle:hover{background:#f8f5fd;border-color:#b8a6db}
.answer-reveal-toggle[aria-expanded=true]{background:#f3eefb;border-color:#c9b9e5}
.answer-reveal-toggle .icon{width:18px;height:18px}
.answer-reveal-toggle:focus-visible{outline:3px solid #cbbce9;outline-offset:3px}
.revealed-answer{margin:12px auto 0;padding:14px 18px;max-width:100%;border:1px solid #e7dff1;border-radius:12px;background:#faf7ff;color:#5e4779;overflow-wrap:anywhere}
.revealed-answer strong{display:block;font-size:22px;line-height:1.7;font-weight:600}
.revealed-answer strong[lang=en]{font-family:var(--latin)}
.revealed-answer.reveal-error{font-size:12px;line-height:1.8;color:#946242}