:root{color:#17231f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#edf3ef;font-family:Inter,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}html{min-width:320px;min-height:100%}body{min-width:320px;min-height:100svh;margin:0}button,label{-webkit-tap-highlight-color:transparent}button{cursor:pointer}textarea,button{font-family:inherit}#root{min-height:100svh}.app-shell{background:radial-gradient(circle at 18% 0,#3f7eff2e,#0000 34%),radial-gradient(circle at 82% 8%,#21ba8933,#0000 30%),linear-gradient(#eef6f3 0%,#f8faf7 42%,#edf3ef 100%);min-height:100svh;padding:18px 14px 28px}.topbar{justify-content:space-between;align-items:center;gap:16px;width:min(100%,920px);margin:0 auto 14px;display:flex}.topbar h1{color:#17231f;max-width:520px;margin:4px 0 0;font-size:clamp(24px,6vw,38px);font-weight:850;line-height:1.06}.eyebrow{color:#247a62;margin:0;font-size:12px;font-weight:850;line-height:1.2}.icon-button{color:#235747;background:#ffffffc2;border:1px solid #247a622e;border-radius:14px;place-items:center;width:44px;height:44px;display:grid;box-shadow:0 12px 30px #1d392f14}.phone-frame{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fcfefce6;border:1px solid #13332a1a;border-radius:26px;width:min(100%,460px);min-height:min(760px,100svh - 120px);margin:0 auto;overflow:hidden;box-shadow:0 24px 70px #1f453a29}.progress{background:#ffffffc2;border-bottom:1px solid #edf2ee;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;padding:14px 14px 8px;display:grid}.progress span{color:#7c8c86;text-align:center;background:#eef4f1;border-radius:999px;min-width:0;padding:7px 3px;font-size:11px;font-weight:800;line-height:1}.progress .active{color:#063d31;background:#bdf4dd}.screen{min-height:680px;padding:18px 16px 94px;position:relative}.hero-panel{background:linear-gradient(135deg,#e9fff6f5,#f1f7fff5),#fff;border:1px solid #1f796024;border-radius:22px;padding:22px}.hero-icon{color:#0c5d4b;background:linear-gradient(135deg,#bdf4dd,#c8dfff);border-radius:21px;place-items:center;width:66px;height:66px;margin-bottom:18px;display:grid;box-shadow:0 16px 32px #1e755a2e}.hero-panel h2,.section-head h2,.question-card h2{color:#15231f;margin:0;font-size:25px;font-weight:850;line-height:1.16}.hero-panel p{color:#52645e;margin:10px 0 0;font-size:14px;line-height:1.55}.upload-card,.secondary-action,.mode-card,.practice-actions button,.bottom-split button{font:inherit;border:0}.upload-card{color:#0f5949;background:#f5fffa;border:1px dashed #22775e6b;border-radius:20px;justify-content:center;align-items:center;gap:12px;min-height:88px;margin-top:16px;font-weight:850;display:flex}.upload-card input{opacity:0;width:1px;height:1px;position:absolute}.secondary-action{color:#224c42;background:#eaf1ee;border-radius:17px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:52px;margin-top:12px;font-weight:800;display:flex}.info-list{gap:10px;margin-top:18px;display:grid}.info-row{background:#fff;border:1px solid #edf1ee;border-radius:18px;align-items:flex-start;gap:12px;padding:14px;display:flex}.info-row svg{color:#247a62;flex:none}.info-row b{color:#1b2824;font-size:14px;line-height:1.2;display:block}.info-row p{color:#65746f;margin:4px 0 0;font-size:13px;line-height:1.4}.section-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.pill{color:#155845;background:#dcf8eb;border-radius:999px;flex:none;padding:7px 10px;font-size:12px;font-weight:850;line-height:1}.source-preview{object-fit:cover;background:#f5f7f6;border:1px solid #e4ebe7;border-radius:18px;width:100%;max-height:180px}.recognition-status{color:#24584a;background:#edfff6;border:1px solid #247a622e;border-radius:18px;align-items:flex-start;gap:12px;margin-top:12px;padding:14px;display:flex}.recognition-status svg{color:#247a62;flex:none}.recognition-status b{color:#17362f;font-size:14px;line-height:1.25;display:block}.recognition-status p{color:#5e7069;margin:5px 0 0;font-size:13px;line-height:1.42}.recognition-status.error{color:#7b352c;background:#fff0ed;border-color:#c4503d38}.recognition-status.error svg{color:#b54a3c}.recognition-status button{color:#fff;min-height:36px;font:inherit;background:#14745d;border:0;border-radius:999px;margin-top:10px;padding:0 12px;font-size:13px;font-weight:850}.recognition-progress{background:linear-gradient(135deg,#edfff6fa,#f4f8fffa),#fff;border:1px solid #14745d29;border-radius:20px;margin-top:14px;padding:18px;box-shadow:0 14px 34px #1d392f14}.scan-orb{color:#0f5949;background:#dff8ee;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 14px;display:grid;position:relative}.scan-orb:before,.scan-orb:after{content:"";border-radius:50%;position:absolute;inset:-7px}.scan-orb:before{border:2px solid #14745d33;border-top-color:#14745d;animation:1.1s linear infinite recognition-spin}.scan-orb:after{border-top:2px solid #377ee673;animation:1.35s ease-in-out infinite recognition-scan;inset:14px -3px}.recognition-copy{text-align:center}.recognition-copy b{color:#17362f;font-size:17px;line-height:1.25;display:block}.recognition-copy p{color:#53655f;margin:7px 0 0;font-size:14px;line-height:1.45}.recognition-copy span{color:#7a8a84;margin-top:7px;font-size:12px;font-weight:800;line-height:1.35;display:block}.upload-progress{background:#ffffffc7;border:1px solid #e5eee9;border-radius:16px;margin-top:14px;padding:12px}.upload-progress-line{justify-content:space-between;align-items:center;gap:10px;min-height:20px;display:flex}.upload-progress span{color:#53655f;font-size:12px;font-weight:850;line-height:1.2}.upload-progress-line>span{white-space:nowrap;flex:none}.upload-progress strong{text-align:right;flex:auto;justify-content:flex-end;align-items:baseline;gap:8px;min-width:0;font-style:normal;display:inline-flex}.upload-progress b{color:#0f5949;font-size:15px;line-height:1}.upload-progress strong em{text-overflow:ellipsis;color:#7a8a84;white-space:nowrap;min-width:0;font-size:12px;font-style:normal;font-weight:800;line-height:1.2;display:inline;overflow:hidden}.upload-progress small{color:#53655f;margin-top:5px;font-size:12px;font-weight:750;line-height:1.35;display:block}.upload-progress i{background:#dce8e3;border-radius:999px;height:7px;margin-top:9px;display:block;overflow:hidden}.upload-progress i>em{border-radius:inherit;background:linear-gradient(90deg,#14745d,#377ee6);height:100%;transition:width .22s;display:block}.phase-list{gap:9px;margin-top:16px;display:grid}.phase-list div{color:#71817c;background:#ffffffb8;border-radius:14px;align-items:center;gap:9px;min-height:34px;font-size:13px;font-weight:850;display:flex}.phase-list i{color:#6b7a75;background:#edf3f0;border-radius:50%;place-items:center;width:24px;height:24px;margin-left:8px;font-size:12px;font-style:normal;display:grid}.phase-list .active{color:#173d34;background:#fff}.phase-list .active i{color:#fff;background:#14745d}.recognition-meter{background:#dce8e3;border-radius:999px;height:7px;margin-top:16px;overflow:hidden}.recognition-meter span{border-radius:inherit;background:linear-gradient(90deg,#14745d,#377ee6);height:100%;transition:width .32s;display:block}@keyframes recognition-spin{to{transform:rotate(360deg)}}@keyframes recognition-scan{0%,to{opacity:.35;transform:translateY(-14px)}50%{opacity:.9;transform:translateY(14px)}}.point-list,.mode-list,.review-list{gap:12px;margin-top:14px;display:grid}.point-card,.standard-answer,.review-item,.feedback-block,.tip-box,.question-card,.answer-box{background:#fff;border:1px solid #e8eeea;border-radius:20px;box-shadow:0 10px 28px #1d392f0d}.point-card{padding:14px}.point-card-head{justify-content:space-between;gap:12px;display:flex}.subject{color:#247a62;margin-bottom:5px;font-size:12px;font-weight:850;line-height:1;display:inline-flex}.point-card h3,.review-item h3,.standard-answer h3,.mode-card h3{color:#17231f;margin:0;font-size:16px;font-weight:850;line-height:1.25}.point-card textarea,.answer-box textarea{resize:vertical;color:#24312d;width:100%;font:inherit;box-sizing:border-box;background:#fbfdfc;border:1px solid #e5ece8;border-radius:14px;outline:none}.point-card textarea{min-height:82px;margin-top:12px;padding:12px;font-size:13px;line-height:1.45}.keyword-row,.chip-list{flex-wrap:wrap;gap:7px;display:flex}.keyword-row{margin-top:10px}.keyword-row span,.chip-list span{border-radius:999px;align-items:center;gap:4px;font-size:12px;font-weight:800;line-height:1;display:inline-flex}.keyword-row span{color:#52645e;background:#edf3f0;padding:6px 8px}.dashboard{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px;display:grid}.dashboard div{text-align:center;background:linear-gradient(#e8fff4,#f5fbf8);border-radius:19px;padding:14px 10px}.dashboard p{color:#60736c;margin:0;font-size:12px;font-weight:800}.dashboard strong{color:#103f34;margin-top:5px;font-size:28px;line-height:1;display:block}.mode-card{text-align:left;width:100%;color:inherit;background:#fff;border:1px solid #e6eeea;border-radius:20px;justify-content:space-between;align-items:center;gap:14px;padding:16px;display:flex}.mode-card.active{background:#ecfff6;border-color:#247a6273}.mode-card p,.review-item p{color:#687a73;margin:5px 0 0;font-size:13px;line-height:1.4}.tip-box{color:#68440b;background:#fff8e8;align-items:flex-start;gap:10px;margin-top:14px;padding:13px;display:flex}.tip-box p{margin:0;font-size:13px;font-weight:700;line-height:1.45}.question-card{padding:18px}.question-top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.question-top span{color:#247a62;font-size:12px;font-weight:850}.hint-panel{color:#6c480c;background:#fff8e9;border:1px solid #d9962442;border-radius:18px;gap:10px;margin-top:14px;padding:13px;display:flex}.hint-panel b{font-size:13px;display:block}.hint-panel p{margin:4px 0 0;font-size:13px;line-height:1.4}.answer-box{gap:9px;margin-top:14px;padding:13px;display:grid}.answer-box span{color:#53635e;font-size:12px;font-weight:850}.answer-box textarea{min-height:118px;padding:13px;font-size:15px;line-height:1.5}.typing-status{color:#31574d;background:#edf5f2;border-radius:16px;justify-content:space-between;align-items:center;gap:10px;min-height:48px;margin-top:10px;padding:10px 12px;display:flex}.typing-status strong{color:#0f5949;font-size:18px;line-height:1}.typing-status span{color:#61746d;text-align:right;min-width:0;font-size:12px;font-weight:850;line-height:1.35}.practice-actions,.bottom-split{grid-template-columns:1fr 1fr;gap:10px;display:grid}.practice-actions{margin-top:12px}.practice-actions button,.bottom-split button{color:#274a41;background:#eaf1ee;border-radius:16px;justify-content:center;align-items:center;gap:7px;min-height:50px;font-weight:850;display:flex}.practice-actions .primary-inline,.bottom-split .primary-inline{color:#fff;background:#14745d}.primary-inline:disabled{opacity:.55}.score-card{text-align:center;color:#fff;background:linear-gradient(135deg,#e66f46,#9f3d2e);border-radius:24px;padding:22px}.score-card.familiar{background:linear-gradient(135deg,#2b91d1,#165a96)}.score-card.solid{background:linear-gradient(135deg,#16a06f,#0b604d)}.score-card span{opacity:.82;font-size:13px;font-weight:850}.score-card strong{margin-top:5px;font-size:56px;line-height:1;display:block}.score-card p{max-width:260px;margin:9px auto 0;font-size:14px;line-height:1.45}.feedback-grid{gap:12px;margin-top:14px;display:grid}.feedback-block{padding:15px}.feedback-block h3{color:#192a25;margin:0 0 10px;font-size:15px}.feedback-block p{color:#75837f;margin:0;font-size:13px}.chip-list span{color:#7b2f2f;background:#ffecec;padding:7px 9px}.chip-list .ok{color:#176048;background:#e5f9ee}.standard-answer{margin-top:14px;padding:16px}.standard-answer p:last-child{color:#40504b;margin:9px 0 0;font-size:14px;line-height:1.55}.review-item{justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.review-item span:first-child{color:#247a62;margin-bottom:5px;font-size:12px;font-weight:850;display:inline-flex}.mastery{border-radius:999px;flex:none;padding:7px 9px;font-size:12px;font-weight:850;line-height:1}.mastery.new{color:#3c5b86;background:#e7f0ff}.mastery.weak{color:#8a2d25;background:#ffe8e3}.mastery.familiar{color:#7b5306;background:#fff3d0}.mastery.solid{color:#125a43;background:#dcf8eb}.bottom-action{padding:14px 16px calc(14px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffeb;border-top:1px solid #e8eeea;position:absolute;bottom:0;left:0;right:0}.bottom-action button{color:#fff;width:100%;min-height:54px;font:inherit;background:#14745d;border:0;border-radius:18px;justify-content:center;align-items:center;gap:9px;font-weight:900;display:flex;box-shadow:0 14px 30px #14745d3d}.bottom-action button:disabled{opacity:.62;cursor:not-allowed}@media (width>=760px){.phone-frame{width:min(100%,720px)}.screen{padding-inline:22px}.point-list,.feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}