.flashcard{border-radius:12px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;transition:background-color .3s;display:flex}.flashcard.fb-remember{background:#16a34a26}.flashcard.fb-forget{background:#dc262626}.flashcard .name-area{flex-direction:column;align-items:center;gap:4px;display:flex}.flashcard .name{color:#1f2937;font-size:40px;font-weight:700}.flashcard .pinyin{color:#6b7280;margin-top:2px;font-size:16px}.flashcard .meridian-badge{color:#2563eb;background:#2563eb1a;border-radius:999px;margin-top:8px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.flashcard .counter{color:#9ca3af;margin:12px 0 24px;font-size:14px}.flashcard .hint{color:#9ca3af;text-align:center;margin:24px 0;font-size:15px}.flashcard .answer-box{background:#f9fafb;border-radius:12px;flex-direction:column;gap:12px;width:100%;padding:16px;display:flex}.flashcard .answer-row{align-items:flex-start;gap:10px;display:flex}.flashcard .row-dot{background:#2563eb;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:5px}.flashcard .row-label{color:#6b7280;font-size:13px;font-weight:600}.flashcard .row-value{color:#111827;margin-top:2px;font-size:15px;line-height:1.5}.flashcard .actions{flex-direction:column;gap:12px;width:100%;margin-top:24px;display:flex}.flashcard .actions .row{gap:12px;display:flex}.flashcard .btn{color:#fff;border-radius:12px;flex:1;min-height:44px;padding:16px;font-size:16px;font-weight:600}.flashcard .btn-primary{background:#2563eb}.flashcard .btn-remember{background:#16a34a}.flashcard .btn-forget{background:#dc2626}[data-theme=dark] .flashcard .name{color:#f3f4f6}[data-theme=dark] .flashcard .meridian-badge{color:#93c5fd;background:#60a5fa2e}[data-theme=dark] .flashcard .answer-box{background:#1f2937}[data-theme=dark] .flashcard .row-value{color:#e5e7eb}[data-theme=dark] .flashcard .row-dot{background:#60a5fa}:root{--bg:#f3f4f6;--card-bg:#fff;--card-inner:#f9fafb;--text:#1f2937;--text-strong:#111827;--text-muted:#6b7280;--text-faint:#9ca3af;--border:#e5e7eb;--primary:#2563eb;--green:#16a34a;--red:#dc2626}[data-theme=dark]{--bg:#111827;--card-bg:#1f2937;--card-inner:#374151;--text:#d1d5db;--text-strong:#f3f4f6;--text-muted:#9ca3af;--text-faint:#6b7280;--border:#374151;--primary:#60a5fa;--green:#4ade80;--red:#f87171}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{cursor:pointer;border:none;font-family:inherit}.app-shell{background:var(--bg);flex-direction:column;max-width:480px;min-height:100%;margin:0 auto;display:flex}.app-main{padding-bottom:env(safe-area-inset-bottom);flex-direction:column;flex:1;display:flex;overflow-y:auto}.tabbar{border-top:1px solid var(--border);background:var(--card-bg);padding-bottom:env(safe-area-inset-bottom);display:flex}.tab{text-align:center;color:var(--text-muted);flex:1;min-height:44px;padding:12px 0;font-size:14px;text-decoration:none}.tab.active{color:var(--primary);font-weight:600}.card{background:var(--card-bg);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.card-title{color:var(--text-strong);font-size:16px;font-weight:700}.metric-row{justify-content:space-between;display:flex}.metric{flex-direction:column;flex:1;align-items:center;display:flex}.metric-value{color:var(--primary);font-size:20px;font-weight:700}.metric-label{color:var(--text-muted);margin-top:4px;font-size:12px}.empty{color:var(--text-faint);text-align:center;padding:8px 0;font-size:14px}.list-item{border-bottom:1px solid var(--border);text-align:left;background:0 0;align-items:center;gap:12px;width:100%;padding:10px 0;font-family:inherit;display:flex}.list-name{color:var(--text-strong);font-size:15px;font-weight:600}.list-sub{color:var(--text-faint);margin-top:2px;font-size:12px}.list-meta{color:var(--text-muted);font-size:13px}.list-acc{color:var(--green);text-align:right;min-width:40px;font-size:13px;font-weight:600}.filter-row{border-bottom:1px solid var(--border);cursor:pointer;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.filter-text{color:var(--text-strong);font-size:15px}.filter-row input{width:20px;height:20px;accent-color:var(--primary)}.danger-btn{border:1px solid var(--red);color:var(--red);background:0 0;border-radius:10px;min-height:44px;margin-top:8px;padding:14px;font-size:15px;font-weight:600}.wrong-bar{background:var(--border);border-radius:2px;min-width:60px;height:4px;margin-top:4px;overflow:hidden}.wrong-bar-fill{background:var(--red);border-radius:2px;height:100%}.theme-group{gap:8px;margin-top:8px;display:flex}.theme-btn{border:1px solid var(--border);background:var(--card-inner);color:var(--text);border-radius:8px;flex:1;min-height:44px;padding:10px;font-size:14px}.theme-btn.active{border-color:var(--primary);color:var(--primary);font-weight:600}