@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Noto+Serif+SC:wght@400;500;600&display=swap');
/* Dedicated Vietnamese-to-Chinese reflex trainer. */
body[data-page="reflex"]{background:#f4f6f0;color:#263b2e}body[data-page="reflex"] .sidebar,body[data-page="reflex"] header{display:none}body[data-page="reflex"] .shell{margin:0 auto;max-width:1200px;width:100%;padding:0 36px}body[data-page="reflex"] main{padding-top:0}body[data-page="reflex"] footer{max-width:510px;margin:0 auto;color:#8792a3;font-size:10px}.reflex-topbar{min-height:85px;display:flex;align-items:center;justify-content:space-between;gap:15px}.reflex-topbar>div{display:flex;align-items:center;gap:10px}.reflex-title{font-size:20px;font-weight:700;color:#223c2d;background:none;padding:8px 0}.reflex-title span{font-size:13px;color:#728199;margin-left:5px}.reflex-small{display:inline-flex;align-items:center;gap:5px;border:1px solid #dde6f4;background:#fff;color:#397452;border-radius:7px;padding:8px 11px;font-size:11px;min-height:33px}.reflex-small .icon{width:13px;height:13px}.reflex-free{display:inline-flex;align-items:center;background:#fff1d3;color:#a76c11;border:1px solid #ffe2a4;padding:7px 12px;font-size:11px;border-radius:7px}.reflex-stage{max-width:510px;margin:24px auto 0}.reflex-card{padding:30px;background:#fff;border:1px solid #dce5f0;border-radius:14px;box-shadow:0 5px 13px #1b355312}.reflex-status{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;color:#667185}.reflex-topic{background:#edf5ec;border-radius:20px;padding:5px 10px;font-size:10px;font-weight:600;color:#397452;text-align:left}.reflex-status b{color:#397452;font-weight:700}.reflex-combo{background:#fff3cd;color:#a87512;border-radius:18px;padding:5px 10px;white-space:nowrap}.reflex-combo b{color:#d88112}.reflex-progress{height:7px;background:#e1e8dc;overflow:hidden;border-radius:10px;margin:20px 0 14px}.reflex-progress>span{height:100%;display:block;background:#397452;transition:width .2s}.reflex-instruction{text-align:center;font-size:14px;color:#657288;margin:0 0 5px}.reflex-prompt{font-size:25px;line-height:1.4;font-weight:700;text-align:center;color:#397452;margin:0 0 27px;letter-spacing:-.3px}.reflex-input{width:100%;padding:9px 14px;background:#fff;border:1px solid #dce4f2;border-radius:8px;font-size:20px;color:#223c2d;text-align:center;min-height:44px}.reflex-input::placeholder{font-family:'Be Vietnam Pro',sans-serif;font-size:15px;font-weight:400;color:#8691a3}.reflex-submit-row{display:flex;align-items:stretch;gap:9px;margin-top:18px}.reflex-primary{background:#397452;color:white;border:1px solid #397452;border-radius:8px;padding:11px 18px;font-size:13px;font-weight:600;min-height:43px;box-shadow:0 3px 7px #3974522b;flex:1}.reflex-primary:hover{background:#28583e}.reflex-speaker{display:grid;place-items:center;width:43px;flex-shrink:0;border:1px solid #397452;background:#edf5ec;border-radius:9px;color:#397452}.reflex-speaker .icon{width:19px;height:19px}.reflex-audio{font-size:10px;color:#77889f;text-align:center;min-height:16px;margin:2px 0}.reflex-modes{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 10px}.reflex-modes button{display:flex;align-items:center;justify-content:center;gap:6px;background:#fff;border:1px solid #dce4f1;border-radius:8px;color:#50617b;font-size:11px;padding:8px;min-height:34px}.reflex-modes button[aria-pressed="true"]{color:#397452;border-color:#397452;background:#edf5ec}.reflex-modes .icon{width:12px;height:12px}.reflex-modes button:disabled{opacity:.65}.reflex-expand{border:1px dashed #d9e2f1;border-radius:7px;width:100%;background:white;color:#6b7e9a;display:flex;justify-content:center;align-items:center;gap:5px;font-size:11px;padding:7px;min-height:32px}.reflex-expand .icon{width:12px;height:12px}.reflex-tools{margin-top:9px;border:1px dashed #dce4f1;background:#f8fafc;border-radius:8px;padding:15px}.reflex-tool-row{margin-bottom:12px}.reflex-tool-row label{display:block;font-size:11px;font-weight:600;margin:0 0 7px;color:#22334d}.reflex-tool-row select{width:100%;background:#fff;border:1px solid #dce5f3;border-radius:7px;padding:9px;font-size:12px;color:#294466}.reflex-speed{display:flex;align-items:center;gap:12px;color:#6d7e99;font-size:11px;margin:7px 0 15px}.reflex-speed input{flex:1;min-width:0;accent-color:#397452}.reflex-speed output{min-width:34px;color:#397452;font-weight:600}.reflex-check{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:#263955;border-top:1px dashed #dce4f1;padding:12px 0;margin-bottom:12px}.reflex-check input{accent-color:#2961f1;width:18px;height:18px}.reflex-tool-actions{display:flex;flex-wrap:wrap;gap:9px}.reflex-tool-actions button{background:#eef3fc;border:1px solid #dce5f4;color:#3766b3;border-radius:6px;padding:6px 8px;font-size:10px}.reflex-help{font-size:10px;line-height:1.7;color:#7a879c;margin:12px 0 0}.reflex-bottom{display:flex;justify-content:space-between;align-items:center;color:#97a1b0;font-size:10px;margin-top:16px}.reflex-bottom button{background:none;color:#6c83ac;font-size:10px;text-decoration:underline}.reflex-caption{text-align:center;color:#8d98a9;font-size:11px;margin-top:18px}.reflex-feedback{border:1px solid #d8e7fb;border-radius:10px;background:#f4f9ff;padding:15px;font-size:12px}.reflex-feedback.correct{border-color:#b5dec6;background:#f3fbf5}.reflex-feedback>strong{color:#347654;font-size:12px}.reflex-feedback.different>strong{color:#936a23}.reflex-feedback.different{background:#fffaf0;border-color:#e8d8ac}.reflex-chinese{font-family:'Noto Serif SC',serif;font-size:25px;line-height:1.7;color:#163d70;margin:10px 0}.reflex-pinyin{font-size:12px;color:#617da3;line-height:1.8;margin:5px 0}.reflex-feedback p{font-size:12px;margin:7px 0;line-height:1.7}.reflex-feedback .reflex-help{font-size:10px;color:#8b7c60}.reflex-feedback details{font-size:11px;color:#687993;margin-top:10px}.reflex-feedback summary{cursor:pointer}.reflex-feedback details [lang='zh-CN']{font-size:19px;color:#294e78}.your-answer{color:#948575}.your-answer [lang='zh-CN']{font-size:17px}.reflex-hint{margin-top:12px;background:#fff9e7;border-radius:8px;padding:10px 12px;font-size:12px;color:#8c754c}.reflex-card .assembly-task .note{font-size:10px;color:#8794a8}.reflex-card .assembly-answer{border-color:#a8c1f4;background:#f5f9ff;min-height:62px}.reflex-card .assembly-answer>span{color:#8b9bb4}.reflex-card .word-tile{color:#2458a1;border-color:#d7e2f4;box-shadow:0 2px 0 #dce6f7;font-size:22px;min-width:38px;min-height:40px;padding:6px 11px}.reflex-card .word-tile.selected{background:#e5efff;border-color:#9bb8ef;box-shadow:0 2px 0 #b5caf0}.reflex-card .assembly-pool{margin:16px 0 10px;gap:8px}.reflex-card .assembly-task .text-button{font-size:10px;color:#7292bf}.reflex-picker h2{font-size:23px;margin:9px 0}.reflex-picker-settings{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0}.reflex-picker-settings label{font-size:12px;color:#6981a1}.reflex-picker-settings select{display:block;width:100%;margin-top:6px;border:1px solid #dce5f1;border-radius:7px;padding:9px;background:#fff;font-size:12px}.reflex-course-list{display:grid;grid-template-columns:1fr 1fr;gap:9px;max-height:45vh;overflow:auto}.reflex-course-list button{display:flex;flex-direction:column;gap:5px;text-align:left;border:1px solid #dce5f1;background:#f9fbff;border-radius:9px;padding:13px;color:#29599b}.reflex-course-list strong{font-size:12px}.reflex-course-list span{font-size:10px;color:#8192aa}.reflex-finish{text-align:center}.reflex-finish h1{font-size:24px;color:#2555bc}.reflex-finish>p{font-size:13px;color:#72839d}.reflex-finish-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;margin:0 auto 20px;background:#edf5ec;color:#2f68e9;font-size:28px}.reflex-summary{display:flex;justify-content:space-between;gap:12px;margin:25px 0}.reflex-summary strong{display:block;font-size:24px;color:#2358b1}.reflex-summary span{font-size:9px;color:#7b8fae}.reflex-finish>.reflex-primary,.reflex-outline{display:block;width:100%;margin-top:12px}.reflex-outline{border:1px solid #c9dafa;background:#f8fbff;color:#346bc4;border-radius:8px;padding:11px;font-size:12px}.reflex-home-entry{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#eff5ff;border:1px solid #cbdcfa;border-radius:18px;padding:24px 28px;margin:22px 0}.reflex-home-entry h3{font-size:19px;color:#27559b;margin:5px 0}.reflex-home-entry p{font-size:12px;color:#7286a7;margin:0}.reflex-home-entry .button{white-space:nowrap;background:#2a60e9;color:#fff}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:760px){body[data-page="reflex"] .shell{padding:0 15px}.reflex-topbar{min-height:65px;gap:9px}.reflex-title{font-size:16px}.reflex-topbar>div{gap:5px}.reflex-small{font-size:10px;padding:7px 8px}.reflex-free{display:none}.reflex-small .icon{display:none}.reflex-stage{margin-top:13px;max-width:510px}.reflex-card{padding:22px 19px;border-radius:12px}.reflex-status{font-size:10px;gap:6px}.reflex-topic{font-size:9px;padding:5px 8px;max-width:54%}.reflex-combo{font-size:10px;padding:5px 8px}.reflex-prompt{font-size:23px;margin-bottom:23px}.reflex-instruction{font-size:13px}.reflex-input{font-size:20px;min-height:45px}.reflex-primary{font-size:12px;padding:11px}.reflex-chinese{font-size:24px}.reflex-feedback p{font-size:11px}.reflex-course-list{grid-template-columns:1fr 1fr}.reflex-picker-settings{gap:10px}.reflex-home-entry{padding:20px;flex-direction:column;align-items:flex-start}.reflex-home-entry h3{font-size:18px}.reflex-home-entry .button{font-size:12px}.reflex-caption{font-size:10px;line-height:1.6}.reflex-tools{padding:12px}.reflex-tool-actions{gap:6px}body[data-page="reflex"] footer{font-size:8px;padding:22px 0}}
:root{--ink:#17363b;--muted:#829195;--bg:#f5f7f7;--white:#fff;--line:#e2e9e8;--green:#1f6256;--mint:#def0e8;--lime:#daef9b;--orange:#e99e58;--purple:#8377c5;--red:#bb594b;--radius:20px}*{box-sizing:border-box}body{margin:0;font:14px/1.7 'Be Vietnam Pro',sans-serif;background:var(--bg);color:var(--ink)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{cursor:not-allowed;opacity:.4}a{color:inherit;text-decoration:none}button,a,input,select,textarea{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #91b56d;outline-offset:3px}.sidebar{position:fixed;inset:0 auto 0 0;width:236px;background:#182f36;color:#c4d4d3;padding:34px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:13px;align-items:center;color:#f7fcf8;font-size:29px;line-height:1.2;font-weight:600;letter-spacing:-1px}.logo{width:44px;height:48px;display:inline-grid;place-items:center;border-radius:13px;background:#dbeeac;color:#214b3e;font:33px/1.3 'Noto Serif SC',serif;flex-shrink:0}.brand-sub{display:block;font-size:7px;letter-spacing:1.5px;color:#a6bbb7;font-weight:400;margin-top:6px}.nav-caption{font-size:8px;letter-spacing:1.7px;color:#73928e;margin:45px 14px 15px}nav{display:flex;flex-direction:column;gap:7px}nav a{display:flex;gap:13px;align-items:center;padding:12px 15px;font-size:11px;border-radius:10px}nav a.active{background:#2a4948;color:#dcedb1}nav a:hover{background:#25423f}.icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;display:inline-block;vertical-align:middle;flex-shrink:0}.sidebar-note{margin-top:auto;padding:30px 13px 0;color:#94b0a7}.sidebar-note>span{font:24px 'Noto Serif SC',serif;color:#c6dab2}.sidebar-note p{font-size:10px;line-height:1.9;margin:12px 0 20px}.text-button{color:var(--green);background:none;padding:0;font-size:11px;text-decoration:underline;text-underline-offset:4px}.sidebar .text-button{font-size:8px;color:#a7bdb5}.shell{margin-left:236px;padding:0 44px;max-width:1700px}header{height:85px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:10px}.breadcrumb{font-size:10px;color:var(--muted)}.header-actions{display:flex;align-items:center;gap:15px}.voice-label{display:flex;gap:7px;align-items:center;color:#69817a}.voice-label select{font-size:10px;border:0;background:transparent;max-width:140px}.account-button{display:flex;gap:8px;align-items:center;background:white;border:1px solid var(--line);padding:9px 13px;border-radius:9px;font-size:10px;color:var(--ink)}.account-button .icon{width:15px;height:15px}main{padding:30px 0 0;min-height:calc(100vh - 170px)}h1,h2,h3,p{margin:0}h1{font-weight:600;font-size:30px;line-height:1.45;letter-spacing:-.9px;margin:7px 0 9px}h2{font-size:19px;font-weight:600;line-height:1.6;letter-spacing:-.4px}h3{font-size:14px;font-weight:600}.eyebrow{font-size:9px;letter-spacing:1.6px;font-weight:600;color:#729284;text-transform:uppercase}.subtext,.muted{color:var(--muted)}.subtext{font-size:11px;line-height:1.9}.page-head{margin-bottom:23px;display:flex;justify-content:space-between;align-items:center;gap:20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;padding:12px 19px;border-radius:10px;background:var(--green);color:white;font-size:11px;font-weight:500}.button.secondary{background:white;color:var(--ink);border:1px solid var(--line)}.button.light{background:var(--lime);color:#223d2c}.button.orange{background:#f4e3cd;color:#8c5c31}.button.small{padding:8px 13px;font-size:10px}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hero{position:relative;border-radius:23px;background:#244d46;color:#f5f9ef;display:grid;grid-template-columns:1.3fr 1fr;min-height:290px;overflow:hidden}.hero-copy{padding:34px 37px;z-index:1}.hero .eyebrow{color:#b6cfad}.hero h2{font-size:32px;line-height:1.4;letter-spacing:-.8px;margin:15px 0 12px;font-weight:500}.hero p{font-size:11px;color:#b6cebd;line-height:1.9;margin-bottom:23px}.hero-art{position:relative;display:flex;justify-content:center;align-items:center}.hero-art svg{width:330px;max-width:100%;height:280px}.hero-decoration{position:absolute;right:-75px;top:-90px;border:1px solid #5e817344;width:460px;height:460px;border-radius:50%}.hero-stamp{position:absolute;bottom:21px;right:27px;font:12px 'Noto Serif SC',serif;letter-spacing:4px;color:#9fb8a0}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0 29px}.metric{background:#fff;border:1px solid var(--line);border-radius:13px;padding:18px 20px;display:flex;align-items:center;gap:14px}.metric-icon{width:35px;height:38px;display:grid;place-items:center;border-radius:10px;background:#edf4e8;color:#7a9768}.metric:nth-child(2) .metric-icon{background:#e8eef7;color:#768eb0}.metric:nth-child(3) .metric-icon{background:#f8eee1;color:#c79963}.metric:nth-child(4) .metric-icon{background:#eeeaf5;color:#9785b4}.metric strong{font-size:22px;font-weight:600;display:block;line-height:1.3}.metric small{font-size:9px;color:var(--muted)}.section-title{display:flex;justify-content:space-between;align-items:center;margin:25px 0 15px;gap:12px}.section-title h2{font-size:17px}.section-title p{font-size:10px;color:var(--muted)}.learning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lesson-card{background:white;border:1px solid var(--line);border-radius:16px;padding:22px;transition:transform .2s,box-shadow .2s}.lesson-card:hover{transform:translateY(-3px);box-shadow:0 12px 25px #173b3210}.lesson-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.level-label{font-size:9px;font-weight:600;padding:5px 9px;border-radius:6px;background:#eaf2df;color:#69834f}.level-label.hsk5{background:#e9eff8;color:#6883a7}.level-label.hsk6{background:#eeebf7;color:#8674ab}.level-label.specialist{background:#fbebdf;color:#b08056}.lesson-symbol{font:29px 'Noto Serif SC',serif;color:#b6c8b2}.lesson-card h3{font-size:15px;margin-bottom:6px}.lesson-card .subtext{font-size:10px;min-height:39px}.preview-words{font:18px 'Noto Serif SC',serif;color:#859a90;letter-spacing:3px;margin:15px 0}.bar{height:5px;border-radius:5px;background:#edf1ed;overflow:hidden}.bar>span{display:block;height:100%;background:#99b782}.lesson-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px;font-size:9px;color:var(--muted)}.lesson-bottom button{background:none;color:var(--green);font-size:11px;padding:0}.home-bottom{display:grid;grid-template-columns:1.1fr 1fr;gap:18px;margin:22px 0}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:26px;margin-bottom:20px}.home-bottom .panel{margin:0}.quote-panel{background:#f0f2e8;display:flex;align-items:center;gap:23px}.quote-char{font:65px 'Noto Serif SC',serif;color:#aaba92}.quote-panel .cn{font-size:23px}.week{display:flex;justify-content:space-between;gap:9px;margin-top:22px}.week-day{font-size:9px;text-align:center;color:var(--muted)}.week-day span{width:27px;height:27px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;margin-bottom:7px}.week-day.done span{background:var(--mint);color:var(--green);border:1px solid #b4d0ba}.week-day.today span{border-color:#90ae81}.cn{font-family:'Noto Serif SC','Microsoft YaHei',serif;line-height:1.8;font-size:29px;letter-spacing:3px}.filter-panel{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin:22px 0}.search-input{flex:1;min-width:180px;display:flex;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:0 13px;color:#8da198}.search-input input{border:0;outline:0!important;background:none;width:100%;padding:11px;font-size:11px;color:var(--ink)}.chips{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.chip{padding:8px 14px;border-radius:8px;border:1px solid var(--line);background:#fff;color:#73867f;font-size:10px}.chip.active{background:var(--green);border-color:var(--green);color:white}select{color:var(--ink);background:white;border:1px solid var(--line);border-radius:8px;padding:8px 10px;font-size:11px;max-width:100%}.filters label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:8px}.filters{display:flex;gap:15px;align-items:center;flex-wrap:wrap;margin:18px 0}.catalogue-count{font-size:10px;color:var(--muted);margin-bottom:16px}.pager{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:25px;font-size:11px}.empty{text-align:center;padding:50px 25px}.empty h2{margin:13px 0}.empty p{font-size:12px;color:var(--muted);margin-bottom:18px}.practice-wrap{max-width:780px;margin:0 auto}.practice-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:22px 0 15px}.practice-head span{font-size:10px;color:var(--muted)}.lesson-select{max-width:100%}.flashcard{width:100%;min-height:310px;padding:35px 28px;background:#fff;border:1px solid var(--line);border-radius:23px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;box-shadow:0 9px 30px #1c3c3505;color:var(--ink)}button.flashcard{cursor:pointer}.flashcard .cn{font-size:48px;margin:20px 0}.flash-meaning{font-size:26px;line-height:1.6;margin:20px 0;max-width:550px}.pinyin{font-size:17px;color:#7c9786;margin:0 0 13px}.flashcard small{font-size:10px;color:var(--muted)}.example{font-size:15px;color:#506e65;margin:16px 0 6px;font-family:'Noto Serif SC',serif}.example-vi{font-size:10px;color:var(--muted)}.card-controls{display:flex;justify-content:center;align-items:center;gap:15px;margin:17px 0}.ratings{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.ratings button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:13px;color:var(--ink);font-size:11px}.ratings button small{display:block;font-size:9px;color:var(--muted);margin-top:4px}.ratings button:first-child{background:#f9eee4}.ratings button:last-child{background:#e4f0df}.key-badge{display:inline-flex;min-width:21px;height:22px;justify-content:center;align-items:center;border:1px solid #cfdbd3;border-radius:5px;font-size:10px;padding:0 5px;color:#658173;background:#fbfdf8;margin-right:5px}.shortcut-help{font-size:9px;text-align:center;color:#8b9b94;line-height:2.4}.typed-answer{width:100%;margin-top:22px;text-align:left}.typed-answer label{display:block;font-size:11px;color:var(--muted);margin-bottom:7px}.text-input{width:100%;border:1px solid #cfddd4;padding:13px 15px;border-radius:10px;background:#f9fcf7;color:var(--ink);font-size:21px}.text-input::placeholder{font-size:12px;color:#a0b1a6}.feedback{background:#edf5e6;border:1px solid #dbe8d0;padding:17px;border-radius:11px;font-size:11px;margin:15px 0;line-height:1.8}.feedback.warn{background:#fbf1df;border-color:#eee0c3}.feedback.error{background:#faeeea;border-color:#eccbc3}.feedback .cn{font-size:24px}.feedback p{margin:7px 0}.notice{font-size:10px;color:#8b966d;background:#f2f4e8;padding:11px 14px;border-radius:9px;margin:14px 0}.note{font-size:10px;color:var(--muted);line-height:1.9;margin:12px 0}.quiz-stage{padding:32px;border-radius:20px;border:1px solid var(--line);background:#fff;text-align:center}.listen-orb{width:76px;height:76px;border-radius:50%;background:#e5f1e0;color:var(--green);display:grid;place-items:center;margin:10px auto 20px;border:6px solid #f2f7ed;box-shadow:0 0 0 1px #e2eadb}.listen-orb .icon{width:31px;height:31px}.listen-orb.playing{animation:pulse 1s infinite}@keyframes pulse{50%{box-shadow:0 0 0 12px #eaf3e4}}.letter-cells{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:25px 0 15px}.letter-cell{width:48px;height:58px;border:1px solid #cbd9ce;border-bottom:3px solid #98b68c;border-radius:8px;display:grid;place-items:center;background:#fafcf8;font:31px 'Noto Serif SC',serif;color:var(--ink)}.letter-cell.correct{background:#e9f3dd;color:#55774b}.letter-cell.wrong{background:#f9e7df;border-color:#d79e89;color:#a55f43}.dictation-input{max-width:450px;text-align:center;font-family:'Noto Serif SC',serif;letter-spacing:4px}.quiz-meaning{font-size:15px;margin:12px 0;color:#698277}.quiz-feedback{min-height:25px;font-size:12px}.study-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:20px;align-items:start}.study-grid .panel{margin:0}.video-stage{aspect-ratio:16/9;background:#204239;border-radius:12px;overflow:hidden;display:grid;place-items:center;color:#f4f8e7;margin:18px 0}.video-stage video,.video-stage iframe{width:100%;height:100%;object-fit:contain;border:0}.video-placeholder{text-align:center}.video-placeholder .cn{font-size:60px;color:#b5cda2}.video-placeholder p{font-size:10px;color:#b6ccbc}.record-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:18px}.record-row audio{width:100%;margin-top:8px}.recording{background:#b76853!important;color:#fff!important}.steps{display:flex;gap:7px;flex-wrap:wrap;margin-top:16px}.steps span{padding:5px 9px;background:#edf3e7;border-radius:5px;font-size:9px;color:#73936b}textarea{width:100%;min-height:150px;border:1px solid #d6e0d7;border-radius:11px;background:#fbfcf8;padding:15px;color:var(--ink);font-size:20px;line-height:1.8;resize:vertical}textarea::placeholder{font-size:12px;color:#9caaa1}.field-label{display:block;font-size:11px;font-weight:500;margin-bottom:9px}.caption{border-left:3px solid #94ad7c;background:#f2f6eb;padding:10px 15px;margin:15px 0}.caption .cn{font-size:23px}.caption p{font-size:11px;color:#7d8c79;margin:6px 0}.translation-prompt{font-size:22px;line-height:1.8;margin:25px 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-grid .panel{margin:0}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:15px 0;border-bottom:1px solid #edf1ec}.setting-row:last-child{border-bottom:0}.setting-row strong{display:block;font-size:11px;font-weight:500}.setting-row p{font-size:9px;color:var(--muted);margin-top:3px}.shortcut-capture{min-width:90px;padding:8px;border:1px solid var(--line);background:#f8faf5;color:var(--green);border-radius:8px;font-size:11px}.shortcut-capture.waiting{background:#e5efda;border-color:#9eb68b}.settings-title{margin-bottom:15px}.sync-badge{font-size:9px;color:#7f9783;display:inline-flex;gap:6px;align-items:center}.sync-dot{width:6px;height:6px;border-radius:50%;background:#91ad78}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:23px 0}.stat{padding:22px;border-radius:15px;background:white;border:1px solid var(--line)}.stat b{display:block;font-size:28px;font-weight:600}.stat span{font-size:10px;color:var(--muted)}.course-progress{display:flex;gap:20px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.course-progress .level-label{min-width:75px;text-align:center}.course-progress>div{flex:1}.course-progress p{font-size:10px;color:var(--muted);margin:5px 0 7px}.source-list{font-size:11px;line-height:1.9}.source-list p{margin:14px 0}.source-list a{text-decoration:underline;color:var(--green)}.account-form{display:flex;flex-direction:column;gap:14px;margin:20px 0}.account-form label{font-size:11px}.account-form input{width:100%;border:1px solid var(--line);border-radius:9px;padding:11px 13px;margin-top:6px;color:var(--ink);font-size:13px}.account-form input::placeholder{font-size:11px;color:#9baaa1}.form-error{color:var(--red);font-size:11px}.modal-top{padding-right:25px}.modal-top h2{font-size:23px}.auth-switch{display:flex;gap:20px;flex-wrap:wrap;font-size:11px}.word-list{max-height:55vh;overflow:auto;margin:16px 0;border-top:1px solid var(--line)}.word-row{display:grid;grid-template-columns:1fr 1fr 30px;gap:13px;padding:13px 0;border-bottom:1px solid var(--line);align-items:center}.word-row .cn{font-size:22px}.word-row .pinyin{font-size:11px;margin:1px 0}.word-row .meaning{font-size:11px;color:#77897e}.word-row button{background:#edf3e7;color:var(--green);width:30px;height:30px;border-radius:50%}.quick-banner{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:13px 19px;border-radius:11px;background:#e9f1dc;margin-bottom:22px;font-size:11px;color:#5c784e}.quick-banner button{background:none;color:#7d9471;font-size:10px;text-decoration:underline}.error-text{color:var(--red)}.success-text{color:var(--green)}.history-item{padding:14px 0;border-bottom:1px solid var(--line)}.history-item .cn{font-size:19px}.history-item p{font-size:10px;color:var(--muted)}.hanziboxes{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin:20px 0}.hanziboxes>div{background:#fbfcf7;border:1px solid var(--line);border-radius:10px}.loading{text-align:center;padding:70px 20px;color:var(--muted)}.loading p{margin-top:18px;font-size:12px}.hidden{display:none!important}footer{display:flex;justify-content:space-between;gap:12px;padding:33px 0 20px;font-size:9px;color:#8e9e93}footer .text-button{font-size:9px;color:#8e9e93}.footer-dot{padding:0 7px;color:#b5c3b5}#toast{display:none;position:fixed;bottom:26px;left:50%;transform:translateX(-50%);background:#223e35;color:#fff;padding:12px 20px;max-width:90vw;border-radius:10px;font-size:11px;z-index:40;box-shadow:0 8px 30px #193e3a20}dialog{width:94vw;max-width:650px;max-height:90vh;border:1px solid var(--line);border-radius:21px;padding:30px;background:#fff;color:var(--ink)}dialog::backdrop{background:#14322d77;backdrop-filter:blur(3px)}.modal-close{position:absolute;right:14px;top:10px;background:none;color:#82968a;font-size:24px}.review-option{display:flex;align-items:center;gap:7px;font-size:10px;color:#7b8e7d}.dictionary-full{font-size:11px;color:var(--muted);max-width:570px;margin-top:12px}.native-times{display:grid;grid-template-columns:1fr 1fr;gap:12px}.native-times input{width:100%;padding:9px;border:1px solid var(--line);border-radius:7px;font-size:12px}.native-times label{font-size:10px}.pill{font-size:9px;padding:5px 10px;border-radius:20px;background:#edf2e8;color:#72896e}.split-toggle{display:flex;gap:5px;background:#e9eee5;border-radius:10px;padding:4px;width:fit-content;margin:19px 0}.split-toggle button{border-radius:7px;background:none;padding:8px 13px;color:#7d8c75;font-size:10px}.split-toggle button.active{background:#fff;color:var(--green)}.hint-text{font-size:11px;padding:13px;background:#f7f1e0;border-radius:9px;margin:13px 0}.schedule-table{width:100%;border-collapse:collapse;font-size:10px}.schedule-table td,.schedule-table th{padding:11px 9px;border-bottom:1px solid var(--line);text-align:left}.schedule-table th{font-weight:500;color:var(--muted)}
@media(min-width:1500px){.shell{padding:0 65px}.hero-copy{padding:42px 45px}.hero h2{font-size:37px}.hero-art svg{width:370px;height:310px}.learning-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:1150px){.sidebar{width:205px;padding:28px 17px}.shell{margin-left:205px;padding:0 27px}.brand{font-size:25px}nav a{font-size:10px;padding:11px}.hero-copy{padding:27px}.hero h2{font-size:28px}.metrics{gap:10px}.metric{padding:15px;gap:9px}.metric strong{font-size:20px}.learning-grid{grid-template-columns:repeat(2,1fr)}.study-grid{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.hero-art svg{min-width:235px}.breadcrumb{font-size:9px}}
@media(max-width:760px){.sidebar{position:sticky;top:0;width:auto;height:auto;padding:12px 16px 8px;border:0;z-index:20;background:#182f36fa;backdrop-filter:blur(8px)}.brand{font-size:21px;gap:9px}.brand .logo{width:31px;height:33px;font-size:24px;border-radius:8px}.brand-sub{font-size:5px;margin-top:4px}.nav-caption,.sidebar-note{display:none}nav{flex-direction:row;overflow:auto;gap:5px;margin-top:12px;scrollbar-width:none}nav a{font-size:8px;white-space:nowrap;flex-direction:column;padding:7px 9px;gap:4px;flex-shrink:0}nav a .icon{width:17px;height:17px}.shell{margin-left:0;padding:0 18px}header{height:60px}.breadcrumb{font-size:8px}.voice-label{gap:2px}.voice-label .icon{width:14px}.voice-label select{font-size:8px;max-width:100px;padding:6px 0}.header-actions{gap:7px}.account-button{font-size:8px;padding:7px;max-width:110px}.account-button .icon{display:none}#account-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}main{padding-top:23px}h1{font-size:25px}.page-head{margin-bottom:21px;gap:12px}.page-head .button{font-size:9px;padding:8px}.eyebrow{font-size:8px}.subtext{font-size:10px}.hero{grid-template-columns:1.35fr .65fr;min-height:270px}.hero-copy{padding:25px 0 25px 23px}.hero h2{font-size:25px}.hero p{font-size:9px;margin-bottom:20px}.hero-art{overflow:hidden}.hero-art svg{min-width:200px;transform:translateX(7px)}.hero-stamp{display:none}.hero .row{gap:9px}.hero .button{font-size:10px;padding:10px 13px}.hero .text-button{font-size:9px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-top:15px}.metric{padding:13px 14px}.metric-icon{width:31px;height:32px}.metric strong{font-size:19px}.metric small{font-size:8px}.learning-grid{grid-template-columns:1fr 1fr;gap:11px}.lesson-card{padding:17px 14px}.lesson-card h3{font-size:12px}.lesson-top{margin-bottom:12px}.lesson-symbol{font-size:24px}.lesson-card .subtext{font-size:8px;min-height:32px}.preview-words{font-size:15px;letter-spacing:2px;margin:12px 0}.lesson-bottom{font-size:8px;gap:8px}.lesson-bottom button{font-size:9px}.level-label{font-size:8px}.section-title h2{font-size:15px}.section-title p{font-size:8px}.home-bottom{grid-template-columns:1fr;gap:13px}.panel{padding:21px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat{padding:16px}.stat b{font-size:24px}.stat span{font-size:9px}.flashcard{min-height:290px;padding:25px 20px}.flashcard .cn{font-size:41px}.flash-meaning{font-size:23px}.ratings{gap:8px}.ratings button{font-size:10px;padding:12px 5px}.ratings button small{font-size:8px}.key-badge{min-width:18px;font-size:8px}.quiz-stage{padding:25px 17px}.letter-cells{gap:7px}.letter-cell{width:40px;height:51px;font-size:28px}.translation-prompt{font-size:19px}.study-grid{gap:15px}.practice-head{align-items:start}.practice-head select{font-size:9px;max-width:80vw}.practice-head span{font-size:8px}.filters{gap:10px}.filters label{font-size:9px}.filters select{font-size:10px}.filter-panel{gap:10px}.chip{font-size:9px;padding:7px 10px}.search-input{flex-basis:100%}.word-row{grid-template-columns:1fr 1fr 27px;gap:8px}.word-row .cn{font-size:20px}.word-row .meaning{font-size:10px}.shortcut-help{font-size:8px}.quick-banner{font-size:9px;padding:11px 14px}footer{font-size:7px;padding-top:25px}footer .text-button{font-size:7px}dialog{padding:24px}.modal-top h2{font-size:21px}.account-form{gap:11px}.settings-grid .panel{padding:19px}.setting-row{gap:14px}.setting-row strong{font-size:10px}.setting-row p{font-size:8px}.quote-panel .cn{font-size:21px}.breadcrumb{max-width:110px;line-height:1.5}}
@media(max-width:370px){.learning-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.hero-art{display:none}.hero-copy{padding:25px}.hero h2{font-size:27px}.header-actions{gap:4px}.voice-label select{max-width:83px}.breadcrumb{max-width:80px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Short, focused study sessions. */
.practice-modes{display:flex;gap:5px;flex-wrap:wrap;background:#e9eee3;border:1px solid #dde5d7;border-radius:12px;padding:5px;width:fit-content;margin:0 0 20px}.practice-modes button{background:none;padding:10px 22px;border-radius:8px;color:#5b725c;font-size:13px;min-height:43px}.practice-modes button.active{background:#fff;box-shadow:0 2px 7px #254a3310;color:#244f3b;font-weight:600}.card-answer-word{font-size:54px;line-height:1.5;margin:22px 0 12px}.task-prompt{font-size:25px;line-height:1.6;text-align:center;padding:18px 0;max-width:100%}.check-card-button{margin:20px auto 8px;min-width:220px;font-size:14px}.assembly-task{width:100%;text-align:center;margin:5px 0 0}.assembly-answer{min-height:75px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;justify-content:center;border:1px dashed #9cae8f;border-radius:12px;background:#f4f8ec;padding:12px}.assembly-answer>span{font-size:12px;color:#809374}.assembly-pool{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px 0 15px}.word-tile{border:1px solid #d0dcc7;background:white;border-radius:10px;min-width:50px;min-height:49px;padding:8px 14px;font-size:25px;font-family:'Noto Serif SC',serif;color:#285140;box-shadow:0 3px 0 #d9e3d4;touch-action:manipulation;transition:transform .12s}.word-tile:hover:not(:disabled){transform:translateY(-2px);border-color:#6e966e}.word-tile:disabled{opacity:.2;box-shadow:none}.word-tile.selected{background:#dfeec8;border-color:#a4bd88;box-shadow:0 3px 0 #b9cc9e}.assembly-task>.row{justify-content:center}.assembly-task .text-button{font-size:11px}.shortcut-help p{font-size:10px;color:var(--muted);margin:4px 0}.dictation-layout{display:grid;grid-template-columns:minmax(0,1fr) 245px;gap:24px;align-items:start}.dictation-layout .quiz-stage{min-width:0}.dictation-layout aside{margin:0}.dictation-layout textarea{font-size:24px;min-height:140px;text-align:left}.sentence-cells{flex-wrap:wrap;justify-content:center;gap:5px;margin:15px 0}.sentence-cells .letter-cell{font-size:24px;width:34px;height:43px}.quiz-feedback .feedback{text-align:left;font-size:13px}.quiz-feedback .feedback .cn{font-size:23px;line-height:1.8;margin-top:10px}.dictation-layout .steps{justify-content:center;margin:18px 0}.dictation-layout .note{font-size:12px}.feedback p{font-size:13px}.feedback [lang='zh-CN']{font-size:21px}
@media(max-width:1050px){.dictation-layout{grid-template-columns:1fr}.dictation-layout aside{display:none}}
@media(max-width:760px){.practice-modes{width:100%;justify-content:center}.practice-modes button{flex:1;padding:9px 12px;font-size:12px}.task-prompt{font-size:23px}.check-card-button{min-width:190px}.card-answer-word{font-size:47px}.word-tile{min-width:45px;padding:6px 11px;font-size:24px}.assembly-pool{gap:10px}.assembly-answer{min-height:68px}.flash-layout .flashcard{padding:20px 16px}.dictation-layout textarea{font-size:22px}.sentence-cells .letter-cell{width:29px;height:38px;font-size:22px}.phrase-filters label{flex:1;min-width:130px}}
.phrase-filters{display:flex;flex-wrap:wrap;gap:12px;flex:1}.phrase-filters label{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted);min-width:140px}.phrase-filters label:last-child{flex:1;min-width:220px}.phrase-filters select{padding:10px;border:1px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);font-size:12px;max-width:100%;width:100%}
:root{--muted:#617a7c;--bg:#f5f6f1;--line:#dce5df}
.subtext,.note{line-height:1.8}
.daily-plan{display:flex;justify-content:space-between;align-items:center;gap:25px;background:#fff;padding:25px 28px;border:1px solid var(--line);border-radius:18px;margin:22px 0}
.daily-plan h3{font-size:19px;margin:6px 0}.daily-plan p{font-size:12px;color:var(--muted);margin:0}.daily-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;max-width:480px}.daily-actions .button{font-size:12px;padding:12px 17px}.daily-actions .button span{background:#ffffff20;padding:2px 7px;border-radius:6px;margin-left:7px}
.practice-toolbar{display:flex;flex-wrap:wrap;gap:16px;align-items:center;padding:15px 0 22px;border-bottom:1px solid var(--line);margin-bottom:25px}.practice-toolbar label{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.practice-toolbar select{border:1px solid var(--line);padding:8px 11px;border-radius:9px;background:#fff;color:var(--ink);font-size:12px}.practice-toolbar .review-option{font-size:12px}.practice-toolbar .text-button{font-size:12px}.practice-head>span{font-size:12px}
.flash-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:25px;align-items:start}.flash-main{min-width:0}.session-progress{height:5px;overflow:hidden;background:#e0e9e1;border-radius:6px;margin-bottom:16px}.session-progress>span{display:block;background:var(--green);height:100%;transition:width .2s}.flash-layout .flashcard{position:relative;width:100%;min-height:345px;border:1px solid #dce5d7;border-radius:22px;background:linear-gradient(155deg,#fffffe,#f9fbf0);box-shadow:0 14px 35px #254d3810;padding:25px 32px;display:flex;flex-direction:column;align-items:center;justify-content:center}.flash-layout .flashcard.is-revealed{background:#fff}.card-topline{display:flex;justify-content:space-between;align-items:center;gap:15px;width:100%;margin-bottom:15px}.card-topline>span:last-child{font-size:10px;letter-spacing:1.5px;color:#829186}.card-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;width:100%;padding:27px 0;background:none;color:var(--ink);text-align:center}.card-face:hover{background:#f0f5e740;border-radius:12px}.card-face .cn{font-size:56px;line-height:1.4;font-weight:500}.card-face .flash-meaning{font-size:28px;line-height:1.5;max-width:650px}.card-face small{font-size:11px;color:#829186;font-weight:400}.flashcard .pinyin{font-size:19px;margin:0 0 10px;color:#78885b}.answer-meaning{font-size:18px;line-height:1.7;text-align:center;margin:5px 0 18px}.flashcard .example{border-top:1px solid #e4eadf;padding-top:15px;font-size:20px;text-align:center;line-height:1.8}.flashcard .example-vi{font-size:12px;color:var(--muted);text-align:center}.word-details{font-size:12px;color:var(--muted);margin-top:17px;width:100%;text-align:center}.word-details summary{cursor:pointer}.word-details p{margin:10px 0}.card-controls{display:flex;gap:16px;flex-wrap:wrap;align-items:center;justify-content:center;margin-top:17px}.card-controls .text-button{font-size:12px}.save-word{background:none;border:1px solid var(--line);border-radius:8px;font-size:12px;padding:7px 11px;color:var(--muted)}.save-word.saved{border-color:#b4c795;color:#587338;background:#edf4df}.audio-status{min-height:27px;text-align:center;font-size:11px;color:var(--muted);padding:3px}.ratings button{font-size:13px;border-radius:13px;padding:17px 10px;min-height:77px}.ratings button small{font-size:10px;margin-top:5px}.ratings button:disabled{opacity:.5}.ratings button:last-child:not(:disabled){background:#e8f1d5;border-color:#b8cc96;color:#45612f}.shortcut-help{font-size:11px;line-height:2}.shortcut-help .text-button{font-size:11px}.study-sidebar .panel{margin:0 0 18px;padding:24px;border-radius:17px}.study-sidebar h3{font-size:18px;margin:10px 0 15px}.study-sidebar .note{font-size:12px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-bottom:1px solid var(--line);padding-bottom:17px}.mini-stats b{font-size:28px;display:block}.mini-stats span{font-size:11px;color:var(--muted)}.mini-stats>div:last-child b{color:#b9874e}.learning-tip{background:#edf1e4}.learning-tip p{font-size:12px;color:#637559;line-height:1.8}.tip-char{font-family:'Noto Serif SC',serif;font-size:30px;color:#829963}.learning-tip .review-option{font-size:11px;line-height:1.6;margin-top:18px}.finish-seal{width:65px;height:65px;border-radius:50%;background:#e3efd4;color:#557631;display:grid;place-items:center;font-size:30px;margin:0 auto 20px}.finish-stats{display:flex;justify-content:center;gap:45px;margin:25px 0 30px}.finish-stats div{font-size:12px;color:var(--muted)}.finish-stats b{display:block;font-size:30px;color:var(--ink)}.session-finish h2{font-size:28px}.session-finish p{font-size:14px}.typed-answer{width:100%;max-width:480px;margin-top:12px}.typed-answer .button{margin-top:12px}.flashcard .listen-orb{margin:15px auto 12px}.flashcard .hint-text{margin:14px 0 0}.panel .setting-row p{font-size:11px}.panel .setting-row strong{font-size:13px}.library-count,.catalogue-count{font-size:12px}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid #8db596;outline-offset:3px}
@media(max-width:1150px){.flash-layout{grid-template-columns:minmax(0,1fr) 220px;gap:18px}.study-sidebar .panel{padding:19px}.daily-plan{align-items:flex-start}.daily-actions{max-width:330px}}
@media(max-width:900px){.flash-layout{grid-template-columns:1fr}.study-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.daily-plan{flex-direction:column;gap:15px}.daily-actions{justify-content:flex-start;max-width:none}}
@media(max-width:760px){body{font-size:14px}.shell{padding:0 16px}nav a{font-size:10px;min-width:65px;min-height:50px}.sidebar{padding:10px 10px 7px}.brand{margin-left:6px}header{height:58px}.voice-label select,.account-button{font-size:10px}.hero-copy{padding:24px 0 24px 20px}.hero h2{font-size:27px}.hero p{font-size:11px}.subtext{font-size:12px}.page-head h1{font-size:27px}.eyebrow{font-size:10px}.daily-plan{padding:20px;margin:17px 0}.daily-plan h3{font-size:18px}.daily-actions{gap:11px}.daily-actions .button{font-size:11px}.practice-head{gap:12px;flex-wrap:wrap}.practice-head select{font-size:12px;max-width:100%;width:100%}.practice-head>span{font-size:10px}.practice-toolbar{gap:12px;padding-bottom:17px;margin-bottom:20px}.practice-toolbar label,.practice-toolbar .review-option,.practice-toolbar .text-button{font-size:11px}.practice-toolbar select{font-size:12px;padding:8px}.flash-layout .flashcard{min-height:310px;padding:20px}.card-face .cn{font-size:46px}.card-face .flash-meaning{font-size:25px}.card-topline>span:last-child{font-size:8px}.flashcard .pinyin{font-size:18px}.answer-meaning{font-size:17px}.card-controls{gap:11px}.card-controls .button,.card-controls .text-button,.save-word{font-size:12px}.ratings{gap:8px}.ratings button{font-size:12px;padding:13px 5px;min-height:78px}.ratings button small{font-size:9px}.shortcut-help{font-size:10px}.study-sidebar{grid-template-columns:1fr}.study-sidebar .learning-tip{display:none}.study-sidebar .panel{margin:0}.session-panel .mini-stats{float:right;min-width:140px;padding:0;border:0;margin:0 0 12px 15px}.study-sidebar .note{clear:both}.finish-stats{gap:30px}.session-finish h2{font-size:24px}.lesson-card h3{font-size:14px}.lesson-card .subtext{font-size:10px}.lesson-bottom,.lesson-bottom button{font-size:10px}.setting-row p{font-size:10px}.panel .note,.field-label{font-size:12px}.text-button{min-height:30px}.listen-orb{touch-action:manipulation}.word-row .meaning{font-size:12px}.voice-label select{max-width:125px}.account-button{max-width:115px}}
/* Reflex course catalogue */
.reflex-catalogue h1{text-align:center;font-size:25px;color:#223c2d;margin:0 0 18px}.reflex-category-list{display:grid;gap:12px;margin-top:16px}.reflex-category-list>button{background:#edf5ec;border:1px solid #397452;border-radius:8px;min-height:58px;padding:13px 16px;text-align:left;color:#223c2d;width:100%;font:inherit}.reflex-category-list>button:hover{background:#deecdb;box-shadow:0 3px 10px #39745215}.reflex-category-list strong{display:block;font-size:14px}.reflex-category-list span{display:block;text-align:center;font-size:11px;color:#5a735f;margin-top:6px}.reflex-back{border:0;background:transparent;color:#397452;font:inherit;padding:4px 0;cursor:pointer}.reflex-catalogue>.reflex-help{text-align:center}.reflex-topic{max-width:64%;white-space:normal;text-align:left}.reflex-category-list>button:focus-visible{outline:3px solid #9cbd99;outline-offset:3px}@media(max-width:520px){.reflex-catalogue h1{font-size:21px}.reflex-category-list strong{font-size:13px}}

.reflex-speaker{width:60px;gap:3px;padding:6px;align-content:center}.reflex-speaker kbd{font:600 10px inherit;line-height:1.2;background:transparent;color:inherit}.reflex-key-help{font-size:10px;text-align:center;color:#647564;margin:9px 0 0;line-height:1.6}
/* Quick course picker and keyboard hints */
.reflex-topbar{position:relative;z-index:5}.reflex-navigation{position:relative}.reflex-navigation>summary{list-style:none;cursor:pointer;display:flex;gap:6px;align-items:center}.reflex-navigation>summary::-webkit-details-marker{display:none}.reflex-menu{position:absolute;left:0;top:calc(100% + 10px);width:min(740px,calc(100vw - 72px));background:#fff;border:1px solid #dce7dc;border-radius:14px;box-shadow:0 12px 40px #1d3b2829;padding:15px;z-index:30}.reflex-menu-heading{display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#264431;margin-bottom:13px}.reflex-menu-heading button{font-size:24px;line-height:1;border:0;background:#eff5ed;border-radius:7px;padding:3px 10px;color:#49714e}.reflex-menu-columns{display:grid;grid-template-columns:220px 1fr;gap:14px}.reflex-menu-groups{display:flex;flex-direction:column;gap:5px;max-height:440px;overflow:auto;margin:0;padding:0 9px 0 0;border-right:1px solid #e1e9de}.reflex-menu-groups button{display:grid;grid-template-columns:1fr auto 10px;gap:7px;align-items:center;background:white;border:0;text-align:left;padding:12px 9px;border-radius:8px;font-size:10px;line-height:1.5;color:#315239}.reflex-menu-groups button[aria-pressed=true]{background:#eaf3e5;color:#2c6d40;font-weight:700}.reflex-menu-groups small{font-size:9px;font-weight:400;white-space:nowrap}.reflex-menu-groups b{font-size:18px}.reflex-menu-right{min-width:0}.reflex-menu-right label{font-size:11px;color:#526e56;display:block;margin-bottom:6px}.reflex-menu-right input{width:100%;border:1px solid #cadcc8;border-radius:8px;padding:10px;font:inherit;font-size:11px;background:#f9fbf7;margin-bottom:8px}.reflex-menu-lessons{max-height:380px;overflow:auto;padding-right:5px;overscroll-behavior:contain}.reflex-menu-count{font-size:10px;color:#768574;margin:2px 0 8px}.reflex-menu-course{display:block;width:100%;text-align:left;border:1px solid #e0e9dc;border-radius:9px;background:#fff;padding:11px;margin-bottom:8px;font:inherit;color:#315239}.reflex-menu-course strong{display:block;font-size:12px;line-height:1.6}.reflex-menu-course span{display:block;font-size:10px;line-height:1.5;color:#74836f;margin-top:4px}.reflex-menu-course.active{background:#edf5e9;border-color:#6c9c67}.reflex-menu-foot{font-size:10px;color:#6a8064;border-top:1px solid #e4ecdf;padding-top:9px;margin:10px 0 0}.reflex-hint-button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #b9d3ac;background:#f0f6e7;color:#3d6940;border-radius:8px;width:100%;padding:9px;font-size:12px;margin-bottom:10px}.reflex-hint-button .icon{width:14px;height:14px}.reflex-hint-button:disabled{opacity:.5}.reflex-modes kbd,.reflex-hint-button kbd,.assembly-pool kbd{font-family:inherit;font-size:9px;border:1px solid #b9cbb4;border-radius:4px;padding:1px 4px;color:#5c7954;background:#f9fbf7}.assembly-pool .word-tile{display:inline-flex;gap:7px;align-items:center}.reflex-hint{margin-bottom:12px;line-height:1.7}.reflex-hint p{margin:5px 0;font-size:12px}.reflex-hint small{font-size:10px;color:#607654}.reflex-controls-note{font-size:10px;color:#6c8163}@media(max-width:760px){.reflex-menu{width:calc(100vw - 36px);padding:12px}.reflex-menu-columns{grid-template-columns:38% 1fr;gap:10px}.reflex-menu-groups{padding-right:5px}.reflex-menu-groups button{grid-template-columns:1fr 9px;gap:2px;padding:9px 5px;font-size:9px}.reflex-menu-groups button small{grid-column:1;grid-row:2}.reflex-menu-groups button b{grid-column:2;grid-row:1 / 3}.reflex-menu-lessons{max-height:50vh}.reflex-menu-groups{max-height:calc(50vh + 70px)}.reflex-menu-course{padding:8px}.reflex-menu-course strong{font-size:10px}.reflex-menu-course span{font-size:9px}.reflex-menu-right input{font-size:10px}.reflex-modes button{gap:4px}}