.flashcard{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex}.flashcard .name{color:#1f2937;font-size:40px;font-weight:700}.flashcard .pinyin{color:#6b7280;margin-top:4px;font-size:16px}.flashcard .counter{color:#9ca3af;margin:8px 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 .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}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{color:#1f2937;background:#f3f4f6;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{cursor:pointer;border:none;font-family:inherit}.app-shell{background:#f3f4f6;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{padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid #e5e7eb;display:flex}.tab{text-align:center;color:#6b7280;flex:1;min-height:44px;padding:12px 0;font-size:14px;text-decoration:none}.tab.active{color:#2563eb;font-weight:600}.card{background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.card-title{color:#1f2937;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:#2563eb;font-size:20px;font-weight:700}.metric-label{color:#6b7280;margin-top:4px;font-size:12px}.empty{color:#9ca3af;text-align:center;padding:8px 0;font-size:14px}.list-item{text-align:left;background:0 0;border-bottom:1px solid #e5e7eb;align-items:center;gap:12px;width:100%;padding:10px 0;font-family:inherit;display:flex}.list-name{color:#111827;font-size:15px;font-weight:600}.list-sub{color:#9ca3af;margin-top:2px;font-size:12px}.list-meta{color:#6b7280;font-size:13px}.list-acc{color:#16a34a;text-align:right;min-width:40px;font-size:13px;font-weight:600}.filter-row{cursor:pointer;border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.filter-text{color:#111827;font-size:15px}.filter-row input{width:20px;height:20px}.danger-btn{color:#dc2626;background:0 0;border:1px solid #dc2626;border-radius:10px;min-height:44px;margin-top:8px;padding:14px;font-size:15px;font-weight:600}