:root{--ink:#283d31;--muted:#81867c;--green:#365c44;--sage:#e5ebdf;--line:#e6e8df;--paper:#f7f8f3;--white:#fff;--gold:#e6b465;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:14px/1.65 'PingFang SC','Microsoft YaHei',system-ui,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.45}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #ca9b53;outline-offset:4px}h1,h2,h3,p{margin:0}svg.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}.skip{position:absolute;top:-100px;background:white;padding:10px;z-index:20}.skip:focus{top:0}.loading{padding:80px;text-align:center}.sidebar{position:fixed;inset:0 auto 0 0;width:228px;background:#fcfcf8;border-right:1px solid var(--line);padding:35px 22px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:11px;align-items:center;padding:0 9px}.brand-mark{width:41px;height:41px;border-radius:14px;background:var(--green);color:#fff8df;display:grid;place-items:center;font:27px var(--serif)}.brand-name{font:700 31px/1.1 var(--serif);letter-spacing:-1px}.brand small{font-size:10px;letter-spacing:2px;color:var(--muted)}.nav{display:grid;gap:8px;margin-top:48px}.nav button{display:flex;gap:13px;align-items:center;padding:12px 14px;text-align:left;border-radius:10px;font-size:14px;color:#7c8378}.nav button.active{background:#e7eddf;color:var(--green);font-weight:650}.nav button:hover{background:#edf0e7}.nav-caption{font-size:10px;letter-spacing:2px;color:#a0a598;padding:0 14px;margin:34px 0 12px}.sidebar .section-link{display:flex;align-items:center;gap:10px;padding:8px 14px;text-align:left;font-size:12px;color:#757e70}.dot{width:7px;height:7px;border-radius:50%;display:inline-block}.side-bottom{margin-top:auto;padding:20px 10px 0}.mini-quote{font:italic 21px/1.3 var(--serif);color:#7d8f73;margin-bottom:6px}.side-bottom p{font-size:10px;color:#91978a}.side-bottom .book-note{border-top:1px solid var(--line);padding-top:14px;margin-top:24px;display:flex;align-items:center;gap:9px;font-size:11px;color:#7b8375}.shell{margin-left:228px}.topbar{height:85px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 43px;gap:22px;background:#fafbf6}.breadcrumb{font-size:12px;color:#8a8f82}.breadcrumb b{font-weight:500;color:var(--ink)}.top-actions{display:flex;align-items:center;gap:22px}.global-search{width:265px;display:flex;align-items:center;gap:9px;color:#92988c;background:#f0f2e9;border:1px solid #e9ecdf;border-radius:9px;padding:8px 11px}.global-search input{background:none;border:0;outline:none;width:100%;color:var(--ink);font-size:12px;min-width:0}.avatar{border:1px solid #d9dfcf;border-radius:50%;background:#e7ecdf;width:35px;height:35px;display:grid;place-items:center;font:17px var(--serif)}.date-badge{font-size:11px;color:#858e7c}main{max-width:1550px;padding:32px 43px 45px;margin:auto}.intro-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.eyebrow{font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#839077}.intro-line h1{font-size:24px;letter-spacing:1px;margin-top:4px;font-weight:650}.intro-line p{font-size:12px;color:#8d9386;margin-top:4px}.pill{display:inline-flex;align-items:center;gap:7px;border:1px solid #e0e5d7;border-radius:30px;padding:6px 12px;font-size:11px;color:#7d8b70;background:#f4f6ec;white-space:nowrap}.hero-row{display:grid;grid-template-columns:minmax(0,1fr) 236px;gap:18px}.hero{background:#e3eadb;min-height:287px;border-radius:19px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr 45%;padding:31px 30px}.hero-copy{position:relative;z-index:2}.hero .eyebrow{color:#748b66}.hero h2{font-size:33px;line-height:1.5;letter-spacing:2px;font-weight:600;margin:12px 0 10px}.hero p{font-size:12px;color:#77856b;max-width:300px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--green);color:white;padding:11px 20px;border-radius:9px;font-size:12px;font-weight:550}.primary:hover{background:#274c36}.hero .primary{margin-top:23px}.hero-art{position:relative;display:flex;align-items:center;justify-content:center}.hero-art:before{content:'';position:absolute;width:210px;height:210px;border-radius:50%;background:#d1ddc5}.hero-art img{position:relative;width:100%;max-width:300px;height:185px;object-fit:cover;mix-blend-mode:multiply;border-radius:70px 70px 20px 20px;transform:rotate(-4deg);box-shadow:0 9px 0 #b9c5ac55}.float-word{position:absolute;bottom:12px;right:-5px;background:#fffdf6;box-shadow:0 4px 20px #5771431a;border:1px solid #e6e8d8;padding:9px 15px;border-radius:10px;transform:rotate(3deg);font:17px var(--serif)}.float-word small{font:10px system-ui;display:block;color:#969a86}.spark{position:absolute;top:8px;right:2px;color:#a2af8a;font-size:30px}.daily{background:#fffef9;border:1px solid var(--line);border-radius:18px;padding:23px 21px;display:flex;flex-direction:column}.daily-title{display:flex;justify-content:space-between;align-items:center;font-size:12px}.daily-title svg{color:#d6a85d}.daily .number{font:41px/1.2 var(--serif);margin-top:14px}.daily .number small{font:12px system-ui;color:#a0a590}.progress-track{height:5px;border-radius:10px;background:#eceee3;overflow:hidden;margin:14px 0 9px}.progress-track i{display:block;background:#739362;height:100%;border-radius:10px}.daily p{font-size:11px;color:#939985}.daily button{border:1px solid #e1e5d6;border-radius:8px;font-size:11px;padding:9px;margin-top:auto;background:#f7f8f1}.daily button:hover{background:var(--sage)}.stat-row{display:flex;align-items:center;gap:23px;font-size:11px;color:#8a9380;padding:18px 3px 24px}.stat-row strong{font:19px var(--serif);color:#637655;margin-right:5px}.stat-row span+span{border-left:1px solid #dce2d2;padding-left:23px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:4px 0 20px;gap:16px}.section-heading h2{font-size:18px;font-weight:600;letter-spacing:1px}.section-heading p{font-size:11px;color:#919886;margin-top:4px}.tabs{display:flex;gap:5px;flex-wrap:wrap}.tabs button{font-size:11px;padding:6px 12px;border-radius:7px;color:#859078}.tabs .active{background:#e4ebda;color:#47613b}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.category{border:1px solid #e5e8dc;border-radius:13px;background:#fffefa;overflow:hidden;text-align:left;transition:transform .2s,box-shadow .2s;padding:0;display:flex;flex-direction:column}.category:hover{transform:translateY(-4px);box-shadow:0 10px 22px #334f3510}.category .cover{height:130px;background:var(--tint);position:relative;overflow:hidden;padding:12px}.cover img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;transition:transform .3s}.category:hover img{transform:scale(1.06)}.category .section-num{position:absolute;top:10px;left:11px;font:10px var(--serif);color:#58634c;background:#fff9;padding:2px 7px;border-radius:6px}.category-body{padding:14px 15px 12px}.category h3{font-size:14px;font-weight:600}.category .es{font:italic 12px/1.4 var(--serif);color:#959985;margin:4px 0 14px;min-height:17px}.category-foot{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#929986}.category-foot svg{width:14px;height:14px}.category-progress{height:2px;background:#edf0e4;margin-top:10px}.category-progress i{height:100%;background:#829b73;display:block}.footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;color:#a0a594;margin-top:32px;padding-top:20px;gap:20px}.text-btn{color:#6d855d;font-size:12px;padding:7px 0}.back{font-size:12px;color:#819174;display:inline-flex;align-items:center;gap:8px;margin-bottom:16px}.scene-banner{border-radius:17px;background:var(--tint);padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.scene-banner h1{font-size:28px}.scene-banner .es{font:italic 20px var(--serif);color:#74806b;margin-top:4px}.scene-banner p{font-size:12px;color:#78866c;margin-top:12px}.scene-banner img{width:160px;height:115px;object-fit:contain;mix-blend-mode:multiply}.lesson-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:24px;margin-top:25px}.lesson-nav{border:1px solid var(--line);background:#fcfcf7;border-radius:12px;align-self:start;padding:10px}.lesson-nav button{display:flex;width:100%;gap:11px;align-items:center;padding:11px 9px;border-radius:7px;font-size:12px;text-align:left}.lesson-nav button:hover{background:#edf0e6}.lesson-nav button.active{background:#e3ead9;font-weight:600}.lesson-nav .idx{font:12px var(--serif);color:#8e9b80;min-width:24px}.lesson-nav small{font-size:9px;color:#99a18e;display:block}.lesson-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:15px}.lesson-title h2{font-size:22px}.lesson-title p{font:italic 16px var(--serif);color:#8d9880;margin-top:3px}.lesson-tabs{border-bottom:1px solid var(--line);display:flex;gap:25px;margin-bottom:22px}.lesson-tabs button{padding:10px 1px;color:#8b9581;font-size:12px}.lesson-tabs .active{color:var(--green);border-bottom:2px solid var(--green)}.word-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.word-card{background:#fffefb;border:1px solid #e4e8da;border-radius:11px;padding:17px 17px 14px;position:relative}.word-card .es-word{font:23px/1.35 var(--serif);color:#34553a;padding-right:35px;overflow-wrap:anywhere}.word-card .cn-word{font-size:13px;color:#879178;margin:6px 0 16px}.word-actions{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #edf0e7;padding-top:9px;gap:8px}.word-actions button{display:flex;align-items:center;gap:5px;color:#879578;font-size:10px;min-height:27px}.word-actions button svg{width:16px;height:16px}.word-actions .done{color:var(--green);font-weight:600}.save-btn{position:absolute;right:13px;top:17px;color:#9aa58c;padding:4px}.save-btn.saved{color:#d2a148}.save-btn.saved svg{fill:#f3ddad}.hint{font-size:11px;line-height:1.8;color:#919b85;margin:16px 0}.sentence{margin-top:23px;background:#eaf0e1;border-radius:11px;padding:19px 21px;display:flex;justify-content:space-between;gap:12px;align-items:center}.sentence small{font-size:10px;letter-spacing:1px;color:#8a997b}.sentence p{font:20px var(--serif);margin:6px 0;color:#48653e}.sentence .cn{font:12px system-ui;color:#879779}.outline-btn{border:1px solid #dbe2cf;border-radius:8px;padding:9px 13px;font-size:12px;background:#fcfdf7;display:inline-flex;gap:8px;align-items:center}.outline-btn:hover{background:#eaf0e0}.reader-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:15px;flex-wrap:wrap}.reader-tools label{font-size:12px}.reader-tools input{width:65px;border:1px solid #dbe2d1;padding:5px;border-radius:6px;background:white}.reader-tools small{font-size:10px;color:#98a08f}.book-spread{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:start}.book-page{width:100%;border-radius:5px;border:1px solid #e0e3d7;box-shadow:0 4px 13px #45573d0c;cursor:zoom-in}.page-caption{font-size:10px;text-align:center;color:#9aa18e;margin:5px 0 16px}.flash-wrap{max-width:560px;margin:15px auto}.flash-card{width:100%;min-height:255px;border:1px solid #dae3ce;background:#fffef8;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px;box-shadow:0 8px 23px #41553108}.flash-card .flash-word{font:34px/1.35 var(--serif);overflow-wrap:anywhere}.flash-card .flash-cn{font-size:25px}.flash-card small{font-size:11px;color:#a0a68e;margin-top:25px}.flash-meta{display:flex;justify-content:space-between;color:#8f9b81;font-size:11px;margin-bottom:14px}.flash-controls{display:flex;justify-content:center;gap:13px;margin-top:19px;flex-wrap:wrap}.quiz-box{background:#fffef8;border:1px solid #e0e6d5;border-radius:16px;padding:27px;max-width:660px;margin:auto}.quiz-question{font:29px/1.5 var(--serif);margin:20px 0}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-options button{border:1px solid #dfe5d4;text-align:left;background:#f8faf3;border-radius:10px;padding:14px;font-size:14px;display:flex;align-items:center;gap:12px}.quiz-options button:hover:not(:disabled){background:#eaf0df}.quiz-options button.correct{background:#e0edda;border-color:#a7c394;opacity:1}.quiz-options button.wrong{background:#f8e4dc;border-color:#dcad9b;opacity:1}.quiz-feedback{min-height:40px;font-size:13px;padding-top:14px;color:#748a64}.quiz-top{display:flex;justify-content:space-between;font-size:11px;color:#919c84}.quiz-result{text-align:center;padding:24px}.quiz-result .score{font:60px var(--serif);color:var(--green)}.quiz-result p{color:#8b977e;margin:10px 0 25px}.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.search-panel{display:flex;gap:12px;margin:23px 0;flex-wrap:wrap}.search-input{flex:1;min-width:200px;background:white;border:1px solid #dce3d0;border-radius:10px;padding:13px 16px;color:var(--ink)}select{background:#fffefa;border:1px solid #dce3d0;border-radius:9px;padding:10px;color:#6f8062;max-width:100%}.results-info{font-size:12px;color:#8c987f;margin-bottom:17px}.vocab-table{background:#fffefa;border:1px solid var(--line);border-radius:13px;overflow:hidden}.vocab-row{display:grid;grid-template-columns:1.3fr 1fr 1fr 105px;gap:15px;padding:16px 20px;border-bottom:1px solid #edf0e5;align-items:center}.vocab-row:last-child{border:0}.vocab-row .es{font:20px var(--serif)}.vocab-row .cn{font-size:12px;color:#77866a}.vocab-row .origin{font-size:10px;color:#9ca48e}.vocab-row .origin:hover{color:#44633a}.vocab-row .actions{display:flex;justify-content:flex-end;gap:8px}.vocab-row .actions button{padding:5px}.saved{color:#ce9e46}.empty{padding:50px 20px;text-align:center;color:#909c83;background:#fffef9;border:1px dashed #dce3ce;border-radius:14px}.empty h3{font-size:20px;font-weight:500;margin:12px}.empty p{font-size:12px;margin-bottom:18px}.review-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:24px 0}.review-stat{background:#fffef9;border:1px solid var(--line);padding:21px;border-radius:12px}.review-stat b{font:34px var(--serif);display:block}.review-stat p{font-size:11px;color:#8e9a80}.review-tools{display:flex;align-items:center;gap:12px;margin:20px 0;flex-wrap:wrap}.pronunciation-intro{background:#e5ecdc;border-radius:15px;padding:24px;margin:20px 0;font-size:13px;line-height:1.9;color:#657958}.sound-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.sound-card{border:1px solid var(--line);border-radius:12px;background:#fffef9;padding:22px}.sound-card strong{font:36px var(--serif)}.sound-card p{font-size:12px;color:#859177;margin:10px 0}.sound-card button{font-size:14px;color:var(--green)}.settings-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0;font-size:12px;color:#88987a}#toast{position:fixed;bottom:30px;left:calc(50% + 100px);transform:translateX(-50%) translateY(20px);background:#304c38;color:#fafdf4;border-radius:10px;box-shadow:0 5px 25px #314a3522;padding:12px 22px;z-index:50;font-size:12px;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}dialog{border:1px solid #e1e6d7;border-radius:17px;padding:22px;max-width:95vw;max-height:95vh;color:var(--ink);background:#fafbf5}dialog::backdrop{background:#263c32a6;backdrop-filter:blur(3px)}dialog img{max-width:100%;max-height:80vh;display:block;object-fit:contain;margin:auto}dialog .modal-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px;font-size:12px}.mobile-brand{display:none}.pager{display:flex;justify-content:center;gap:15px;align-items:center;margin-top:24px;font-size:12px}.mobile-menu{display:none}.bookmark-note{background:#f2ecdb;border:1px solid #ebe2c8;padding:15px 18px;border-radius:10px;font-size:12px;color:#918361;margin-top:18px}.practice-options{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}.practice-options button{font-size:11px}.practice-options .active{background:#e1ead8}.typing-answer{display:flex;gap:10px;flex-wrap:wrap}.typing-answer input{flex:1;min-width:160px;padding:13px;border:1px solid #dbe3d0;background:white;border-radius:9px}.practice-accent{display:flex;gap:4px;margin-top:12px;flex-wrap:wrap}.practice-accent button{background:#edf1e4;border-radius:5px;padding:3px 10px;font-size:13px}.due-label{font-size:9px;padding:2px 6px;background:#f2e9d1;color:#9f8551;border-radius:5px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:1500px){.hero{min-height:310px}.hero h2{font-size:38px}.cover img{max-height:140px}.category .cover{height:155px}.hero-art img{max-width:360px;height:205px}}@media(max-width:1200px){.sidebar{width:200px;padding-left:15px;padding-right:15px}.shell{margin-left:200px}.topbar{padding:0 28px}main{padding:27px 28px}.hero-row{grid-template-columns:minmax(0,1fr) 200px}.hero{padding:27px 25px}.hero h2{font-size:28px}.hero-art img{height:160px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-layout{grid-template-columns:200px minmax(0,1fr)}}@media(max-width:1050px){.hero-row{grid-template-columns:1fr}.daily{display:none}.hero{grid-template-columns:1fr 42%;min-height:275px}.hero-art img{height:195px}.lesson-layout{grid-template-columns:185px minmax(0,1fr)}.lesson-title{align-items:flex-start;flex-direction:column}.word-grid{grid-template-columns:1fr}.global-search{width:220px}.date-badge{display:none}.sound-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{width:auto;inset:auto 0 0 0;height:65px;padding:4px 10px;background:#fcfdf8f5;border-top:1px solid #dfe5d4;border-right:0;backdrop-filter:blur(12px)}.sidebar .brand,.sidebar .nav-caption,.sidebar .section-link,.sidebar .side-bottom{display:none}.nav{display:flex;justify-content:space-around;margin:0;gap:2px}.nav button{flex-direction:column;gap:2px;font-size:9px;padding:7px 14px;border-radius:8px}.nav svg.ico{height:19px;width:19px}.shell{margin-left:0}.topbar{height:68px;padding:0 20px}.mobile-brand{display:flex;align-items:center;gap:8px;font:700 24px var(--serif)}.mobile-brand .brand-mark{height:30px;width:30px;border-radius:10px;font-size:21px}.breadcrumb{display:none}.global-search{width:180px;padding:6px 9px}.global-search input{font-size:10px}.avatar{display:none}.top-actions{gap:8px}main{padding:24px 20px 95px}.intro-line h1{font-size:22px}.intro-line .pill{display:none}.hero{padding:25px 24px;grid-template-columns:1fr 35%;min-height:270px}.hero h2{font-size:29px}.hero p{font-size:11px;max-width:210px}.hero-art img{width:145%;max-width:none;height:145px;transform:rotate(-5deg) translateX(8px)}.hero-art:before{width:145px;height:145px}.float-word{font-size:13px;right:-10px;bottom:23px;padding:7px 11px}.hero .primary{padding:10px 14px;margin-top:19px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.category .cover{height:115px}.category-body{padding:12px}.category h3{font-size:13px}.category .es{font-size:11px;margin-bottom:12px;min-height:30px}.category-foot{font-size:9px}.stat-row{gap:13px;font-size:10px;flex-wrap:wrap;padding-bottom:22px}.stat-row span+span{padding-left:13px}.stat-row strong{font-size:17px}.section-heading{align-items:start;flex-direction:column;gap:13px}.footer{flex-direction:column;gap:8px}.scene-banner{padding:22px}.scene-banner h1{font-size:24px}.scene-banner img{width:95px;height:90px}.scene-banner .es{font-size:15px}.lesson-layout{grid-template-columns:1fr;gap:20px}.lesson-nav{display:flex;overflow-x:auto;padding:6px;gap:4px}.lesson-nav button{min-width:max-content;padding:7px 10px}.lesson-nav small{display:none}.lesson-nav .idx{min-width:0}.lesson-title{flex-direction:row;align-items:center}.lesson-title h2{font-size:20px}.lesson-title p{font-size:13px}.lesson-title .primary{font-size:10px;padding:9px 11px}.word-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.word-card{padding:14px 12px}.word-card .es-word{font-size:20px;padding-right:23px}.word-actions{gap:3px;flex-wrap:wrap}.word-actions button{font-size:9px}.save-btn{top:13px;right:8px}.book-spread{gap:7px}.reader-tools{gap:7px}.reader-tools .outline-btn{font-size:10px;padding:7px}.vocab-row{grid-template-columns:1fr 1fr 66px;gap:9px;padding:14px}.vocab-row .origin{grid-column:1/3;grid-row:2}.vocab-row .actions{grid-column:3;grid-row:1/3;gap:2px}.vocab-row .es{font-size:19px}.vocab-row .cn{font-size:11px}.review-summary{gap:10px}.review-stat{padding:15px}.review-stat b{font-size:28px}.review-stat p{font-size:10px}.quiz-box{padding:20px}.quiz-question{font-size:26px}.quiz-options{grid-template-columns:1fr}.quiz-options button{font-size:13px}.sound-grid{gap:12px}.sound-card{padding:17px}.sound-card strong{font-size:30px}#toast{left:50%;bottom:85px;width:max-content;text-align:center}.sentence{padding:16px}.sentence p{font-size:18px}.hint{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media(max-width:390px){.hero-art{display:none}.hero{grid-template-columns:1fr}.hero h2{font-size:30px}.hero p{max-width:260px}.word-grid{grid-template-columns:1fr}.global-search{width:145px}.category .cover{height:95px}}
/* Original book navigation and performance-based mistake review. */
.sidebar{overflow:hidden}.section-links{overflow-y:auto;min-height:0;flex:1;padding-right:2px;margin-top:1px;scrollbar-width:thin;scrollbar-color:#dce4d2 transparent}.sidebar .section-link{width:100%;padding:6px 13px;font-size:11px;border-radius:6px}.section-link.current{background:#edf1e6;color:#42603b}.section-index{font:11px Georgia;min-width:18px;color:#9aa98a}.side-bottom{flex-shrink:0;padding-top:15px}.side-bottom .book-note{margin-top:14px}.sidebar .nav{margin-top:30px}.sidebar .nav-caption{margin-top:23px;flex-shrink:0}.nav-count{font-size:9px;background:#e7dcc3;color:#917843;padding:1px 6px;border-radius:10px;margin-left:auto}.chapter-label{font:16px Georgia;color:#8c9b7a}.unit-number{font:19px Georgia;color:#8a9c77;margin-right:4px}.lesson-nav .idx{min-width:32px}.mistake-settings{border:1px solid #dce4d1;background:#f0f4e8;padding:22px 24px;border-radius:13px;margin-bottom:25px}.mistake-settings h2{font-size:15px}.mistake-settings p{font-size:11px;color:#8b987d;margin-top:6px}.mistake-settings .settings-row{margin:17px 0 8px}.mistake-settings select{font-size:12px;padding:8px 10px}.mistake-practice{border:1px solid #dce5ce;background:#e8efdf;border-radius:12px;padding:18px 21px;display:flex;gap:20px;align-items:center;justify-content:space-between;margin:17px 0}.mistake-practice b{font-size:14px}.mistake-practice p{font-size:11px;color:#89987a;margin-top:4px}.mistake-practice-actions{display:flex;gap:10px;align-items:center}.mistake-practice-actions select{font-size:12px;padding:10px}.batch-remove{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:11px;color:#8a987b;padding:5px 0 16px}.mistake-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.mistake-card{border:1px solid #e0e6d6;border-radius:12px;background:#fffef8;padding:19px;min-width:0}.mistake-card-main{display:flex;gap:12px;justify-content:space-between;align-items:start}.mistake-word{font:24px/1.4 Georgia;color:#46613b;overflow-wrap:anywhere}.mistake-word button{padding:4px;color:#91a27e}.mistake-word button svg{height:16px;width:16px}.mistake-card-main p{font-size:12px;color:#8a967b;margin:6px 0 2px}.mistake-card-main .text-btn{font-size:10px;text-align:left}.mistake-status{flex-shrink:0;border-radius:20px;background:#f4ead6;color:#a28953;padding:5px 9px;font-size:9px;max-width:130px;text-align:center}.mistake-status.ready{background:#e5eddc;color:#71905b}.mistake-details{display:flex;gap:8px 15px;flex-wrap:wrap;border-top:1px solid #edf0e4;padding-top:12px;margin-top:11px;font-size:10px;color:#909e80}.last-answer{font-size:10px;background:#f8f1e8;padding:7px 9px;border-radius:5px;color:#9e8c73;margin-top:10px;overflow-wrap:anywhere}.last-answer span{color:#a67c65}.mistake-row-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:13px;min-height:35px}.mistake-row-actions .hint{margin:0}.mistake-row-actions .outline-btn{padding:6px 9px;font-size:10px}.remove-select{display:flex;align-items:center;gap:5px;font-size:10px;color:#7e916c}.remove-select input,.eligible-list input{accent-color:#507644}.mistake-feedback{font-size:11px;color:#9e8d65;background:#f7f0df;border-radius:8px;padding:11px 13px;margin:0 0 18px;line-height:1.8}.mistake-feedback.success{background:#e9f0df;color:#6f8d5b}.mistake-decision{border:1px solid #cadcb9;background:#edf4e6;padding:16px;border-radius:11px;margin-bottom:20px;text-align:left}.mistake-decision b{font-size:12px}.mistake-decision p{font-size:10px;color:#8b9b7a;margin:7px 0 13px}.mistake-decision>div{display:flex;gap:10px;flex-wrap:wrap}.mistake-decision button{font-size:11px;padding:8px 12px}.session-summary{margin:18px 0 22px;font-size:11px;text-align:left;color:#8d9c7c}.session-summary>span{display:block;text-align:center}.session-summary>.text-btn{display:block;margin:10px auto}.eligible-list{background:#f0f5e8;border:1px solid #dbe6ce;padding:16px;border-radius:10px;margin-top:15px}.eligible-list>b{display:block;font-size:12px;margin-bottom:12px}.eligible-list>label{display:flex;gap:9px;align-items:center;padding:7px 0;font-size:12px}.eligible-list .outline-btn{font-size:11px;margin:12px 10px 0 0}.eligible-list small{font-size:10px}.category-foot{line-height:1.5}.lesson-nav .idx{white-space:nowrap}.chapter-label{color:#879872}@media(max-height:800px) and (min-width:761px){.sidebar{padding-top:24px}.sidebar .nav{margin-top:24px;gap:4px}.sidebar .nav button{padding-top:9px;padding-bottom:9px}.side-bottom .mini-quote,.side-bottom>p{display:none}.side-bottom .book-note{margin-top:0;padding-top:12px}}@media(max-width:1050px){.mistake-grid{grid-template-columns:1fr}.mistake-practice{align-items:stretch;flex-direction:column;gap:13px}.mistake-practice-actions{justify-content:space-between}.mistake-status{font-size:10px}}@media(max-width:760px){.sidebar{overflow:visible}.sidebar .section-links{display:none}.sidebar .nav{margin-top:0;gap:0}.nav button{padding:7px 9px;font-size:9px;position:relative}.nav-count{position:absolute;top:2px;right:1px;font-size:8px;padding:0 4px}.mistake-settings{padding:18px}.mistake-settings .settings-row{gap:8px}.mistake-settings .settings-row label{width:65px}.mistake-settings .settings-row select{flex:1;min-width:190px}.mistake-practice{padding:17px}.mistake-grid{gap:12px}.mistake-card{padding:16px}.mistake-word{font-size:22px}.batch-remove{align-items:start}.mistake-status{max-width:105px;font-size:9px}.unit-number{font-size:17px}.lesson-nav .idx{min-width:0}.lesson-title h2{font-size:18px}.mistake-settings p{font-size:10px}.review-tools .hint{margin:3px 0}.section-heading .results-info{margin-bottom:0}}
/* Sequential, guided learning. */
.learning-steps{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;font-size:11px;color:#819173;padding:19px 4px 25px}.accordion-tools{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.book-accordions{display:grid;gap:14px}.book-section{border:1px solid #dfe5d5;border-radius:14px;background:#fffefa;overflow:hidden}.book-section>summary{list-style:none;display:flex;gap:18px;align-items:center;padding:17px 21px;cursor:pointer}.book-section>summary::-webkit-details-marker,.side-chapter>summary::-webkit-details-marker{display:none}.chapter-thumb{width:95px;height:72px;flex-shrink:0;border-radius:9px;overflow:hidden;padding:5px}.chapter-thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.chapter-title{display:flex;flex-direction:column;gap:2px}.chapter-title b{font-size:18px;font-weight:600}.chapter-title small{font:italic 13px Georgia;color:#8f9b81}.chapter-title .eyebrow{font-size:9px}.chapter-meta{margin-left:auto;display:flex;flex-direction:column;text-align:right;gap:3px;font-size:11px;color:#839475}.chapter-meta small{font-size:10px;color:#a0a991}.chevron{color:#92a383;font:22px/1 Georgia;transition:transform .2s;display:inline-block;margin-left:4px}.book-section[open]>summary .chevron,.side-chapter[open]>summary .chevron{transform:rotate(180deg)}.book-section[open]>summary{border-bottom:1px solid #e7ecdD;background:#f9fbf3}.chapter-lessons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px}.course-lesson{display:flex;gap:12px;align-items:center;text-align:left;border:1px solid #e5eada;background:#fcfdf7;border-radius:10px;padding:14px;min-width:0}.course-lesson:hover{background:#edf3e4}.course-lesson.next{border-color:#b9cea8;background:#eef5e7}.course-lesson.locked{background:#f8f9f4}.lesson-orb{height:34px;width:34px;flex-shrink:0;border-radius:50%;background:#e7efdc;color:#718b60;display:grid;place-items:center}.course-lesson.locked .lesson-orb{background:#ecefe5;color:#a4ad97}.lesson-orb svg{width:16px;height:16px}.course-lesson>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.course-lesson small{font-size:9px;color:#99a48b}.course-lesson b{font-size:12px;font-weight:550}.lesson-status{font-size:9px;color:#8c9e7b;margin-left:auto;white-space:nowrap}.mini-stage-progress{display:flex;gap:3px;margin-top:4px}.mini-stage-progress i{height:3px;width:15px;background:#e1e8d7;border-radius:5px}.mini-stage-progress i.passed{background:#72975a}.side-chapter summary{list-style:none;display:flex;align-items:center;gap:8px;cursor:pointer;font-size:11px;padding:7px 10px;border-radius:6px}.side-chapter summary:hover{background:#edf2e5}.side-chapter summary .chevron{font-size:15px;margin-left:auto}.side-chapter[open]>summary{color:#41623c;font-weight:550}.side-lesson{display:flex;align-items:center;gap:6px;width:100%;font-size:10px;text-align:left;color:#8c9b7c;padding:7px 7px 7px 21px;border-radius:5px}.side-lesson>span{font:10px Georgia;min-width:26px;color:#9daa8d}.side-lesson small{margin-left:auto;font-size:8px}.side-lesson.current{background:#e7efdc;color:#4b6e41}.learning-title{margin-top:6px}.learning-title h1{font-size:28px;margin-top:6px}.learning-title .unit-number{font-size:24px}.learning-title p{margin-top:5px}.sequence-notice{background:#f4efdf;border:1px solid #e7dcc1;color:#99845c;border-radius:10px;padding:14px 18px;font-size:11px;line-height:1.9;margin-bottom:20px}.sequence-notice .text-btn{display:block}.lesson-learning-intro{display:grid;grid-template-columns:140px 1fr;gap:24px;align-items:center;background:#edf3e5;border:1px solid #dfe7d2;padding:22px;border-radius:13px;margin-bottom:25px}.lesson-learning-intro>img{width:140px;height:130px;object-fit:cover;object-position:top;border-radius:8px;box-shadow:0 3px 10px #5b79471a}.lesson-learning-intro h2{font-size:20px;margin:6px 0 9px}.lesson-learning-intro p{font-size:12px;color:#839375}.lesson-learning-intro .hint{font-size:10px;margin:10px 0 0}.stage-route{display:grid;gap:15px;position:relative;margin-left:12px}.stage-route:before{content:'';position:absolute;left:22px;top:25px;bottom:25px;width:2px;background:#dae5ce}.stage-node{display:flex;align-items:center;gap:18px;position:relative;padding:20px 23px 20px 0}.stage-orb{width:45px;height:45px;background:#e6eedb;border:4px solid var(--paper);border-radius:50%;display:grid;place-items:center;flex-shrink:0;font:20px Georgia;color:#6f8f59;z-index:1}.stage-node.completed .stage-orb{background:#6b9156;color:white}.stage-node.locked .stage-orb{background:#e8ece1;color:#a9b39c}.stage-orb svg{width:16px;height:16px}.stage-node-content{flex:1;min-width:0}.stage-node-title{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.stage-node h3{font-size:16px;font-weight:600}.stage-tag{font-size:9px;background:#e8efdF;color:#81996a;padding:2px 8px;border-radius:12px}.stage-node.locked .stage-tag{background:#eef0e8;color:#a1aa94}.stage-node p{font-size:11px;color:#8a997b;margin:7px 0}.stage-node small{font-size:10px;color:#a0a98e}.stage-node .primary,.stage-node .outline-btn{font-size:11px;min-width:112px;padding:9px 13px}.stage-mini-scene{width:70px;height:75px;object-fit:cover;object-position:top;border-radius:7px;border:1px solid #e0e8d4;opacity:.85}.stage-node.locked{opacity:.75}.level-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;color:#8c9d7b;flex-wrap:wrap;margin-top:10px}.level-toolbar .back{margin-bottom:0}.level-progress{margin:15px 0 25px}.learn-play{display:grid;grid-template-columns:260px minmax(0,1fr);gap:35px;background:#fffef8;border:1px solid #e1e8d5;border-radius:17px;padding:28px}.level-visual{background:#eef3e5;border:1px solid #e0e8d2;border-radius:12px;padding:15px;align-self:start;display:flex;flex-direction:column;align-items:center;overflow:hidden}.visual-title{font-size:10px;color:#92a180;margin-bottom:14px;letter-spacing:1px}.picture-token{font-size:100px;line-height:1.5;filter:drop-shadow(0 5px 0 #6e985315);min-height:180px;display:grid;place-items:center}.level-visual .question-scene{width:100%;max-height:280px;object-fit:cover;object-position:top;border-radius:7px}.level-visual .text-btn{font-size:10px;margin-top:12px}.level-visual>small{font-size:9px;color:#a1ad90;margin-top:3px}.level-question{min-width:0}.level-question h2{font-size:24px;margin:18px 0 7px;font-weight:600;overflow-wrap:anywhere}.level-prompt{font-size:12px;color:#8c9b7a;margin-bottom:22px}.micro-teaching{background:#f0f5e8;border:1px solid #dce7ce;border-radius:11px;padding:19px;margin:17px 0;display:flex;flex-wrap:wrap;gap:7px 16px;align-items:center}.new-word{font:29px Georgia;color:#4b703d;overflow-wrap:anywhere}.new-meaning{font-size:16px;color:#83986e}.micro-teaching .outline-btn{font-size:10px;padding:6px 9px;margin-top:6px}.micro-explanation{background:#faf1dd;border:1px solid #e9dcb7;border-radius:9px;padding:14px;font-size:12px;color:#9d8658;margin:13px 0;line-height:1.8}.micro-explanation .text-btn{display:block;font-size:11px;padding-bottom:0}.level-options{margin-top:16px}.level-options button{min-height:61px;font-size:14px}.level-options .option-letter{font:16px Georgia;opacity:.4}.level-options [lang=es]{font:20px Georgia;overflow-wrap:anywhere}.level-hint-toggle{font-size:10px;margin-top:15px;color:#a1956e}.level-hint-toggle svg{width:14px;height:14px}.level-feedback{border-radius:10px;padding:15px 17px;font-size:12px;margin:18px 0}.level-feedback p{font-size:11px;margin-top:7px;line-height:1.9}.level-feedback.success{background:#eaf3e2;color:#6d8f55}.level-feedback.retry{background:#faf0de;color:#a08a5b}.level-actions{display:flex;justify-content:flex-end;margin-top:15px}.level-actions .primary{font-size:12px}.audio-orb{height:105px;min-width:150px;background:#e7efdc;border:1px solid #cdddbd;border-radius:17px;display:flex;flex-direction:column;gap:10px;align-items:center;justify-content:center;color:#63834f;margin:23px 0;font-size:11px}.audio-orb svg{width:32px;height:32px}.audio-orb:hover{background:#dce9ce}.audio-alternative{display:block;margin-top:25px;font-size:10px;text-decoration:underline;color:#a3ad94}.level-result{background:#fffef8;border:1px solid #dfe7d3;border-radius:18px;padding:35px 30px;text-align:center;max-width:760px;margin:24px auto}.result-medallion{height:75px;width:75px;display:grid;place-items:center;border-radius:50%;background:#e8f1df;color:#6c9252;font-size:38px;margin:0 auto 22px}.level-result h2{font-size:24px;margin:12px 0}.level-result>p{font-size:12px;color:#90a07e;line-height:1.9}.result-learning-note{padding:17px;border-radius:10px;background:#f0f5e8;color:#849974;font-size:12px;line-height:1.9;margin:23px 0}.result-buttons{display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:center}.level-question #levelSpelling{margin-top:20px}.level-question .typing-answer input{min-width:180px}.level-question .mistake-decision{margin-top:15px}.level-question .mistake-decision>div{margin-top:10px}.sidebar .side-chapter{margin-bottom:3px}.level-question .quiz-options button{opacity:1}.level-question .quiz-options button:disabled:not(.correct):not(.wrong){opacity:.55}
@media(max-width:1200px){.learn-play{grid-template-columns:210px 1fr;gap:25px;padding:23px}.picture-token{font-size:85px}.stage-mini-scene{display:none}.stage-node{gap:14px}.stage-node h3{font-size:15px}}@media(max-width:1050px){.chapter-lessons{grid-template-columns:1fr}.learn-play{grid-template-columns:180px 1fr;gap:20px;padding:20px}.level-options{grid-template-columns:1fr}.picture-token{font-size:75px;min-height:150px}.chapter-thumb{width:75px;height:65px}.chapter-meta{font-size:10px}.stage-node p{font-size:10px}.stage-node .primary{min-width:100px}}@media(max-width:760px){.hero h2{font-size:27px;letter-spacing:1px}.learning-steps{font-size:9px;gap:8px;justify-content:start;padding:17px 2px 24px}.accordion-tools{gap:14px}.accordion-tools .outline-btn{padding:7px 10px;font-size:10px}.accordion-tools .text-btn{font-size:10px}.book-section>summary{gap:12px;padding:14px}.chapter-thumb{width:56px;height:55px;border-radius:7px}.chapter-title b{font-size:15px}.chapter-title small{font-size:10px;max-width:130px;line-height:1.4}.chapter-title .eyebrow{font-size:8px}.chapter-meta{font-size:9px}.chapter-meta small{font-size:8px}.book-section .chevron{margin-left:0;font-size:18px}.chapter-lessons{padding:12px;gap:8px}.course-lesson{padding:12px;gap:10px}.course-lesson b{font-size:12px}.lesson-status{font-size:8px}.lesson-learning-intro{grid-template-columns:90px 1fr;padding:15px;gap:15px}.lesson-learning-intro>img{width:90px;height:100px}.lesson-learning-intro h2{font-size:16px}.lesson-learning-intro p{font-size:10px}.lesson-learning-intro .eyebrow{font-size:8px;letter-spacing:1px}.lesson-learning-intro .hint{font-size:9px}.learning-title h1{font-size:24px}.learning-title .eyebrow{font-size:8px;letter-spacing:1px}.learning-title .pill{font-size:9px;padding:4px 8px}.stage-route{margin-left:0;gap:5px}.stage-route:before{left:18px}.stage-node{padding:15px 0;gap:12px;flex-wrap:wrap}.stage-orb{width:38px;height:38px;font-size:17px}.stage-node-content{flex-basis:calc(100% - 60px)}.stage-node .primary,.stage-node .outline-btn{margin-left:50px;font-size:10px;padding:8px 12px}.stage-node h3{font-size:14px}.stage-node p{font-size:10px}.stage-node small{font-size:9px}.learn-play{grid-template-columns:1fr;gap:20px;padding:18px}.level-visual{padding:12px;display:grid;grid-template-columns:90px 1fr;column-gap:14px;align-items:center;position:relative}.visual-title{grid-column:1/3;font-size:9px;margin-bottom:7px}.picture-token{grid-row:2/5;font-size:56px;min-height:85px}.level-visual .question-scene{grid-row:2/5;max-height:105px;width:90px;object-fit:cover}.level-visual .text-btn{font-size:10px;text-align:left;grid-column:2;margin-top:0}.level-visual>small{grid-column:2;font-size:9px}.level-question .eyebrow{font-size:8px;letter-spacing:1px}.level-question h2{font-size:22px}.level-prompt{font-size:11px;margin-bottom:18px}.new-word{font-size:26px}.new-meaning{font-size:15px}.micro-teaching{padding:15px}.level-options{grid-template-columns:1fr 1fr;gap:9px}.level-options button{padding:12px 10px;font-size:12px;gap:8px;min-height:57px}.level-options [lang=es]{font-size:18px}.level-feedback{padding:13px;font-size:11px}.level-feedback p{font-size:10px}.level-toolbar{font-size:9px;gap:9px}.level-toolbar .back{font-size:10px}.level-result{padding:26px 20px}.level-result h2{font-size:21px}.result-buttons button{font-size:11px}.result-learning-note{font-size:11px}.level-question .typing-answer input{min-width:150px}.level-question .primary{font-size:11px}.audio-orb{margin:18px 0;height:90px}.lesson-tabs{gap:20px;overflow-x:auto}.lesson-tabs button{white-space:nowrap;font-size:11px}.sequence-notice{font-size:10px}.level-hint-toggle{font-size:9px}.level-result>p{font-size:11px}}@media(max-width:390px){.chapter-meta small{display:none}.chapter-thumb{width:43px}.book-section>summary{gap:9px}.level-options{grid-template-columns:1fr}}
/* Supplemental diagrams, speaking practice and deferred listening/speaking. */
.custom-visual{display:flex;flex-direction:column}.semantic-card{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;min-height:200px;padding:16px 8px;gap:10px}.semantic-symbol{font-size:83px;line-height:1.3;filter:drop-shadow(0 5px 0 #719b5010)}.semantic-card b{font-size:17px;font-weight:550;color:#5b794a;line-height:1.6}.semantic-card small{font-size:9px;color:#a1ad90;line-height:1.6}.visual-type{border:1px solid #d8e2cb;border-radius:20px;padding:3px 9px;font-size:9px;color:#8c9f79;background:#f7faef}.semantic-card.compact{min-height:0;padding:7px;gap:5px}.semantic-card.compact .semantic-symbol{font-size:48px}.semantic-card.compact b{font-size:12px}.lesson-visual-intro{background:#e4edd8;border-radius:12px;min-width:0}.stage-mini-visual{height:60px;width:60px;display:grid;place-items:center;font-size:31px;border-radius:15px;background:#eaf1e0;flex-shrink:0}.color-learning-card,.shape-learning-card,.week-learning-card{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:20px 3px;width:100%}.color-learning-card>span{height:110px;width:110px;border:7px solid #fffef8;border-radius:23px;box-shadow:0 6px 18px #55734412}.color-learning-card b,.shape-learning-card b,.week-learning-card b{font-size:18px;color:#668351}.color-learning-card small,.week-learning-card small{font-size:10px;color:#9fac8b}.shape-learning-card svg{width:130px;height:130px;fill:#b5cfa0;stroke:#84a56a;stroke-width:2}.week-learning-card>span{font-size:10px;color:#a1ad90}.week-learning-card>div{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;width:100%}.week-learning-card i{font-style:normal;padding:6px 0;font:14px Georgia;border-radius:6px;background:#e0e9d5;color:#8da178}.week-learning-card i.selected{background:#769d5a;color:white;box-shadow:0 4px 0 #d3dfc4}.listening-scene{display:flex;flex-direction:column;align-items:center;gap:19px;text-align:center;padding:15px 0}.scene-ear{font-size:64px}.scene-flow{display:flex;gap:7px}.scene-flow i{font-style:normal;font-size:32px;background:#f8fbf1;padding:5px;border-radius:12px;box-shadow:0 3px 0 #dbe5ce}.listening-scene b{font-size:12px;color:#889d73;font-weight:500}.listening-scene small{font-size:9px;color:#a6b196;line-height:1.7}.deferred-panel{border:1px solid #e4dbc2;background:#faf5e9;padding:20px 23px;border-radius:13px;margin:0 0 25px}.deferred-panel h2{font-size:15px;color:#9b885f}.deferred-panel p{font-size:11px;color:#ad9b78;margin-top:5px}.deferred-preview{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:14px}.deferred-preview .outline-btn{font-size:11px;padding:8px 12px;background:#fffdf7;border-color:#e7ddc5;color:#a18d64}.deferred-preview .text-btn{font-size:11px;color:#a38d64}.mini-stage-progress i.deferred{background:#dcbb75}.skip-stage{font-size:10px!important;color:#a58d5a}.stage-node .skip-stage{min-width:auto;padding:6px 3px!important;margin-left:-4px}.pending-filters{margin:23px 0}.pending-list{display:grid;gap:13px}.pending-list article{display:flex;gap:18px;align-items:center;padding:21px;background:#fffef7;border:1px solid #e2e8d6;border-radius:13px}.pending-symbol{font-size:33px;width:65px;height:65px;border-radius:15px;background:#f2eddf;display:grid;place-items:center;flex-shrink:0}.pending-list article>div{flex:1}.pending-list small{font-size:10px;color:#97a285}.pending-list h2{font-size:16px;margin:4px 0}.pending-list p{font-size:11px;color:#a7ae96}.pending-list .primary{font-size:11px}.oral-model{font:29px/1.5 Georgia;color:#567844;padding:16px 20px;background:#eef5e5;border:1px solid #dbe8cc;border-radius:11px;margin:17px 0 8px;overflow-wrap:anywhere}.oral-cn{font-size:14px;color:#8d9f79;line-height:1.8;margin:10px 0 20px}.oral-demo-actions{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.oral-demo-actions .outline-btn{font-size:11px}.dialogue-model{border:1px solid #dce7cf;background:#f2f7eb;border-radius:12px;padding:19px 20px;margin:20px 0}.dialogue-model>small{font-size:9px;color:#a3af92;letter-spacing:1px}.dialogue-model p{font:20px/1.6 Georgia;color:#5d7d4b;margin:12px 0 3px}.dialogue-model>span{font-size:11px;color:#97a586}.record-box{border:1px dashed #d7e3c8;border-radius:12px;padding:18px;margin:23px 0;background:#fbfdf6}.record-box b{font-size:12px;color:#7a9165}.record-box p{font-size:10px;color:#a0ac8e;line-height:1.8;margin-top:6px}.record-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:15px}.record-actions .primary{font-size:11px;padding:9px 14px}.record-stop{border:1px solid #d6a69b;background:#f8e5dc;color:#af7564;font-size:11px;padding:9px 14px;border-radius:8px}.record-indicator{font-size:10px;color:#b3816f}.record-actions audio{width:100%;height:40px}.record-box .record-error{font-size:11px;color:#ae8a6a;background:#fcf2e5;padding:9px 12px;border-radius:6px;margin-top:13px}.oral-self-check{background:#f3f5ec;border-radius:10px;padding:15px}.oral-self-check b{font-size:12px;color:#8b9f76}.oral-self-check p{font-size:11px;color:#94a382;margin:7px 0;line-height:1.8}.oral-self-check small{font-size:9px;color:#a6af98}.oral-next{display:flex;justify-content:flex-end;margin-top:20px}.retell-pictures{width:100%;display:grid;grid-template-columns:1fr;gap:8px}.retell-pictures .semantic-card{border:1px solid #dae6cd;border-radius:10px;background:#f7fbef;display:grid;grid-template-columns:50px 1fr;text-align:left}.retell-pictures .semantic-symbol{font-size:37px}.retell-pictures b{font-size:11px;text-align:left}.stage-node .skip-stage{white-space:nowrap}.speech-word-selector{font-size:11px;display:flex;gap:10px;align-items:center;color:#9baa89;margin-top:15px}.speech-word-selector select{font-size:11px;max-width:200px}
@media(max-width:1200px){.stage-node{gap:13px;flex-wrap:wrap}.stage-node .skip-stage{margin-left:63px}.stage-mini-visual{width:45px;height:45px;font-size:26px}.semantic-symbol{font-size:70px}.stage-node .stage-node-content{flex:1}}@media(max-width:1050px){.stage-mini-visual{display:none}.semantic-symbol{font-size:62px}.scene-flow i{font-size:23px}.scene-ear{font-size:47px}.scene-flow{gap:4px}.listening-scene{gap:15px}.color-learning-card>span{width:90px;height:90px}.shape-learning-card svg{width:100px;height:100px}.week-learning-card>div{gap:2px}.week-learning-card i{font-size:11px}.oral-model{font-size:25px}.pending-list .primary{font-size:10px;padding:9px 12px}}@media(max-width:760px){.custom-visual{display:flex;flex-direction:column}.custom-visual .visual-title{margin-bottom:0}.semantic-card{display:grid;grid-template-columns:70px 1fr;text-align:left;min-height:0;padding:5px 0;gap:3px 13px;width:100%}.semantic-symbol{grid-row:1/4;grid-column:1;font-size:52px}.semantic-card b{font-size:16px;text-align:left}.semantic-card .visual-type{justify-self:start;font-size:8px;padding:2px 8px}.semantic-card small{font-size:8px;text-align:left}.custom-visual .text-btn{align-self:flex-end;font-size:9px}.custom-visual>small{font-size:8px}.listening-scene{display:grid;grid-template-columns:70px 1fr;width:100%;gap:8px;text-align:left;padding:8px 0}.scene-ear{grid-row:1/4;font-size:45px}.scene-flow{gap:8px;justify-content:start}.scene-flow i{font-size:27px;padding:3px}.listening-scene b{font-size:10px}.listening-scene small{font-size:8px}.color-learning-card,.shape-learning-card,.week-learning-card{padding:7px 0;gap:8px}.color-learning-card{display:grid;grid-template-columns:80px 1fr;text-align:left;width:100%}.color-learning-card>span{width:65px;height:65px;border-width:4px;grid-row:1/3}.color-learning-card b{text-align:left;font-size:16px}.color-learning-card small{font-size:9px}.shape-learning-card{display:flex;flex-direction:row;justify-content:center;gap:25px}.shape-learning-card svg{width:80px;height:80px}.shape-learning-card b{font-size:16px}.week-learning-card>div{max-width:270px;gap:5px}.week-learning-card i{font-size:13px}.week-learning-card{gap:7px}.week-learning-card b{font-size:15px}.week-learning-card small{display:none}.stage-node .skip-stage{margin-left:50px;margin-top:-8px}.deferred-panel{padding:17px;margin-bottom:23px}.deferred-panel h2{font-size:14px}.deferred-panel p{font-size:10px}.deferred-preview{gap:8px}.deferred-preview .outline-btn{font-size:10px;padding:7px 10px}.deferred-preview .text-btn{font-size:10px}.pending-list article{gap:13px;padding:16px;flex-wrap:wrap}.pending-symbol{width:47px;height:47px;font-size:27px}.pending-list h2{font-size:14px}.pending-list small{font-size:9px}.pending-list p{font-size:10px}.pending-list .primary{margin-left:60px}.oral-model{font-size:25px;padding:14px 17px}.dialogue-model{padding:16px}.dialogue-model p{font-size:19px}.record-box{padding:15px}.oral-cn{font-size:12px}.oral-demo-actions .outline-btn{font-size:10px}.record-box p{font-size:9px}.oral-self-check p{font-size:10px}.oral-next .primary{font-size:11px}.retell-pictures{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.retell-pictures .semantic-card{display:flex;flex-direction:column;text-align:center;padding:7px 3px;gap:5px}.retell-pictures .semantic-symbol{font-size:32px}.retell-pictures b{font-size:9px;text-align:center}.semantic-card.compact{display:flex;flex-direction:column;gap:3px}.semantic-card.compact .semantic-symbol{font-size:42px}.semantic-card.compact b{font-size:11px}.lesson-visual-intro .semantic-card.compact{padding:8px 4px}.record-actions audio{margin-top:4px}.speech-word-selector{flex-wrap:wrap}}
/* Actual per-word pictures, independent of fonts and Unicode emoji support. */
.vocabulary-picture{width:100%;margin:0;display:flex;flex-direction:column;align-items:center;gap:12px}.word-picture-window{display:block;position:relative;width:100%;overflow:hidden;border-radius:11px;background:#fff9ee;isolation:isolate;min-height:1px}.word-picture-image{display:block;position:absolute;object-fit:fill!important;max-height:none!important;margin:0!important;border:0!important;padding:0!important;transform:none!important;border-radius:0!important;mix-blend-mode:normal!important;clip-path:inset(1px)}.vocabulary-picture figcaption{font-size:16px;font-weight:550;color:#6a8356;text-align:center;line-height:1.7}.level-visual.custom-visual{display:flex;flex-direction:column;padding:15px;gap:9px;background:#f1f4e9}.level-visual.custom-visual>.vocabulary-picture{padding:0;margin:0;min-height:0}.level-visual.custom-visual .word-picture-window{width:100%;min-width:0}.level-visual.custom-visual .text-btn{align-self:center;margin:7px 0 0}.level-visual.custom-visual>small{font-size:9px}.picture-compact figcaption{font-size:12px}.word-card>.vocabulary-picture{margin:0 0 13px}.word-card>.vocabulary-picture .word-picture-window{max-width:240px}.word-card .save-btn{background:#fffdf6dd;z-index:2;border-radius:50%}.listening-picture-context{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;padding:8px 0}.context-picture-title{font-size:11px;color:#9aa988}.listening-picture-context>div{display:grid;gap:8px;grid-template-columns:1fr;width:100%}.listening-picture-context .word-picture-window{max-height:none}.listening-picture-context small{font-size:9px;color:#a2ae91;text-align:center;line-height:1.8}.retell-pictures .vocabulary-picture{min-width:0;gap:5px}.retell-pictures .vocabulary-picture figcaption{font-size:11px}.lesson-visual-intro .vocabulary-picture{padding:8px;gap:6px}.lesson-visual-intro .vocabulary-picture figcaption{font-size:11px}.lesson-learning-intro .lesson-visual-intro{overflow:hidden}.retell-pictures{grid-template-columns:1fr}.retell-pictures .word-picture-window{width:100%}.word-card .es-word{padding-right:0}@media(max-width:1050px){.vocabulary-picture figcaption{font-size:14px}.level-visual.custom-visual{padding:12px}.retell-pictures .vocabulary-picture figcaption{font-size:10px}}@media(max-width:760px){.learn-play{gap:20px}.level-visual.custom-visual{display:flex;flex-direction:column;padding:12px;gap:6px}.level-visual.custom-visual>.vocabulary-picture{display:flex;flex-direction:column;width:100%;max-width:320px;gap:7px}.level-visual.custom-visual .word-picture-window{width:100%;max-width:320px}.level-visual.custom-visual .visual-title{font-size:9px}.vocabulary-picture figcaption{font-size:15px}.level-visual.custom-visual .text-btn{font-size:10px}.word-card>.vocabulary-picture .word-picture-window{max-width:220px}.word-card>.vocabulary-picture{margin-bottom:12px}.listening-picture-context>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.listening-picture-context .word-picture-window{border-radius:6px}.context-picture-title{font-size:10px}.listening-picture-context small{font-size:8px}.retell-pictures{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.retell-pictures .vocabulary-picture figcaption{font-size:9px}.lesson-visual-intro .vocabulary-picture{padding:6px}.lesson-visual-intro .word-picture-window{border-radius:5px}.lesson-visual-intro .vocabulary-picture figcaption{font-size:9px}}@media(prefers-reduced-data:reduce){.word-picture-image{image-rendering:auto}}

.flash-picture{display:block;width:min(320px,90%);margin:0 auto 15px}.flash-card:has(.flash-picture){height:auto;min-height:350px;padding:24px 18px}.quiz-word-picture{max-width:300px;margin:0 auto 22px}.quiz-word-picture .word-picture-window{border:1px solid #e9e8db}

.spelling-notice{background:#eef5e7;color:#436334;border:1px solid #d7e4cd;border-radius:9px;padding:11px 13px;font-size:13px;line-height:1.8;font-weight:400}.spelling-notice strong{font-size:16px}.level-feedback .spelling-notice{margin:10px 0}.spelling-policy{font-size:11px;line-height:1.8;margin:8px 0 0}
/* Grammar: the same vocabulary pictures, used in a progressive sentence practice. */
.grammar-home,.grammar-recommend,.grammar-resume{background:#edf3e5;border:1px solid #d9e4ca;border-radius:14px;padding:24px;display:flex;justify-content:space-between;align-items:center;gap:24px;margin:25px 0}.grammar-home h2,.grammar-recommend h2{font-size:23px;margin:7px 0}.grammar-home p,.grammar-recommend p{font-size:12px;color:#78886b;line-height:1.9;max-width:620px}.grammar-home>div:last-child{display:flex;flex-direction:column;gap:10px;align-items:flex-start;min-width:230px}.grammar-home b{font-size:13px}.grammar-recommend small{color:#8a9d77;font-size:11px}.grammar-how{display:flex;flex-wrap:wrap;gap:16px;font-size:12px;color:#829471;margin:27px 0}.grammar-group{border:1px solid #e0e6d6;border-radius:13px;background:#fffef8;margin:18px 0;overflow:hidden}.grammar-group>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;cursor:pointer;padding:21px;background:#f1f4e9;font-size:17px;font-weight:600}.grammar-group summary small{font-size:11px;color:#8b997e;font-weight:400}.grammar-card{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:19px;align-items:center;padding:23px;border-top:1px solid #e8ecdf}.grammar-card h3{font-size:17px;margin:7px 0;color:#5a7448}.grammar-card small{font-size:10px;color:#98a889}.grammar-card p{font-size:12px;color:#8b987c;line-height:1.8;max-width:680px}.grammar-number{font:26px Georgia;color:#9db38b}.grammar-status{display:block;font-size:10px;color:#8b9e78;margin-top:8px}.grammar-card .primary,.grammar-card .outline-btn{font-size:11px}.lesson-grammar{margin:30px 0;border:1px solid #dfe7d2;border-radius:14px;padding:22px;background:#fafcf5}.lesson-grammar .section-heading{margin:0 0 18px}.lesson-grammar h2{font-size:20px}.lesson-grammar .grammar-card{border:0;padding:10px 0}.grammar-foundation{font-size:11px;color:#8a987b;margin-top:14px;line-height:1.9}.grammar-foundation .text-btn{font-size:11px;padding:0 5px}.grammar-bridge{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;border:1px solid #dfe7d4;padding:17px;margin:23px 0;border-radius:10px;background:#f5f8ee;font-size:12px}.grammar-bridge>span{color:#8fa07c}.grammar-play{display:grid;grid-template-columns:270px minmax(0,1fr);gap:30px;padding:28px;background:#fffef8;border:1px solid #dfe6d4;border-radius:16px}.grammar-visual{min-width:0;align-self:start;background:#eff4e7;border-radius:12px;border:1px solid #dfe7d4;padding:16px;display:flex;flex-direction:column;gap:14px}.grammar-visual>small{font-size:11px;color:#90a27d}.grammar-visual>p{font-size:12px;color:#7e916d;line-height:1.8}.grammar-visual .grammar-example{font:21px/1.5 Georgia;color:#557143}.grammar-visual .outline-btn{font-size:10px;align-self:flex-start}.grammar-formula{display:flex;flex-wrap:wrap;gap:7px;margin:7px 0}.grammar-formula>span{display:inline-block;background:#fffdf5;border:1px solid #d9e2cc;border-radius:7px;padding:7px 9px;font-size:13px;color:#64804e}.grammar-rule,.grammar-rule-preview{background:#f0f4e8;border:1px solid #dee8d1;border-radius:10px;padding:17px;margin:16px 0;font-size:12px;line-height:1.9;color:#7c906b}.grammar-rule p{font-size:11px;margin-top:9px}.grammar-question{min-width:0}.grammar-question h2{font-size:21px;font-weight:550;line-height:1.65;margin:22px 0;overflow-wrap:anywhere;color:#536c42}.grammar-options button{min-height:58px}.grammar-options button>span:first-child{font:15px Georgia;opacity:.45}.grammar-options [lang=es]{font:21px/1.4 Georgia;overflow-wrap:anywhere}.grammar-question .typing-answer input{width:100%;min-width:0}.grammar-question .typing-answer{margin:20px 0 12px}.grammar-question>.text-btn{font-size:11px;margin-top:17px}.grammar-source{font-size:11px;line-height:1.9;color:#97a38b;margin:28px 0}.grammar-source a{text-decoration:underline}.grammar-scene{width:100%;border-radius:8px}.grammar-mistakes{margin:25px 0;padding:23px;border:1px solid #dce5cf;border-radius:13px;background:#f7faef;text-align:left}.grammar-mistakes .section-heading{margin:0 0 17px;align-items:center}.grammar-mistakes h2{font-size:19px}.grammar-mistakes p{font-size:11px;color:#8a9a79;line-height:1.9}.grammar-mistakes .primary{font-size:11px}.grammar-mistake-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.grammar-mistake-grid>article{border:1px solid #e0e6d7;border-radius:10px;padding:17px;background:#fffef9;min-width:0}.grammar-mistake-grid h3{font-size:14px;margin-bottom:7px}.grammar-mistake-grid small{display:block;font-size:11px;color:#a28a63;overflow-wrap:anywhere}.grammar-mistake-grid article>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:10px}.grammar-mistake-grid button{font-size:10px}.grammar-archives{font-size:12px;margin-top:16px;color:#90a07c}.grammar-archives summary{cursor:pointer;padding:8px}.grammar-archives>div{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e0e6d7;padding:8px}.grammar-resume{padding:16px;font-size:13px}.grammar-play+.hint{margin-top:15px}.grammar-rule-preview [lang=es]{font:20px Georgia}.grammar-visual .vocabulary-picture figcaption{font-size:13px}
@media(max-width:1050px){.grammar-play{grid-template-columns:220px minmax(0,1fr);padding:21px;gap:20px}.grammar-home{align-items:flex-start}.grammar-card{gap:13px;padding:20px}.grammar-home>div:last-child{min-width:190px}.grammar-question h2{font-size:19px}}@media(max-width:760px){.grammar-home,.grammar-recommend,.grammar-resume{display:flex;flex-direction:column;align-items:stretch;padding:18px;gap:15px}.grammar-home h2,.grammar-recommend h2{font-size:21px}.grammar-card{grid-template-columns:30px minmax(0,1fr);gap:12px;padding:19px 15px}.grammar-card>button{grid-column:2;justify-self:start}.grammar-card h3{font-size:16px}.grammar-card p{font-size:11px}.grammar-group>summary{padding:17px;font-size:16px}.grammar-group summary small{font-size:9px}.grammar-play{grid-template-columns:1fr;padding:17px;gap:19px}.grammar-visual{display:grid;grid-template-columns:100px minmax(0,1fr);gap:10px;padding:13px}.grammar-visual>small{grid-column:1/-1}.grammar-visual>.vocabulary-picture{grid-row:2/5;grid-column:1;align-self:start}.grammar-visual>.grammar-formula,.grammar-visual>.grammar-example,.grammar-visual>p,.grammar-visual>.outline-btn{grid-column:2}.grammar-visual .grammar-example{font-size:17px}.grammar-visual>.hint{font-size:10px}.grammar-visual .vocabulary-picture figcaption{font-size:10px}.grammar-formula>span{font-size:11px;padding:5px 7px}.grammar-question h2{font-size:18px;margin:17px 0}.grammar-rule{font-size:12px;padding:13px;margin-top:12px}.grammar-mistake-grid{grid-template-columns:1fr}.grammar-mistakes{padding:17px}.grammar-mistakes .section-heading{align-items:flex-start;flex-direction:column;gap:13px}.grammar-mistakes h2{font-size:17px}.lesson-grammar{padding:17px}.lesson-grammar .section-heading{align-items:flex-start;flex-direction:column;gap:10px}.lesson-grammar h2{font-size:18px}.grammar-how{gap:10px;font-size:10px}.grammar-bridge{gap:10px;padding:13px}.grammar-resume b{font-size:12px}.grammar-resume>.primary{align-self:flex-start}.grammar-home>div:last-child{width:100%;min-width:0}.grammar-home .primary{font-size:12px}}