@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--green:#254d40;--ink:#243c33;--muted:#79837b;--cream:#f6f7f2;--line:#e1e6dc;--lime:#d7ec9d}*{box-sizing:border-box}body{margin:0;background:var(--cream, #f6f7f2);color:var(--ink, #243c33);font:14px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button,a,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9db76c;outline-offset:3px}button{border:0}aside{position:fixed;inset:0 auto 0 0;width:235px;background:#fff;border-right:1px solid var(--line, #e1e6dc);padding:36px 25px;display:flex;flex-direction:column}.brand{text-decoration:none;color:var(--green, #254d40);font:800 24px Manrope,sans-serif;white-space:nowrap}.logo{display:inline-grid;place-items:center;width:37px;height:37px;background:var(--green, #254d40);color:var(--lime, #d7ec9d);border-radius:12px;margin-right:6px}.tiny{display:block;font-size:8px;letter-spacing:2px;margin:12px 0 0 3px}nav{margin-top:58px;display:grid;gap:9px}nav button{background:transparent;text-align:left;padding:14px;border-radius:9px;font-size:19px;color:var(--muted, #79837b);display:flex;gap:13px;align-items:center}nav span{font-size:13px}nav .active{background:#edf2e7;color:var(--green, #254d40);font-weight:700}.side-note{margin-top:auto;padding-top:40px}.leaf{display:block;font-size:31px;color:#97ad75;margin-bottom:13px}.side-note strong{font-size:13px}.side-note p{font-size:11px;line-height:1.8;color:var(--muted, #79837b)}footer{display:flex;gap:10px;align-items:center;border-top:1px solid var(--line, #e1e6dc);padding-top:23px;margin-top:25px;font-size:12px}.avatar{background:#e9eedf;border-radius:50%;padding:12px;font-size:11px}small{display:block;color:var(--muted, #79837b);font-size:11px;margin-top:5px}main{margin-left:235px;padding:28px 48px 50px;max-width:1640px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line, #e1e6dc);padding-bottom:24px;font-size:10px}.breadcrumb{letter-spacing:1.6px;color:var(--muted, #79837b)}.saved{color:#5f7762;font-size:10px}.intro{display:flex;justify-content:space-between;align-items:center;margin:40px 0 30px}.eyebrow{font-size:9px;letter-spacing:2px;color:#82906c;font-weight:700}h1{font:600 30px Manrope,sans-serif;letter-spacing:-1px;margin:12px 0}p{line-height:1.7}.intro p{color:var(--muted, #79837b);font-size:12px;margin:0}.date{font-size:11px;color:var(--muted, #79837b)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:33px}.stats>div{background:#fff;border:1px solid var(--line, #e1e6dc);border-radius:12px;padding:19px 23px;position:relative}.stats span{color:#69776a;font-size:11px}.stats strong{display:block;font:600 29px Manrope;margin-top:8px}.stats small{position:absolute;right:21px;bottom:24px;font-size:10px}.study-grid{display:grid;grid-template-columns:minmax(0,1fr) 264px;gap:26px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}h2{font:600 16px Manrope;margin:0}.section-label select{max-width:190px;background:transparent;border:0;color:var(--muted, #79837b);font-size:11px}.flashcard{background:white;border:1px solid var(--line, #e1e6dc);border-radius:17px;min-height:345px;padding:25px 30px;display:flex;flex-direction:column;box-shadow:0 5px 16px #253c3304}.card-top{display:flex;justify-content:space-between;align-items:center}.pill{font-size:9px;background:#f0f3e9;padding:7px 10px;border-radius:5px;color:#647650}.muted{font-size:10px;color:var(--muted, #79837b)}#cardArea{text-align:center;padding:35px 0 28px;flex:1}.card-prompt{color:#97a08f;font-size:8px;letter-spacing:1.9px}#front{font:500 29px/1.5 Manrope;margin:23px auto 20px;max-width:570px;letter-spacing:-.6px}.audio{background:#f3f6ed;border:1px solid #e6ecdd;border-radius:30px;padding:10px 17px;color:var(--green, #254d40);font-size:13px}.audio span{font-size:11px;margin-left:8px}.divider{height:1px;background:var(--line, #e1e6dc);margin:25px auto;width:65%}#back{font-weight:500;font-size:19px}#note{color:var(--muted, #79837b);font-size:12px}.card-bottom{display:flex;justify-content:space-between;border-top:1px solid #f0f2ec;padding-top:18px;font-size:9px;color:#9aa18f}.primary{background:var(--green, #254d40);color:#fff;padding:13px 20px;border-radius:8px;font-size:12px}.reveal{width:100%;margin-top:15px;display:flex;justify-content:center;align-items:center;gap:25px;padding:17px}kbd{background:#ffffff15;color:#c3cfba;font-size:9px;padding:4px 7px;border:1px solid #ffffff20;border-radius:4px}.session-foot{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;font-size:9px;color:var(--muted, #79837b)}.text-btn{background:none;color:var(--green, #254d40);font-size:10px;padding:0}.daily{background:#edf1e5;border:1px solid #e2e7d9;border-radius:13px;padding:25px}.daily h2{font-size:24px;line-height:1.45;letter-spacing:-.6px;margin-top:17px}.daily ol{list-style:none;counter-reset:steps;margin:25px 0;padding:0}.daily li{counter-increment:steps;position:relative;padding-left:29px;margin:19px 0}.daily li:before{content:counter(steps);position:absolute;left:0;background:#dfe7d1;color:#70825d;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;font-size:9px}.daily b{font-size:11px}.daily li span{display:block;font-size:10px;line-height:1.6;color:#828b77;margin-top:4px}.daily .text-btn{font-weight:700}.tip{margin-top:17px;border:1px solid var(--line, #e1e6dc);border-radius:12px;padding:20px}.tip>span{font-size:8px;letter-spacing:1px;color:#8c967d}.tip p{font-size:11px;color:#7b8573;margin-bottom:0}.ratings{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.ratings button{background:white;border:1px solid var(--line, #e1e6dc);padding:12px 5px;border-radius:8px;color:var(--green, #254d40);font-size:12px}.ratings button:first-child{color:#ad6357}.ratings small{font-size:10px}.secondary{background:white;border:1px solid var(--line, #e1e6dc);border-radius:8px;padding:12px 15px;color:var(--green, #254d40);font-size:12px}.toolbar{display:flex;gap:8px;flex-wrap:wrap}.toolbar input{flex:1;min-width:180px}.hint{font-size:12px;color:var(--muted, #79837b)}input,select,textarea{border:1px solid var(--line, #e1e6dc);background:#fff;border-radius:7px;padding:11px;color:var(--ink, #243c33)}.card-row{background:white;padding:19px;border:1px solid var(--line, #e1e6dc);border-radius:10px;margin:10px 0;display:flex;gap:16px;align-items:center}.row-content{flex:1;min-width:0}.row-content b{font-weight:500}.row-content p{margin:5px 0;font-size:12px;color:var(--muted, #79837b)}.row-content small{font-size:9px}.row-actions{display:flex;gap:7px}.row-actions button{background:#f1f4ec;border-radius:5px;padding:8px;color:var(--green, #254d40);font-size:11px}.text-layout{display:grid;grid-template-columns:220px 1fr;gap:25px}#textMenu button{display:block;text-align:left;background:white;border:1px solid var(--line, #e1e6dc);padding:20px;border-radius:10px;width:100%;margin-bottom:12px;color:var(--green, #254d40)}#textMenu button.active{background:#e8efda}.reading,.settings-card{background:white;border:1px solid var(--line, #e1e6dc);padding:30px;border-radius:14px}.reading h2{margin:15px 0;font-size:26px}.reading .primary{margin:10px 4px 20px 0}.text-line{padding:18px 0;border-top:1px solid var(--line, #e1e6dc)}.text-line p{font-size:17px;margin:0 0 8px}.text-line summary{cursor:pointer;font-size:11px;color:var(--muted, #79837b)}.text-line details p{font-size:13px;margin-top:10px}.text-line button{margin-top:9px}.settings-card{max-width:700px}.settings-card h2{margin-bottom:25px}label{display:flex;flex-direction:column;gap:9px;font-size:12px;margin:18px 0}.check{flex-direction:row;align-items:center}.settings-card details{margin-top:28px;color:var(--muted, #79837b);font-size:12px}.settings-card a{color:var(--green, #254d40)}dialog{border:1px solid var(--line, #e1e6dc);border-radius:16px;max-width:530px;width:90%;padding:30px;color:var(--ink, #243c33)}dialog::backdrop{background:#1d362f66}textarea{resize:vertical;min-height:65px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green, #254d40);color:white;border-radius:8px;padding:13px 23px;display:none;z-index:20;font-size:12px}[hidden]{display:none!important}@media(min-width:1450px){main{padding:35px 65px}.flashcard{min-height:390px}#cardArea{padding-top:50px}.study-grid{grid-template-columns:minmax(0,1fr) 300px}}@media(max-width:1100px){aside{width:195px;padding:30px 18px}main{margin-left:195px;padding:25px}.study-grid{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1.5fr 1fr;gap:15px}.tip{margin:0}.daily h2 br{display:none}.daily ol{display:flex;gap:15px}.stats small{position:static}.date{display:none}}@media(max-width:650px){aside{position:static;width:auto;padding:18px;border:0}.brand{font-size:20px}.tiny,.side-note,footer{display:none}nav{margin-top:20px;display:flex;gap:4px;overflow:auto}nav button{padding:10px 9px;white-space:nowrap;font-size:14px;gap:6px}nav span{font-size:10px}main{margin:0;padding:20px 16px}header{font-size:8px}.saved{font-size:8px}.intro{margin:27px 0}h1{font-size:25px}.stats{gap:8px;margin-bottom:24px}.stats>div{padding:14px 10px}.stats strong{font-size:25px}.stats small{font-size:8px}.stats span{font-size:10px}.flashcard{padding:20px;min-height:325px}#front{font-size:25px}.card-bottom{font-size:8px}.right-column{display:block}.tip{margin-top:15px}.daily ol{display:block}.daily h2{font-size:21px}.session-foot{align-items:flex-start;font-size:8px}.text-layout{grid-template-columns:1fr}#textMenu{display:flex;gap:8px;overflow:auto}#textMenu button{min-width:180px}.reading{padding:20px}.card-row{align-items:flex-start;flex-direction:column}.row-actions{align-self:flex-end}.toolbar .secondary{font-size:10px;padding:10px}.ratings button{font-size:11px}}

