:root{color-scheme:light;--ink:#18344f;--paper:#fffdf7;--line:#cfc7b8;--red:#a9473a;--muted:#746d63}*{box-sizing:border-box}body{margin:0;background:#f7f2e8;background-image:linear-gradient(rgba(30,58,86,.045) 1px,transparent 1px);background-size:100% 28px;color:#19283a;font-family:system-ui,-apple-system,"PingFang SC",sans-serif}button,input,textarea,select{font:inherit;font-size:16px}.shell{max-width:1120px;margin:auto;padding:22px 28px 80px}header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:16px}.brand{display:flex;align-items:center;gap:12px}.mark{display:grid;width:42px;height:42px;place-items:center;background:var(--ink);color:white;font:700 23px Georgia,serif}.brand small{color:var(--red);font-weight:800;letter-spacing:.16em}.brand h1{margin:2px 0 0;font:700 28px Georgia,"Noto Serif SC",serif}.header-actions{display:flex;gap:8px}button{cursor:pointer}.primary,.quiet{min-height:44px;border-radius:9px;padding:9px 15px;font-weight:750}.primary{border:1px solid #91382e;background:#b95041;color:white}.quiet{border:1px solid #c3cbd2;background:white;color:var(--ink)}.lookup{display:flex;align-items:center;gap:24px;margin:22px 0;background:var(--paper);border:1px solid #c9c0af;padding:17px 18px;box-shadow:4px 5px #ded6c7}.lookup em{color:var(--red);font-family:Georgia,serif}.lookup h2{margin:3px 0 0;font:700 21px Georgia,"Noto Serif SC",serif}.lookup-row{display:flex;flex:1;gap:9px}.lookup-row input,.library-tools input{min-width:0;flex:1;height:48px;border:1px solid #bac7d2;border-radius:9px;padding:0 13px;background:white}.lookup-row button{min-height:48px;border:0;border-radius:9px;background:var(--ink);color:white;padding:0 20px;font-weight:750}.notice{margin:0 0 18px;border:1px solid #a8cbb8;background:#eef8f1;color:#276143;padding:12px 15px}.notice.error{border-color:#e7b0ab;background:#fff0ee;color:#9c3028}.hidden{display:none!important}.stats{display:flex;gap:42px;border-bottom:1px dashed var(--line);padding:0 0 18px;margin-bottom:0}.stats div{display:grid}.stats b{font:700 34px Georgia,serif}.stats b.accent{color:var(--red)}.stats span{font-size:13px;color:var(--muted)}nav{display:flex;border-bottom:1px solid var(--line);margin-bottom:20px}nav button{border:0;background:transparent;padding:15px 18px;color:#726b60;font-weight:750}nav button.active{color:var(--ink);box-shadow:inset 0 -3px var(--red)}.review-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px}.card{position:relative;min-height:475px;border:1px solid #c9c0af;background:var(--paper);padding:30px 36px;box-shadow:8px 10px #d9d1c2}.card:before{content:"";position:absolute;inset:0 auto 0 0;width:7px;background:var(--red)}.card-top{display:flex;justify-content:space-between;color:var(--muted)}.card-body{min-height:310px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.card-body small{color:var(--red);font-weight:800;letter-spacing:.16em}.card-body h2{margin:16px 0 8px;font:700 clamp(38px,7vw,68px) Georgia,serif;color:var(--ink)}.card-body .phonetic{color:#64788a}.card-body .answer{max-width:700px;font-size:21px;line-height:1.65}.reveal{margin-top:28px;border:1px solid var(--ink);background:transparent;color:var(--ink);box-shadow:3px 3px var(--ink);padding:11px 20px;font-weight:750}.speak{border:1px solid #98aec1;border-radius:999px;background:white;color:#315a7d;padding:7px 12px}.grade-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.grade-row button{border:1px solid #d8d1c4;background:#faf7f0;padding:10px 6px}.grade-row b,.grade-row span{display:block}.grade-row span{font-size:12px;color:var(--muted);margin-top:3px}aside{background:#efe7d9;border:1px solid #d2c6b4;padding:24px}aside h3{font:700 20px Georgia,"Noto Serif SC",serif}aside li{margin:12px 0;color:#5e574d}aside p{border-top:1px solid #d2c6b4;padding-top:14px;color:var(--red);font-weight:700}.library-tools{display:flex;align-items:center;gap:15px;margin-bottom:14px}.word-list{display:grid;gap:10px}.word-item{display:grid;grid-template-columns:minmax(160px,.8fr) 1.25fr auto;gap:18px;align-items:center;background:rgba(255,253,247,.85);border:1px solid #d7d0c4;padding:14px 16px}.word-item h3{margin:0;color:var(--ink);font:700 20px Georgia,serif}.word-item small{color:var(--muted)}.word-item p{margin:3px 0;line-height:1.45}.word-item button{border:1px solid #c7d0d8;background:white;border-radius:7px;padding:7px 11px;color:var(--ink)}dialog{width:min(560px,calc(100% - 28px));border:1px solid #a9a092;background:#faf7ef;padding:0;box-shadow:0 22px 70px #0c1e3050}dialog::backdrop{background:#14283b99}dialog form{display:grid;gap:13px;padding:24px}dialog h2{margin:0 0 4px;font-family:Georgia,"Noto Serif SC",serif}dialog label{display:grid;gap:6px;font-weight:750}dialog input,dialog textarea,dialog select{width:100%;border:1px solid #c7d0d8;border-radius:8px;background:white;padding:10px;font-weight:400}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:7px}@media(max-width:720px){.shell{padding:16px 14px 60px}.brand small{font-size:9px}.brand h1{font-size:21px}.header-actions button{padding:8px 10px}.lookup{align-items:stretch;flex-direction:column;gap:11px}.stats{gap:24px}.stats b{font-size:29px}.review-grid{grid-template-columns:1fr}.card{min-height:440px;padding:24px 20px 26px}.grade-row{grid-template-columns:repeat(2,1fr)}aside{display:none}.word-item{grid-template-columns:1fr auto}.word-item>div:nth-child(2){grid-column:1/-1;grid-row:2}.library-tools{align-items:stretch;flex-direction:column}}