:root{color:#202521;background:#f4f6f3;font-family:Inter,Microsoft YaHei,PingFang SC,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--ink: #202521;--muted: #687169;--line: #dfe4de;--surface: #ffffff;--surface-soft: #f7f9f6;--green: #236b49;--green-soft: #e8f3ec;--red: #b23b39;--red-soft: #faecea;--amber: #a26316;--focus: #2c6d50}*{box-sizing:border-box}html,body,#app{min-width:320px;min-height:100%;margin:0}body{min-height:100vh}button,input{font:inherit;letter-spacing:0}button{color:inherit}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid color-mix(in srgb,var(--focus) 27%,transparent);outline-offset:2px}.boot-screen,.state-panel{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100vh;gap:12px;color:var(--muted)}.spinner{width:25px;height:25px;border:3px solid #d4dbd4;border-top-color:var(--green);border-radius:50%;animation:spin .8s linear infinite}.spinner-small{width:18px;height:18px;border-width:2px;border-color:#ffffff59;border-top-color:#fff}@keyframes spin{to{transform:rotate(360deg)}}.login-layout{display:grid;grid-template-columns:minmax(360px,.9fr) minmax(480px,1.1fr);min-height:100vh;background:var(--surface)}.login-brand{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:clamp(36px,6vw,82px);overflow:hidden;color:#fff;background:#244b39}.login-brand:after{position:absolute;right:-120px;bottom:120px;width:380px;height:1px;content:"";background:#ffffff3d;transform:rotate(-37deg)}.brand-mark{display:grid;width:58px;height:58px;place-items:center;border:1px solid rgb(255 255 255 / 35%);border-radius:8px}.brand-kicker{margin:0 0 14px;color:#bad3c5;font-size:12px;font-weight:700}.login-brand h1{margin:0;font-size:clamp(46px,7vw,86px);line-height:1;letter-spacing:0}.login-brand p:last-child{max-width:410px;margin:25px 0 0;color:#dbe7e0;font-size:17px;line-height:1.75}.brand-index{color:#ffffff21;font-size:clamp(70px,12vw,160px);font-weight:800;line-height:.75}.login-panel{display:grid;min-height:100vh;padding:40px;place-items:center}.login-form{width:min(100%,390px)}.login-form header{display:flex;align-items:center;gap:14px;margin-bottom:38px}.login-form header>svg{color:var(--green)}.login-form h2{margin:0 0 5px;font-size:25px}.login-form header p{margin:0;color:var(--muted);font-size:14px}.field-label{display:block;margin:20px 0 8px;font-size:13px;font-weight:700}.input-shell{display:flex;align-items:center;min-height:48px;padding:0 12px;border:1px solid #cfd6cf;border-radius:6px;background:#fff;transition:border-color .15s,box-shadow .15s}.input-shell:focus-within{border-color:var(--focus);box-shadow:0 0 0 3px #236b491a}.input-shell>svg{flex:0 0 auto;color:#8b948d}.input-shell input{min-width:0;flex:1;padding:12px 10px;border:0;outline:0;color:var(--ink);background:transparent}.input-shell input::placeholder{color:#a6ada7}.icon-button{display:inline-grid;width:38px;height:38px;flex:0 0 auto;padding:0;place-items:center;border:0;border-radius:6px;color:#5e6760;background:transparent;cursor:pointer}.icon-button:hover{color:var(--ink);background:#edf0ed}.primary-button,.secondary-button,.reveal-button,.mark-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;gap:9px;padding:0 20px;border:1px solid transparent;border-radius:6px;font-weight:700;cursor:pointer}.primary-button{color:#fff;background:var(--green)}.primary-button:hover{background:#18583b}.primary-button:disabled{cursor:wait;opacity:.65}.login-button{width:100%;margin-top:26px}.form-error{margin:14px 0 -8px;color:var(--red);font-size:13px}.study-shell{min-height:100vh;background:#f4f6f3}.app-header{position:sticky;z-index:10;top:0;display:flex;height:68px;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);background:#fffffff0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-identity,.header-actions{display:flex;align-items:center}.app-identity{gap:12px}.app-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:7px;color:#fff;background:#244b39}.app-identity div{display:flex;flex-direction:column;gap:2px}.app-identity strong{font-size:15px}.app-identity div span{color:var(--muted);font-size:12px}.header-actions{gap:14px}.sync-status{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:12px}.sync-dot{width:7px;height:7px;border-radius:50%;background:#7d9686}.sync-syncing .sync-dot{background:var(--amber);animation:pulse 1s ease-in-out infinite}.sync-error{color:var(--red)}.sync-error .sync-dot{background:var(--red)}@keyframes pulse{50%{opacity:.35}}.user-name{max-width:160px;overflow:hidden;font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.study-layout{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 68px)}.study-sidebar{padding:28px 18px;border-right:1px solid var(--line);background:#eef1ed}.type-nav{display:flex;flex-direction:column;gap:5px}.type-nav button{display:grid;grid-template-columns:minmax(0,1fr) auto auto;min-height:46px;align-items:center;gap:8px;padding:0 10px 0 14px;border:0;border-radius:6px;color:#4f5951;text-align:left;background:transparent;cursor:pointer}.type-nav button:hover{background:#ffffffa6}.type-nav button.active{color:#173e2c;background:#fff;box-shadow:inset 3px 0 #2b7652;font-weight:700}.type-nav small{color:#7d877f;font-size:11px}.sidebar-stats{margin-top:40px;padding:0 14px}.sidebar-stats>p{margin:0 0 15px;color:#747e76;font-size:11px;font-weight:800}.sidebar-stats div{display:flex;align-items:center;justify-content:space-between;padding:8px 0;color:#69726b;font-size:12px}.sidebar-stats strong{color:#354038;font-size:13px}.text-known{color:var(--green)!important}.text-unknown{color:var(--red)!important}.study-main{width:min(100%,1040px);margin:0 auto;padding:32px clamp(24px,5vw,64px) 60px}.study-controls{display:flex;align-items:center;gap:12px;margin-bottom:24px}.mode-control{display:inline-flex;flex:0 0 auto;padding:3px;border:1px solid #bfc9c1;border-radius:7px;background:#fff}.mode-control button{display:inline-flex;width:94px;height:34px;align-items:center;justify-content:center;gap:7px;padding:0 10px;border:0;border-radius:4px;color:#5e6861;background:transparent;cursor:pointer}.mode-control button.active{color:#fff;background:#283c31;font-weight:700}.study-toolbar{display:flex;min-width:0;flex:1;min-height:42px;align-items:center}.segmented-control{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:7px;background:#e9ede9}.segmented-control button{min-width:64px;height:32px;padding:0 12px;border:0;border-radius:4px;color:#687169;background:transparent;cursor:pointer}.segmented-control button.active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #1f2d2317;font-weight:700}.plan-control button{min-width:76px}.review-focus{display:inline-flex;flex:0 0 auto;gap:2px;padding-left:10px;border-left:1px solid var(--line)}.review-focus button{height:32px;padding:0 10px;border:0;border-radius:4px;color:#687169;background:transparent;cursor:pointer}.review-focus button.active{color:var(--green);background:var(--green-soft);font-weight:700}.candidate-count{margin-left:16px;color:var(--muted);font-size:12px}.refresh-button{margin-left:auto;border:1px solid var(--line);background:#fff}.study-main>.state-panel{min-height:420px;border:1px dashed #ced5cf;border-radius:8px;background:#ffffff6b}.state-panel h2{margin:4px 0 0;color:var(--ink);font-size:19px}.state-panel p{max-width:520px;margin:0;text-align:center}.error-state>svg{color:var(--red)}.empty-state>svg{color:var(--green)}.secondary-button{margin-top:8px;border-color:var(--line);background:#fff}.question-card{overflow:hidden;border:1px solid #d9dfda;border-radius:8px;background:var(--surface);box-shadow:0 12px 32px #1f2d230f}.question-meta{display:flex;min-height:45px;align-items:center;gap:18px;padding:0 clamp(20px,4vw,42px);border-bottom:1px solid #edf0ed;color:#7a837c;font-size:12px}.question-meta span:first-child{color:var(--green);font-weight:800}.question-title{margin:0;padding:clamp(28px,5vw,48px) clamp(20px,5vw,48px) 28px;font-size:clamp(20px,2.3vw,27px);font-weight:700;line-height:1.7;letter-spacing:0}.options-list{display:flex;flex-direction:column;gap:10px;padding:0 clamp(20px,5vw,48px) 38px}.option-row{display:grid;grid-template-columns:38px minmax(0,1fr) 24px;min-height:58px;align-items:center;gap:12px;padding:9px 16px 9px 11px;border:1px solid #dce2dc;border-radius:6px;text-align:left;background:#fff;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.option-row:hover:not(.correct):not(.incorrect){border-color:#aeb9b0;background:#fafbfa;transform:translate(2px)}.option-key{display:grid;width:34px;height:34px;place-items:center;border:1px solid #cfd6d0;border-radius:5px;color:#58625a;font-size:13px;font-weight:800;background:#f5f7f5}.option-text{min-width:0;overflow-wrap:anywhere;font-size:15px;line-height:1.55}.option-result{display:grid;place-items:center}.option-row.selected:not(.correct):not(.incorrect){border-color:#4a8668;background:#f1f7f3}.option-row.selected:not(.correct):not(.incorrect) .option-key{border-color:var(--green);color:#fff;background:var(--green)}.option-row.correct{border-color:#6ca181;color:#194b31;background:var(--green-soft)}.option-row.correct .option-key{border-color:#52906e;color:#fff;background:var(--green)}.option-row.correct .option-result{color:var(--green)}.option-row.incorrect{border-color:#cf827c;color:#742b28;background:var(--red-soft)}.option-row.incorrect .option-key{border-color:#c45a55;color:#fff;background:var(--red)}.option-row.incorrect .option-result{color:var(--red)}.options-list.revealed .option-row{cursor:default}.options-list.recite{padding-bottom:24px}.answer-panel{margin:0 clamp(20px,5vw,48px) 32px;padding:18px 20px;border-left:3px solid var(--green);background:#f3f7f4}.answer-panel div{display:flex;align-items:baseline;gap:12px}.answer-panel span{color:var(--muted);font-size:12px}.answer-panel strong{color:var(--green);font-size:18px}.answer-panel p{margin:12px 0 0;color:#4c564e;font-size:14px;line-height:1.7}.answer-panel p.quiz-result{display:flex;align-items:center;gap:7px;margin:0 0 14px;font-weight:800}.quiz-result.result-correct{color:var(--green)}.quiz-result.result-incorrect{color:var(--red)}.question-actions{display:flex;min-height:78px;align-items:center;justify-content:flex-end;gap:12px;padding:14px clamp(20px,5vw,48px);border-top:1px solid #edf0ed;background:#fafbfa}.reveal-button{min-width:150px;color:#fff;background:#283c31}.reveal-button:hover{background:#18281f}.reveal-button:disabled{color:#929a94;background:#e4e8e4;cursor:not-allowed}.mark-button{min-width:128px}.mark-unknown{border-color:#d7aaa6;color:var(--red);background:#fff}.mark-unknown:hover{background:var(--red-soft)}.mark-known{color:#fff;background:var(--green)}.mark-known:hover{background:#18583b}.mobile-type-tabs{display:none}@media(max-width:840px){.login-layout{grid-template-columns:1fr}.login-brand{min-height:34vh;padding:28px}.login-brand>div:nth-child(2){margin-top:48px}.login-brand h1{font-size:48px}.login-brand p:last-child{margin-top:12px;font-size:14px}.brand-index{position:absolute;right:22px;bottom:18px;font-size:72px}.login-panel{min-height:66vh;padding:34px 24px 56px;place-items:start center}.study-layout{grid-template-columns:1fr}.study-sidebar{display:none}.study-main{padding:20px 18px 44px}.study-controls{flex-wrap:wrap;gap:10px}.study-toolbar{min-width:100%}.mobile-type-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:16px;border-bottom:1px solid var(--line)}.mobile-type-tabs button{min-height:42px;border:0;border-bottom:2px solid transparent;color:var(--muted);background:transparent}.mobile-type-tabs button.active{border-bottom-color:var(--green);color:var(--green);font-weight:800}}@media(max-width:560px){.app-header{height:60px;padding:0 14px}.app-icon{width:36px;height:36px}.app-identity div span,.user-name,.sync-status{display:none}.study-layout{min-height:calc(100vh - 60px)}.study-main{padding:14px 12px 110px}.study-toolbar{align-items:center}.study-controls{display:grid;grid-template-columns:minmax(0,1fr);margin-bottom:14px}.mode-control{width:100%}.mode-control button{width:auto;flex:1}.segmented-control{min-width:0;flex:1}.segmented-control button{min-width:0;flex:1;padding:0 7px;font-size:13px}.plan-control button{min-width:0}.study-toolbar.review-active{flex-wrap:wrap}.review-focus{order:3;width:100%;margin-top:8px;padding-top:8px;padding-left:0;border-top:1px solid var(--line);border-left:0}.review-focus button{min-width:0;flex:1}.candidate-count{display:none}.refresh-button{margin-left:9px}.question-card{overflow:visible;box-shadow:none}.question-meta{min-height:40px;gap:10px;padding:0 14px}.question-meta span:nth-child(2){max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-meta span:last-child{margin-left:auto}.question-title{padding:23px 16px 20px;font-size:19px;line-height:1.65}.options-list{gap:8px;padding:0 12px 25px}.option-row{grid-template-columns:34px minmax(0,1fr) 20px;min-height:55px;gap:9px;padding:8px 10px 8px 8px}.option-key{width:32px;height:32px}.option-text{font-size:14px}.answer-panel{margin:0 12px 22px;padding:14px 15px}.question-actions{position:fixed;z-index:8;right:0;bottom:0;left:0;min-height:76px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top-color:#d9dfda;box-shadow:0 -8px 20px #1f2d2314}.question-actions>button{min-width:0;flex:1}.study-main>.state-panel{min-height:360px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}