/* Keep essential actions legible when the preview isolates root variables. */
#reveal{background:#254d40;color:#ffffff;font-weight:700;min-height:54px}#ratings button{color:#254d40;background:#ffffff;border:1px solid #b7c7b4}#ratings button:first-child{color:#9b4033}#answer{background:#f1f5e9;border-radius:10px;padding:12px 18px;margin-top:20px}#back{color:#243c33}#note{color:#52604d}
.word-tools{margin-top:18px}.word-tools .hint{font-size:10px;max-width:390px;margin:8px auto}.word-entry{background:#fff;border:1px solid #d7dfcf;border-radius:12px;padding:24px;margin:0 0 20px}.word-entry h2{font-size:25px;margin-bottom:12px;color:#254d40}.word-example{border-top:1px solid #e1e6dc;padding:18px 0}.word-example strong{font-size:16px;font-weight:500}.word-example p{margin:7px 0;color:#52604d}.word-example button{margin-top:10px}.word-entry>.primary{margin-top:15px}#wordsRequest{min-height:220px;width:100%}#markWord{color:#254d40;background:#f0f4e8;border-color:#bac9a8}#wordChoices{margin:20px 0}
#pronunciationDialog{max-width:700px;width:94%;max-height:90vh;overflow:auto}#pronunciationWord{font-size:30px;color:#254d40}#pronunciationGuide{background:#eff4e7;padding:17px;border-radius:9px;font-size:14px;color:#243c33}#pronunciationChoices{gap:6px}#pronunciationChoices button{padding:7px 10px}#yourRecording{width:100%;margin:15px 0}#pronunciationDictionary{color:#254d40}.word-tools>button{margin:4px}
/* Equal emphasis for the two study tools. */
#trainPronunciation,#markWord{font-weight:600;min-height:42px;border-width:1px;border-style:solid;padding:11px 15px;box-shadow:none}#trainPronunciation{background:#edf2f9;color:#304f77;border-color:#c4d1e1}#markWord{background:#eff3e9;color:#3c583c;border-color:#c4d1b8}#ratingHelp{line-height:1.7;margin:12px 2px;color:#626e60}.recording-explanation{background:#f3f5f0;padding:14px;border-radius:8px;color:#42513d;font-size:13px}
.flashcard{min-height:0}#cardArea{padding:22px 0 12px}.reveal{margin-top:10px}#sessionExplanation{font-size:11px;line-height:1.6;margin:-5px 0 14px}#studyDone{margin-top:16px}
.study-grid{display:block;max-width:900px}.side-note{display:none}#sessionExplanation{font-size:11px;margin:0 0 12px}
.word-entry .word-actions{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0 24px}.word-entry .word-actions button{margin:0}.word-context{margin:14px 0 20px;line-height:1.7}.word-example{padding:22px 0}.word-example>strong{display:block;line-height:1.6}.word-example>button{display:block;margin:16px 0 0}.word-entry>.primary{display:block;margin-top:24px}
.storage-conflict{padding:15px 18px;background:#fff2d7;color:#674d24;border:1px solid #dfc589;border-radius:9px;margin-bottom:18px;line-height:1.6}.storage-conflict button{margin:8px 0 0 12px}