@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";.nav-logo[data-v-8f32def6]{height:58px;width:auto;display:block;transition:transform .3s ease}.navbar-brand:hover .nav-logo[data-v-8f32def6]{transform:scale(1.05)}.navbar-links a[data-v-8f32def6],.navbar-links button[data-v-8f32def6]{display:inline-flex;align-items:center;gap:5px}.mobile-menu-btn[data-v-8f32def6]{display:none;background:none;border:none;cursor:pointer;width:32px;height:32px;position:relative}.mobile-menu-btn span[data-v-8f32def6],.mobile-menu-btn span[data-v-8f32def6]:before,.mobile-menu-btn span[data-v-8f32def6]:after{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;position:absolute;left:5px;transition:all .25s ease}.mobile-menu-btn span[data-v-8f32def6]{top:15px}.mobile-menu-btn span[data-v-8f32def6]:before{content:"";top:-7px}.mobile-menu-btn span[data-v-8f32def6]:after{content:"";top:7px}.mobile-menu-btn span.open[data-v-8f32def6]{background:transparent}.mobile-menu-btn span.open[data-v-8f32def6]:before{top:0;transform:rotate(45deg)}.mobile-menu-btn span.open[data-v-8f32def6]:after{top:0;transform:rotate(-45deg)}@media (max-width: 768px){.mobile-menu-btn[data-v-8f32def6]{display:block}.navbar-links[data-v-8f32def6]{display:none;flex-direction:column;align-items:stretch;position:absolute;top:64px;left:0;right:0;background:var(--card);border-bottom:1px solid var(--border);padding:8px 0;box-shadow:var(--shadow-lg);z-index:99}.navbar-links.mobile-open[data-v-8f32def6]{display:flex}.navbar-links a[data-v-8f32def6],.navbar-links button[data-v-8f32def6]{text-align:left;padding:12px 20px!important;font-size:15px!important;border-radius:0!important}.navbar-links a[data-v-8f32def6]:hover,.navbar-links button[data-v-8f32def6]:hover{background:var(--primary-light)}.lang-switch[data-v-8f32def6]{margin:4px 20px;align-self:flex-start}.nav-logo[data-v-8f32def6]{height:44px}}.loading-overlay[data-v-b209ccda]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;display:flex;justify-content:center;align-items:center;z-index:9999;overflow:hidden}.background-canvas[data-v-b209ccda]{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at center,#fff,#f8fafc)}.words-container[data-v-b209ccda]{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.floating-word[data-v-b209ccda]{position:absolute;white-space:nowrap;left:-20%;animation:float-across-b209ccda linear infinite;filter:blur(.5px);-webkit-user-select:none;user-select:none}@keyframes float-across-b209ccda{0%{transform:translate(0);left:-20%}to{transform:translate(120vw);left:120%}}.center-content[data-v-b209ccda]{position:relative;z-index:10}.logo-circle[data-v-b209ccda]{width:240px;height:240px;background:#fff;border-radius:50%;display:flex;justify-content:center;align-items:center;box-shadow:0 15px 45px #0000000f,0 0 0 15px #fff6;animation:logo-pulse-b209ccda 3s cubic-bezier(.4,0,.6,1) infinite}.loading-logo[data-v-b209ccda]{width:75%;height:75%;object-fit:contain}@keyframes logo-pulse-b209ccda{0%,to{transform:scale(1);box-shadow:0 15px 45px #0000000f,0 0 0 15px #fff6}50%{transform:scale(1.08);box-shadow:0 20px 60px #0000001a,0 0 0 25px #fff3}}.fade-enter-active[data-v-b209ccda],.fade-leave-active[data-v-b209ccda]{transition:opacity .8s ease}.fade-enter-from[data-v-b209ccda],.fade-leave-to[data-v-b209ccda]{opacity:0}@media (max-width: 768px){.logo-circle[data-v-b209ccda]{width:180px;height:180px;box-shadow:0 10px 30px #0000000f,0 0 0 10px #fff6}@keyframes logo-pulse-b209ccda{0%,to{transform:scale(1);box-shadow:0 10px 30px #0000000f,0 0 0 10px #fff6}50%{transform:scale(1.06);box-shadow:0 15px 40px #00000014,0 0 0 18px #fff3}}.floating-word[data-v-b209ccda]{filter:blur(.3px)}}@media (max-width: 480px){.logo-circle[data-v-b209ccda]{width:150px;height:150px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #8F1491;--primary-dark: #6e0f70;--primary-light: #f3e0f3;--primary-glow: rgba(143, 20, 145, .12);--success: #2e9e5a;--success-light: #e6f5ed;--danger: #d93025;--danger-light: #fce8e6;--warning: #e8a800;--warning-light: #fef7e0;--bg: #faf7fb;--card: #ffffff;--text: #1a1a2e;--text-light: #6b7084;--border: #e2dfe6;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 4px rgba(143, 20, 145, .06), 0 1px 2px rgba(0,0,0,.04);--shadow-lg: 0 8px 24px rgba(143, 20, 145, .1), 0 2px 8px rgba(0,0,0,.04);--max-width: 960px;--transition: .2s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);background-image:linear-gradient(#faf7fbbf,#faf7fbbf),url(/app-bg.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.main-content{max-width:var(--max-width);margin:0 auto;padding:28px 20px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:11px 22px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;letter-spacing:.01em;transition:all var(--transition)}.btn:active{transform:scale(.96)}.btn-primary{background:linear-gradient(135deg,var(--primary),#a83aab);color:#fff;box-shadow:0 2px 8px #8f149140}.btn-primary:hover{box-shadow:0 4px 16px #8f149159;transform:translateY(-1px)}.btn-success{background:var(--success);color:#fff}.btn-danger{background:var(--danger);color:#fff}.btn-outline{background:transparent;border:1.5px solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--primary);color:var(--primary);background:var(--primary-light)}.btn-sm{padding:7px 16px;font-size:13px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px;border:1px solid var(--border);transition:all var(--transition)}.card:hover{box-shadow:var(--shadow-lg)}.unit-flow,.unit-flow-item{display:flex;flex-direction:column;gap:12px}.unit-card{cursor:pointer}.unit-card.locked{opacity:.6;cursor:not-allowed}.unit-card.locked:hover{box-shadow:var(--shadow)}.unit-arrow{text-align:center;color:var(--text-light);font-size:20px}.btn.btn-disabled{background:var(--border);color:var(--text-light);box-shadow:none;cursor:not-allowed}.btn.btn-disabled:hover{box-shadow:none;transform:none}.unit-test-card{cursor:pointer}.unit-test-card:hover{box-shadow:var(--shadow-lg)}.video-embed{position:relative;width:100%;padding-top:56.25%}.video-embed iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border-radius:var(--radius)}.video-player{width:100%;border-radius:var(--radius);border:1px solid var(--border);background:#000}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text-light)}.form-input{width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:14px;outline:none;transition:border var(--transition),box-shadow var(--transition);background:var(--card)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}textarea.form-input{resize:vertical;min-height:80px}select.form-input{cursor:pointer}.grid{display:grid;gap:16px}.grid-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.text-center{text-align:center}.text-light{color:var(--text-light)}.mt-8{margin-top:8px}.mt-16{margin-top:16px}.mt-24{margin-top:24px}.mb-8{margin-bottom:8px}.mb-16{margin-bottom:16px}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-wrap{flex-wrap:wrap}.gap-8{gap:8px}.gap-16{gap:16px}.badge{display:inline-block;padding:3px 12px;border-radius:20px;font-size:12px;font-weight:600}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:#9a7200}.badge-danger{background:var(--danger-light);color:var(--danger)}.badge-primary{background:var(--primary-light);color:var(--primary)}.alert{padding:12px 16px;border-radius:var(--radius-sm);margin-bottom:16px;font-size:14px;font-weight:500}.alert-info{background:var(--primary-light);color:var(--primary)}.alert-success{background:var(--success-light);color:var(--success)}.alert-danger{background:var(--danger-light);color:var(--danger)}.navbar{background:var(--card);border-bottom:1px solid var(--border);padding:0 20px;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffbf}.navbar-inner{max-width:var(--max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;height:80px}.navbar-brand{display:flex;align-items:center;flex-shrink:0}.navbar-links{display:flex;align-items:center;gap:8px;flex-shrink:0}.navbar-links a,.navbar-links button{padding:8px 14px;border-radius:var(--radius-sm);font-size:14px;color:var(--text-light);background:none;border:none;cursor:pointer;font-weight:500;transition:all var(--transition);white-space:nowrap}.navbar-links a:hover,.navbar-links button:hover{background:var(--primary-light);color:var(--primary);text-decoration:none}.lang-switch{padding:5px 12px;border:1.5px solid var(--border);border-radius:20px;font-size:12px;font-weight:700;cursor:pointer;background:var(--card);color:var(--primary);transition:all var(--transition)}.lang-switch:hover{border-color:var(--primary);background:var(--primary-light)}.page-header{margin-bottom:28px}.page-header h1{font-size:26px;font-weight:800;letter-spacing:-.3px}.page-header p{color:var(--text-light);font-size:15px;margin-top:6px}.exercise-container{max-width:640px;margin:0 auto}.exercise-header{margin-bottom:24px}.exercise-progress{height:7px;background:var(--border);border-radius:4px;margin-bottom:20px;overflow:hidden}.exercise-progress-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--primary),#c054c2);transition:width .4s ease}.exercise-result{text-align:center;padding:40px 24px}.exercise-result .score{font-size:56px;font-weight:800;color:var(--primary);line-height:1}.answer-bar{min-height:52px;padding:12px 16px;border:2px dashed var(--border);border-radius:var(--radius);background:var(--bg);display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:18px;transition:all var(--transition)}.answer-bar.correct{border-color:var(--success);background:var(--success-light)}.answer-bar.wrong{border-color:var(--danger);background:var(--danger-light)}.answer-bar .placeholder{color:var(--text-light);font-size:14px}.answer-word{padding:7px 16px;background:linear-gradient(135deg,var(--primary),#a83aab);color:#fff;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .15s;box-shadow:0 2px 6px #8f149133}.answer-word:hover{transform:scale(1.05)}.word-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:18px}.word-chip{padding:10px 20px;border:2px solid var(--border);border-radius:var(--radius);background:var(--card);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition);-webkit-user-select:none;user-select:none}.word-chip:hover{border-color:var(--primary);background:var(--primary-light)}.word-chip.used{opacity:.25;cursor:default;pointer-events:none}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:20px}.choice-btn{padding:16px 18px;border:2px solid var(--border);border-radius:var(--radius);background:var(--card);font-size:15px;font-weight:600;cursor:pointer;transition:all var(--transition);text-align:center;-webkit-user-select:none;user-select:none}.choice-btn:hover{border-color:var(--primary);background:var(--primary-light)}.choice-btn.correct{border-color:var(--success);background:var(--success-light);color:var(--success)}.choice-btn.wrong{border-color:var(--danger);background:var(--danger-light);color:var(--danger)}.choice-btn.disabled{pointer-events:none;opacity:.6}.matching-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.match-item{padding:14px 18px;border:2px solid var(--border);border-radius:var(--radius);text-align:center;cursor:pointer;transition:all var(--transition);font-size:15px;-webkit-user-select:none;user-select:none;font-weight:500;background:var(--card)}.match-item:hover,.match-item.selected{border-color:var(--primary);background:var(--primary-light)}.match-item.matched{border-color:var(--success);background:var(--success-light);cursor:default;color:var(--success)}.match-item.wrong{border-color:var(--danger);background:var(--danger-light)}.audio-btn{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#a83aab);color:#fff;border:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;font-size:18px;transition:all var(--transition);box-shadow:0 2px 8px #8f149140}.audio-btn:hover{box-shadow:0 4px 16px #8f149159;transform:scale(1.08)}.admin-layout{display:flex;min-height:calc(100vh - 60px);margin:-28px -20px}.admin-sidebar{width:230px;background:var(--card);border-right:1px solid var(--border);padding:24px 0;flex-shrink:0}.admin-sidebar a{display:block;padding:11px 24px;color:var(--text-light);font-size:14px;font-weight:500;transition:all var(--transition)}.admin-sidebar a:hover{background:var(--primary-light);color:var(--primary);text-decoration:none}.admin-sidebar a.router-link-active{background:var(--primary-light);color:var(--primary);font-weight:600;border-right:3px solid var(--primary)}.admin-content{flex:1;padding:28px;overflow-x:auto}@media (max-width: 768px){.main-content{padding:20px 14px}.page-header h1{font-size:22px}.page-header p{font-size:14px}.navbar{padding:0 12px}.navbar-inner{height:64px}.navbar-brand{font-size:18px}.navbar-links{gap:2px}.navbar-links a,.navbar-links button{padding:6px 8px;font-size:12px}.lang-switch{padding:4px 10px;font-size:11px}.grid-2{grid-template-columns:1fr}.grid-3{grid-template-columns:1fr 1fr}.card{padding:16px}.choice-grid,.matching-grid{grid-template-columns:1fr;gap:10px}.exercise-result .score{font-size:44px}.exercise-container{max-width:100%}.word-chip{padding:8px 14px;font-size:14px}.answer-word{padding:6px 12px;font-size:13px}.answer-bar{min-height:44px;padding:10px 12px}.admin-layout{flex-direction:column;margin:-20px -14px}.admin-sidebar{width:100%;padding:8px 0;display:flex;overflow-x:auto;border-right:none;border-bottom:1px solid var(--border);gap:0}.admin-sidebar a{padding:10px 18px;white-space:nowrap;border-right:none;font-size:13px}.admin-sidebar a.router-link-active{border-right:none;border-bottom:3px solid var(--primary)}.admin-content{padding:16px}.btn{padding:10px 18px;font-size:13px}.btn-sm{padding:6px 12px;font-size:12px}.form-input{padding:10px 12px;font-size:14px}.flex-between{flex-wrap:wrap;gap:8px}}@media (max-width: 400px){.navbar-brand{font-size:16px}.navbar-links a,.navbar-links button{padding:5px 6px;font-size:11px}.grid-3{grid-template-columns:1fr}.page-header h1{font-size:20px}}.html-editor{border:1.5px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.html-editor-toolbar{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;background:var(--bg);border-bottom:1px solid var(--border);align-items:center}.html-editor-toolbar button{padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card);font-size:13px;cursor:pointer;transition:all var(--transition);white-space:nowrap}.html-editor-toolbar button:hover,.html-editor-toolbar button.active{background:var(--primary-light);border-color:var(--primary);color:var(--primary)}.html-editor-sep{width:1px;background:var(--border);margin:2px 4px;align-self:stretch}.he-select{padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--card);font-size:13px;cursor:pointer;transition:all var(--transition)}.he-select:focus{outline:none;border-color:var(--primary)}.he-color-btn{position:relative;display:inline-flex;flex-direction:column;align-items:center;cursor:pointer;padding:4px 8px;border:1px solid var(--border);border-radius:6px;background:var(--card);font-size:13px;font-weight:700;-webkit-user-select:none;user-select:none;gap:2px;transition:all var(--transition)}.he-color-btn:hover{border-color:var(--primary);background:var(--primary-light)}.he-color-btn input[type=color]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer;top:0;left:0}.he-color-bar{display:block;width:20px;height:4px;border-radius:2px}.he-file-btn{display:inline-flex;align-items:center;gap:4px;cursor:pointer;padding:4px 10px;border:1px solid var(--border);border-radius:6px;background:var(--card);font-size:13px;transition:all var(--transition);white-space:nowrap}.he-file-btn:hover{border-color:var(--primary);background:var(--primary-light);color:var(--primary)}.he-file-btn input[type=file]{display:none}.html-editor-content{min-height:180px;outline:none;padding:14px 16px;border:none;font-size:15px;line-height:1.8}.html-editor-content table{border-collapse:collapse;width:100%;margin:8px 0}.html-editor-content td,.html-editor-content th{border:1px solid #ccc;padding:8px}.html-editor-content th{background:var(--primary-light)}.html-editor-source{border:none;border-radius:0;min-height:180px;font-family:monospace;font-size:13px}.lesson-content{line-height:1.8;font-size:15px}.lesson-content h1{font-size:22px;font-weight:800;margin:18px 0 10px}.lesson-content h2{font-size:19px;font-weight:700;margin:16px 0 8px}.lesson-content h3{font-size:17px;font-weight:700;margin:14px 0 8px}.lesson-content p{margin-bottom:10px}.lesson-content ul,.lesson-content ol{padding-left:22px;margin-bottom:10px}.lesson-content li{margin-bottom:4px}.lesson-content b,.lesson-content strong{font-weight:700}.lesson-content i,.lesson-content em{font-style:italic}.lesson-content u{text-decoration:underline}.lesson-content blockquote{border-left:4px solid var(--primary);padding:8px 16px;margin:12px 0;background:var(--primary-light);border-radius:0 8px 8px 0}.lesson-content table{border-collapse:collapse;width:100%;margin:12px 0}.lesson-content td,.lesson-content th{border:1px solid var(--border);padding:8px 12px}.lesson-content th{background:var(--primary-light);font-weight:700}.lesson-content img{max-width:100%;border-radius:8px;margin:8px 0}.lesson-content a{color:var(--primary);text-decoration:underline}.pdf-viewer{width:100%;height:600px;border:1px solid var(--border);border-radius:var(--radius);display:block}@media (max-width: 768px){.pdf-viewer{height:400px}}.he-translate-btn{background:linear-gradient(135deg,var(--primary),#a83aab)!important;color:#fff!important;border-color:transparent!important}.he-translate-btn:disabled{opacity:.6;cursor:not-allowed}.form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.upload-row{display:flex;align-items:flex-end;gap:10px}.upload-btn{white-space:nowrap;flex-shrink:0;margin-bottom:0}.word-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto;gap:8px;align-items:center}.lesson-card-inner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.lesson-card-info{flex:1;min-width:0}.lesson-card-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0}.grid-1{display:flex;flex-direction:column;gap:10px}@media (max-width: 768px){.form-row-2{grid-template-columns:1fr}.word-row{grid-template-columns:1fr auto}.word-row input:nth-child(3),.word-row input:nth-child(5){grid-column:1}.upload-row{flex-direction:column;align-items:stretch}.lesson-card-actions{width:100%;justify-content:flex-end}}.audio-drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px;border:2px dashed var(--border);cursor:pointer;transition:all var(--transition);text-align:center}.audio-drop-zone.dragging{border-color:var(--primary);background:var(--primary-light)}.queue-item{display:flex;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--border)}.queue-item:last-child{border-bottom:none}.queue-id-input{width:130px;flex-shrink:0;padding:6px 10px;font-size:13px}.queue-status{font-size:13px;font-weight:600;width:16px;text-align:center}.queue-status.done{color:var(--success)}.queue-status.error{color:var(--danger)}.audio-file-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px}.audio-file-card{padding:14px}.audio-filename{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.audio-progress-wrap{flex:1;height:6px;background:var(--border);border-radius:3px;cursor:pointer;overflow:hidden}.audio-progress-bar{height:100%;background:var(--primary);border-radius:3px;transition:width .1s linear}.copy-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--text);color:#fff;padding:8px 18px;border-radius:20px;font-size:13px;font-weight:600;display:flex;align-items:center;gap:6px;z-index:9999;animation:fadeInUp .2s ease}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.audio-picker{position:relative}.audio-picker-display{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--card);transition:all var(--transition);min-width:0}.audio-picker-display:hover{border-color:var(--primary)}.audio-picker-value{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text-light)}.audio-picker-clear{background:none;border:none;cursor:pointer;padding:0;display:flex;color:var(--text-light)}.audio-picker-clear:hover{color:var(--danger)}.audio-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:1000;display:flex;align-items:center;justify-content:center}.audio-picker-modal{background:var(--card);border-radius:var(--radius);padding:20px;width:480px;max-width:95vw;max-height:70vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg)}.audio-picker-list{overflow-y:auto;flex:1;display:flex;flex-direction:column;gap:4px}.audio-picker-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition);border:1.5px solid transparent}.audio-picker-item:hover,.audio-picker-item.selected{background:var(--primary-light);border-color:var(--primary)}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-10px)}40%{transform:translate(10px)}60%{transform:translate(-10px)}80%{transform:translate(10px)}}.animate-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both}