:root{--bg:#f5f3ed;--paper:#fffefa;--ink:#203b37;--muted:#727c74;--line:#dedfd5;--accent:#316d65;--soft:#e5efea;--warn:#9e5a31;--good:#23764e;color-scheme:light}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,sans-serif}button,a,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:default}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}header{border-bottom:1px solid var(--line);background:var(--paper);padding:12px max(18px,env(safe-area-inset-right)) 12px max(18px,env(safe-area-inset-left))}.header-inner{max-width:920px;margin:auto;display:flex;align-items:center;gap:12px;justify-content:space-between}.brand{font-weight:750;font-size:20px;line-height:1.3}.brand small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:5px}nav,.row,.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:46px;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:13px;padding:9px 15px;font-weight:600;font-size:14px}.primary{background:var(--accent);color:white;border-color:var(--accent)}main{max-width:800px;margin:auto;padding:28px 18px 60px}.eyebrow{font-size:12px;letter-spacing:.06em;color:var(--accent);font-weight:700}h1{font-size:clamp(26px,5.5vw,37px);line-height:1.3;letter-spacing:-.04em;margin:10px 0}h2{font-size:21px;line-height:1.4;margin:0 0 14px}p{margin:10px 0}.muted,.note{color:var(--muted);font-size:13px}.pill{font-size:11px;font-weight:700;color:var(--accent);background:var(--soft);padding:4px 8px;border-radius:7px}.hero{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:22px}.hero .btn{flex:none}.paper{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:24px;margin:16px 0;min-width:0;overflow-wrap:anywhere}.summary li{padding:5px 0}.summary{padding-left:20px}.tabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:10px;scrollbar-width:thin}.tabs button{white-space:nowrap;flex-shrink:0}.tabs [aria-current=step]{border-color:var(--accent);background:var(--soft);color:var(--accent)}.mode-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0}.mode-tabs button{padding:9px 5px;font-size:13px}.mode-tabs [aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.card-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);align-items:center}.prompt{font-size:clamp(20px,4.8vw,28px);line-height:1.7;margin:24px 0 16px;white-space:pre-wrap}.translation{font-size:16px;color:var(--muted);line-height:1.8}.answer-hidden{display:flex;min-height:110px;align-items:center;justify-content:center;background:var(--soft);border-radius:15px;color:var(--muted);padding:16px;font-size:14px;text-align:center}.listen-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px}.listen-row>button{min-width:115px}.listen-row label{font-size:12px;color:var(--muted)}select{padding:10px 27px 10px 10px;border-radius:10px;background:var(--paper);color:var(--ink);border:1px solid var(--line);min-height:44px}.audio-source{margin-top:8px;color:var(--muted);font-size:12px}.entry{margin-top:22px;padding-top:20px;border-top:1px solid var(--line)}.entry label{display:block;font-size:13px;font-weight:650;margin-bottom:8px}textarea{width:100%;min-height:152px;border:1px solid var(--line);border-radius:16px;background:var(--bg);padding:15px;line-height:1.75;resize:vertical;color:var(--ink);font-size:16px}.entry-actions{display:grid;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:8px}.entry-actions .primary{grid-column:3;min-height:52px}.entry-actions .lg-voice-toolbar{grid-column:2;grid-row:1;margin:0!important;font-size:12px}.feedback{padding:18px;border:1px solid #c6d2c8;border-left:5px solid var(--accent);border-radius:16px;background:var(--soft);margin-top:18px}.feedback.good{border-color:#6baa82;background:#e7f3e8}.score{display:flex;align-items:center;justify-content:space-between;gap:12px}.score strong{font-size:34px;color:var(--good)}.score span{font-size:12px}.diff{font-size:17px;line-height:1.8}.diff mark{background:#d6ecd6;color:#24543b;padding:1px 3px;border-radius:3px}.diff del{background:#f5dfd5;color:#8c4833}.feedback .btn{font-size:13px}.footer{display:flex;justify-content:space-between;gap:10px;margin-top:18px}.footer>button{min-width:95px}.progress{height:5px;background:var(--line);border-radius:5px;overflow:hidden;margin:20px 0 8px}.progress i{display:block;height:100%;background:var(--accent)}.word-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.word-grid div{background:var(--soft);padding:12px;border-radius:12px}.word-grid b{display:block}.record{padding:15px 0;border-top:1px solid var(--line)}.record .row{justify-content:space-between}.record p{white-space:pre-wrap;overflow-wrap:anywhere}.danger{color:#a64435}.full-audio{width:100%;margin-top:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.stats div{background:var(--soft);border-radius:13px;padding:13px}.stats strong{display:block;font-size:26px}.stats span{font-size:12px;color:var(--muted)}dialog{border:1px solid var(--line);border-radius:20px;padding:22px;max-width:min(920px,calc(100vw - 28px));max-height:90dvh;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#20352e99}.dialog-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:16px}#sourcePages img{width:100%;height:auto;display:block;margin:12px 0}.queue-note{padding:12px 15px;background:var(--soft);border-radius:12px;margin:16px 0}.empty{text-align:center;padding:30px 10px}.toolbar{justify-content:space-between;margin:20px 0}.player-status{font-size:12px;color:var(--accent);min-height:20px}.section-desc{color:var(--muted);font-size:14px;margin:6px 0 12px}@media(max-width:480px){main{padding:22px 14px 48px}.paper{padding:19px 16px;border-radius:18px}.hero{gap:10px}.hero .btn{padding:8px 10px;font-size:12px}.word-grid{grid-template-columns:1fr}.stats{gap:6px}.stats div{padding:10px}.entry-actions .primary{padding-inline:15px}header{padding-inline:14px}.brand{font-size:18px}nav .btn{padding:8px 11px}}
@media(prefers-color-scheme:dark){:root{--bg:#171b19;--paper:#202823;--ink:#e2eae3;--muted:#a0aea2;--line:#3a463c;--accent:#9cc9b1;--soft:#2c3b32;--good:#9ed1ac;color-scheme:dark}.primary{background:#416f5b;color:white;border-color:#416f5b}.feedback.good{background:#263f30;border-color:#50815d}.diff mark{background:#31513b;color:#def2de}.diff del{background:#583b32;color:#ffd9ca}.mode-tabs [aria-pressed=true]{color:#17251d}.feedback{background:var(--soft)}}

.listen-row>button{min-width:82px;padding-inline:12px}.listen-row label{display:flex;align-items:center;gap:4px;font-size:11px}.listen-row select{width:66px;padding:8px 14px 8px 6px;font-size:13px}

.day-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.chapter-block{margin-top:34px}.chapter-block h2{display:flex;gap:14px;align-items:baseline;flex-wrap:wrap}.day-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.day-card{min-width:0;display:flex;flex-direction:column;gap:10px;text-align:left;padding:20px;border:1px solid var(--line);border-radius:18px;background:var(--paper);color:var(--ink)}.day-card .row{justify-content:space-between}.day-card .row>b{font-size:12px;color:var(--accent)}.day-card>strong{font-size:17px;line-height:1.6;overflow-wrap:anywhere}.day-card>small{font-size:12px;color:var(--muted)}.day-card .progress{width:100%;margin-top:auto;margin-bottom:0}.hero h1{font-size:clamp(24px,5vw,32px)}@media(max-width:480px){.day-grid{grid-template-columns:1fr}.day-card{padding:18px}.day-top{gap:8px}.day-top .muted{font-size:12px}}
.recall-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.recall-actions .btn{min-height:48px}.recall-actions .primary{flex:1 1 190px}.recall-actions>[data-action=defer]{flex:1 1 170px}@media(max-width:480px){.recall-actions{flex-direction:column;align-items:stretch}.recall-actions .btn{flex:auto;width:100%}}

.master-status{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}.master-status .btn{min-height:40px;font-size:11px;padding:6px 9px}.master-stamp{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:none;border:3px double #b98a37;border-radius:8px;padding:5px 10px;font-size:12px;line-height:1.3;font-weight:850;letter-spacing:.1em;color:color-mix(in srgb,var(--ink) 30%,#ba831e);background:color-mix(in srgb,var(--paper) 90%,#ddb957);transform:rotate(-5deg)}.master-confirm{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:20px;font-size:13px;color:var(--muted)}.master-button{border-color:#b98a37;color:var(--ink);background:color-mix(in srgb,var(--paper) 90%,#ddb957)}.master-records{margin:18px 0;padding:14px;border:1px solid var(--line);border-radius:14px}.master-records summary{font-weight:700;cursor:pointer;min-height:32px}.card-top{flex-wrap:wrap}.just-stamped{animation:master-seal .3s ease-out}@keyframes master-seal{from{opacity:.2;transform:scale(1.45) rotate(-12deg)}to{opacity:1;transform:scale(1) rotate(-5deg)}}@media(prefers-reduced-motion:reduce){.just-stamped{animation:none}}