:root{color:#26334b;font-synthesis:none;background:#fff8ec;font-family:Nunito,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 8%,#fff 0,#0000 28%),linear-gradient(145deg,#fffaf2,#fff4df);min-width:320px;min-height:100vh;margin:0}button{font:inherit;color:inherit}.app-shell{min-height:100vh;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));place-items:center;display:grid}.screen{background:#ffffffc7;border:1px solid #ffffffe6;border-radius:36px;width:min(100%,720px);min-height:min(850px,100vh - 36px);padding:clamp(24px,6vw,58px);position:relative;overflow:hidden;box-shadow:0 24px 80px #6a4c241f}.home-screen,.result-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.brand-mark,.celebrate{color:#fff;background:#ff765e;border-radius:25px;place-items:center;width:78px;height:78px;font-size:56px;font-weight:900;display:grid;transform:rotate(-6deg);box-shadow:0 12px 24px #ff765e47}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:#ee775f;margin:26px 0 8px;font-size:13px;font-weight:900}.screen h1{color:#24314a;margin:0;font-size:clamp(36px,8vw,58px);line-height:1.05}.intro{color:#7d8494;margin:15px 0 34px;font-size:18px}.home-actions{gap:14px;width:100%;display:grid}.choice{text-align:left;cursor:pointer;border:0;border-radius:24px;grid-template-columns:58px 1fr auto;align-items:center;padding:19px 22px;transition:transform .2s,box-shadow .2s;display:grid}.choice:hover{transform:translateY(-2px);box-shadow:0 12px 24px #2832461f}.choice-icon{color:#fff;border-radius:16px;place-items:center;width:48px;height:48px;font-size:25px;font-weight:900;display:grid}.choice b{font-size:22px;display:block}.choice small{opacity:.65;margin-top:3px;font-size:14px;display:block}.choice i{opacity:.5;font-size:34px;font-style:normal}.coral{background:#fff0eb}.coral .choice-icon{background:#ff765e}.blue{background:#eaf4ff}.blue .choice-icon{background:#5598e8}.green{background:#ecf8ed}.green .choice-icon{background:#63b776}.text-button{color:#6d7890;cursor:pointer;background:0 0;border:0;margin-top:13px;padding:18px;font-weight:800}.quiz-screen{flex-direction:column;display:flex}.quiz-header{align-items:center;gap:20px;display:flex}.round-button{cursor:pointer;background:#f1eee8;border:0;border-radius:50%;flex:none;width:48px;height:48px;font-size:28px}.progress-wrap{flex:1}.progress-text{color:#788196;justify-content:space-between;margin-bottom:9px;font-size:14px;display:flex}.progress{background:#ebe9e4;border-radius:10px;height:10px;overflow:hidden}.progress i{background:#ff765e;border-radius:10px;height:100%;transition:width .25s;display:block}.question-card{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.question-card>p{color:#8c93a1;font-size:17px;font-weight:800}.equation{justify-content:center;align-items:center;gap:clamp(8px,3vw,22px);font-size:clamp(36px,10vw,68px);display:flex}.equation b{font-weight:900}.equation span{color:#a3a9b4}.answer-box{color:#c3c0ba;background:#fff;border:4px solid #e8e5df;border-radius:25px;place-items:center;width:clamp(82px,20vw,135px);height:clamp(82px,20vw,120px);display:grid}.answer-box.filled{color:#27344a;border-color:#ff9b86}.number-pad{grid-template-columns:repeat(3,1fr);gap:11px;width:min(100%,420px);margin:0 auto;display:grid}.number-pad button{cursor:pointer;background:#fff;border:0;border-radius:20px;height:clamp(58px,9vh,78px);font-size:30px;font-weight:900;box-shadow:0 4px 14px #343b4b1a}.number-pad button:active{transform:scale(.96)}.number-pad .key-muted{color:#7b8290;background:#eeeae3}.number-pad .key-submit{color:#fff;background:#ff765e}.number-pad .key-submit:disabled{opacity:.4}.feedback{border-radius:18px;flex-direction:column;gap:8px;margin-top:25px;padding:16px 28px;font-size:18px;display:flex}.feedback.good{color:#39894a;background:#e7f6e9}.feedback.oops{color:#d85d46;background:#fff0eb}.continue-button,.primary-button{color:#fff;cursor:pointer;background:#ff765e;border:0;border-radius:20px;padding:18px 34px;font-size:20px;font-weight:900;box-shadow:0 10px 20px #ff765e40}.continue-button{width:min(100%,420px);margin:0 auto}.celebrate{background:#5598e8;font-size:38px}.score{align-items:baseline;gap:8px;margin:25px 0;display:flex}.score b{color:#ff765e;font-size:70px}.score span{color:#717b90;font-size:20px}.result-grid{grid-template-columns:repeat(3,1fr);gap:12px;width:100%;margin-bottom:30px;display:grid}.result-grid div{border-radius:20px;flex-direction:column;padding:20px 8px;display:flex}.result-grid b{font-size:32px}.result-grid span{font-size:14px;font-weight:800}.result-grid .fluent{color:#39894a;background:#e7f6e9}.result-grid .learning{color:#b17a0c;background:#fff5d9}.title-header{align-items:center;gap:20px;display:flex}.title-header .eyebrow{margin:0 0 5px}.title-header h1{font-size:34px}.summary-card{color:#fff;background:#27344a;border-radius:24px;grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:7px;margin:28px 0;padding:23px;display:grid}.summary-card b{color:#ffd26c;font-size:34px}.summary-card span{font-size:14px}.stats-screen h2{margin:26px 0 12px;font-size:20px}.legend{color:#767f90;flex-wrap:wrap;gap:14px;margin-bottom:13px;font-size:12px;display:flex}.legend span:before{content:"";border-radius:50%;width:9px;height:9px;margin-right:5px;display:inline-block}.fluent-dot:before{background:#63b776}.learning-dot:before{background:#edb843}.new-dot:before{background:#d7d4ce}.mastery-grid{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.mastery-cell{text-align:center;background:#eee;border-radius:12px;padding:10px 3px}.mastery-cell b,.mastery-cell small{display:block}.mastery-cell b{font-size:14px}.mastery-cell small{opacity:.75;margin-top:2px;font-size:9px}.mastery-cell.fluent{color:#347f43;background:#e2f4e5}.mastery-cell.learning{color:#976a0c;background:#fff2cc}.mastery-cell.new{color:#9297a0;background:#efede8}.history{gap:8px;display:grid}.history>div{background:#f6f3ed;border-radius:15px;justify-content:space-between;align-items:center;padding:13px 17px;display:flex}.history span>*{display:block}.history small{color:#9499a3;margin-top:3px}.history strong{font-size:21px}.empty{text-align:center;color:#8c93a1;padding:30px 0}@media (width<=560px){.app-shell{padding:0}.screen{border-radius:0;min-height:100vh;padding:24px 18px}.home-screen{justify-content:flex-start;padding-top:9vh}.brand-mark{width:64px;height:64px;font-size:45px}.home-screen .eyebrow{margin-top:20px}.home-screen h1{font-size:40px}.intro{margin-bottom:22px}.choice{grid-template-columns:50px 1fr auto;padding:15px}.choice-icon{width:43px;height:43px}.choice b{font-size:19px}.quiz-screen{padding-bottom:max(18px,env(safe-area-inset-bottom))}.mastery-grid{grid-template-columns:repeat(5,1fr)}.summary-card{grid-template-columns:auto 1fr}.stats-screen{overflow:auto}.equation{margin-top:-30px}}@media (width>=800px){.screen{min-height:min(820px,100vh - 60px)}.number-pad{grid-template-columns:repeat(6,1fr);width:100%}.number-pad button{height:74px}.quiz-screen{width:min(100%,900px)}}.brand-mark{font-size:42px}.result-grid .weak{color:#a8750d;background:#fff5d9}.result-grid .unfamiliar{color:#d85d46;background:#fff0eb}.weak-dot:before{background:#edb843}.unfamiliar-dot:before{background:#ef8069}.mastery-cell.weak{color:#976a0c;background:#fff2cc}.mastery-cell.unfamiliar{color:#c8533e;background:#ffebe6}.history>div{display:none}.history>button{text-align:left;cursor:pointer;background:#f6f3ed;border:0;border-radius:15px;justify-content:space-between;align-items:center;width:100%;padding:13px 17px;display:flex}.history>button:hover{background:#eeebe4}.history>button span>*{display:block}.history>button small{color:#9499a3;margin-top:3px}.history>button strong{font-size:18px}.detail-overlay{z-index:20;background:#1e253473;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.detail-panel{background:#fffaf2;border-radius:28px;width:min(680px,100%);max-height:min(850px,100vh - 36px);padding:26px;overflow:auto;box-shadow:0 24px 80px #141b2a40}.detail-panel header{justify-content:space-between;align-items:center;display:flex}.detail-panel .eyebrow{margin:0 0 4px}.detail-panel h2{margin:0;font-size:30px}.detail-time{color:#7b8495;margin:12px 0 18px}.detail-summary{background:#fff;border-radius:17px;flex-wrap:wrap;align-items:center;gap:9px;padding:15px;display:flex}.detail-summary>b{font-size:26px}.detail-summary>span{border-radius:10px;padding:6px 10px;font-size:13px;font-weight:800}.detail-summary .fluent{color:#347f43;background:#e2f4e5}.detail-summary .weak{color:#976a0c;background:#fff2cc}.detail-summary .unfamiliar{color:#c8533e;background:#ffebe6}.answer-list{gap:7px;margin-top:16px;display:grid}.answer-list>div{background:#fff;border-left:5px solid #d7d4ce;border-radius:12px;grid-template-columns:30px minmax(130px,1fr) auto auto;align-items:center;gap:8px;padding:11px 13px;display:grid}.answer-list>div.fluent{border-color:#63b776}.answer-list>div.weak{border-color:#edb843}.answer-list>div.unfamiliar{border-color:#ef8069}.answer-list .number{color:#9aa0ac}.answer-list small{color:#d85d46}.answer-list>div>span:last-child{color:#7b8495;font-size:12px}@media (width<=560px){.answer-list>div{grid-template-columns:25px 1fr auto}.answer-list small{grid-column:2}.answer-list>div>span:last-child{grid-area:1/3}.detail-panel{padding:20px 15px}.history>button small{font-size:11px}}