/* Learner-curated HSK writing error notebook */
.wej-root{--wej-ink:#244336;--wej-muted:#647a6c;--wej-line:#d3e4d9;--wej-card:#fff;--wej-soft:#edf7f0;--wej-accent:#236d51;background:linear-gradient(130deg,#f0f9f4,#f8faf1);border:1px solid var(--wej-line);border-radius:22px;margin:24px 0;padding:24px;color:var(--wej-ink)}
.wej-head{display:flex;align-items:center;justify-content:space-between;gap:20px}
.wej-head>div:first-child{flex:1;min-width:0}.wej-kicker{font-size:10px;font-weight:850;letter-spacing:.1em;color:var(--wej-accent)}
.wej-head h2{margin:9px 0;font-size:clamp(20px,2.6vw,28px);color:var(--wej-ink)}
.wej-head p,.wej-hint,.wej-disclaimer{font-size:12px;line-height:1.8;color:var(--wej-muted)}
.wej-count{min-width:135px;border:1px solid #a6d2b4;background:#e3f4e9;border-radius:15px;padding:15px;display:grid;gap:5px;text-align:center;color:#1e6846}
.wej-count b{font-size:25px}.wej-count span{font-size:11px}
.wej-metrics{background:var(--wej-soft);border-radius:12px;padding:13px 17px;display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin:18px 0}
.wej-metrics span{font-size:11px;color:var(--wej-ink)}.wej-metrics button{margin-left:auto;font-size:11px}
.wej-panel{background:var(--wej-card);border:1px solid var(--wej-line);border-radius:16px;padding:20px}
.wej-panel h3{font-size:16px;color:var(--wej-ink);margin:10px 0}.wej-form{display:grid;gap:9px;margin:18px 0}
.wej-form label{font-size:12px;font-weight:750;color:var(--wej-ink)}
.wej-form textarea,.wej-form select{width:100%;min-width:0;border:1px solid #b4cfc0;background:var(--wej-card);border-radius:10px;padding:11px 14px;color:var(--wej-ink);font:14px/1.8 "Microsoft YaHei",sans-serif}
.wej-form textarea{resize:vertical}.wej-form select{max-width:310px}
.wej-form-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.wej-form-bottom button{font-size:11px}.wej-form-bottom span,.wej-repeat{font-size:10px;color:var(--wej-muted);line-height:1.6}
.wej-status{min-height:18px;color:var(--wej-accent);font-size:11px;margin:10px 0}
.wej-current{border-top:1px solid var(--wej-line);padding-top:13px}
.wej-current h3 small{font-size:12px;color:var(--wej-muted);font-weight:500}
.wej-empty{font-size:12px;line-height:1.7;color:var(--wej-muted)}
.wej-card{border:1px solid var(--wej-line);background:var(--wej-soft);border-radius:13px;padding:16px 18px;margin:14px 0}
.wej-card-top{display:flex;justify-content:space-between;gap:9px;align-items:center;flex-wrap:wrap;margin-bottom:11px}
.wej-type{font-size:10px;background:#dceee1;border:1px solid #9ed4af;color:#266b4a;padding:4px 10px;border-radius:20px;font-weight:800}
.wej-due{font-size:10px;color:var(--wej-muted)}
.wej-caption{display:block;font-size:10px;font-weight:750;color:var(--wej-muted)}
.wej-hanzi{font:600 clamp(17px,2.2vw,22px)/1.85 "Microsoft YaHei",sans-serif;color:var(--wej-ink);overflow-wrap:anywhere;margin:6px 0 13px}
.wej-correction{padding:12px;background:var(--wej-card);border:1px solid var(--wej-line);border-radius:11px;margin:10px 0}
.wej-note{font-size:11px;color:var(--wej-muted);line-height:1.75}
.wej-locked{font-size:11px;color:var(--wej-muted);border:1px dashed #91b99f;border-radius:10px;padding:12px;margin:9px 0}
.wej-card-actions{display:flex;gap:9px;flex-wrap:wrap;margin:13px 0}.wej-card-actions button{font-size:11px;padding:9px 12px}
.wej-disclaimer{margin:14px 0 2px}
.wej-root :is(textarea,select,button):focus-visible{outline:3px solid #2a9460;outline-offset:3px}
body.dark .wej-root{--wej-ink:#e3f5e9;--wej-muted:#bdd8c9;--wej-line:#4c6f58;--wej-card:#21352a;--wej-soft:#2b4433;--wej-accent:#abe7bc;background:linear-gradient(135deg,#253a2a,#1f3528)}
body.dark .wej-count{background:#335840;border-color:#4f8863;color:#d7f9e2}
body.dark .wej-type{background:#315f43;border-color:#639c76;color:#e1f9e8}
@media(max-width:700px){.wej-root{padding:15px}.wej-head{align-items:stretch;flex-direction:column}.wej-count{min-width:0}.wej-metrics button{width:100%;margin:0}.wej-panel{padding:15px}.wej-card-actions button{flex:1}}
@media(max-width:420px){.wej-form-bottom button{width:100%}}