:root{--ink:#243f37;--muted:#738178;--green:#285448;--paper:#f7f8f2;--line:#e3e8dd;--lime:#e8efb9;--white:#fff;--gold:#ae7532;--soft:#edf1e7;--serif:"Songti SC","STSong","Noto Serif CJK SC",serif;--sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.65 var(--sans)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a2b766;outline-offset:3px}a{color:inherit}button{border:0;background:none}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.35}small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:700;text-transform:uppercase}.serif{font-family:var(--serif)}.sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:#fdfef9;border-right:1px solid var(--line);padding:35px 23px;display:flex;flex-direction:column;z-index:10}.brand{display:flex;gap:11px;align-items:center;margin-bottom:48px}.brand-mark{height:37px;width:37px;background:var(--green);color:#f3f5d9;display:grid;place-items:center;font-family:var(--serif);font-size:23px;border-radius:11px 11px 3px 11px}.brand-name{font-size:25px;font-family:var(--serif);letter-spacing:4px;font-weight:700}.brand small{display:block;font-size:8px;letter-spacing:1.8px;color:var(--muted)}.nav-label{font-size:10px;color:#8b958c;letter-spacing:2px;margin:0 14px 11px}.nav{display:grid;gap:7px}.nav button{display:flex;align-items:center;gap:13px;padding:13px 16px;text-align:left;border-radius:8px;font-size:13px;color:#6b786f}.nav button.active{background:#e9efe3;color:var(--green);font-weight:600}.nav button:hover{background:var(--soft)}.icon{width:21px;height:21px;display:inline-block;vertical-align:middle;flex-shrink:0}.sidebar-bottom{margin-top:auto}.side-note{border:1px solid var(--line);border-radius:12px;padding:18px 15px;margin-bottom:25px;background:linear-gradient(130deg,#f7f9ed,#fdfef9)}.side-note p{font:16px/1.8 var(--serif);margin:8px 0}.side-note small{color:#8b958c;font-size:10px}.profile{display:flex;align-items:center;gap:11px;border-top:1px solid var(--line);padding-top:20px}.avatar{flex-shrink:0;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e7ecdc;font-family:Georgia,serif;font-size:16px}.profile strong{font-size:12px;white-space:nowrap}.profile small{display:block;color:var(--muted);font-size:10px}.main{margin-left:270px;max-width:1600px;padding:0 48px 35px}.topbar{height:85px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px}.crumb{font-size:12px;color:var(--muted)}.crumb b{color:var(--ink);font-weight:500}.top-actions{display:flex;align-items:center;gap:13px}.preview-badge{font-size:10px;color:#8c774d;background:#f2eddc;padding:4px 8px;border-radius:4px}.role-toggle{border:1px solid var(--line);border-radius:7px;background:#fff;padding:3px;display:flex}.role-toggle button{font-size:11px;padding:5px 12px;border-radius:4px}.role-toggle button.active{background:var(--green);color:white}.content{max-width:1120px;margin:auto;padding-top:30px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:15px}.page-heading h1{font-family:var(--serif);font-size:29px;font-weight:600;letter-spacing:1px}.page-heading p{font-size:12px;color:var(--muted);margin-top:6px}.date-label{font-size:11px;letter-spacing:1px;color:var(--muted)}.hero{position:relative;display:grid;grid-template-columns:1fr 260px;min-height:230px;background:#eaf0db;border-radius:16px;padding:31px 36px;overflow:hidden}.hero:after{content:'';position:absolute;right:0;bottom:0;width:400px;height:230px;background-image:radial-gradient(#9cae81 1px,transparent 1px);background-size:16px 16px;opacity:.14;pointer-events:none}.hero .eyebrow{color:#6d8152}.hero h2{font:600 33px/1.5 var(--serif);margin:11px 0 8px}.hero p{font-size:12px;color:#6f7d65;max-width:420px}.hero .primary{margin-top:21px}.primary{background:var(--green);color:white;border-radius:7px;padding:11px 20px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:20px}.primary:hover{background:#173f34}.secondary{border:1px solid var(--line);border-radius:7px;padding:9px 15px;background:#fff;font-size:12px}.hero-art{width:255px;align-self:center;justify-self:center;position:relative;z-index:1}.summary-strip{display:flex;gap:25px;margin:21px 0 28px;padding:13px 0;border-bottom:1px solid var(--line)}.summary-strip>div{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.summary-strip b{color:var(--ink);font-size:18px;font-family:Georgia,serif;font-weight:400}.dot{height:6px;width:6px;border-radius:50%;background:#85a184;display:inline-block}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:26px}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;gap:10px}.section-head h2{font-size:17px;font-weight:600}.section-head small{font-size:10px;color:var(--muted)}.text-button{color:#66806b;font-size:11px;padding:5px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:15px}.course{background:white;border:1px solid var(--line);border-radius:12px;padding:20px;display:flex;flex-direction:column;min-height:225px;transition:transform .2s,box-shadow .2s}.course:hover{transform:translateY(-3px);box-shadow:0 6px 20px #263e3610}.course-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:8px}.subject-icon{height:36px;width:36px;display:grid;place-items:center;border-radius:10px;background:#f2eadb;color:#a27c3e}.subject-icon.Science{background:#e7eee6;color:#5e8068}.subject-icon.English{background:#e9edf7;color:#7486a9}.subject-icon.Vocabulary{background:#f3e8e4;color:#b37a60}.tag{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:4px;background:#f2f4ee;color:#7a8777;font-size:10px;white-space:nowrap}.tag.done{background:#edf3e8;color:#598359}.tag.wait{background:#f9f0dd;color:#a38441}.course .eyebrow{font-size:9px;color:#97a18e;letter-spacing:1.5px}.course h3{font-size:15px;margin:5px 0 6px}.course p{font-size:11px;color:var(--muted);margin-bottom:17px}.course-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #eff1ea;padding-top:12px;font-size:10px;color:#8b9586}.course-bottom button{font-size:11px;color:var(--green);font-weight:600;padding:3px 0 3px 15px}.rail-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:21px;margin-bottom:18px}.rail-card h3{font-size:13px}.ring{--progress:0%;height:115px;width:115px;margin:24px auto 18px;background:conic-gradient(#63826b var(--progress),#edf1e8 0);border-radius:50%;display:grid;place-items:center}.ring-center{width:97px;height:97px;border-radius:50%;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring strong{font:30px Georgia,serif}.ring small{font-size:9px;color:var(--muted)}.ring-note{text-align:center;font-size:11px;color:var(--muted)}.week{display:flex;justify-content:space-between;margin-top:22px;border-top:1px solid var(--line);padding-top:17px}.week button{padding:0;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:9px;color:var(--muted)}.week span{height:23px;width:23px;border-radius:50%;display:grid;place-items:center;background:#f3f5ef;font-size:10px}.week .present{background:#e5eddb;color:#567251}.week .today{background:var(--green);color:white}.rail-note{font-family:var(--serif);font-size:17px;line-height:1.8;margin:14px 0;color:#59705d}.rail-footer{font-size:10px;color:var(--muted);padding-top:11px;border-top:1px solid var(--line)}.footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:34px;padding-top:18px;font-size:9px;letter-spacing:.6px;color:#97a18f}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:25px}.filters{display:flex;gap:12px;align-items:center;margin-bottom:24px;flex-wrap:wrap}.filters input,.filters select{border:1px solid var(--line);border-radius:7px;background:white;color:var(--ink);padding:10px}.history-day{margin-bottom:24px}.history-heading{display:flex;justify-content:space-between;margin:0 0 12px;align-items:center}.history-heading h2{font-size:17px}.history-row{display:grid;grid-template-columns:110px 1fr 95px 85px 75px;gap:14px;align-items:center;padding:18px 5px;border-bottom:1px solid var(--line);font-size:12px}.history-row:last-child{border:0}.history-row button{text-align:right;font-size:11px;color:var(--green)}.history-row strong{font-weight:500}.empty{text-align:center;padding:50px 20px;color:var(--muted)}.empty h3{color:var(--ink);margin-bottom:10px;font-family:var(--serif);font-size:24px}.empty p{margin-bottom:20px}.vocab-hero{background:#eee8dc}.vocab-hero .eyebrow{color:#9a8060}.word-preview{font-family:Georgia,serif;font-size:48px;letter-spacing:5px;color:#63806b;transform:rotate(-8deg);text-align:center}.word-preview small{display:block;font:11px var(--sans);letter-spacing:3px;margin-top:14px}.word-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:24px}.word-card{background:white;border:1px solid var(--line);padding:22px;border-radius:10px}.word-card b{font:23px Georgia,serif;display:block;margin-bottom:7px}.word-card p{font-size:12px;color:var(--muted);margin-bottom:16px}.boot{height:100vh;display:grid;place-content:center;font:40px var(--serif);text-align:center;gap:20px}.boot span{font:13px var(--sans);color:var(--muted)}.login{max-width:440px;margin:12vh auto;padding:38px}.login h1{font:32px var(--serif);margin-bottom:15px}.login input{width:100%;padding:12px;border:1px solid var(--line);border-radius:6px;margin:20px 0}.login button{width:100%}.login p{color:var(--muted);font-size:12px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 22px;border-radius:8px;background:#244d43;color:white;z-index:100;display:none;max-width:90vw;font-size:13px}#toast.visible{display:block}dialog{border:1px solid var(--line);border-radius:18px;padding:0;width:min(850px,calc(100% - 32px));max-height:90dvh;color:var(--ink);box-shadow:0 30px 100px #152c3040}dialog::backdrop{background:#203b365e;backdrop-filter:blur(4px)}.dialog-head{position:sticky;top:0;background:#fff;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:22px 30px;border-bottom:1px solid var(--line);gap:20px}.dialog-head h2{font-family:var(--serif);font-size:22px}.dialog-head small{font-size:10px;color:var(--muted)}.close{border:1px solid var(--line);border-radius:50%;height:32px;width:32px;flex-shrink:0;font-size:22px;line-height:1}.dialog-body{padding:28px 30px;background:#fafbf7}.intro{padding:22px;background:#edf1e4;border-radius:10px;margin-bottom:24px}.intro h3{font-size:14px;margin-bottom:10px}.prose{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px;line-height:1.9}.question{background:white;border:1px solid var(--line);border-radius:11px;padding:25px;margin:18px 0}.question-title{display:flex;gap:12px;margin-bottom:15px;align-items:flex-start}.q-number{background:var(--soft);border-radius:6px;padding:3px 9px;font:15px/1.5 Georgia,serif}.question-title h3{font-size:14px;line-height:1.8;font-weight:500}.question-title small{color:var(--muted);font-size:10px}.figure{margin:18px 0;background:#f8faf5;padding:12px;border-radius:9px;text-align:center}.figure img{max-width:100%;max-height:330px;object-fit:contain;cursor:zoom-in;border-radius:6px}.figure figcaption{font-size:11px;color:var(--muted);margin-top:8px}.figure.expanded img{max-height:none;cursor:zoom-out;width:100%}.options{display:grid;gap:9px}.option{display:flex;align-items:center;border:1px solid var(--line);border-radius:7px;padding:12px;gap:10px;font-size:13px;cursor:pointer}.option:has(input:checked){border-color:#78966d;background:#f1f6e9}.option input{accent-color:var(--green)}.option img{max-width:140px;max-height:100px;object-fit:contain}.answer-input{width:100%;border:1px solid #d8dfd1;border-radius:7px;padding:12px;background:#fdfefa;color:var(--ink);resize:vertical}.question textarea{min-height:110px}.hint{font-size:11px;color:var(--muted);margin:12px 0}.answer-review{background:#f5f7f0;border-radius:7px;padding:15px;font-size:13px;margin-top:15px}.answer-review b{font-size:11px;color:var(--muted);font-weight:400}.feedback{border-left:3px solid #88a176;background:#f0f5e8;padding:15px 18px;margin-top:16px;font-size:13px;white-space:pre-wrap}.feedback strong{display:block;font-size:11px;color:#608059;margin-bottom:5px}.wrong{color:#ad6b45}.correct{color:#4e815b}.submit-bar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:25px}.submit-bar small{font-size:11px;color:var(--muted)}.score-banner{background:#244d43;color:white;border-radius:10px;padding:24px;display:flex;align-items:center;gap:24px;margin-bottom:24px}.score-banner .score{font:42px Georgia,serif;white-space:nowrap}.score-banner .score small{font-size:19px;color:#bbcbb8}.score-banner h3{font-size:15px}.score-banner p{color:#bdcbbd;font-size:11px;margin-top:4px}.dictation{max-width:520px;margin:12px auto 25px;text-align:center}.dictation .progress{height:5px;background:#e5eadc;border-radius:5px;margin:18px 0 36px;overflow:hidden}.progress>div{height:100%;background:#72936b}.dictation h3{font-family:var(--serif);font-size:29px;margin:25px 0 12px}.dictation .answer-input{font-family:Georgia,serif;text-align:center;font-size:25px;letter-spacing:2px;margin:22px 0 12px;padding:17px}.dictation-controls{display:flex;justify-content:space-between;align-items:center;margin-top:25px}.correct-form{display:flex;gap:10px;margin-top:12px}.correct-form input{min-width:0}.notice{padding:12px 16px;background:#f7f1df;border:1px solid #ede3c6;border-radius:8px;color:#8d7953;font-size:12px;margin:16px 0}.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-bottom:24px}.mini-stat{padding:22px;background:white;border:1px solid var(--line);border-radius:10px}.mini-stat strong{font:29px Georgia,serif;display:block}.mini-stat small{color:var(--muted);font-size:11px}.reveal{animation:rise .35s ease-out}@keyframes rise{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){.main{padding-left:65px;padding-right:65px}.content{padding-top:40px}.hero{min-height:260px}.course{min-height:245px}}
@media(max-width:1150px){.sidebar{width:250px;padding:30px 16px}.main{margin-left:250px;padding:0 25px 30px}.workspace{grid-template-columns:minmax(0,1fr) 225px;gap:18px}.hero{grid-template-columns:1fr 180px;padding:26px}.hero-art{width:200px}.hero h2{font-size:29px}.course{padding:16px}.rail-card{padding:17px}.history-row{grid-template-columns:80px 1fr 80px 65px;gap:10px}.history-row .history-score{display:none}}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.rail{display:grid;grid-template-columns:1fr 1fr;gap:16px}.rail-card{margin-bottom:0}.ring{height:95px;width:95px;margin:15px auto}.ring-center{height:79px;width:79px}.word-list{grid-template-columns:1fr 1fr}}
@media(max-width:650px){body{font-size:13px}.sidebar{inset:auto 0 0 0;width:100%;height:68px;padding:6px 10px;background:#fdfef9f5;border-right:0;border-top:1px solid var(--line);backdrop-filter:blur(12px)}.brand,.nav-label,.sidebar-bottom{display:none}.nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.nav button{display:flex;flex-direction:column;gap:2px;padding:7px 4px;font-size:10px;border-radius:7px}.nav .icon{height:19px;width:19px}.main{margin-left:0;padding:0 19px 86px}.topbar{height:66px}.crumb{font-size:10px}.role-toggle button{padding:5px 9px;font-size:10px}.top-actions{gap:7px}.preview-badge{font-size:9px;padding:3px 5px}.content{padding-top:24px}.page-heading{margin-bottom:18px}.page-heading h1{font-size:25px}.page-heading p{font-size:11px}.date-label{display:none}.hero{min-height:210px;padding:25px 22px;grid-template-columns:1fr 95px}.hero h2{font-size:26px;max-width:240px}.hero p{font-size:11px;max-width:215px}.hero-art{width:140px;position:relative;right:5px;opacity:.85}.hero .primary{padding:9px 15px;margin-top:16px}.hero .eyebrow{font-size:8px;letter-spacing:1.4px}.summary-strip{gap:17px;margin:14px 0 23px;flex-wrap:wrap}.summary-strip>div{font-size:10px;gap:7px}.summary-strip b{font-size:17px}.section-head h2{font-size:16px}.cards{gap:11px}.course{padding:15px 13px;min-height:220px}.course-top{margin-bottom:13px}.course h3{font-size:14px}.course p{font-size:10px}.course .eyebrow{font-size:8px;letter-spacing:.7px}.tag{font-size:9px;padding:3px 5px}.course-bottom{gap:3px;align-items:flex-start}.course-bottom button{padding-left:4px;white-space:nowrap;font-size:10px}.course-bottom span{font-size:9px}.rail{gap:11px}.rail-card{padding:16px 13px}.rail-note{font-size:16px}.week span{height:19px;width:19px;font-size:9px}.footer{font-size:8px;gap:10px}.footer span:last-child{display:none}.panel{padding:16px}.history-row{grid-template-columns:1fr auto;gap:6px;padding:15px 0}.history-row strong{grid-column:1}.history-row>.tag{grid-column:2;grid-row:auto;justify-self:end}.history-row button{grid-column:2}.history-row>span:first-child{font-size:10px;color:var(--muted)}.history-heading h2{font-size:15px}.filters{gap:8px}.filters input{max-width:160px}.word-list{gap:11px}.word-card{padding:17px}.word-card b{font-size:20px;overflow-wrap:anywhere}.word-preview{font-size:27px;letter-spacing:2px;transform:rotate(-8deg)}.word-preview small{font-size:8px;letter-spacing:1px}.mini-stats{gap:9px}.mini-stat{padding:16px 12px}.mini-stat strong{font-size:25px}.mini-stat small{font-size:10px}dialog{width:calc(100% - 18px);max-height:94dvh;border-radius:12px}.dialog-head{padding:17px 19px}.dialog-head h2{font-size:19px}.dialog-body{padding:18px 15px}.question{padding:17px 15px}.intro{padding:17px}.score-banner{padding:19px;gap:17px}.score-banner .score{font-size:32px}.dictation h3{font-size:25px}.submit-bar{align-items:flex-start}.submit-bar .primary{flex-shrink:0}.login{margin:8vh 15px}.hero-art{max-width:unset}.figure{padding:6px}.option img{max-width:95px}.correct-form{flex-wrap:wrap}.correct-form .answer-input{flex:1;min-width:110px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* Keep scores visible on smaller screens and give tablet headings room. */
.date-label{white-space:nowrap}
@media (min-width:651px) and (max-width:1150px){.history-row{grid-template-columns:65px minmax(0,1fr) 80px 45px 65px}.history-row .history-score{display:block}}
@media (max-width:900px){.date-label{display:none}}
@media (max-width:650px){.history-row>span:first-child{grid-column:1;grid-row:1}.history-row strong{grid-column:1;grid-row:2}.history-row>.tag{grid-column:2;grid-row:1}.history-row .history-score{display:block;grid-column:1;grid-row:3;font-size:11px}.history-row button{grid-column:2;grid-row:3}}

.headline-piece{display:inline-block;white-space:nowrap}.top-actions{flex-shrink:0}.role-toggle button{white-space:nowrap}
@media(max-width:650px){.crumb{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.preview-badge{font-size:0;white-space:nowrap}.preview-badge:after{content:"本地演示";font-size:9px}.mobile-break{display:block}.hero h2{font-size:25px}}

.image-dialog{width:min(1000px,calc(100% - 20px))}.image-viewport{overflow:auto;max-height:73dvh;padding:20px;background:#f7f9f2}.image-viewport img{display:block;max-width:none;min-width:650px;width:auto;height:auto;margin:auto}

.audio-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin:24px 0 10px;flex-wrap:wrap}.listen-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--green);color:white;border-radius:12px;padding:17px 26px;font-size:16px;min-width:180px;min-height:60px}.listen-button:hover{background:#173f34}.listen-button span{font-size:27px;line-height:1}.meaning-reference{background:#eff2e7;border-radius:10px;padding:18px;margin:22px 0 6px;text-align:left}.meaning-reference small{font-size:10px;letter-spacing:2px;color:var(--muted)}.meaning-reference p{font-size:17px;margin:4px 0}.meaning-reference span{font-size:11px;color:var(--muted)}.dictation .audio-note{margin-bottom:10px}.dictation h3{font-size:25px}.question .audio-controls{justify-content:flex-start}

.practice-card{margin:18px 0}.practice-card>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer}.practice-card>summary b{display:block;font-size:14px}.practice-card>summary small{display:block;color:var(--muted);margin-top:6px}.attempt-history{margin-top:22px}.attempt-row{padding:15px 0;border-bottom:1px solid var(--line)}.attempt-row>.tag{margin-left:12px}.attempt-row p{margin:7px 0}.option-content{flex:1;min-width:0}.option-badges{display:flex;gap:5px;flex-wrap:wrap}.original-options .option{cursor:default}.original-options .figure img{max-width:100%;max-height:180px}.original-options .figure{margin:8px 0}.practice-card .question{padding:18px}.original-options input:disabled{opacity:1}
@media(max-width:650px){.nav{grid-template-columns:repeat(3,1fr)}.option-badges{max-width:65px}.practice-card>summary{align-items:flex-start}.practice-card>summary b{font-size:13px}}

.original-options .option.choice-wrong{background:#fff0ef;border-color:#d96961;color:#8e2924}.original-options .choice-wrong input{accent-color:#b8342c}.tag.error{background:#f9d5d1;color:#982d26}.original-options .option.choice-correct{background:#edf5e9;border-color:#85a477}.original-options .option.choice-neutral{background:#fff;border-color:var(--line)}

.answer-review.answer-wrong{background:#fff0ef;color:#8e2924;border-left:3px solid #d96961}

.score-banner .score{font-size:25px;flex-shrink:0}.score-banner .score small{display:block;font:13px/1.8 var(--sans);margin-top:5px}.history-row .history-score{min-width:75px;line-height:1.8}@media(min-width:651px){.history-row{grid-template-columns:55px minmax(0,1fr) 70px 220px 65px}}@media(max-width:650px){.score-banner{flex-wrap:wrap}}

.history-row .history-score,.history-row button{white-space:nowrap}@media(min-width:651px) and (max-width:1000px){.history-row{grid-template-columns:55px minmax(0,1fr) auto}.history-row>.tag{grid-column:3;grid-row:1}.history-row .history-score{grid-column:2;grid-row:2}.history-row button{grid-column:3;grid-row:2}}

.correct-form .secondary{white-space:nowrap;flex-shrink:0}.correction-message:empty{display:none}.correction-message{margin:10px 0 0}.correct-form input[aria-invalid="true"]{border-color:#d96961}

.answer-review{display:flex;align-items:center;justify-content:space-between;gap:16px}.answer-review-content{min-width:0;flex:1}.answer-review>.tag{flex-shrink:0}

.question .audio-controls{gap:10px;margin:16px 0 10px}.question .listen-button{min-width:0;min-height:40px;padding:8px 14px;font-size:13px;border-radius:7px;gap:8px}.question .listen-button span{font-size:20px}.question .audio-controls .secondary{padding:8px 12px}.correct-answer{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin:14px 0}.correct-answer>span{font-size:14px;color:var(--muted)}.correct-answer>strong{font-size:20px;font-weight:600;color:var(--green);overflow-wrap:anywhere}

.answer-review-content{display:flex;align-items:baseline;gap:12px}.answer-review-content>b{flex-shrink:0;margin:0;font-size:14px;font-weight:400}.answer-review-content>.prose{min-width:0;font-size:20px;font-weight:600;line-height:1.6}.answer-review>.tag{font-size:14px;padding:4px 9px}

.submit-bar:has(>button:only-child){justify-content:flex-end}

html[lang=en-AU] .brand-name{letter-spacing:0;font-size:21px;line-height:1.1}html[lang=en-AU] .preview-badge:after{content:none}html[lang=en-AU] .course-bottom{flex-wrap:wrap}html[lang=en-AU] .score-banner{flex-wrap:wrap}html[lang=en-AU] .option-badges{max-width:150px}html[lang=en-AU] .option-badges .tag{white-space:normal}html[lang=en-AU] .history-score{font-size:11px}html[lang=en-AU] .page-heading h1{letter-spacing:0}html[lang=en-AU] .hero h2{font-size:30px}
@media(min-width:1001px){html[lang=en-AU] .history-row{grid-template-columns:65px minmax(0,1fr) 110px 275px 80px}}
@media(max-width:650px){.topbar{height:auto;min-height:85px;padding:14px 0;flex-wrap:wrap}.top-actions{gap:8px;flex-wrap:wrap}html[lang=en-AU] .answer-review{gap:8px}html[lang=en-AU] .answer-review-content{gap:8px}html[lang=en-AU] .answer-review-content>b{font-size:12px}html[lang=en-AU] .answer-review>.tag{font-size:12px;padding:3px 5px}html[lang=en-AU] .history-row .history-score{white-space:normal}html[lang=en-AU] .nav button{font-size:11px}}

html[lang=en-AU] .headline-piece{display:block}@media(max-width:650px){html[lang=en-AU] .preview-badge:after{content:"Local demo"}}

@media(max-width:650px){.top-actions{margin-left:auto}html[lang=en-AU] .hero-art{display:none}}

.practice-card summary .practice-title{display:flex;align-items:baseline;gap:10px;min-width:0}.practice-title .repeat-marker{flex-shrink:0;white-space:nowrap}.practice-title b{min-width:0}

.practice-title .practice-subject{flex-shrink:0;font-size:12px;font-weight:600;padding:3px 8px;background:#e9efe3;color:#46694f}.practice-subject.Maths{background:#f2eadb;color:#88652e}.practice-subject.Science{background:#e7eee6;color:#496c4c}.practice-subject.English{background:#e9edf7;color:#52699b}.practice-subject.Vocabulary{background:#f3e8e4;color:#95624c}

@media(min-width:901px){.workspace{row-gap:0}.workspace>section{display:contents}.workspace .section-head{grid-column:1;grid-row:1}.workspace .cards{grid-column:1;grid-row:2}.workspace .rail{grid-column:2;grid-row:2;display:grid;grid-template-rows:auto 1fr;gap:18px}.workspace .rail-card{margin-bottom:0}}

@media(max-width:650px){.nav:has([data-nav="backlog"]){grid-template-columns:repeat(4,minmax(0,1fr))}}
.question.unanswered .q-number{background:#f6e3d8;color:#ad6b45}.unanswered-msg{margin:0}.unanswered-msg:empty{display:none}
.history-duration,.banner-duration{display:block}.history-duration{color:var(--muted);font-size:11px}.practice-duration{margin:10px 0 0}.practice-duration .duration{color:var(--muted);font-size:11px}

.nav button{position:relative}.nav-badge{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:#d9534f;color:#fff;font-size:11px;font-weight:700;line-height:20px;text-align:center}@media(max-width:650px){.nav-badge{position:absolute;top:2px;right:calc(50% - 22px);margin:0;min-width:16px;height:16px;line-height:16px;font-size:9px;padding:0 4px}}

.rp{position:relative;display:inline-flex;align-items:center}.rp-input{border:1px solid var(--line);border-radius:7px;background:white;padding:10px 34px 10px 12px;min-width:230px;text-align:left;color:var(--ink)}.rp-input.rp-empty{color:var(--muted)}.rp-clear{position:absolute;right:6px;top:50%;transform:translateY(-50%);width:24px;height:24px;border-radius:50%;font-size:16px;line-height:1;color:var(--muted)}.rp-clear:hover{background:var(--soft)}
.rp-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:40;display:flex;background:white;border:1px solid var(--line);border-radius:12px;box-shadow:0 18px 50px #152c3026;overflow:hidden}.rp-presets{display:flex;flex-direction:column;padding:12px 8px;border-right:1px solid var(--line);min-width:130px;gap:2px}.rp-presets button{text-align:left;padding:8px 12px;border-radius:7px;font-size:13px;white-space:nowrap}.rp-presets button:hover{background:var(--soft)}.rp-presets button.active{background:#e9efe3;color:var(--green);font-weight:600}
.rp-cals{position:relative;display:grid;grid-template-columns:repeat(2,auto);gap:22px;padding:14px 18px 10px}.rp-nav{position:absolute;top:10px;width:28px;height:28px;border-radius:50%;font-size:20px;line-height:1}.rp-nav:hover{background:var(--soft)}.rp-prev{left:12px}.rp-next{right:12px}.rp-title{text-align:center;font-weight:600;margin:4px 0 10px}.rp-grid{display:grid;grid-template-columns:repeat(7,34px);gap:2px 0}.rp-wd{text-align:center;font-size:11px;color:var(--muted);padding-bottom:4px}.rp-day{height:32px;font-size:13px;border-radius:0}.rp-day:hover:not(:disabled){background:var(--soft);border-radius:50%}.rp-day.rp-in{background:#e4eedb}.rp-day.rp-edge{background:var(--green);color:white;border-radius:50%;font-weight:600}.rp-day.rp-today:not(.rp-edge){box-shadow:inset 0 0 0 1px var(--green);border-radius:50%;font-weight:600}.rp-day:disabled{opacity:.3}.rp-foot{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:8px}.rp-foot small{color:var(--muted)}
@media(max-width:650px){.rp,.rp-input{width:100%;min-width:0}.rp-pop{position:fixed;left:8px;right:8px;top:auto;bottom:76px;flex-direction:column;max-height:80dvh;overflow:auto}.rp-presets{flex-direction:row;flex-wrap:wrap;border-right:0;border-bottom:1px solid var(--line)}.rp-presets button{padding:6px 10px;font-size:12px}.rp-cals{grid-template-columns:auto;justify-content:center}.rp-cals .rp-cal:first-of-type{display:none}.rp-grid{grid-template-columns:repeat(7,40px)}.rp-day{height:36px}}

#history-filter{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:none;padding:10px 14px;cursor:pointer;text-align:center;text-align-last:center}#history-filter::-ms-expand{display:none}

@media(max-width:650px){.nav button{position:relative;overflow:visible}.nav .nav-badge{position:absolute;top:1px;left:calc(50% + 6px);right:auto;margin:0;min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:10px;line-height:16px;box-shadow:0 0 0 2px #fdfef9;z-index:1;pointer-events:none}}
.nav .nav-badge{display:block;min-height:0;max-width:none;flex:none}
/* Fill-in tables (type: "table") and read-only prompt tables */
.question-title h3.prompt-text{white-space:pre-line;overflow-wrap:anywhere}
.practice-title b{white-space:pre-line}
.question textarea.answer-input{min-height:120px;overflow:hidden;resize:none;field-sizing:content}
.tbl-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:14px 0;max-width:100%}
.fill-table{border-collapse:collapse;font-size:13px;min-width:100%;background:#fff}
.fill-table th,.fill-table td{border:1px solid #d8dfd1;padding:6px 10px;text-align:center;vertical-align:middle;min-width:64px}
.fill-table thead th{background:#f2f5ec;font-weight:600}
.fill-table tbody th{background:#f8faf5;font-weight:500;text-align:left;white-space:nowrap}
.fill-table .tbl-total,.fill-table .tbl-total-row td,.fill-table .tbl-total-row th{background:#e6ecda;font-weight:600}
.fill-table td:has(.tbl-input){padding:3px}
.tbl-input{width:100%;min-width:56px;max-width:110px;height:38px;border:1px solid #c9d3bf;border-radius:6px;background:#fdfefa;text-align:center;font-size:15px;color:var(--ink);padding:4px 6px}
.tbl-input:focus{border-color:#78966d;background:#fff}
.fill-table td.tbl-wrong{background:#fbe9e4;color:#ad4b2f}
.fill-table td.tbl-right .tbl-answer{color:#4e815b}
.tbl-expected{display:block;font-size:10px;color:#6f7d65;margin-top:2px}
.table-review{display:flex;justify-content:space-between;align-items:center;gap:10px}
@media (max-width:700px){.fill-table{font-size:12px}.fill-table th,.fill-table td{padding:4px 6px;min-width:52px}.tbl-input{height:40px;font-size:16px}}
.session-tag{margin-left:6px;background:#eef1f7;color:#5d6f94}
/* Knowledge Review section; the retired practice tab only appears with historical items (5 tabs). */
.review-cards{margin-top:6px}
@media(max-width:650px){.review-cards{grid-template-columns:1fr}.nav button span{text-align:center;line-height:1.2;overflow-wrap:anywhere}.nav:has([data-nav="backlog"]):has([data-nav="practice"]){grid-template-columns:repeat(5,minmax(0,1fr))}}

/* Account management follows the learning journal's warm cards and quiet borders. */

.panel.login form{display:grid;gap:14px}.panel.login input{min-width:0}

/* Language toggle: always in the top bar, dialog header and sign-in screen; 40px+ tap target. */
.lang-toggle{min-width:48px;min-height:40px;padding:0 14px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--green);font-size:13px;font-weight:600;line-height:1;white-space:nowrap;flex-shrink:0}.lang-toggle:hover{background:var(--soft)}.lang-toggle:focus-visible{outline:2px solid var(--green);outline-offset:2px}
.dialog-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}
.login-bar{display:flex;justify-content:flex-end;max-width:440px;margin:0 auto;padding-top:20px}.login-bar+.login{margin-top:6vh}
@media(max-width:650px){.top-actions .lang-toggle{font-size:14px;min-width:52px}.login-bar{padding:14px 15px 0}.login-bar+.login{margin-top:4vh}.dialog-actions{gap:8px}}
/* Weekly Summary: list rows, full text and the safe Markdown subset. */
.weekly-list{padding:6px 20px}.weekly-row{display:grid;grid-template-columns:minmax(150px,auto) 1fr auto;gap:14px;align-items:center;width:100%;padding:16px 5px;border-bottom:1px solid var(--line);text-align:left;font-size:13px;border-radius:0}.weekly-row:last-child{border-bottom:0}.weekly-row:hover{background:var(--soft)}.weekly-row strong{color:var(--ink);overflow-wrap:anywhere}.weekly-open{color:var(--green);font-size:18px}
.weekly-article{display:grid;gap:8px}.weekly-back{justify-self:start;padding-left:0}.weekly-article h2{font-family:var(--serif);font-size:22px}
.feedback-lang{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 20px;margin-bottom:14px;font-size:13px}.feedback-lang .segmented{display:inline-flex;border:1px solid var(--line);border-radius:999px;padding:2px;gap:2px}.feedback-lang .segmented button{padding:5px 14px;border-radius:999px;font-size:13px;color:var(--muted)}.feedback-lang .segmented button.active{background:var(--green);color:var(--white)}
.md{font-size:14px;line-height:1.85;overflow-wrap:anywhere}.md>*+*{margin-top:12px}.md h3,.md h4,.md h5{margin:20px 0 0;line-height:1.4;color:var(--green)}.md h3{font-size:18px}.md h4{font-size:16px}.md h5{font-size:14px}.md p,.md ul,.md ol{margin-bottom:0}.md ul,.md ol{padding-left:22px}.md li+li{margin-top:4px}.md code{background:var(--soft);border-radius:4px;padding:1px 5px;font-size:.92em}.md a{color:var(--green);text-decoration:underline}
@media(max-width:650px){.weekly-list{padding:2px 14px}.weekly-row{grid-template-columns:1fr auto;gap:4px 10px;padding:14px 0}.weekly-row .weekly-range{grid-column:1}.weekly-row strong{grid-column:1}.weekly-open{grid-row:1/3;grid-column:2}.weekly-article h2{font-size:19px}
 /* Five bottom-nav items (six while the retired practice entry is present). */
 .sidebar .nav:has([data-nav="weekly"]){grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.sidebar .nav:has([data-nav="weekly"]):has([data-nav="practice"]){grid-template-columns:repeat(6,minmax(0,1fr))}.sidebar .nav:has([data-nav="weekly"]) button{padding:7px 2px}html[lang=en-AU] .sidebar .nav:has([data-nav="weekly"]) button{font-size:10px}}