*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:#222}#root{width:100%;min-height:100vh}.app{max-width:520px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding:16px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.header h1{font-size:22px;margin:0}.counter{color:#888;font-size:14px}.lang-toggle{display:flex;gap:8px;justify-content:center;margin-bottom:24px}.lang-btn{padding:8px 24px;font-size:14px;font-weight:700;letter-spacing:.04em;border-radius:999px;border:2px solid #d9d9d9;background:#fff;color:#888;cursor:pointer}.lang-btn.active{border-color:#1890ff;background:#1890ff;color:#fff}.main{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.card{width:100%;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px 24px;background:#fff;border:2px solid #e0e0e0;border-radius:16px;cursor:pointer;transition:background .2s,border-color .2s;text-align:center}.card.flipped{background:#eaf5ff;border-color:#6cb2ff}.card-lang{font-size:12px;font-weight:700;letter-spacing:.08em;color:#888}.card-word{font-size:28px;font-weight:600;-webkit-user-select:none;user-select:none}.card-hint{font-size:13px;color:#999;margin-top:8px}.card-example{margin-top:12px;padding-top:12px;border-top:1px solid #d5e8fb;width:100%}.example-fr{font-size:15px;font-style:italic}.example-en{font-size:14px;color:#666;margin-top:4px}.actions{display:flex;gap:12px;width:100%}.btn{flex:1;padding:14px 12px;font-size:15px;font-weight:600;border-radius:12px;border:none;cursor:pointer}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-hide{background:#e6f9ee;color:#1a8a4a}.btn-next{background:#1890ff;color:#fff}.empty{text-align:center;color:#555}.muted{color:#999;font-size:13px}.footer{margin-top:32px;text-align:center}.link-btn{background:none;border:none;color:#1890ff;font-size:13px;cursor:pointer;padding:4px}.hidden-panel{margin-top:12px;background:#fff;border-radius:12px;border:1px solid #eee;padding:8px 16px;text-align:left}.hidden-panel ul{list-style:none;margin:0;padding:0}.hidden-panel li{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #f0f0f0;font-size:14px}.hidden-panel li:last-child{border-bottom:none}