:root{color:#173f3c;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;background:#f7f3e9;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 90% 5%,#c7ede3cc,#0000 34rem),#f7f3e9;min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button:disabled{cursor:not-allowed;opacity:.45}.app-shell{width:min(70rem,100% - 2rem);margin:0 auto;padding:clamp(2rem,7vw,5rem) 0 7rem}.home-screen{width:min(72rem,100% - 2rem);padding-top:clamp(1.75rem,4vw,3.5rem)}.home-hero{max-width:44rem}.home-screen h1{letter-spacing:-.065em;font-size:clamp(3rem,7vw,5.25rem);line-height:1}.eyebrow{color:#247d73;margin:0 0 .75rem;font-weight:700}h1{letter-spacing:-.08em;margin:0;font-size:clamp(3rem,11vw,6.5rem);line-height:.95}.lede{color:#47625f;max-width:44rem;margin:1rem 0 2rem;font-size:clamp(1.05rem,2.4vw,1.35rem);line-height:1.7}.entry-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:3rem;display:grid}button{color:#fff;cursor:pointer;background:#176c63;border:2px solid #176c63;border-radius:999px;min-height:4.5rem;padding:1rem 1.5rem;font-weight:800}button.secondary{color:#176c63;background:#eef7f2}.text-diff{background:#ffffffb8;border:1px solid #b9cec8;border-radius:1.5rem;margin-top:2rem;padding:1.5rem}.text-diff h2{margin-top:0}.diff-legend{flex-wrap:wrap;gap:1rem;margin-bottom:1rem;font-size:.875rem;display:flex}.diff-content{white-space:pre-wrap;font-size:1.25rem;line-height:1.9}.diff-photo-only{color:#9a4b14;text-underline-offset:.25em;text-decoration:underline;text-decoration-thickness:3px}.diff-candidate-only{color:#a33232;text-decoration:line-through;text-decoration-thickness:2px}.entry-grid,.segment-grid{gap:1.25rem;display:grid}.entry-grid{grid-template-columns:minmax(0,1.45fr) minmax(19rem,.8fr);grid-template-areas:"search photo""results results";align-items:stretch}.search-entry{grid-area:search}.photo-entry{grid-area:photo}.search-results{grid-area:results;margin-top:0}.search-results-heading{justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:.65rem;display:flex}.search-results-heading h2,.search-results-heading p{margin:0}.search-results-heading .eyebrow{margin-bottom:.2rem}.search-results-heading>span{color:#176c63;background:#dfeee6;border-radius:.6rem;flex:none;padding:.35rem .6rem;font-size:.85rem;font-weight:800}.entry-card,.candidate-list,.segment-card,.review-form{background:#ffffffdb;border:1px solid #bfd0ca;border-radius:1.25rem;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 1rem 2.5rem #3a5c5514}.entry-card h2,.candidate-list h2{margin:0 0 .5rem;font-size:clamp(1.35rem,2.5vw,1.7rem)}.entry-card>p{color:#58716c;margin:0 0 1.35rem;line-height:1.65}.search-fields{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:.85rem;display:grid}.search-entry form>button{min-width:8.5rem}.photo-entry{flex-direction:column;display:flex}.photo-entry .photo-tip{color:#7a6b48;margin-top:-.6rem;font-size:.9rem}.photo-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;margin-top:auto;display:grid}.photo-actions>button{grid-column:1/-1;width:100%}.inline-message{color:#724a18;background:#fff7d9;border-left:4px solid #d99d2b;border-radius:.6rem;gap:.2rem;margin-top:1rem;padding:.85rem 1rem;line-height:1.55;display:grid}.inline-message span{line-height:1.55}.photo-progress{background:#e8f4ed;border-radius:.8rem;align-items:center;gap:.8rem;margin-top:1rem;padding:.85rem 1rem;display:flex}.photo-progress>span:last-child{gap:.2rem;display:grid}.photo-progress small{color:#58716c;line-height:1.45}.progress-mark{border:2px solid #9fc5bb;border-top-color:#176c63;border-radius:50%;flex:none;width:1.15rem;height:1.15rem}@media (prefers-reduced-motion:no-preference){.progress-mark{animation:.9s linear infinite progress-spin}}@keyframes progress-spin{to{transform:rotate(1turn)}}form label,.segment-card>label{gap:.45rem;margin-bottom:1rem;font-weight:700;display:grid}input,textarea,select{color:#173f3c;background:#fffefa;border:1px solid #aebfba;border-radius:.9rem;width:100%;padding:.9rem 1rem}textarea{resize:vertical;line-height:1.7}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #e5a638}.file-button{color:#fff;cursor:pointer;background:#176c63;border:2px solid #176c63;border-radius:999px;justify-content:center;align-items:center;min-height:3.5rem;padding:.85rem 1rem;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.file-button.secondary-file{color:#176c63;background:#eef7f2}.file-button:active{transform:translateY(1px)}.file-button:focus-within{outline-offset:3px;outline:3px solid #e5a638}.file-button input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.resume-card{background:#e8f4ed;border:1px solid #b7cec3;border-radius:1.4rem;grid-template-columns:1fr auto;align-items:center;gap:.35rem 1rem;margin:1.5rem 0;padding:1.15rem;display:grid}.resume-card span{color:#58716c}.resume-card button{grid-area:1/2/span 2}@media (width<=600px){.resume-card{grid-template-columns:1fr}.resume-card button{grid-area:auto/1;width:100%}}.practice-screen{max-width:70rem;padding-top:clamp(1.25rem,4vw,2.5rem)}.practice-header{justify-content:space-between;align-items:end;gap:2rem;margin-bottom:1.5rem;display:flex}.practice-header h1{font-size:clamp(2.6rem,7vw,4.6rem);line-height:.95}.practice-progress{color:#58716c;flex:none;margin:0 0 .35rem;font-weight:700}.practice-stages{background:#ffffffb3;border:1px solid #bfd0ca;border-radius:1.25rem;grid-template-columns:repeat(5,minmax(3rem,1fr));gap:.5rem;padding:.45rem;display:grid}.practice-stages button{min-height:2.85rem;box-shadow:none;border-color:#0000;border-radius:.9rem;padding:.55rem .65rem;font-size:.93rem}.practice-stages button.active{color:#fff;background:#176c63}.practice-stages button:disabled{color:#91a19d;opacity:.62;cursor:not-allowed;background:0 0;border-color:#0000}.whole-practice-stages{background:#ffffffb3;border:1px solid #bfd0ca;border-radius:1.25rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-width:42rem;margin-inline:auto;padding:.45rem;display:grid}.whole-practice-stages button{min-height:2.85rem;box-shadow:none;border-color:#0000;border-radius:.9rem;padding:.55rem .85rem;font-size:.93rem}.whole-practice-stages button.active{color:#fff;background:#176c63}.whole-practice-stages button:disabled{color:#91a19d;opacity:.72;border-color:#0000}.stage-instruction{color:#58716c;text-align:center;margin:.85rem 0 1.25rem;font-size:.95rem}.practice-workspace{grid-template-columns:minmax(0,1.65fr) minmax(17rem,.7fr);align-items:stretch;gap:1rem;display:grid}.practice-card{text-align:center;background:#ffffffe0;border:1px solid #bfd0ca;border-radius:1.5rem;align-content:center;justify-items:center;min-height:23rem;padding:clamp(1.5rem,4vw,3rem);display:grid;overflow:hidden;box-shadow:0 1rem 2.5rem #3a5c5514}.practice-text,.recall-prompt{letter-spacing:.035em;word-break:keep-all;overflow-wrap:normal;line-break:strict;width:100%;margin:0;font-family:STKaiti,Kaiti SC,KaiTi,serif;font-size:clamp(1.7rem,4vw,2.65rem);line-height:1.75}.pinyin-line{white-space:nowrap;display:block}.pinyin-line+.pinyin-line{margin-top:.25em}.masked-text{white-space:pre-wrap}.whole-practice-text{white-space:pre-line;max-width:48rem;line-height:2}.practice-text ruby{ruby-position:over}.practice-text rt{color:#b65d3e;letter-spacing:0;font-family:system-ui,sans-serif;font-size:.32em}.character-reading{min-height:0;color:inherit;font:inherit;letter-spacing:inherit;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;display:inline}.character-reading:hover{color:#b65d3e;transform:none}.speech-notice{color:#47625f;background:#eef7f2;border:1px solid #bfd0ca;border-radius:.85rem;margin:1rem 0 0;padding:.8rem 1rem;font-size:.9rem}.reading-tools{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1.5rem;display:flex}.text-control{color:#176c63;min-height:2.75rem;box-shadow:none;background:0 0;border-color:#0000;padding:.55rem 1rem}.hint-card{text-align:left;background:#eef7f2;border:1px solid #9fc8bc;border-radius:1rem;width:min(100%,34rem);margin-top:1.25rem;padding:1rem 1.1rem}.hint-card p{margin-bottom:0}.learning-guide{background:#e8f4ed;border:1px solid #bfd0ca;border-radius:1.5rem;padding:1.4rem}.learning-guide h2{margin:.25rem 0 .75rem;font-size:1.35rem}.learning-guide p{line-height:1.7}.guide-label{color:#247d73;margin:0;font-size:.85rem;font-weight:800}.guide-tip{color:#58716c;border-top:1px solid #bfd0ca;padding-top:.9rem;font-size:.9rem}.recall-state{justify-items:center;gap:1.4rem;display:grid}.whole-recall-state span{color:#58716c;line-height:1.65}.practice-actions,.completion-actions{flex-wrap:wrap;gap:.9rem;margin-top:1.25rem;display:flex}.practice-actions{justify-content:center}.practice-actions button{min-width:12rem;min-height:3.5rem}.whole-practice-actions button:last-child{min-width:min(100%,19rem)}@media (width<=48rem){.practice-header{gap:.5rem;display:grid}.practice-progress{margin:0}.practice-stages{grid-template-columns:repeat(3,minmax(0,1fr))}.practice-workspace{grid-template-columns:1fr}.practice-card{min-height:18rem;padding-inline:1rem}.practice-text,.recall-prompt{letter-spacing:0;font-size:clamp(1.45rem,7vw,2.2rem)}.whole-practice-text{font-size:clamp(1.35rem,5.8vw,1.9rem);line-height:1.9}.learning-guide{order:-1}}@media (width<=600px){.practice-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.practice-stages button:last-child{grid-column:1/-1}.whole-practice-stages{grid-template-columns:1fr}.practice-actions,.completion-actions{grid-template-columns:1fr;width:100%;display:grid}.practice-actions>button,.completion-actions>button{width:100%}}.completion-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:2rem 0;display:grid}.completion-summary strong{background:#e8f4ed;border-radius:1.5rem;padding:1.4rem;font-size:clamp(1.15rem,3vw,1.7rem)}.completion-next-step{background:#ffffffd1;border:1px solid #bfd0ca;border-radius:1.5rem;margin-top:2rem;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 1rem 2.5rem #3a5c5514}.completion-next-step h2{text-wrap:pretty;margin:0;font-size:clamp(1.35rem,3vw,1.9rem)}.completion-next-step .completion-actions{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:1.35rem;display:grid}.completion-next-step .completion-actions button{white-space:nowrap;min-height:3.75rem}.review-content-button{color:#176c63;text-align:left;background:#f5faf7;border:1px solid #c5d3ce;border-radius:1rem;justify-items:start;gap:.15rem;width:100%;min-height:auto;margin-top:.9rem;padding:.9rem 1rem;display:grid}.review-content-button small{color:#58716c;font-weight:600;line-height:1.45}.weak-list{gap:.8rem;padding:0;list-style:none;display:grid}.weak-list li{background:#fffdf8;border:1px solid #d9d2c6;border-radius:1rem;padding:1rem 1.2rem}.weak-list p{margin-top:0}.success-banner{background:#e8f4ed;border-left:4px solid #176c63;padding:1rem}@media (width<=600px){.completion-summary{grid-template-columns:1fr}.practice-actions>button,.completion-actions>button{width:100%}}.live-message,.manual-banner{background:#fff7d9;border-left:4px solid #d99d2b;border-radius:.5rem;min-height:3.5rem;margin:1.25rem 0;padding:1rem 1.25rem;line-height:1.6}.content-incomplete-banner{color:#6d4b0d;background:#fff8df;border:1px solid #d7a845;border-left-width:4px;border-radius:.85rem;gap:.35rem;margin:1rem 0;padding:1rem 1.1rem;display:grid}.content-incomplete-banner strong{color:#8d2f22}.annotation-list{background:#f2f7f3;border-radius:1rem;margin-top:1rem;padding:1rem}.annotation-list h3{margin:0 0 .65rem;font-size:1rem}.annotation-list dl,.annotation-list dl div{margin:0}.annotation-list dl{gap:.55rem;display:grid}.annotation-list dl div{grid-template-columns:minmax(4rem,auto) 1fr;gap:.75rem;display:grid}.annotation-list dt{color:var(--ink-strong);font-weight:700}.annotation-list dd{color:var(--ink-muted);margin:0}.candidate-list{margin-top:1.25rem}.study-browser{background:#ffffffd1;border:1px solid #bfd0ca;border-radius:1.25rem;margin-top:1.5rem;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 1rem 2.5rem #3a5c5512}.study-browser-heading{gap:.4rem;display:grid}.study-browser-heading h2,.study-browser-heading p,.study-browser-summary h3,.study-browser-summary p{margin:0}.study-browser-heading h2{font-size:clamp(1.35rem,2.5vw,1.7rem)}.study-browser-heading p,.study-browser-summary p{color:#58716c;max-width:46rem;line-height:1.6}.study-browser-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:1.25rem 0;display:grid}.study-browser-tabs button{color:#176c63;background:#eef7f2;border-width:1px;border-radius:.85rem;min-height:3.25rem;padding:.7rem 1rem}.study-browser-tabs button.active{color:#fff;background:#176c63;box-shadow:0 .45rem 1.2rem #176c6329}.study-browser-tabs button:active,.study-browser-results .candidate-row button:active{transform:translateY(1px)}.study-browser-panel{background:#f3f8f4;border-radius:1rem;padding:1.1rem}.study-browser-summary{justify-content:space-between;align-items:flex-start;gap:1rem;padding-bottom:1rem;display:flex}.study-browser-summary div{gap:.3rem;display:grid}.study-browser-summary span{color:#176c63;background:#dfeee6;border-radius:.6rem;flex:none;padding:.35rem .6rem;font-size:.85rem;font-weight:800}.study-browser-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.study-browser-results .candidate-row{background:#fffefa;border:1px solid #d1dfd8;border-radius:.9rem;min-width:0;padding:1rem}.study-browser-results .candidate-row>div{min-width:0}.study-browser-results .candidate-row strong,.study-browser-results .candidate-row span{overflow-wrap:anywhere}.library-note{color:#5f5b49;background:#fff8dc;border-left:3px solid #d99b28;width:fit-content;max-width:46rem;margin:1rem 0 0;padding:.65rem .9rem;font-size:.9rem;line-height:1.55}.candidate-row{border-top:1px solid #d8e1dc;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.candidate-row div{gap:.35rem;display:grid}.card-status{width:fit-content;font-size:.82rem;font-weight:700}.card-status.ready{color:#176c63}.card-status.pending{color:#8b6630}.candidate-row button:disabled{cursor:not-allowed;opacity:.58}.candidate-row button,.compact{min-height:2.75rem;padding:.55rem 1rem}.text-button{color:#176c63;background:0 0;border:0;border-radius:0;min-height:auto;margin-bottom:1.5rem;padding:0}.flow-navigation{border-bottom:1px solid #cbd8d3;justify-content:space-between;align-items:center;gap:1.25rem;margin-bottom:clamp(2rem,5vw,3.5rem);padding-bottom:1rem;display:flex}.back-to-library{color:#173f3c;text-align:left;background:#ffffffc2;border:1px solid #aac0ba;border-radius:1rem;align-items:center;gap:.8rem;min-height:4rem;padding:.65rem 1rem;display:inline-flex;box-shadow:0 .5rem 1.5rem #3a5c5512}.back-to-library>span:first-child{color:#176c63;font-size:1.5rem;line-height:1}.back-to-library>span:last-child{gap:.1rem;display:grid}.back-to-library small{color:#58716c;font-size:.78rem;font-weight:600}.flow-steps{color:#6c807c;gap:.45rem;margin:0;padding:0;font-size:.82rem;font-weight:700;list-style:none;display:flex}.flow-steps li{white-space:nowrap;border-radius:999px;padding:.5rem .7rem}.flow-steps li.active{color:#fff;background:#176c63}.review-form{margin-top:1.5rem}.metadata-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.source-note{color:#566e6b;line-height:1.6}.confirm-check{grid-template-columns:auto 1fr;align-items:center;width:fit-content;display:flex}.confirm-check input{width:1.4rem;height:1.4rem}.sticky-actions{justify-content:center;margin-top:1.5rem;display:flex}.sticky-actions button{width:min(34rem,100%)}.segment-pager{justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0;display:none}.segment-pager button{min-height:2.8rem;padding:.6rem 1rem}.segment-card{min-width:0}.segment-text{margin-top:0;font-family:STKaiti,Kaiti SC,KaiTi,serif;font-size:1.5rem;line-height:1.8}.reading-note{background:#eef7f2;border:1px solid #bfd0ca;border-radius:1rem;padding:1rem}.reading-note h3,.reading-note p{margin-top:0}.reading-note small{color:#58716c}@media (width<=42rem){.entry-actions,.entry-grid,.metadata-grid{grid-template-columns:1fr}.app-shell{width:min(100% - 1rem,42rem)}.search-fields,.photo-actions{grid-template-columns:1fr}.entry-grid{grid-template-columns:1fr;grid-template-areas:"search""results""photo"}.study-browser-tabs,.study-browser-results{grid-template-columns:1fr}.study-browser-tabs{gap:.5rem}.study-browser-tabs button{min-height:3rem}.study-browser-panel{padding:.85rem}.segment-pager{display:flex}.segment-grid{grid-template-columns:1fr}.segment-card:not(.active){display:none}.candidate-row{align-items:flex-start}.flow-navigation{gap:.85rem;display:grid}.back-to-library{width:100%}.flow-steps{width:100%;padding-bottom:.2rem;overflow-x:auto}.completion-next-step .completion-actions{grid-template-columns:1fr}}