:root{--accent:#b51d2a;--accent-border:#e2a6ad;--accent-strong:#8f1420;--accent-soft:#fff3f4;--bg:#f6f7f9;--border:#d9dee6;--danger:#9f1f1f;--danger-border:#e7aaa7;--danger-soft:#fff1f0;--disabled:#edf0f4;--key-bg:#eef3f1;--muted:#667085;--selected-soft:#fff7f7;--soft-surface:#f9fafb;--success:#17624a;--success-border:#9ccdbd;--success-strong:#0f513d;--success-soft:#effaf5;--surface:#fff;--text:#2d3542;--text-strong:#101828;color:var(--text);background:var(--bg);font-synthesis:none;letter-spacing:0;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Microsoft YaHei,PingFang SC,Segoe UI,system-ui,sans-serif;font-size:16px;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;margin:0}button{letter-spacing:0}.app-shell{width:min(1080px,100%);min-height:100dvh;padding:24px;padding-bottom:calc(116px + env(safe-area-inset-bottom,0px));margin:0 auto}.with-bottom-nav{padding-bottom:calc(116px + env(safe-area-inset-bottom,0px))}.home-shell{align-content:start;gap:20px;display:grid}.page-header{border-bottom:1px solid var(--border);gap:10px;padding-bottom:14px;display:grid}.page-header.compact{gap:12px}.page-header p{max-width:68ch;color:var(--muted)}.eyebrow{color:var(--accent);margin:0;font-size:14px;font-weight:750}h1,h2,p{margin:0}h1{color:var(--text-strong);font-size:32px;font-weight:760;line-height:1.2}h2{color:var(--text-strong);font-size:22px;line-height:1.25}.state-panel{border:1px solid var(--border);background:var(--surface);min-height:220px;color:var(--muted);border-radius:8px;place-items:center;display:grid}.state-panel.error{color:var(--danger);border-color:var(--danger-border);background:var(--danger-soft)}.round-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.round-card,.cloud-sync-panel,.review-panel,.quiz-panel,.record-card,.empty-copy{border:1px solid var(--border);background:var(--surface);border-radius:8px}.round-card{gap:18px;padding:18px;display:grid}.cloud-sync-panel{gap:14px;padding:16px;display:grid}.cloud-sync-panel header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.cloud-sync-badge{border:1px solid var(--border);color:var(--muted);border-radius:999px;flex:none;padding:5px 10px;font-size:13px;font-weight:750}.cloud-sync-badge.connected{border-color:var(--success-border);background:var(--success-soft);color:var(--success)}.cloud-sync-badge.error{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.cloud-sync-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.filter-row input{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;height:40px;color:var(--text-strong);font:inherit;border-radius:8px;padding:0 12px}.cloud-sync-actions{flex-wrap:wrap;gap:10px;display:flex}.cloud-sync-actions button{border:1px solid var(--accent);background:var(--accent);color:#fff;min-height:42px;font:inherit;cursor:pointer;border-radius:8px;padding:0 16px;font-weight:750}.cloud-sync-actions .secondary-button{border-color:var(--border);background:var(--surface);color:var(--text-strong)}.cloud-sync-meta{color:var(--muted);flex-wrap:wrap;gap:8px 14px;font-size:14px;font-weight:650;display:flex}.cloud-sync-status.success{color:var(--success)}.cloud-sync-status.error{color:var(--danger)}.cloud-sync-status.working{color:var(--accent-strong)}.cloud-sync-history{border-top:1px solid var(--border);gap:10px;padding-top:4px;display:grid}.cloud-sync-history-header,.cloud-sync-history-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.cloud-sync-history-header span,.cloud-sync-history p{color:var(--muted);font-size:14px}.cloud-sync-history-list{gap:8px;display:grid}.cloud-sync-history-row{border-top:1px solid var(--border);min-height:44px;color:var(--text-strong);padding:8px 0;font-weight:700}.cloud-sync-history-row button{flex:none}.stat-grid,.meta-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;display:grid}.stat-grid div,.meta-grid div{border:1px solid var(--border);background:var(--soft-surface);border-radius:8px;min-width:0;padding:12px}.stat-grid dt,.meta-grid dt{color:var(--muted);font-size:13px}.stat-grid dd,.meta-grid dd{color:var(--text-strong);overflow-wrap:anywhere;margin:4px 0 0;font-weight:750}.card-actions,.quick-entry-grid,.nav-actions,.submit-row,.wrong-retry-actions{gap:10px;display:flex}.card-actions button,.quick-entry-grid button,.nav-actions button,.submit-row button,.wrong-retry-actions button,.secondary-button,.text-button,.original-text button{min-height:42px;font:inherit;cursor:pointer;border-radius:8px;font-weight:750}.card-actions button,.quick-entry-grid button,.nav-actions button,.submit-row button,.wrong-retry-actions button{border:1px solid var(--accent);background:var(--accent);color:#fff;padding:0 16px}.secondary-button,.text-button,.original-text button{border:1px solid var(--border);background:var(--surface);color:var(--text-strong);padding:0 14px}.text-button{width:fit-content}button:hover:not(:disabled),button:focus-visible{border-color:var(--accent-strong)}button:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button:disabled{border-color:var(--border);background:var(--disabled);color:var(--muted);cursor:not-allowed}.danger-button{border-color:var(--danger-border);background:var(--danger-soft);color:var(--danger)}.danger-button:hover:not(:disabled),.danger-button:focus-visible{border-color:var(--danger)}.quick-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.reset-entry-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.wrong-retry-actions{flex-wrap:wrap;align-items:end}.wrong-retry-actions .filter-row,.wrong-retry-actions button{flex:180px}.progress-strip{flex-wrap:wrap;gap:8px;display:flex}.progress-strip span{border:1px solid var(--border);background:var(--surface);color:var(--text-strong);border-radius:8px;padding:7px 10px;font-size:14px;font-weight:700}.mode-toggle{border:1px solid var(--border);background:var(--surface);border-radius:8px;gap:4px;width:fit-content;padding:4px;display:inline-flex}.mode-toggle button{min-height:36px;color:var(--text-strong);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:0 14px;font-weight:750}.mode-toggle button.active{border-color:var(--accent);background:var(--accent);color:#fff}.filter-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.filter-row{min-width:0;color:var(--muted);gap:6px;font-size:14px;font-weight:700;display:grid}.filter-row select{border:1px solid var(--border);background:var(--surface);width:100%;min-width:0;height:40px;color:var(--text-strong);font:inherit;border-radius:8px;padding:0 12px}.quiz-panel,.review-panel{gap:16px;margin-top:16px;padding:16px;display:grid}.quiz-header{gap:8px;display:grid}.record-status{border:1px solid var(--border);background:var(--soft-surface);border-radius:8px;padding:10px 12px;font-weight:700}.multiple-hint{border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent-strong);border-radius:8px;padding:10px 12px;font-weight:750}.stem{border-left:4px solid var(--accent);background:var(--soft-surface);color:var(--text-strong);padding:18px;font-size:19px;font-weight:700;line-height:1.65}.question-image{justify-items:center;margin:0;display:grid}.question-image img{border:1px solid var(--border);background:var(--surface);border-radius:8px;max-width:100%;height:auto;display:block}.option-list,.review-option-list{gap:12px;display:grid}.option-button{border:1px solid var(--border);background:var(--surface);min-height:60px;color:var(--text);font:inherit;text-align:left;cursor:pointer;border-radius:8px;align-items:flex-start;gap:12px;padding:14px 16px;line-height:1.55;display:flex}.review-option{cursor:default}.option-button:hover:not(:disabled),.option-button:focus-visible{background:var(--accent-soft)}.option-button.selected{border-color:var(--accent);background:var(--selected-soft);box-shadow:inset 0 0 0 1px var(--accent)}.option-button.correct{border-color:var(--success-border);background:var(--success-soft)}.option-button.incorrect{border-color:var(--danger-border);background:var(--danger-soft)}.option-key{background:var(--key-bg);width:32px;height:32px;color:var(--text-strong);border-radius:999px;flex:0 0 32px;place-items:center;font-weight:800;display:inline-grid}.option-text{overflow-wrap:anywhere;flex:240px;min-width:0}.option-badge{background:var(--success);color:#fff;white-space:nowrap;border-radius:999px;flex:none;padding:3px 8px;font-size:13px;font-weight:750}.option-badge.wrong{background:var(--danger)}.option-badge.missed{background:var(--success-strong)}.option-badge.latest{background:var(--accent)}.submit-row{color:var(--muted);align-items:center}.feedback{border:1px solid;border-radius:8px;gap:10px;padding:16px;line-height:1.65;display:grid}.feedback.correct{color:var(--success);border-color:var(--success-border);background:var(--success-soft)}.feedback.incorrect{color:var(--danger);border-color:var(--danger-border);background:var(--danger-soft)}.feedback.neutral{color:var(--text);border-color:var(--border);background:var(--soft-surface)}.feedback strong{color:var(--text-strong)}.retry-button{width:fit-content}.original-text{gap:10px;padding-top:6px;display:grid}.original-text button{width:fit-content}.original-text p{border:1px solid var(--border);background:var(--surface);color:var(--text);overflow-wrap:anywhere;border-radius:8px;padding:12px}.record-list{gap:10px;margin-top:16px;display:grid}.record-card{color:var(--text);font:inherit;text-align:left;cursor:pointer;gap:6px;padding:14px;display:grid}.record-title{color:var(--text-strong);font-weight:750;line-height:1.5}.empty-copy{color:var(--muted);padding:18px}.correct-text{color:var(--success)}.wrong-text{color:var(--danger)}.bottom-nav{z-index:10;left:50%;bottom:calc(12px + env(safe-area-inset-bottom,0px));border:1px solid var(--border);background:#fffffff5;border-radius:8px;grid-template-columns:repeat(4,minmax(64px,1fr));gap:6px;width:min(520px,100% - 24px);padding:8px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px #10182824}.bottom-nav button{min-height:42px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;font-weight:750}.bottom-nav button.active{background:var(--accent);color:#fff}@media (width<=900px){.round-grid,.quick-entry-grid,.reset-entry-grid,.cloud-sync-form,.filter-grid{grid-template-columns:1fr}.stat-grid,.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.app-shell{padding:16px 12px;padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}.with-bottom-nav{padding-bottom:calc(132px + env(safe-area-inset-bottom,0px))}h1{font-size:26px}h2{font-size:20px}.stat-grid,.meta-grid{grid-template-columns:1fr}.card-actions,.cloud-sync-actions,.cloud-sync-history-header,.cloud-sync-history-row,.nav-actions,.submit-row,.wrong-retry-actions{flex-direction:column}.mode-toggle{width:100%}.mode-toggle button{flex:1}.card-actions button,.quick-entry-grid button,.reset-entry-grid button,.cloud-sync-actions button,.cloud-sync-history-row button,.nav-actions button,.submit-row button,.wrong-retry-actions button{width:100%}.option-button{flex-wrap:wrap;padding:14px}.option-text{flex-basis:calc(100% - 44px)}.option-badge{margin-left:44px}.bottom-nav{bottom:calc(8px + env(safe-area-inset-bottom,0px));grid-template-columns:repeat(4,minmax(0,1fr));width:calc(100% - 16px)}}