*{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;flex-wrap:wrap;gap:12px;margin-bottom:24px}.logo{height:36px;width:auto;display:block}.counter{color:#888;font-size:13px;text-align:center}.auth-bar{display:flex;justify-content:flex-end}.auth-user{display:flex;align-items:center;gap:6px}.avatar{width:28px;height:28px;border-radius:50%}.auth-name{font-size:14px;font-weight:600;color:#333}.icon-btn{display:flex;align-items:center;justify-content:center;padding:6px;border:none;background:none;color:#888;cursor:pointer;border-radius:50%}.icon-btn:hover{background:#0000000f;color:#333}.google-btn{display:flex;align-items:center;gap:10px;padding:9px 16px;font-size:14px;font-weight:600;color:#3c4043;background:#fff;border:1px solid #dadce0;border-radius:8px;cursor:pointer;box-shadow:0 1px 2px #00000014}.google-btn:hover{background:#f8f9fa;box-shadow:0 1px 3px #00000026}.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}.lang-arrow{display:flex;align-items:center;font-size:16px;font-weight:700;color:#1890ff}.topic-select{display:flex;justify-content:center;margin-bottom:24px}.topic-dropdown{padding:8px 16px;font-size:14px;font-weight:600;border-radius:999px;border:2px solid #d9d9d9;background:#fff;color:#333;cursor:pointer}.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-row{display:flex;align-items:center;justify-content:center;gap:10px}.card-word{font-size:28px;font-weight:600;-webkit-user-select:none;user-select:none}.speak-btn{flex:none;padding:4px 8px;font-size:18px;line-height:1;border:none;background:none;cursor:pointer;border-radius:8px}.speak-btn:hover{background:#0000000f}.example-row{display:flex;align-items:center;justify-content:center;gap:8px}.example-row:not(:first-child){margin-top:4px}.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}.signin-hint{margin:4px 0 0;font-size:12px;color:#aaa}.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}