:root{--primary: #E63946;--primary-light: rgba(230, 57, 70, .08);--secondary: #FFB703;--bg: #F5F5F7;--surface: #FFFFFF;--text: #1D1D1F;--text-secondary: #86868B;--border: #D2D2D7;--radius: 14px;--font: "Noto Sans SC", -apple-system, sans-serif}[data-theme=warm]{--primary: #6366F1;--primary-light: rgba(99, 102, 241, .08);--secondary: #F43F5E;--bg: #EEEFFF;--border: #C7D2FE}[data-theme=dark]{--primary: #38BDF8;--primary-light: rgba(56, 189, 248, .1);--secondary: #34D399;--bg: #0F172A;--surface: #1E293B;--text: #F1F5F9;--text-secondary: #94A3B8;--border: #334155}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;min-height:100dvh;-webkit-tap-highlight-color:transparent;transition:background .3s,color .3s}.nav-bar{background:var(--surface);border-bottom:1px solid var(--border);padding:14px 16px;position:sticky;top:0;z-index:100;transition:background .3s}.nav-inner{max-width:460px;margin:auto;display:flex;justify-content:space-between;align-items:center}.nav-title{font-weight:800;font-size:1rem}.nav-btn{background:none;border:1px solid var(--border);border-radius:8px;padding:4px 10px;font-size:.8rem;color:var(--text-secondary);cursor:pointer}.container{max-width:460px;margin:auto;padding:20px 16px 80px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;box-shadow:0 2px 10px #0000000a;transition:background .3s,border .3s}.section-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:700;margin-bottom:16px}.progress-bar{height:6px;background:var(--border);border-radius:3px;margin-bottom:20px;overflow:hidden}.progress-fill{height:100%;background:var(--primary);transition:width .4s ease}.q-title{font-size:1.15rem;font-weight:700;line-height:1.5;margin-bottom:20px}.img-group{display:flex;gap:10px;margin-bottom:20px}.img-group.single{display:block}.img-group img{flex:1;min-width:0;border-radius:10px;border:1px solid var(--border);display:block;object-fit:cover}.img-group.single img{width:100%;max-height:300px;object-fit:contain;background:#fafafa}.opt-btn{width:100%;text-align:left;padding:16px;margin-bottom:10px;border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);font-size:1rem;font-weight:600;cursor:pointer;color:var(--text);transition:all .2s}.opt-btn:active{transform:scale(.98)}.opt-btn.correct{border-color:#10b981;background:#10b98114}.opt-btn.wrong{border-color:#ef4444;background:#ef444414}.feedback{margin-top:14px;padding:14px;border-radius:10px;background:var(--primary-light);font-size:.95rem;line-height:1.5}.cloze-text{font-size:1.15rem;line-height:2.4;margin-bottom:20px}.blank{display:inline-block;min-width:80px;height:34px;margin:0 4px;border-bottom:2px dashed var(--primary);text-align:center;color:var(--primary);font-weight:800;cursor:pointer;vertical-align:middle;border-radius:4px;background:var(--primary-light);padding:0 8px;transition:all .2s}.blank.filled{background:var(--primary);color:#fff;border-bottom:none;border-radius:6px}.overlay{position:fixed;inset:0;background:#00000073;z-index:200;opacity:0;pointer-events:none;transition:opacity .3s}.overlay.open{opacity:1;pointer-events:auto}.sheet{position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-radius:24px 24px 0 0;padding:28px 20px calc(20px + env(safe-area-inset-bottom));z-index:201;transform:translateY(100%);transition:transform .35s cubic-bezier(.16,1,.3,1);box-shadow:0 -8px 30px #00000026}.sheet.open{transform:translateY(0)}.sheet-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 20px}.sheet-title{font-weight:700;color:var(--text-secondary);margin-bottom:14px;text-align:center}.sheet-opt{width:100%;padding:16px;margin-bottom:10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);font-size:1.05rem;font-weight:600;cursor:pointer;color:var(--text);transition:all .2s}.sheet-opt:active{background:var(--border)}.reason-box{margin-bottom:18px;padding:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--primary-light)}.reason-label{display:block;font-weight:700;margin-bottom:8px;font-size:.95rem}.reason-textarea{width:100%;min-height:80px;border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:.95rem;resize:vertical;color:var(--text);background:var(--surface);font-family:var(--font)}.reason-textarea:focus{outline:none;border-color:var(--primary)}.reason-hint{margin-top:6px;font-size:.8rem;color:var(--text-secondary)}.action-btn{width:100%;padding:16px;border:none;border-radius:var(--radius);background:var(--primary);color:#fff;font-size:1.1rem;font-weight:700;cursor:pointer;margin-top:16px;transition:all .2s;box-shadow:0 4px #00000014}.action-btn:active{transform:translateY(2px);box-shadow:none}.action-btn:disabled{opacity:.4;pointer-events:none}.theme-row{display:flex;justify-content:center;gap:12px;margin-bottom:20px}.theme-pill{width:34px;height:34px;border-radius:50%;border:3px solid white;cursor:pointer;box-shadow:0 2px 8px #0000001a;transition:.2s}.theme-pill.active{transform:scale(1.2);box-shadow:0 0 12px #0003}.stars{font-size:3rem;text-align:center;margin:12px 0}.chart-box{margin-top:20px;padding:12px;background:var(--bg);border-radius:var(--radius)}.admin-table{width:100%;border-collapse:collapse;font-size:.82rem;margin-top:16px}.admin-table th,.admin-table td{border-bottom:1px solid var(--border);padding:10px 6px;text-align:left;vertical-align:top}.admin-table th{font-weight:800;white-space:nowrap}.hidden{display:none!important}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.anim{animation:fadeUp .4s ease}