:root{font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:#14294b;background:#eef5ff;font-synthesis:none;--blue:#2587f7;--muted:#657d9f;--glass:rgba(255,255,255,.76);--shadow:0 12px 35px #668bc012;--radius:24px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 74% 10%,#cfeafa 0,transparent 42%),radial-gradient(at 12% 85%,#dcecff,transparent 50%),linear-gradient(125deg,#e6f0ff,#f6f9ff);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.55;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #135caf;outline-offset:4px}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}.shell{display:grid;grid-template-columns:216px minmax(0,1fr);min-height:100vh}.sidebar{background:#e4eeff8c;border-right:1px solid #ffffffa8;padding:30px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;backdrop-filter:blur(20px)}.brand{padding:0 12px;margin-bottom:40px}.brand strong{display:block;font-size:25px;letter-spacing:-1px}.brand small{display:block;color:#8098b6;font-size:12px;line-height:1.5;margin-top:8px}.nav{display:grid;gap:12px}.nav button{display:flex;align-items:center;gap:14px;padding:14px 16px;color:#547095;background:transparent;text-align:left;border-radius:14px;font-size:16px}.nav button.active{background:#cfe3ff;color:#1477e6;font-weight:650}.ico{width:23px;height:23px;flex-shrink:0}.account{margin-top:auto;display:flex;gap:12px;align-items:center;padding:24px 8px 0}.avatar{height:42px;width:42px;object-fit:cover;object-position:top;border-radius:50%;background:#cee1f7}.account small{display:block;color:var(--muted);margin-top:5px;font-size:12px}.main{padding:38px clamp(24px,4vw,70px);max-width:1350px;width:100%;margin:auto}.top{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:28px}h1{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:0 0 10px}h2{font-size:22px;margin:0 0 18px}h3{font-size:17px;margin:0 0 12px}p{line-height:1.7}.sub,.muted{color:var(--muted)}.sub{margin:0;font-size:15px}.pill,.ghost{padding:10px 15px;border-radius:12px;background:#ffffffaa;color:#5c7598;font-size:14px}.top-actions{display:flex;gap:10px;align-items:center}.card{background:var(--glass);border:1px solid #ffffffd0;border-radius:var(--radius);box-shadow:var(--shadow);padding:26px;backdrop-filter:blur(16px)}.primary{background:linear-gradient(110deg,#4da0fc,#2687f6);color:white;border-radius:14px;padding:15px 25px;font-size:16px;font-weight:600;box-shadow:0 6px 13px #2687f626}.primary:hover{background:#1579ed}.secondary{background:#e7f1ff;color:#2075d7;border-radius:14px;padding:14px 22px}.wide{width:100%}.hero{display:grid;grid-template-columns:1.15fr .85fr;align-items:center;min-height:295px;gap:20px}.hero-art{height:300px;width:100%;object-fit:contain;align-self:end}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin:26px 0;gap:15px}.metric{text-align:center;border-right:1px solid #e3edf8}.metric:last-child{border:0}.metric strong{font-size:34px;display:block;line-height:1.1;font-weight:650}.metric span{font-size:14px;display:block;color:#6c83a5;margin-top:10px}.grid2{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;margin-top:25px}.unit-card{position:relative;overflow:hidden;min-height:220px;padding-right:42%}.unit-card .people{position:absolute;right:8px;bottom:0;width:42%;height:90%;object-fit:contain;object-position:bottom}.progress{height:7px;border-radius:10px;background:#dfe9f7;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#57abff,#2587f7);border-radius:10px}.progress-label{display:flex;align-items:center;gap:12px;margin:23px 0}.progress-label .progress{flex:1}.quote{position:relative;overflow:hidden;min-height:220px;background:linear-gradient(135deg,#ffffffbd,#d7e9ffa3)}.quote p{font-size:23px;color:#89a0bc;margin:5px 0 15px;line-height:1.35}.quote .tiny{font-size:14px;color:#748eae}.section-head{display:flex;align-items:center;justify-content:space-between;margin-top:32px}.section-head h2{font-size:19px;margin-bottom:0}.note{font-size:13px;color:#7188a6;margin:20px 0 0}.category-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:22px}.category{display:flex;align-items:center;gap:17px;text-align:left;width:100%;color:inherit}.icon-tile{display:grid;place-items:center;background:#e2efff;color:#2587f7;width:47px;height:47px;border-radius:14px}.category .content{flex:1}.category p{margin:5px 0 12px;font-size:14px;color:var(--muted)}.chevron{color:#7398c0;font-size:26px}.unit-banner{display:flex;align-items:center;justify-content:space-between;min-height:190px}.unit-banner img{height:180px;width:220px;object-fit:contain}.tabs{display:flex;gap:10px;margin:20px 0;flex-wrap:wrap}.tabs button{padding:11px 20px;background:#ffffffae;border-radius:13px;color:#6480a3}.tabs button.selected{background:#328df8;color:white}.rows{padding:5px 24px}.row{display:flex;align-items:center;gap:18px;min-height:88px;border-bottom:1px solid #e3edf8;padding:15px 0}.row:last-child{border:0}.row .grow{flex:1}.row strong{font-weight:600}.row p{margin:5px 0 0;color:var(--muted);font-size:14px}.tag{font-size:12px;color:#3386e8;background:#e4f0ff;padding:6px 10px;border-radius:10px;white-space:nowrap}.empty{text-align:center;padding:45px 20px}.empty img{width:160px;height:160px;object-fit:contain}.empty p{color:var(--muted)}.actions{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:23px;flex-wrap:wrap}.exercise{max-width:880px;margin:0 auto}.exercise-top{display:flex;align-items:center;gap:20px;margin-bottom:25px}.exercise-top .progress{flex:1}.exercise-top small{color:var(--muted)}.exercise-card{position:relative;min-height:440px;padding:36px}.study-layout{display:grid;grid-template-columns:1fr 210px;align-items:center;gap:25px}.study-art{width:210px;max-height:285px;object-fit:contain}.word{font-size:50px;letter-spacing:-1.5px;margin:24px 0 12px;font-weight:700}.phonetic{color:#718aaa;font-size:19px}.meaning{font-size:22px;margin:25px 0}.example{background:#eef6ff;padding:20px;border-radius:18px;line-height:1.65}.example small{display:block;color:#8196b0;margin-top:6px}.sound{background:#dceeff;color:#2688f5;border-radius:50%;padding:8px;display:inline-flex;vertical-align:middle;margin-left:8px}.prompt{font-size:30px;line-height:1.5;margin:38px 0 26px;max-width:620px}.input{border:1.5px solid #c6ddf7;background:#ffffffcf;border-radius:14px;padding:16px 18px;width:100%;outline:none;color:#172e50;font-size:20px}.input:focus{border-color:#308ffa;box-shadow:0 0 0 3px #b7d8ff60}.answer-row{display:flex;gap:14px;align-items:center}.answer-row .input{flex:1;min-width:0}.hint{background:transparent;color:#6484ac;padding:15px 0;font-size:14px}.feedback{padding:20px;border-radius:18px;background:#e9f4ff;margin-top:22px;display:flex;gap:18px;align-items:center}.feedback img{width:85px;height:95px;object-fit:contain}.feedback p{margin:6px 0 0;font-size:14px;color:#557496}.feedback strong{font-size:20px}.retry{border:1px solid #b7d6f9}.ring{width:130px;height:130px;border-radius:50%;background:conic-gradient(#318ff8 var(--percent),#e4edf9 0);display:grid;place-items:center}.ring-inner{width:110px;height:110px;border-radius:50%;background:#fff;display:grid;place-content:center;text-align:center}.ring strong{font-size:30px}.ring small{color:var(--muted);margin-top:4px}.result-summary{display:flex;align-items:center;gap:35px}.result-summary .metrics{flex:1}.result-art{height:215px}.chart{height:220px;display:flex;align-items:flex-end;gap:14px;padding-top:25px;border-bottom:1px solid #d5e5f8;margin:20px 0 35px}.bar-wrap{flex:1;height:100%;display:flex;justify-content:flex-end;align-items:center;flex-direction:column;position:relative;gap:8px}.bar{width:70%;min-height:2px;max-width:50px;background:linear-gradient(#63b0ff,#2b8afb);border-radius:7px 7px 0 0}.bar-wrap small{position:absolute;bottom:-25px;font-size:12px;color:#6987aa}.bar-wrap span{font-size:12px;color:#5a7ea8}.stat-row{margin-top:24px}.stat-row>div:first-child{display:flex;justify-content:space-between;font-size:14px;margin-bottom:12px}.footer-banner{display:flex;align-items:center;gap:25px;margin-top:25px;min-height:140px}.footer-banner img{height:120px;width:130px;object-fit:contain}.footer-banner p{flex:1;font-size:20px}.session-note{font-size:14px;color:#728ba8;margin:20px 0;text-align:center}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#16375deb;color:white;border-radius:12px;padding:13px 22px;z-index:5;display:none;max-width:90%;font-size:14px}dialog{max-width:520px;width:calc(100% - 32px);border:1px solid white;background:#f1f7ff;border-radius:25px;padding:32px;color:#254262;box-shadow:0 20px 90px #122e5140}dialog::backdrop{background:#26436140;backdrop-filter:blur(5px)}dialog p{font-size:15px}.close{float:right;background:none;font-size:27px;color:#567}button svg{pointer-events:none}.storage-warning{padding:12px;background:#fff;border:1px solid #a5c7f1;border-radius:12px;margin-bottom:15px;font-size:14px}.install-status{font-size:12px;color:#7d94b0;margin-top:18px;text-align:center}
@media(min-width:1500px){.main{padding-top:50px;padding-bottom:50px}.hero{min-height:350px}.hero-art{height:345px}}@media(max-width:950px){.shell{grid-template-columns:175px 1fr}.sidebar{padding:25px 10px}.brand strong{font-size:23px}.nav button{padding:12px;gap:10px}.main{padding:28px 24px}.hero-art{height:250px}.card{padding:20px}.grid2{gap:16px;grid-template-columns:1.2fr 1fr}.word{font-size:42px}.study-layout{grid-template-columns:1fr 150px}.study-art{width:150px}.prompt{font-size:26px}.result-summary{gap:15px}.result-art{height:160px}}@media(max-width:680px){.shell{display:block;padding-bottom:78px}.sidebar{position:fixed;bottom:0;top:auto;left:0;right:0;height:70px;padding:7px 4px;z-index:4;border-top:1px solid white;background:#ecf4fff5}.brand,.account,.install-status{display:none}.nav{display:flex;justify-content:space-around;gap:0}.nav button{padding:7px 8px;display:flex;flex-direction:column;gap:3px;font-size:11px;border-radius:10px}.nav .ico{width:20px;height:20px}.main{padding:25px 18px}.top{align-items:flex-start}h1{font-size:25px}.top-actions{gap:5px}.pill{display:none}.ghost{padding:9px;font-size:12px}.hero{grid-template-columns:1fr .55fr;gap:4px;min-height:220px}.hero-art{height:190px}.hero .card{padding:17px}.hero h2{font-size:18px}.metrics{gap:8px;margin:24px 0}.metric strong{font-size:27px}.metric span{font-size:12px}.primary{padding:13px 16px;font-size:14px}.grid2{grid-template-columns:1fr}.quote{display:none}.unit-card{min-height:215px}.category-grid{grid-template-columns:1fr}.unit-banner img{width:140px;height:140px}.unit-banner{min-height:140px}.unit-banner h2{font-size:20px}.row{gap:10px}.tag{font-size:11px}.row .icon-tile{display:none}.exercise-card{padding:22px}.study-layout{display:block}.study-art{display:none}.word{font-size:42px}.prompt{font-size:25px}.answer-row{flex-direction:column;align-items:stretch}.exercise-card{min-height:390px}.result-summary{flex-wrap:wrap}.result-summary .metrics{min-width:160px}.result-art{height:120px}.footer-banner img{width:75px;height:90px}.footer-banner{gap:12px}.footer-banner p{font-size:16px}.tabs button{padding:10px 14px}.meaning{font-size:20px}}
@media(max-width:950px){.card.unit-card{padding-right:43%}}@media(max-width:680px){.card.unit-card{padding-right:44%}.unit-card .people{width:43%;height:75%}.unit-card h3{font-size:16px}.unit-card .progress-label{gap:6px}}

.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(100%,440px)}.login-card label{display:block;margin:24px 0 12px}.login-card input{display:block;width:100%;margin-top:10px}.login-card .ghost{margin-top:20px}.install-status .hint{display:block;font-size:12px;text-align:left}
.unit-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:10px;max-width:640px;margin-bottom:24px}.unit-choice{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-width:0;min-height:92px;padding:12px;text-align:left;cursor:pointer;border:2px solid transparent;border-radius:16px}.unit-choice strong,.unit-choice span{display:block}.unit-choice strong{font-size:15px;line-height:20px}.unit-choice span{font-size:14px;margin-top:4px;line-height:1.4;min-height:2.8em;overflow-wrap:anywhere}.unit-choice.selected{border-color:#4574bb;background:#e8f1ff}.question-line{font-size:17px;line-height:2.6;overflow-wrap:anywhere}.blank-input{display:inline-block;width:150px;max-width:100%;margin:4px 5px;padding:9px 12px;vertical-align:middle}.answer-single{display:block;margin:20px 0}.answer-single .blank-input{display:block;width:100%;margin:10px 0}.exercise-card form{margin:20px 0}.exercise-card .feedback p{white-space:pre-wrap;overflow-wrap:anywhere}.row .grow{min-width:0}.row .grow strong,.row .grow p{overflow-wrap:anywhere;white-space:pre-line}.study-layout .word{overflow-wrap:anywhere}.unit-choice:focus-visible{outline:3px solid #2455a1;outline-offset:3px}@media(max-width:700px){.unit-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.blank-input{width:115px}.question-line{font-size:16px}.row{flex-wrap:wrap}.exercise-card{padding:20px}}

.form-fields{display:flex;flex-wrap:wrap;gap:20px 36px;align-items:flex-start;margin:20px 0 24px}.form-field{display:flex;flex-direction:column;gap:10px;flex:1 1 140px;max-width:180px;min-width:0}.form-field .blank-input{width:100%;margin:0;min-height:52px}.form-hint{font-size:15px;line-height:1.6;overflow-wrap:anywhere}

.form-field{position:relative}.form-field+.form-field::before{content:"↔";position:absolute;left:-30px;top:26px;transform:translateY(-50%);width:24px;text-align:center;font-size:24px;line-height:1;color:#657d9f;pointer-events:none}

/* Daily plan and per-blank feedback */
.plan-settings summary{cursor:pointer;font-size:20px;font-weight:650}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:16px;margin:20px 0}.plan-grid label{display:flex;flex-direction:column;gap:8px}.plan-grid input,.plan-grid select{width:100%;min-width:0;box-sizing:border-box}.field-feedback{display:block;margin:8px 0;font-size:15px}.field-feedback.good{color:#196548}.answer-correct{border:2px solid #25845f!important}.answer-wrong{border:2px solid #c66230!important}mark{background:#ffe2bf;color:#753c12}.plan-settings{margin:20px 0}.actions{flex-wrap:wrap}
.plan-grid label small{color:#2687f6;font-size:13px;font-weight:600}.plan-grid input[readonly]{background:#edf6ff;color:#276cae}.review-auto{display:flex;align-items:center;gap:9px;width:max-content;max-width:100%;margin:2px 0 10px;color:#31567f}.review-auto input{width:18px;height:18px;accent-color:#2687f6}.review-plan-note{margin-bottom:10px}.success-feedback{position:relative;overflow:hidden;border:1px solid #aee5c7;background:linear-gradient(135deg,#eafaf1,#f5fff9);box-shadow:0 12px 28px #35a16c16;animation:success-rise .35s ease-out}.success-feedback::after{content:'✦';position:absolute;right:22px;top:12px;color:#6bcb95;font-size:22px;animation:success-spark 1.1s ease-out}.success-mark{position:relative;display:grid;place-items:center;flex:0 0 54px;width:54px;height:54px;border-radius:50%;background:linear-gradient(145deg,#28bd72,#18a85f);color:white;font-size:29px;font-weight:800;box-shadow:0 8px 18px #1aaf6633}.success-mark i{position:absolute;right:-7px;top:-10px;color:#f2b83f;font-size:18px;font-style:normal;animation:success-spark 1s ease-out}.success-feedback strong{color:#157447}.streak-badge{display:inline-flex;margin:8px 0 0;padding:5px 10px;border-radius:999px;background:#fff2c9;color:#976311;font-size:13px;font-weight:700}@keyframes success-rise{from{opacity:.25;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@keyframes success-spark{0%{opacity:0;transform:scale(.3) rotate(-20deg)}45%{opacity:1;transform:scale(1.25) rotate(8deg)}100%{opacity:.8;transform:scale(1) rotate(0)}}@media(prefers-reduced-motion:reduce){.success-feedback,.success-feedback::after,.success-mark i{animation:none}}
/* Reference-inspired vocabulary card; scoped to the learning workspace. */
.word-workspace{color:#071849;max-width:1200px;margin:0 auto}.wc-toolbar{display:flex;align-items:center;gap:22px;margin:0 0 28px}.wc-back{width:44px;height:48px;border-radius:18px;background:#ffffffcf;color:#10275b;font-size:34px;flex-shrink:0}.wc-unit{display:flex;gap:14px;font-size:17px;font-weight:600;white-space:nowrap}.wc-unit span{white-space:normal}.wc-progress{display:flex;align-items:center;gap:16px;flex:1;min-width:100px;color:#4b6596;white-space:nowrap}.wc-progress .progress{flex:1;height:12px;background:#dce9fc}.wc-toolbar-actions{display:flex;gap:12px;margin-left:auto}.wc-soft{background:#ffffffb8;color:#3c568a;border-radius:18px;padding:13px 17px;white-space:nowrap;font-size:14px}.wc-layout{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:28px;align-items:center}.wc-card{padding:22px;border:1px solid #fff;background:linear-gradient(135deg,#fffffff2,#ffffffb0);border-radius:30px;box-shadow:0 18px 65px #5489cb0c;min-width:0}.wc-overview{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.wc-definition{min-width:0;padding:0 0 10px}.wc-badge,.wc-section-title{display:inline-flex;gap:9px;align-items:center;border-radius:22px;background:linear-gradient(90deg,#eaf3ff,#f4f8ff);padding:8px 13px;color:#1884ff;font-size:18px;font-weight:650}.wc-badge span,.wc-section-title span{font-weight:400}.wc-wordline{display:flex;align-items:center;gap:20px;margin:22px 0 12px}.wc-wordline h1{font-size:clamp(48px,5.6vw,84px);line-height:1.08;letter-spacing:-2px;margin:0;overflow-wrap:anywhere}.wc-wordline h1.wc-long-word{font-size:clamp(30px,3vw,48px);letter-spacing:-1px}.wc-audio{width:58px;height:58px;flex-shrink:0;border-radius:50%;background:#e7f1ff;color:#1685ff;display:inline-flex;align-items:center;justify-content:center}.wc-audio .ico{width:29px;height:29px}.wc-phonetic{font-size:30px;color:#536997;line-height:1.4;min-height:42px}.wc-meaning{display:flex;align-items:flex-start;gap:14px;margin-top:24px;font-size:23px;line-height:1.65}.wc-pos{display:inline-flex;background:#e0e8f8;border-radius:15px;padding:3px 12px;font-size:21px;flex-shrink:0}.wc-picture{min-height:268px;border-radius:26px;background:radial-gradient(at 75% 25%,#fff9d9,transparent 58%),linear-gradient(150deg,#eaf5ff,#d8e9fa);overflow:hidden;position:relative;display:flex;justify-content:center;align-items:center}.wc-picture img{width:100%;height:100%;max-height:310px;object-fit:contain;align-self:end}.wc-favorite{position:absolute;right:14px;top:14px;width:50px;height:50px;background:#fffffff2;border-radius:50%;font-size:34px;line-height:1;color:#4a669d;box-shadow:0 5px 20px #6682af12}.wc-favorite[aria-pressed=true]{color:#f2ac29}.wc-picture-empty{flex-direction:column;gap:16px;color:#7a95b5;font-size:15px}.wc-picture-symbol{width:92px;height:92px;display:grid;place-items:center;border-radius:30px;background:#ffffff99;transform:rotate(-8deg)}.wc-picture-symbol .ico{width:46px;height:46px}.wc-section{margin-top:10px;background:#ffffff6e;border-radius:25px;padding:16px}.wc-section-title{font-size:18px;margin:0 0 14px;padding:5px 0;background:transparent;gap:10px;flex-wrap:wrap}.wc-section-title .ico{width:26px;height:26px}.wc-examples{display:grid;gap:12px}.wc-example{display:flex;align-items:center;gap:22px;padding:16px;border-radius:22px;background:linear-gradient(120deg,#eff6ff,#f3f7fd);min-height:86px}.wc-example p{font-size:21px;line-height:1.4;margin:0 0 5px}.wc-example small{font-size:17px;color:#667fa9;line-height:1.5}.wc-pending{color:#8b9db9}.wc-pending p{font-size:18px}.wc-pending small{color:#9aaac0;font-size:15px}.wc-pending .wc-audio{color:#a7c6ef;background:#e7effa}.wc-phrases-section{background:transparent;padding-bottom:12px;margin-top:14px}.wc-phrases{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wc-phrase{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#eaf2fe;border-radius:22px;padding:18px 22px;min-height:64px;font-size:18px}.wc-phrase strong{font-weight:500}.wc-phrase span{color:#647ea9}.wc-phrase.wc-pending span{color:#92a4bf;font-size:16px}.wc-controls{display:flex;flex-direction:column;align-items:center;gap:10px;color:#344f85}.wc-previous{height:64px;width:64px;border-radius:50%;background:#ffffffc9;color:#0d2453;font-size:38px}.wc-continue{height:88px;width:88px;border-radius:50%;background:linear-gradient(140deg,#69adff,#2588ff);color:white;margin-top:12px;box-shadow:0 12px 22px #2588ff28,inset 0 3px 8px #ffffff33;display:grid;place-items:center}.wc-continue .ico{width:35px;height:35px}.wc-controls strong{font-size:19px;color:#122857}.wc-controls>.wc-soft{margin-top:22px}.wc-encouragement{font-style:italic;font-size:18px;line-height:1.5;color:#609af2;transform:rotate(-13deg);margin:60px 0 0;text-align:center}.wc-tip{display:flex;justify-content:center;align-items:center;gap:12px;margin:20px auto 0;padding:12px 20px;border-radius:30px;background:#ffffff72;color:#627ba7;width:fit-content;max-width:90%;font-size:15px}.wc-tip>span{font-size:24px}.wc-list{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px;padding:16px;background:#ffffff9e;border-radius:22px}.wc-wordline .wc-audio{width:62px;height:62px}
@media(min-width:1100px){.main:has(.word-workspace){padding:28px 30px;max-width:1450px}}
@media(max-width:1150px){.wc-toolbar{flex-wrap:wrap;gap:14px}.wc-progress{min-width:150px}.wc-layout{grid-template-columns:minmax(0,1fr) 82px;gap:14px}.wc-card{padding:18px}.wc-overview{gap:16px}.wc-wordline{gap:12px}.wc-wordline h1{font-size:56px}.wc-wordline .wc-audio{width:46px;height:46px}.wc-meaning{font-size:19px}.wc-picture{min-height:240px}.wc-continue{width:72px;height:72px}.wc-controls>.wc-soft{font-size:12px;padding:12px}.wc-phrase{padding:14px;font-size:16px}.wc-example p{font-size:19px}}
@media(max-width:800px){.wc-layout{grid-template-columns:1fr}.wc-controls{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:12px}.wc-controls>.wc-soft,.wc-continue{margin:0}.wc-encouragement{display:none}.wc-previous{width:46px;height:46px;font-size:30px}.wc-continue{width:54px;height:54px}.wc-overview{grid-template-columns:1.15fr 1fr}.wc-picture{min-height:210px}.wc-wordline h1{font-size:46px}.wc-phonetic{font-size:24px}.wc-meaning{font-size:17px;gap:8px;margin-top:16px}.wc-pos{font-size:17px;padding:2px 9px}.wc-tip{max-width:100%}.wc-toolbar-actions{margin-left:0}}
@media(max-width:520px){.wc-toolbar{gap:10px;margin-bottom:18px}.wc-unit{font-size:14px;gap:8px;flex:1}.wc-toolbar-actions{width:100%;justify-content:flex-end}.wc-progress{order:4;flex-basis:100%}.wc-card{padding:14px;border-radius:24px}.wc-overview{grid-template-columns:1fr}.wc-picture{height:185px;min-height:185px}.wc-picture img{height:100%;width:auto;max-width:100%}.wc-wordline h1{font-size:58px}.wc-meaning{font-size:20px}.wc-badge{font-size:16px}.wc-section{padding:12px 0}.wc-section-title{font-size:16px;gap:6px}.wc-section-title span{font-size:14px}.wc-example{padding:13px;gap:12px}.wc-audio{width:42px;height:42px}.wc-audio .ico{width:23px;height:23px}.wc-example p{font-size:17px}.wc-example small{font-size:14px}.wc-phrases{grid-template-columns:1fr}.wc-tip{font-size:13px;align-items:flex-start}.wc-controls strong,.wc-controls>span{font-size:15px}}
/* Textbook dashboard */
.learning-home{color:#0c214d;max-width:1180px;margin:auto}.home-intro{position:relative;min-height:355px;padding-top:18px}.home-heading{position:relative;z-index:1;width:66%}.home-heading h1{font-size:clamp(28px,3.1vw,44px);letter-spacing:-1px;line-height:1.3;margin:0 0 10px;font-weight:750}.home-heading p{color:#6886b2;font-size:clamp(16px,1.7vw,22px);margin:0}.home-date{position:absolute;right:0;top:0;padding:12px 18px;background:#ffffffc7;border-radius:20px;font-size:15px;color:#476492;z-index:2}.home-textbook{position:relative;z-index:1;display:flex;align-items:center;gap:22px;width:55%;text-align:left;padding:22px 24px;margin-top:26px;background:#ffffffc9;border:1px solid #ffffff;border-radius:28px;box-shadow:0 8px 25px #5b7eaf07;color:inherit}.home-book-cover{width:96px;min-width:96px;height:142px;border-radius:6px 12px 12px 6px;background:linear-gradient(100deg,#209b7b 0 12%,#c4e994 13%,#d9f2b5 70%,#b7da81);box-shadow:5px 5px 14px #477e8030,inset 4px 0 #187b6e;display:flex;flex-direction:column;align-items:center;padding:10px 5px 8px 16px;transform:rotate(-3deg);color:#15496a}.home-book-cover>small{font-size:10px}.home-book-cover>strong{font-size:27px;line-height:1.2;margin-top:7px}.home-book-cover>span{font-size:9px;letter-spacing:1px}.home-book-landscape{display:grid;place-items:center;background:#f1ffd6;border-radius:50% 50% 10px 10px;width:65px;height:42px;margin:8px 0}.home-book-landscape .ico{color:#4eaa8b;width:27px;height:27px}.home-book-info{min-width:0}.home-book-info>span{font-size:15px;color:#7990b2}.home-book-info h2{font-size:21px;line-height:1.5;margin:4px 0 20px}.home-book-info h2 b{margin-left:10px;color:#7995bf}.home-book-info p{font-size:15px;line-height:1.5;margin:4px 0;color:#54709a}.home-book-info>small{font-size:12px;color:#8195b3}.home-art-wrap{position:absolute;right:12px;bottom:-8px;width:40%;height:310px;display:flex;justify-content:flex-end;align-items:end;overflow:hidden}.home-character{height:100%;width:100%;object-fit:contain;object-position:bottom}.home-art-wrap>p{position:absolute;left:0;top:35px;color:#348fff;font-size:19px;line-height:1.25;font-style:italic;transform:rotate(-13deg);z-index:1;text-align:center}.home-today,.home-progress-card,.home-free{position:relative;background:#ffffffca;border:1px solid #fff;box-shadow:0 12px 32px #6796ce0b;border-radius:28px;padding:26px}.home-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.home-section-heading h2{display:flex;align-items:center;gap:12px;font-size:23px;margin:0}.home-section-heading h2>.ico{width:29px;height:29px;color:#308cff}.home-section-heading>span{color:#7991b5;font-size:14px}.home-task-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.home-task{display:flex;align-items:center;gap:16px;border-radius:22px;padding:18px;min-width:0}.home-task.green{background:#ecf9f5}.home-task.blue{background:#eaf4ff}.home-task.purple{background:#f0edff}.home-task.pink{background:#fff0f4}.home-task-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:20px;background:#dbf3e9;color:#16ad67;flex-shrink:0}.home-task-icon .ico{width:29px;height:29px}.blue .home-task-icon{color:#2886ff;background:#dcecff}.purple .home-task-icon,.home-task-icon.purple{color:#9564ff;background:#e5ddff}.pink .home-task-icon{color:#ed6086;background:#ffe0ea}.home-task h3{margin:0 0 5px;font-size:16px}.home-task strong{font-size:36px;line-height:1.1;font-weight:750}.home-task small{color:#7990b0;font-size:16px}.home-start{display:block;width:100%;border-radius:19px;background:linear-gradient(125deg,#59adff,#2887ff);box-shadow:inset 0 2px 5px #ffffff55,0 7px 18px #2787ff15;color:white;font-size:22px;font-weight:650;padding:20px;margin-top:18px}.home-task-progress{display:flex;align-items:center;gap:18px;margin-top:15px;color:#8499b8;font-size:13px}.home-task-progress .progress{flex:1;height:5px}.home-task-progress>span{white-space:nowrap}.home-bottom{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;margin-top:20px}.home-detail{background:transparent;color:#308bff;padding:5px;white-space:nowrap}.home-progress-card>p{font-size:17px;margin:20px 0}.home-book-progress{display:flex;align-items:center;gap:20px}.home-book-progress strong{font-size:26px}.home-book-progress .progress{flex:1;height:12px}.home-progress-card p.home-progress-note{font-size:13px;color:#8093af;margin:10px 0}.home-vocab-status{display:flex;gap:18px;font-size:12px;color:#7690b6}.home-free>p{color:#7c94b7;font-size:15px;margin:-8px 0 22px}.home-free-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.home-free-button{background:#ffffffb5;border-radius:22px;display:flex;align-items:center;gap:13px;text-align:left;padding:18px 14px;color:#102651;min-width:0}.home-free-button>span:nth-child(2){min-width:0;flex:1}.home-free-button strong{display:block;font-size:17px}.home-free-button small{display:block;color:#8197ba;font-size:12px;margin-top:6px;line-height:1.5}.home-free-button>b{font-size:25px;color:#7894bd}
@media(min-width:1100px){.main:has(.learning-home){padding:28px 32px;max-width:1450px}}
@media(max-width:1150px){.home-heading{width:70%}.home-intro{min-height:335px}.home-textbook{width:60%;gap:15px;padding:18px}.home-book-info h2{font-size:18px}.home-art-wrap{right:-12px;width:38%;height:275px}.home-art-wrap>p{display:none}.home-date{font-size:12px;padding:10px}.home-task{padding:15px;gap:10px}.home-task-icon{width:42px;height:42px;border-radius:16px}.home-task strong{font-size:29px}.home-bottom{grid-template-columns:1fr 1.2fr;gap:16px}.home-progress-card,.home-free{padding:20px}.home-section-heading h2{font-size:20px}.home-free-grid{grid-template-columns:1fr}.home-free-button{padding:12px}.home-task-grid{gap:10px}}
@media(max-width:800px){.home-heading{width:100%}.home-date{position:static;display:inline-block;margin:12px 0 0}.home-intro{min-height:340px}.home-textbook{margin-top:18px;width:70%}.home-art-wrap{width:29%;height:210px;right:-5px}.home-book-cover{min-width:74px;width:74px;height:122px}.home-book-cover>strong{font-size:23px}.home-book-landscape{width:49px;height:32px}.home-book-info h2{font-size:17px;margin-bottom:12px}.home-book-info p{font-size:13px}.home-task-grid{grid-template-columns:repeat(2,1fr)}.home-bottom{grid-template-columns:1fr}.home-free-grid{grid-template-columns:1fr 1fr}.home-start{font-size:18px}.home-section-heading{flex-wrap:wrap;gap:8px}.home-today{padding:20px}.home-task{padding:17px}.home-task strong{font-size:32px}}
@media(max-width:480px){.home-heading h1{font-size:28px}.home-heading p{font-size:15px}.home-intro{min-height:0;padding:0 0 20px}.home-textbook{width:100%;padding:17px;gap:16px}.home-art-wrap{display:none}.home-book-info h2{font-size:17px}.home-task{gap:10px;padding:14px 10px}.home-task-icon{width:38px;height:38px}.home-task h3{font-size:14px}.home-task strong{font-size:29px}.home-start{font-size:16px;padding:18px 10px}.home-free-grid{grid-template-columns:1fr}.home-vocab-status{flex-wrap:wrap;gap:8px}.home-today,.home-progress-card,.home-free{border-radius:23px}.home-section-heading>span{font-size:12px}}
.speech-settings{margin:22px 0}.speech-settings .plan-grid{grid-template-columns:minmax(0,2fr) minmax(140px,1fr)}.speech-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px}.speech-note{font-size:13px;line-height:1.7;color:#7890b1;margin-bottom:0}.speech-settings select{max-width:100%;text-overflow:ellipsis}@media(max-width:600px){.speech-settings .plan-grid{grid-template-columns:1fr}}
.daily-journey{background:#ffffffbe;border:1px solid white;border-radius:18px;padding:14px 20px;margin-bottom:20px;color:#56749c;font-size:14px}.daily-journey>strong{color:#153b6d;margin-right:20px}.daily-journey p{margin:8px 0}.daily-journey .current{color:#1680ec;font-weight:650}.daily-journey small{color:#718cac}
.update-message{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:18px;border:1px solid #d4e5fc;background:#fff;color:#204575;padding:14px 18px;border-radius:18px;box-shadow:0 8px 35px #17365b30;z-index:10;font-size:14px;max-width:calc(100% - 24px);width:max-content}.update-message button{background:#278bfc;color:white;padding:11px 15px;border-radius:12px;white-space:nowrap}@media(max-width:680px){.update-message{bottom:90px;gap:10px;font-size:13px;flex-wrap:wrap;justify-content:center}}

/* Unit learning stages */
.unit-stage-overview{display:grid;grid-template-columns:minmax(0,1fr) 180px;align-items:center;gap:24px;min-height:210px;padding:28px 32px;margin-top:18px;background:linear-gradient(120deg,#ffffffe8,#e8f3ffcf);overflow:hidden}.unit-stage-overview h2{font-size:27px;margin:7px 0 9px}.unit-stage-overview p{color:#6b83a5;margin:0}.unit-stage-eyebrow{display:inline-flex;padding:7px 11px;border-radius:12px;background:#e4f0ff;color:#2586f5;font-size:13px;font-weight:650}.unit-stage-art{width:180px;height:165px;object-fit:contain;align-self:end}.unit-overall-progress{display:flex;align-items:center;gap:14px;margin-top:24px;max-width:650px;color:#5d779c;font-size:13px}.unit-overall-progress .progress{flex:1;height:9px}.unit-overall-progress>span{white-space:nowrap}.unit-stage-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:20px}.unit-stage-card{position:relative;display:flex;flex-direction:column;min-height:390px;padding:24px;overflow:visible}.unit-stage-card:after{content:"";position:absolute;left:100%;top:54px;width:18px;height:2px;background:#b7d2f2}.unit-stage-card:last-child:after{display:none}.unit-stage-card.is-current{border:1.5px solid #69aafb;box-shadow:0 14px 36px #2587f718}.unit-stage-card.is-locked{background:#f7faffad;color:#58708f}.unit-stage-card.is-complete{border-color:#c9eadc}.unit-stage-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:21px}.unit-stage-number{font-size:13px;font-weight:750;letter-spacing:1.5px;color:#9ab0cb}.unit-stage-status{padding:6px 10px;border-radius:12px;background:#e9f3ff;color:#2b81e8;font-size:12px}.is-complete .unit-stage-status{background:#e8f7f0;color:#269668}.is-locked .unit-stage-status{background:#edf2f8;color:#7c91ab}.unit-stage-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:18px;margin-bottom:18px}.unit-stage-icon .ico{width:28px;height:28px}.unit-stage-icon.blue{background:#e3f0ff;color:#2387f8}.unit-stage-icon.purple{background:#eee8ff;color:#8b66ee}.unit-stage-icon.green{background:#e5f8ef;color:#23ac70}.unit-stage-card h2{font-size:21px;margin:0 0 10px}.unit-stage-card>p{color:#7087a6;font-size:14px;line-height:1.75;margin:0 0 20px;min-height:74px}.unit-stage-meta{display:flex;align-items:baseline;gap:12px;margin:auto 0 13px}.unit-stage-meta strong{font-size:26px;color:#132c55}.unit-stage-meta span{font-size:12px;color:#7b91ae}.unit-stage-card>.progress{height:7px;margin-bottom:17px}.unit-stage-action{width:100%;padding:14px 10px;margin-top:17px}.unit-stage-note{margin:17px 5px 0;color:#7289a7;font-size:13px;line-height:1.7}
@media(max-width:1050px){.unit-stage-flow{grid-template-columns:1fr}.unit-stage-card{min-height:0}.unit-stage-card:after{display:none}.unit-stage-card>p{min-height:0}.unit-stage-meta{margin-top:5px}.unit-stage-action{max-width:320px}}
@media(max-width:680px){.unit-stage-overview{grid-template-columns:1fr;padding:22px;min-height:0}.unit-stage-art{display:none}.unit-stage-overview h2{font-size:22px}.unit-overall-progress{align-items:flex-start;flex-direction:column;gap:8px}.unit-overall-progress .progress{width:100%}.unit-stage-flow{gap:13px}.unit-stage-card{padding:20px}.unit-stage-action{max-width:none}.unit-stage-card>p{margin-bottom:14px}}

/* Unit journey page */
.main:has(.unit-journey){padding-top:0;max-width:1500px;width:auto;min-width:0}.unit-journey{max-width:1240px;min-width:0;margin:0 auto;color:#102451}.unit-journey-hero{position:relative;height:255px;margin:0 -15px;overflow:hidden;background:radial-gradient(circle at 63% 35%,#fff 0 3%,transparent 4%),radial-gradient(circle at 70% 22%,#ffffffa8 0 8%,transparent 9%),linear-gradient(120deg,#edf7ff 8%,#dff1ff 55%,#f7fbff);border-radius:0 0 42px 42px}.unit-journey-hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:95px;background:linear-gradient(180deg,transparent,#eaf6ffff)}.unit-journey-heading{position:absolute;left:34px;top:54px;z-index:2}.unit-journey-heading h1{font-size:45px;letter-spacing:-2px;margin:0 0 10px}.unit-journey-heading p{font-size:19px;color:#5f7fac;margin:0}.unit-journey-heading>span{position:absolute;left:500px;top:10px;width:120px;color:#398ef5;font-style:italic;font-size:16px;line-height:1.25;transform:rotate(-10deg)}.unit-journey-girl{position:absolute;right:35px;bottom:-80px;width:410px;height:390px;object-fit:contain;object-position:bottom;z-index:1}.unit-roadmap{position:relative;z-index:3;display:flex;align-items:flex-start;gap:6px;margin:-72px 8px 20px;padding:21px 14px 13px;overflow-x:auto;scrollbar-width:thin}.unit-road-line{position:absolute;left:8%;right:8%;top:77px;border-top:3px dashed #86baf0}.unit-road-stop{position:relative;z-index:1;display:flex;flex:1 0 125px;min-width:0;flex-direction:column;align-items:center;background:transparent;color:#6c84a9;padding:0 5px}.unit-road-badge{padding:7px 17px;background:#dfeafb;border-radius:18px;font-weight:700;font-size:14px}.unit-road-island{display:grid;place-items:center;width:77px;height:54px;margin:9px 0 5px;border-radius:50%;background:linear-gradient(#c8e6cf,#89c6a3 50%,#75a4d4 51%,#d9efff);box-shadow:0 6px 13px #5a89b622;color:white}.unit-road-island .ico{width:27px;height:27px}.unit-road-stop strong{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600}.unit-road-stop small{margin-top:7px;letter-spacing:3px;color:#adc4df}.unit-road-stop.selected{color:#1f7eeb}.unit-road-stop.selected .unit-road-badge{background:linear-gradient(120deg,#64b2ff,#2f8cf7);color:white;box-shadow:0 6px 15px #2887f52d}.unit-road-stop.selected .unit-road-island{transform:scale(1.12);box-shadow:0 0 0 5px #ffffffb5,0 8px 18px #2c85dc35}.unit-road-stop.selected small{color:#2388f8}.unit-current-card{display:grid;grid-template-columns:190px minmax(270px,1fr) 175px minmax(190px,.8fr);align-items:center;gap:22px;background:#ffffffd7;border:1px solid #fff;border-radius:26px;padding:16px 20px;box-shadow:0 12px 32px #5d8dc211}.unit-current-picture{height:142px;border-radius:20px;overflow:hidden;background:#ddecfb}.unit-current-picture img{width:100%;height:100%;object-fit:cover}.unit-current-info{padding-right:20px;border-right:1px solid #dce9f7}.unit-current-info>span,.unit-current-mastery>span{color:#6f88aa;font-size:13px}.unit-current-info h2{font-size:25px;margin:5px 0 12px}.unit-current-info p{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;margin:7px 0;color:#53719c;font-size:14px}.unit-current-info p b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#deefff;color:#2587f7}.unit-current-info p small{color:#90a3bd}.unit-current-mastery{display:flex;flex-direction:column;align-items:center;gap:9px}.unit-mastery-ring{width:104px;height:104px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#2d8df8 var(--mastery),#dbe9f7 0);position:relative}.unit-mastery-ring:before{content:"";position:absolute;inset:12px;border-radius:50%;background:#fafdff}.unit-mastery-ring strong{position:relative;font-size:24px}.unit-current-card blockquote{margin:0;padding:12px 0 12px 22px;border-left:1px solid #dce9f7;color:#6192d6;font-size:16px;font-style:italic;line-height:1.8;transform:rotate(-2deg)}.unit-action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}.unit-action-card{display:flex;flex-direction:column;min-height:255px;padding:20px;background:#ffffffd1;border:1px solid #fff;border-radius:25px;box-shadow:0 10px 28px #5d8dc20e}.unit-action-title{display:flex;align-items:flex-start;gap:15px}.unit-action-title h2{font-size:20px;margin:4px 0 5px}.unit-action-title p{font-size:13px;line-height:1.55;color:#6682aa;margin:0}.unit-action-icon{display:grid;place-items:center;width:56px;height:56px;flex-shrink:0;border-radius:17px}.unit-action-icon .ico{width:29px;height:29px}.unit-action-icon.blue{color:#2588f7;background:#e2efff}.unit-action-icon.purple{color:#8464ef;background:#ece7ff}.unit-action-icon.cyan{color:#1b9fe5;background:#e1f6ff}.unit-action-progress{display:flex;align-items:center;gap:12px;margin:auto 2px 12px;font-size:13px;color:#6581a8}.unit-action-progress .progress{flex:1;height:7px}.unit-action-tip{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:auto 0 12px;padding:11px 13px;border-radius:14px;font-size:13px;color:#5d759a;background:#f0edff}.unit-action-tip.cyan{background:#eaf8fb}.unit-action-card>button{width:100%;padding:14px;margin-top:0}.unit-stage-note{text-align:center}
@media(max-width:1120px){.unit-journey-heading>span{display:none}.unit-journey-girl{right:-25px;width:330px}.unit-current-card{grid-template-columns:155px minmax(240px,1fr) 140px}.unit-current-card blockquote{display:none}.unit-action-title{gap:10px}.unit-action-icon{width:48px;height:48px}.unit-action-title h2{font-size:18px}}
@media(max-width:820px){.main:has(.unit-journey){padding:0 18px 95px}.unit-journey-hero{height:215px}.unit-journey-heading{left:22px;top:42px}.unit-journey-heading h1{font-size:34px}.unit-journey-heading p{font-size:15px;max-width:55%}.unit-journey-girl{width:260px;height:260px;bottom:-48px;right:-18px}.unit-roadmap{margin-top:-54px}.unit-current-card{grid-template-columns:110px minmax(0,1fr) 112px;gap:13px;padding:14px}.unit-current-picture{height:115px}.unit-current-info{padding-right:10px}.unit-current-info h2{font-size:19px}.unit-current-info p{grid-template-columns:28px 1fr}.unit-current-info p small{display:none}.unit-mastery-ring{width:84px;height:84px}.unit-mastery-ring:before{inset:10px}.unit-mastery-ring strong{font-size:19px}.unit-action-grid{grid-template-columns:1fr}.unit-action-card{min-height:205px}.unit-action-progress,.unit-action-tip{margin-top:18px}}
@media(max-width:520px){.unit-journey-hero{height:175px;margin:0 -18px;border-radius:0 0 28px 28px}.unit-journey-heading{top:30px}.unit-journey-heading h1{font-size:29px}.unit-journey-heading p{max-width:66%;font-size:13px}.unit-journey-girl{width:180px;height:200px;right:-34px;bottom:-44px}.unit-roadmap{margin:-38px -7px 13px;padding-left:5px;padding-right:5px}.unit-road-stop{flex-basis:102px}.unit-road-badge{font-size:12px;padding:6px 12px}.unit-road-island{width:65px;height:46px}.unit-current-card{grid-template-columns:82px 1fr}.unit-current-picture{height:100px}.unit-current-mastery{display:none}.unit-current-info{border:0}.unit-current-info h2{font-size:17px}.unit-current-info p{font-size:12px}.unit-action-card{padding:17px;border-radius:21px}.unit-stage-note{text-align:left}}
.main:has(.unit-journey){width:calc(100vw - 216px);overflow:hidden}.unit-roadmap{width:100%;min-width:0}.unit-action-grid,.unit-current-card{min-width:0}
@media(max-width:950px){.main:has(.unit-journey){width:calc(100vw - 175px)}}
@media(max-width:680px){.main:has(.unit-journey){width:100vw}}

.unit-roadmap{scrollbar-width:none}.unit-roadmap::-webkit-scrollbar{display:none}
.unit-roadmap{min-height:205px;padding-bottom:38px}.unit-road-line{left:10px;right:auto;top:61px;width:max(100%,1050px);min-width:1050px;height:100px;border:0;overflow:visible;pointer-events:none}.unit-road-line path{fill:none;stroke:#79afe8;stroke-width:4;stroke-linecap:round;stroke-dasharray:10 13}.unit-road-stop{transform:translateY(var(--road-y,0))}.unit-road-island{width:92px;height:76px;margin:5px 0 1px;border-radius:24px;background:transparent;box-shadow:none}.unit-road-island img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 7px 7px #4a83b532)}.unit-road-stop.selected .unit-road-island{box-shadow:none;transform:scale(1.15)}

/* Four-stop illustrated map viewport */
.unit-roadmap{min-height:285px;margin-top:-96px;padding:30px 14px 52px;background:radial-gradient(ellipse at 8% 77%,#d5efdd 0 7%,transparent 7.5%),radial-gradient(ellipse at 95% 82%,#c9e8d5 0 8%,transparent 8.5%),radial-gradient(ellipse at 40% 50%,#ffffffb8 0 12%,transparent 12.5%),linear-gradient(180deg,transparent 0 20%,#edf8ffb8 62%,#e4f4f0 100%);border-radius:0 0 34px 34px}.unit-road-line{top:92px;width:200%;min-width:1300px;height:125px}.unit-road-line path{stroke:#78afea;stroke-width:3.5;stroke-dasharray:9 12}.unit-road-stop{flex:0 0 calc(25% - 6px);padding:0 10px}.unit-road-badge{font-size:16px;padding:8px 20px}.unit-road-island{position:relative;width:clamp(135px,14vw,205px);height:clamp(105px,11vw,165px);margin:-1px 0 -5px}.unit-road-island img{filter:drop-shadow(0 9px 8px #477da52b)}.unit-road-stop strong{max-width:240px;font-size:15px;padding:8px 15px;border-radius:20px}.unit-road-stop.selected strong{color:white;background:linear-gradient(120deg,#63b1ff,#2e8cf8);box-shadow:0 6px 14px #2687f52f}.unit-road-stop.selected .unit-road-island:before{content:"";position:absolute;z-index:2;left:50%;top:0;width:19px;height:19px;border:6px solid #338ff8;border-radius:50% 50% 50% 0;background:white;transform:translate(-50%,-45%) rotate(-45deg);box-shadow:0 4px 9px #257dc63b}.unit-road-stop small{font-size:14px;margin-top:7px}.unit-current-card{margin-top:-6px}
@media(max-width:820px){.unit-roadmap{min-height:250px;margin-top:-70px;padding-top:25px}.unit-road-line{top:82px}.unit-road-badge{font-size:13px;padding:7px 15px}.unit-road-island{width:132px;height:108px}.unit-road-stop strong{font-size:13px;padding:7px 10px}.unit-road-stop{flex-basis:calc(25% - 5px);padding:0 5px}}
@media(max-width:520px){.unit-roadmap{min-height:245px;margin-top:-48px}.unit-road-stop{flex-basis:145px}.unit-road-line{width:1160px;min-width:1160px}.unit-road-island{width:128px;height:105px}}
.unit-road-stop strong{position:relative;z-index:3;margin-top:9px;background:#ffffff9e;line-height:1.25}.unit-road-stop.selected .unit-road-island:before{top:12px;width:12px;height:12px;border-width:4px;box-shadow:0 3px 7px #257dc630}

.unit-road-stop.selected .unit-road-island:before{display:none}

@media(max-width:680px){.composite-exercise .exercise-card{backdrop-filter:none}.composite-exercise .composite-panel{top:auto!important}}

/* Learning report shared by the student page and future parent notifications. */
.report-range{display:flex;padding:4px;border-radius:14px;background:#e8f1fc}.report-range button{padding:9px 15px;border-radius:11px;background:transparent;color:#607a9f;white-space:nowrap;min-width:58px}.report-range button.selected{background:#fff;color:#167ce7;box-shadow:0 4px 12px #456d9a17}.report-today{padding:27px 30px}.report-section-head{display:flex;align-items:center;justify-content:space-between;gap:22px}.report-section-head h2{margin:5px 0 7px;font-size:25px}.report-section-head p{margin:0;color:#7187a7}.report-section-head.compact{align-items:flex-start;margin-bottom:22px}.report-section-head.compact>strong{font-size:29px;color:#177fdc;text-align:right}.report-section-head.compact>strong small{display:block;margin-top:4px;color:#8396b1;font-size:12px;font-weight:500}.report-kicker{color:#2587ee;font-size:13px;font-weight:700}.report-completion{display:grid;place-items:center;width:104px;height:104px;flex:0 0 104px;border-radius:50%;background:conic-gradient(#328df4 var(--report-progress),#e6eef8 0);position:relative}.report-completion:before{content:"";position:absolute;inset:10px;border-radius:50%;background:#fff}.report-completion strong,.report-completion small{position:relative;z-index:1}.report-completion strong{font-size:25px;line-height:1}.report-completion small{color:#758dab;font-size:12px}.report-accuracy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:24px}.report-accuracy{padding:19px;border-radius:19px;background:#edf6ff}.report-accuracy.review{background:#f0edff}.report-accuracy.reinforce{background:#fff1f4}.report-accuracy span,.report-accuracy small{display:block}.report-accuracy span{color:#58769b;font-size:14px}.report-accuracy strong{display:block;margin:8px 0 5px;color:#126fd0;font-size:31px}.report-accuracy.review strong{color:#7658da}.report-accuracy.reinforce strong{color:#d35c7f}.report-accuracy small{color:#7b90aa;line-height:1.45}.report-definition{margin:18px 0 0;color:#7890af;font-size:13px}.report-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:20px;margin-top:20px}.report-grid>.card,.report-abilities,.parent-preview{margin:0}.knowledge-stack{display:flex;height:14px;border-radius:99px;background:#edf1f7;overflow:hidden}.knowledge-stack span{height:100%}.mastered{background:#45b98a}.learning{background:#438ff1}.weak{background:#ee7d83}.unassessed{background:#dce4ef}.knowledge-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:18px 0}.knowledge-legend span{display:flex;align-items:center;gap:8px;color:#667f9f;font-size:14px}.knowledge-legend i{width:10px;height:10px;border-radius:50%}.knowledge-legend b{margin-left:auto;color:#173b69}.weak-points{margin-top:20px;padding-top:16px;border-top:1px solid #e3ebf5}.weak-points h3{font-size:15px;margin:0 0 8px}.weak-points div{display:flex;justify-content:space-between;gap:14px;padding:9px 0;color:#395878}.weak-points div b{color:#c05d68;font-size:12px;white-space:nowrap}.report-empty{padding:28px 16px;border-radius:16px;background:#f4f7fb;color:#7b90aa;text-align:center}.report-chart{height:205px;display:flex;align-items:end;gap:6px;padding-top:16px}.report-day{display:grid;grid-template-rows:18px 1fr 22px;align-items:end;flex:1;height:100%;min-width:0;text-align:center}.report-day>span{font-size:11px;color:#66809e}.report-day>div{height:100%;display:flex;align-items:end;justify-content:center}.report-day i{display:block;width:min(25px,70%);min-height:2px;border-radius:8px 8px 3px 3px;background:linear-gradient(#55a9ff,#2586f2)}.report-day small{overflow:hidden;color:#7e92ad;font-size:10px;white-space:nowrap}.report-abilities{margin-top:20px}.ability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.ability-grid article{padding:17px;border:1px solid #dfeaf6;border-radius:18px;background:#fbfdff}.ability-grid article>div{display:flex;justify-content:space-between;gap:10px}.ability-grid strong{font-size:15px}.ability-grid span{color:#8396ae;font-size:12px}.ability-grid article>b{display:block;margin:14px 0 9px;font-size:25px;color:#217ed9}.ability-grid .progress{height:7px}.parent-preview{display:flex;align-items:flex-start;gap:18px;margin-top:20px;background:linear-gradient(135deg,#effaf3,#f8fffb);border-color:#dff3e6}.parent-preview-icon{display:grid;place-items:center;width:50px;height:50px;flex:0 0 50px;border-radius:17px;background:#16b66a;color:white;font-size:21px;font-weight:750}.parent-preview h2{margin:5px 0 8px}.parent-preview p{margin:0 0 8px;color:#315d4a;line-height:1.75}.parent-preview small{color:#7c998c}.report-knowledge,.report-trend,.report-abilities,.parent-preview{padding:25px}.main:has(.report-today){max-width:1320px}
@media(max-width:980px){.report-grid{grid-template-columns:1fr}.ability-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.top:has(.report-range){display:block}.top:has(.report-range) .top-actions{width:100%;margin-top:15px;justify-content:space-between}.report-today,.report-knowledge,.report-trend,.report-abilities,.parent-preview{padding:19px}.report-section-head h2{font-size:21px}.report-completion{width:86px;height:86px;flex-basis:86px}.report-accuracy-grid{grid-template-columns:1fr}.report-accuracy{display:grid;grid-template-columns:1fr auto;align-items:center}.report-accuracy strong{grid-row:1/3;grid-column:2;margin:0}.report-accuracy small{grid-column:1}.ability-grid{grid-template-columns:1fr}.parent-preview{gap:12px}.parent-preview-icon{width:42px;height:42px;flex-basis:42px}.report-chart{height:165px}}
.parent-bind-card{margin-top:20px;padding:25px}.parent-bind-head{display:flex;align-items:center;justify-content:space-between;gap:22px}.parent-bind-head h2{margin:5px 0 8px}.parent-bind-head p{margin:0;color:#7187a7}.parent-bind-empty{margin-top:20px;padding:17px;border-radius:16px;background:#f3f6fa;color:#7187a7}.parent-bind-ticket{display:flex;align-items:center;gap:18px;margin-top:20px;padding:18px;border:1px solid #cfe8da;border-radius:18px;background:#f4fcf7}.parent-bind-ticket img,.mock-qr{width:112px;height:112px;flex:0 0 112px;border-radius:12px;background:#fff}.mock-qr{display:grid;place-items:center;text-align:center;color:#169557;font-weight:750;border:8px solid #d8f4e5}.parent-bind-ticket p{color:#718a7d}.guardian-list{display:grid;gap:10px;margin-top:20px}.guardian-list article{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #dfebf6;border-radius:16px}.guardian-list article>div:nth-child(2){flex:1}.guardian-list strong,.guardian-list small{display:block}.guardian-list small{margin-top:5px;color:#7890aa}.guardian-list article>div:last-child{display:flex;gap:8px}.parent-delivery-note{margin:15px 0 0;color:#7087a3;font-size:13px}@media(max-width:680px){.parent-bind-card{padding:19px}.parent-bind-head{align-items:flex-start;flex-direction:column}.parent-bind-ticket{align-items:flex-start}.parent-bind-ticket img,.mock-qr{width:88px;height:88px;flex-basis:88px}.guardian-list article{align-items:flex-start;flex-wrap:wrap}.guardian-list article>div:nth-child(2){min-width:180px}.guardian-list article>div:last-child{width:100%;justify-content:flex-end}}

/* Final map asset visual layer; business and route behavior unchanged. */
.unit-roadmap{background-image:linear-gradient(180deg,#f8fcff38,#eef8ff70),url('./assets/map-background.webp?v=map-final-1');background-size:cover;background-position:center;background-repeat:no-repeat}
.unit-road-line{z-index:0}.unit-road-line path{stroke:#65a5e8;stroke-width:3;stroke-dasharray:8 8;opacity:.65;stroke-linecap:round}
.unit-road-island{width:clamp(124px,12.5vw,178px);height:clamp(102px,10.5vw,148px)}
.unit-road-island img{object-fit:contain;opacity:1;filter:drop-shadow(0 7px 8px #4f83ad24)}
.unit-road-stop.selected .unit-road-island{transform:scale(1.07)}
.unit-road-stop.selected .unit-road-island img{filter:drop-shadow(0 0 8px #4a9dff66) drop-shadow(0 8px 9px #477da52b)}
.unit-road-stop.locked .unit-road-island img,.unit-road-stop[aria-disabled="true"] .unit-road-island img{filter:grayscale(.55) saturate(.55);opacity:.62}
.unit-road-stop.locked .unit-road-island:after,.unit-road-stop[aria-disabled="true"] .unit-road-island:after{content:"🔒";position:absolute;inset:0;display:grid;place-items:center;color:#56779f;font-size:22px;filter:grayscale(1)}
.unit-road-stop.completed .unit-road-island:after{content:"✓";position:absolute;right:7px;top:9px;display:grid;place-items:center;width:23px;height:23px;border-radius:50%;background:#3d93f6;color:white;font-weight:800;box-shadow:0 4px 9px #327ec836}
.unit-journey-girl{right:34px;bottom:-8px;width:255px;height:285px;opacity:.96;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 12px #5483ab16);pointer-events:none}
@media(max-width:1120px){.unit-journey-girl{right:12px;bottom:-3px;width:225px;height:255px}}
@media(max-width:820px){.unit-journey-girl{right:-5px;width:190px;height:220px;opacity:.92}}
@media(max-width:520px){.unit-journey-girl{right:-22px;width:155px;height:185px}.unit-road-island{width:120px;height:100px}}

/* Keep the map background behind the hero while route nodes remain interactive above it. */
.unit-roadmap{z-index:auto;background-image:none;background-color:transparent;isolation:auto}
.unit-roadmap:before{content:"";position:absolute;inset:0;z-index:0;border-radius:0 0 34px 34px;background-image:linear-gradient(180deg,#f8fcff38,#eef8ff70),url('./assets/map-background.webp?v=map-final-1');background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}
.unit-road-line{z-index:1}.unit-journey-girl{z-index:2}.unit-road-stop{z-index:3}

/* Slow pronunciation overlay on vocabulary cards. */
.pronunciation-dialog{width:min(570px,calc(100% - 32px));max-width:570px;padding:34px 38px 30px;border:1px solid #fff;border-radius:30px;background:linear-gradient(145deg,#fff 0%,#f5faff 58%,#edf6ff 100%);color:#10295a;box-shadow:0 30px 100px #1739664d;overflow:visible;text-align:center}.pronunciation-dialog::backdrop{background:#19375e42;backdrop-filter:blur(9px)}.pron-close{position:absolute;right:18px;top:16px;width:36px;height:36px;border-radius:50%;background:#eaf3ff;color:#6681a8;font-size:25px;line-height:1}.pron-kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:#e9f4ff;color:#2888f4;font-size:14px;font-weight:650}.pron-kicker .pron-sound{display:grid;place-items:center}.pron-kicker svg{width:18px;height:18px}.pronunciation-dialog h2{font-size:28px;margin:17px 0 6px}.pron-help{margin:0;color:#7890b1;font-size:14px}.pron-word{display:flex;align-items:flex-start;justify-content:center;gap:11px;min-height:115px;margin:25px 0 12px}.pron-piece{min-width:105px;padding:15px 18px 12px;border:2px solid #d9e8fa;border-radius:19px;background:#ffffffb8;color:#36527d;transform:translateY(0);transition:.2s ease;box-shadow:0 6px 20px transparent}.pron-piece strong{display:block;font-size:34px;line-height:1.12;letter-spacing:.2px}.pron-piece small{display:block;margin-top:8px;color:#8296b2;font-size:16px}.pron-piece.active{border-color:#3d98ff;background:linear-gradient(145deg,#eef7ff,#dbeeff);color:#1478e8;transform:translateY(-5px) scale(1.04);box-shadow:0 12px 28px #318cf52d}.pron-piece.active small{color:#267fdc}.pron-piece.heard{border-color:#b8d7f8;color:#1a6fc8}.pron-dot{margin-top:23px;color:#85a7ce;font-size:30px;font-weight:400}.pron-playing{display:flex;align-items:center;justify-content:center;gap:9px;color:#3776bc;font-size:14px;min-height:26px}.pron-pulse{width:8px;height:8px;border-radius:50%;background:#3092fa;box-shadow:0 0 0 0 #3092fa55;animation:pron-pulse 1.45s infinite}.pron-example{margin:18px 0 0;padding:14px 18px;border-radius:18px;background:#edf5ff;text-align:left}.pron-example span{font-size:12px;color:#7791b3}.pron-example p{margin:5px 0 0;color:#173567;font-size:16px;line-height:1.5}.pron-actions{display:flex;gap:12px;justify-content:center;margin-top:22px}.pron-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:140px;padding:12px 18px;border-radius:14px;font-weight:650}.pron-actions svg{width:19px;height:19px}.pron-replay{background:#2d8df7;color:#fff;box-shadow:0 8px 20px #2d8df72b}.pron-finish{background:#e9f2fd;color:#50719a}@keyframes pron-pulse{70%{box-shadow:0 0 0 8px #3092fa00}100%{box-shadow:0 0 0 0 #3092fa00}}@media(max-width:640px){.pronunciation-dialog{padding:30px 20px 24px}.pron-word{gap:7px}.pron-piece{min-width:82px;padding:13px 10px}.pron-piece strong{font-size:28px}.pron-actions button{min-width:0;flex:1}}
.question-stem{font-size:24px;line-height:1.55;margin:18px 0 24px}.choice-field{border:0;padding:0;margin:20px 0;display:grid;gap:12px}.choice-field legend{font-weight:700;color:#52709a;margin-bottom:10px}.choice-option{display:block;cursor:pointer}.choice-option input{position:absolute;opacity:0;pointer-events:none}.choice-option span{display:flex;align-items:center;gap:14px;padding:15px 18px;border:1px solid #cfe0f6;border-radius:16px;background:#f7faff;transition:.16s ease}.choice-option span b{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#e4efff;color:#2878d8}.choice-option input:checked+span{border-color:#368cf4;background:#eaf4ff;box-shadow:0 0 0 3px rgba(54,140,244,.12)}.choice-option.correct-choice span{border-color:#55b982;background:#eaf9f0}.passage-question{padding:20px;border-radius:18px;background:#f7faff;border:1px solid #dce9f8;margin:18px 0 24px}.passage-question h2{margin-top:0}.passage-text{font-size:17px;line-height:1.85;white-space:normal}.composite-answer-list{display:grid;gap:18px}.question-analysis{margin-top:16px;padding:14px 16px;border-radius:14px;background:#f3f7fc}.question-analysis p{white-space:pre-wrap;line-height:1.7;margin:8px 0 0}
.passage-instruction{display:block;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #e1ebf7;color:#385675;font-weight:700;line-height:1.65}

/* Focused interactions for cloze and reading-comprehension sets. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.composite-exercise{max-width:1180px}.composite-exercise .exercise-card{padding:28px}.composite-workspace{margin-top:18px}.composite-passage{padding:24px;border:1px solid #d9e8f8;border-radius:22px;background:#fbfdff}.composite-passage .passage-text{font-size:18px;line-height:2.05;white-space:normal}.cloze-blank{display:inline-flex;align-items:center;gap:6px;margin:0 4px;padding:4px 8px;border:1px solid #bdd8f5;border-radius:10px;background:#edf6ff;color:#1d70c8;vertical-align:baseline;scroll-margin-block:110px 45vh}.cloze-blank span{display:grid;place-items:center;min-width:23px;height:23px;border-radius:50%;background:#d7eaff;font-size:12px;font-weight:750}.cloze-blank strong{min-width:64px;border-bottom:2px solid #4a8fd9;line-height:1.35;font-size:16px;text-align:center}.cloze-blank.active{border-color:#2587f7;background:#dceeff;box-shadow:0 0 0 3px #2587f724}.cloze-blank.answered strong{color:#173f70}.composite-panel{margin-top:18px;border:1px solid #d7e7f8;border-radius:22px;background:#f8fbff;box-shadow:0 14px 35px #315e9814;overflow:hidden}.composite-panel-handle{display:flex;align-items:center;gap:14px;width:100%;padding:15px 18px;background:#eaf4ff;color:#17365f;text-align:left}.composite-panel-handle span{font-size:18px;font-weight:750}.composite-panel-handle small{color:#6682a5}.composite-panel-handle b{margin-left:auto;color:#377ccb;font-size:13px}.composite-panel-body{padding:18px}.composite-panel.collapsed .composite-panel-body{display:none}.composite-number-nav{display:flex;gap:8px;overflow:auto;padding:3px 2px 10px;scrollbar-width:thin}.composite-number-nav button{flex:0 0 34px;height:34px;border-radius:50%;background:#e7effa;color:#607a9b;font-weight:650}.composite-number-nav button.answered{background:#dcecff;color:#247bd8}.composite-number-nav button.active{background:#2989f6;color:white;box-shadow:0 4px 12px #2989f638}.composite-question-title h2{font-size:20px;line-height:1.55;margin:10px 0 4px}.composite-question-title p{margin:4px 0;color:#6780a1}.composite-options{border:0;padding:0;margin:16px 0;display:grid;gap:12px}.composite-options.short-options{grid-template-columns:repeat(4,minmax(0,1fr))}.composite-options.long-options,.reading-workspace .composite-options{grid-template-columns:1fr}.composite-options .choice-option span{height:100%;padding:13px 15px}.composite-options .choice-option span b{flex:0 0 30px;width:30px;height:30px}.composite-options .choice-option span em{font-style:normal;line-height:1.5;overflow-wrap:anywhere}.composite-controls{display:flex;align-items:center;gap:10px;margin-top:16px}.composite-submit{margin-left:auto}.reading-workspace{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:20px;align-items:start}.reading-workspace .composite-passage{max-height:68vh;overflow:auto}.reading-workspace .composite-panel{position:sticky;top:18px;margin-top:0;max-height:72vh;overflow:auto}.answer-correct-state{border-color:#55b982!important;background:#eaf9f0!important}.answer-wrong-state{border-color:#df8a77!important;background:#fff0ed!important}
@media(max-width:900px){.composite-options.short-options{grid-template-columns:repeat(2,minmax(0,1fr))}.reading-workspace{grid-template-columns:1fr}.reading-workspace .composite-passage{max-height:none;overflow:visible}.reading-workspace .composite-panel{position:static;max-height:none}}
@media(max-width:680px){.composite-exercise{padding-bottom:96px}.composite-exercise .exercise-card{padding:18px}.composite-passage{padding:17px 15px;margin-bottom:70px}.composite-passage .passage-text{font-size:16px;line-height:1.95}.composite-panel{position:fixed!important;left:10px;right:10px;bottom:76px;z-index:7;margin:0;max-height:52vh!important;overflow:auto!important;border-radius:22px;box-shadow:0 18px 55px #17375b42}.composite-panel-body{padding:14px}.composite-panel-handle{position:sticky;top:0;z-index:2}.composite-question-title h2{font-size:18px}.composite-controls{position:sticky;bottom:-14px;background:#f8fbff;padding:10px 0 14px}.composite-submit{padding:12px 14px}.cloze-blank{margin:2px;padding:3px 6px}.cloze-blank strong{min-width:52px}.reading-workspace{display:block}}
@media(max-width:430px){.composite-options.short-options{grid-template-columns:1fr}.composite-controls .ghost{padding:9px 7px}.composite-submit{font-size:13px}}