.tfl-root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}
.tfl-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end;margin:10px 0 16px}
.tfl-control-group{display:flex;flex-direction:column;gap:6px}
.tfl-label{font-size:12px;opacity:.75}
.tfl-btn{padding:10px 14px;border:1px solid #e5e7eb;border-radius:10px;background:#fff;cursor:pointer}
.tfl-stage{min-height:220px;border:1px solid #f0f0f2;border-radius:16px;padding:16px;position:relative}
.tfl-loader{text-align:center;opacity:.7;padding:16px}
.tfl-toggle{display:flex;align-items:center;gap:8px}
.tfl-switch{position:relative;display:inline-block;width:44px;height:24px}
.tfl-switch input{display:none}
.tfl-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#e5e7eb;transition:.2s;border-radius:999px}
.tfl-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;top:3px;background:white;transition:.2s;border-radius:50%}
.tfl-switch input:checked + .tfl-slider{background:#10b981}
.tfl-switch input:checked + .tfl-slider:before{transform:translateX(20px)}
.tfl-deck{min-width:260px;width:260px;padding:8px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;appearance:auto;-webkit-appearance:menulist;-moz-appearance:menulist}
.tfl-card{display:flex;flex-direction:column;gap:12px}
.tfl-card-visual{display:flex;justify-content:center;align-items:center}
.tfl-card-visual img{max-width:100%;height:auto;border-radius:12px}
.tfl-title{font-size:18px;font-weight:600;margin:0;text-align:center}
.tfl-card-answer{border-top:1px dashed #e5e7eb;padding-top:12px;display:none;white-space:pre-wrap}
.tfl-actions{display:flex;gap:8px;justify-content:center;margin-top:8px}
.tfl-actions .tfl-btn{min-width:90px}
.tfl-flip{border-color:#d1d5db}
.tfl-correct{border-color:#22c55e}
.tfl-wrong{border-color:#ef4444}
.tfl-score{text-align:center}
.tfl-score h3{margin:0 0 6px}
.tfl-missed{margin-top:12px}
.tfl-missed details{border:1px solid #f0f0f2;border-radius:10px;padding:10px}
.tfl-missed summary{cursor:pointer;font-weight:600}
.tfl-missed ul{margin:8px 0 0 18px}
@media (min-width:720px){.tfl-stage{padding:24px}.tfl-card{max-width:640px;margin:0 auto}}