:root{font-family:Noto Sans JP,system-ui,sans-serif;color:#1f2937;background:#f3f4f6}body{margin:0}.app{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem}.help,.count{color:#4b5563}.card{width:min(90vw,420px);min-height:240px;background:#fff;border-radius:20px;box-shadow:0 12px 40px #0000001f;display:flex;align-items:center;justify-content:center;padding:1.5rem;cursor:pointer;position:relative;transition:transform .18s ease-out,box-shadow .18s ease-out;touch-action:pan-y;-webkit-user-select:none;user-select:none}.card.dragging{box-shadow:0 20px 50px #2563eb40}.card.flipped{border:2px solid #2563eb}.word{font-size:2.2rem;margin:0}.details h2{margin-top:0}.swipe-indicator{position:absolute;left:12px;right:12px;bottom:10px;border-radius:12px;background:#1e293be0;color:#f8fafc;padding:.6rem .75rem;font-size:.85rem;line-height:1.35}.swipe-indicator p{margin:0}.swipe-indicator p+p{margin-top:.2rem}.speak-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.speak-button{border:none;border-radius:9999px;background:#1d4ed8;color:#fff;padding:.75rem 1.1rem;font-size:.95rem;font-weight:700;cursor:pointer;box-shadow:0 10px 28px #1d4ed847}.speak-button.dictionary{background:#0f766e;box-shadow:0 10px 28px #0f766e47}.speak-button:disabled{background:#9ca3af;box-shadow:none;cursor:not-allowed}.learning-actions{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.action-button{border:none;border-radius:9999px;color:#fff;padding:.75rem 1.1rem;font-size:.95rem;font-weight:700;cursor:pointer}.action-button.known{background:#16a34a;box-shadow:0 10px 28px #16a34a47}.action-button.reset{background:#dc2626;box-shadow:0 10px 28px #dc262647}