:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;background:#f4f7f6;color:#151918;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{min-height:100%}body{min-height:100%;margin:0;overflow-x:hidden;background:linear-gradient(180deg,#fff,#f4f7f6 34%,#eef4f1)}button,input,select{font:inherit}button{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default;opacity:.45}.app-shell{width:100%;min-height:100vh;padding:20px;display:grid;place-items:start center;overflow-x:hidden}.phone-stage{position:relative;width:100%;max-width:430px;min-height:calc(100vh - 40px);padding:max(18px,env(safe-area-inset-top)) 16px calc(112px + env(safe-area-inset-bottom));background:#fff;border:1px solid #dce5e1;border-radius:8px;box-shadow:0 18px 45px #1329231f;overflow:hidden}.phone-stage.is-practice{padding-bottom:calc(186px + env(safe-area-inset-bottom))}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.topbar>div{min-width:0;flex:1 1 auto}.deck-title{margin:0 0 4px;color:#0d806f;font-size:14px;font-weight:750}.topbar h1{margin:0;color:#121716;font-size:20px;line-height:1.25;font-weight:800;overflow-wrap:anywhere}.icon-button{width:42px;height:42px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid #d8e2de;border-radius:8px;color:#17201e;background:#fff;cursor:pointer}.score-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:14px}.score-strip div{min-width:0;padding:10px 6px;border:1px solid #dce5e1;border-radius:8px;background:#f8fbfa;text-align:center}.score-strip span{display:block;color:#111816;font-size:18px;line-height:1.1;font-weight:850}.score-strip small{display:block;margin-top:4px;color:#64736f;font-size:11px;line-height:1.2}.daily-panel{margin-bottom:14px;padding:12px;border:1px solid #dce5e1;border-radius:8px;background:#f8fbfa}.daily-main{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px;margin-bottom:10px}.home-hero{display:grid;gap:14px;padding:16px;margin-bottom:12px;border:1px solid #dce5e1;border-radius:8px;background:#f7fbfa}.home-hero p{margin:0 0 4px;color:#52615d;font-size:13px;font-weight:780}.home-hero h2{margin:0;color:#0b8a78;font-size:40px;line-height:1;font-weight:880}.home-hero span{display:block;margin-top:8px;color:#52615d;font-size:13px;line-height:1.4}.hero-start{width:100%;min-height:50px}.home-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.home-summary div{min-width:0;padding:10px 6px;border:1px solid #dce5e1;border-radius:8px;background:#fff;text-align:center}.home-summary span{display:block;color:#111816;font-size:18px;line-height:1.1;font-weight:850}.home-summary small{display:block;margin-top:4px;color:#64736f;font-size:11px;line-height:1.2}.quick-actions{display:grid;gap:10px}.quick-actions button{min-height:58px;display:grid;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 12px;border:1px solid #dce5e1;border-radius:8px;color:#151918;background:#fff;text-align:left;cursor:pointer}.quick-actions svg{color:#0b8a78}.quick-actions span{font-size:16px;font-weight:800}.quick-actions small{color:#64736f;font-size:12px;white-space:nowrap}.exam-setup,.exam-result{display:grid;gap:12px;padding:16px;margin-bottom:12px;border:1px solid #dce5e1;border-radius:8px;background:#f7fbfa}.exam-setup p,.exam-result p{margin:0;color:#52615d;font-size:13px;font-weight:780}.exam-setup h2,.exam-result h2{margin:0;color:#111816;font-size:24px;line-height:1.1;font-weight:880}.exam-result h2{color:#0b8a78;font-size:58px}.exam-setup span,.exam-result span{color:#52615d;font-size:13px;line-height:1.5}.exam-size-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.exam-size-options button{min-height:40px;border:1px solid #d7e2de;border-radius:8px;color:#52615d;background:#fff;font-size:14px;font-weight:800;cursor:pointer}.exam-size-options button.active{color:#fff;border-color:#0b8a78;background:#0b8a78}.exam-scope{display:grid;gap:4px;padding:12px;border:1px solid #dce5e1;border-radius:8px;background:#fff}.exam-scope span,.exam-scope small{color:#64736f;font-size:12px}.exam-scope strong{color:#111816;font-size:20px;line-height:1.2}.exam-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.exam-top div{min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px}.exam-top p{flex:1 1 100%;margin:0;color:#52615d;font-size:13px;font-weight:780}.exam-top strong{color:#0b8a78;font-size:24px;line-height:1}.exam-top span{color:#64736f;font-size:12px;font-weight:780}.exam-result-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-bottom:12px}.exam-result-actions button{width:100%}.exam-review-list{display:grid;gap:10px}.exam-review-list h2{margin:0;color:#111816;font-size:17px}.exam-review-list article{display:grid;gap:7px;padding:12px;border:1px solid #dce5e1;border-radius:8px;background:#fff}.exam-review-list article>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.exam-review-list span{color:#0b8a78;font-size:12px;font-weight:850}.exam-review-list strong{color:#52615d;font-size:12px}.exam-review-list p{margin:0;color:#111816;font-size:14px;line-height:1.5;font-weight:780}.exam-review-list small,.exam-review-list em,.all-correct{color:#52615d;font-size:12px;line-height:1.55;font-style:normal}.practice-switcher{margin-bottom:10px}.practice-headline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.practice-switcher .mode-tabs{margin-bottom:0}.session-line{min-width:0;display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:#52615d;font-size:12px;line-height:1.2;font-weight:800}.session-line span{padding:4px 7px;border:1px solid #dce5e1;border-radius:6px;background:#f8fbfa}.analysis-toggle{min-height:32px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid #d7e2de;border-radius:8px;color:#52615d;background:#fff;font-size:12px;font-weight:800;white-space:nowrap;cursor:pointer}.analysis-toggle.active{color:#0b8a78;border-color:#b8dcd4;background:#eaf7f4}.topic-list{display:grid;gap:8px}.topic-list h2{margin:2px 0;color:#111816;font-size:17px}.topic-list div{padding:10px 12px;border:1px solid #dce5e1;border-radius:8px;background:#fff}.topic-list span{display:block;color:#151918;font-size:14px;font-weight:800}.topic-list small{display:block;margin-top:4px;color:#64736f;font-size:12px}.daily-main p{flex:1 1 110px;margin:0;color:#31413d;font-size:15px;font-weight:830}.daily-main strong{flex:0 0 auto;color:#0b8a78;font-size:22px;line-height:1}.daily-main span{flex:0 0 auto;color:#a86100;font-size:12px;font-weight:780}.daily-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:10px}.daily-metrics div{min-width:0;padding:8px 6px;border-radius:8px;background:#fff;text-align:center}.daily-metrics span{display:block;color:#111816;font-size:16px;line-height:1.1;font-weight:850}.daily-metrics small{display:block;margin-top:4px;color:#64736f;font-size:11px;line-height:1.2}.week-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;align-items:end;min-height:64px;padding-top:4px}.week-bars div{display:grid;justify-items:center;gap:4px}.week-bars i{width:100%;max-width:18px;min-height:8px;display:block;border-radius:8px 8px 3px 3px;background:#0b8a78;opacity:.88}.week-bars small{color:#71807c;font-size:10px}.mode-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:4px;margin-bottom:14px;border:1px solid #dce5e1;border-radius:8px;background:#f3f8f6}.mode-tabs button,.segmented button{min-width:0;min-height:38px;border:0;border-radius:6px;background:transparent;color:#52615d;font-size:14px;font-weight:750;cursor:pointer}.mode-tabs button.active,.segmented button.active{color:#fff;background:#0b8a78;box-shadow:0 6px 14px #0b8a782e}.question-card{position:relative;padding:12px;border:1px solid #d9e4e0;border-radius:8px;background:#fff;box-shadow:0 8px 24px #182b2612}.question-topline{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:start;gap:10px;margin-bottom:10px}.question-meta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:0}.question-meta span{max-width:100%;padding:5px 8px;border:1px solid #cfe0db;border-radius:6px;color:#47615b;background:#f7fbfa;font-size:12px;line-height:1.2}.question-number{margin:0 0 8px;color:#0d806f;font-size:13px;font-weight:800}.star-button{width:36px;height:36px;display:inline-grid;place-items:center;flex:0 0 auto;border:1px solid #d8e2de;border-radius:8px;color:#52615d;background:#fff;cursor:pointer}.star-button.starred{color:#a86100;border-color:#f2c879;background:#fff8e8}.question-card h2{margin:0 0 14px;color:#111816;font-size:18px;line-height:1.48;font-weight:780}.answer-list{display:grid;gap:10px}.answer-option{width:100%;min-height:50px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:10px;padding:9px;border:1px solid #dce5e1;border-radius:8px;background:#fbfdfc;color:#151918;text-align:left;cursor:pointer}.answer-option span{width:34px;height:34px;display:inline-grid;place-items:center;border-radius:8px;color:#0b8a78;background:#eaf7f4;font-size:15px;font-weight:850}.answer-option span.checkmark-label{font-family:Arial,Helvetica,sans-serif;font-size:20px;line-height:1;font-weight:900}.answer-option b{min-width:0;font-size:16px;line-height:1.42;font-weight:650;overflow-wrap:anywhere}.answer-option.selected{border-color:#0b8a78;background:#f1fbf8}.answer-option.correct{border-color:#1e9f73;background:#effaf4}.answer-option.correct span{color:#fff;background:#1e9f73}.answer-option.wrong{border-color:#dc5b57;background:#fff2f1}.answer-option.wrong span{color:#fff;background:#dc5b57}.answer-option:disabled{cursor:default;opacity:1}.result-panel{min-height:56px;margin-top:10px;padding:10px;border:1px solid #dce5e1;border-radius:8px;background:#f8fbfa}.result-panel.visible{max-height:140px;overflow-y:auto;overscroll-behavior:contain;background:#fff;box-shadow:inset 4px 0 #0b8a78}.result-panel p{margin:0;color:#40514d;font-size:13px;line-height:1.55}.review-block{display:grid;gap:9px}.review-block div{display:grid;gap:3px}.review-block span{color:#0b8a78;font-size:12px;line-height:1.2;font-weight:850}.review-block p{margin:0;color:#40514d;font-size:14px;line-height:1.58}.analysis-closed{display:flex;align-items:center;justify-content:space-between;gap:10px}.analysis-closed button{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:0 0 auto;padding:0 10px;border:1px solid #b8dcd4;border-radius:8px;color:#0b8a78;background:#eaf7f4;font-size:12px;font-weight:850;cursor:pointer}.result-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px}.result-head strong{color:#151918;font-size:14px;white-space:nowrap}.result-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:6px;color:#fff;font-size:13px;font-weight:800}.result-badge.right{background:#1e9f73}.result-badge.wrong{background:#dc5b57}.action-bar{position:fixed;left:50%;bottom:calc(68px + env(safe-area-inset-bottom));z-index:11;width:min(398px,calc(100vw - 32px));display:grid;grid-template-columns:108px minmax(0,1fr);gap:10px;margin:0;padding:4px 0;background:linear-gradient(180deg,#ffffffb8,#fff 28%);transform:translate(-50%)}.bottom-nav{position:fixed;left:50%;width:min(430px,100vw);bottom:0;z-index:12;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;padding:8px 10px max(9px,env(safe-area-inset-bottom));border-top:1px solid #dce5e1;background:#fffffff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transform:translate(-50%)}.bottom-nav button{min-width:0;min-height:48px;display:grid;justify-items:center;align-content:center;gap:3px;border:0;border-radius:8px;color:#64736f;background:transparent;font-size:11px;font-weight:780;cursor:pointer}.bottom-nav button.active{color:#0b8a78;background:#eaf7f4}.ghost-button,.primary-button,.danger-button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:7px;border-radius:8px;font-size:15px;font-weight:800;cursor:pointer}.ghost-button{border:1px solid #d7e2de;color:#24312e;background:#fff}.primary-button{border:1px solid #0b8a78;color:#fff;background:#0b8a78;box-shadow:0 9px 18px #0b8a7833}.danger-button{border:1px solid #f0c0bd;color:#b13631;background:#fff5f4}.empty-state{min-height:360px;display:grid;align-content:center;justify-items:center;gap:12px;padding:26px 14px;border:1px solid #dce5e1;border-radius:8px;text-align:center}.empty-state h2{margin:0;font-size:20px}.empty-state p{margin:0;color:#64736f}.sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:flex-end;background:#0c171447}.filter-sheet{width:100%;max-height:88%;padding:16px 16px max(18px,env(safe-area-inset-bottom));overflow:auto;border:1px solid #dce5e1;border-bottom:0;border-radius:8px 8px 0 0;background:#fff;box-shadow:0 -16px 36px #0f1f1b29}.sheet-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sheet-title h2{margin:0;color:#121716;font-size:18px}.search-box{min-height:46px;display:grid;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:8px;padding:0 12px;border:1px solid #d7e2de;border-radius:8px;color:#64736f;background:#f8fbfa}.search-box input{width:100%;border:0;outline:0;color:#151918;background:transparent;font-size:15px}.field-group{display:grid;gap:8px;margin-top:14px}.field-group p{margin:0;color:#31413d;font-size:14px;font-weight:780}.segmented{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;border:1px solid #dce5e1;border-radius:8px;background:#f3f8f6}select{min-height:44px;width:100%;padding:0 12px;border:1px solid #d7e2de;border-radius:8px;color:#151918;background:#fff}input[type=range]{width:100%;accent-color:#0b8a78}.toggle-row{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px;padding:0 12px;border:1px solid #dce5e1;border-radius:8px;color:#31413d;background:#f8fbfa;font-weight:760}.toggle-row input{width:22px;height:22px;accent-color:#0b8a78}.record-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:16px}.record-actions.single{grid-template-columns:1fr}.record-actions button{min-width:0;padding:0 6px;font-size:13px}.toast{position:absolute;left:50%;bottom:22px;z-index:30;width:max-content;max-width:calc(100% - 44px);padding:9px 12px;border-radius:8px;color:#fff;background:#111816eb;font-size:14px;transform:translate(-50%)}@media(max-width:520px){body{background:#fff}.app-shell{min-height:100svh;padding:0;display:block}.phone-stage{width:100%;max-width:100vw;min-height:100svh;padding-bottom:calc(112px + env(safe-area-inset-bottom));border:0;border-radius:0;box-shadow:none}.phone-stage.is-practice{padding-bottom:calc(186px + env(safe-area-inset-bottom))}.topbar h1{font-size:19px}.score-strip,.home-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-tabs button,.segmented button{font-size:13px}.analysis-closed{align-items:stretch}}