@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";:root{--color-primary: #58CC02;--color-primary-dark: #46a302;--color-secondary: #1CB0F6;--color-secondary-dark: #1899d6;--color-accent: #FFC800;--color-accent-dark: #e5b400;--color-danger: #FF4B4B;--color-danger-dark: #d43838;--color-locked: #E5E5E5;--color-text: #3C3C3C;--color-text-light: #777777;--color-background: #FFFFFF;--color-surface-hover: #F7F7F7;--font-main: "Nunito", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px}*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font-main);-webkit-font-smoothing:antialiased}body{background-color:var(--color-background);color:var(--color-text);min-height:100vh}button{border:none;background:none;cursor:pointer;font-family:inherit}.btn-primary{background-color:var(--color-primary);color:#fff;padding:12px 24px;border-radius:var(--radius-lg);font-weight:700;text-transform:uppercase;letter-spacing:.8px;border-bottom:4px solid var(--color-primary-dark);transition:all .1s}.btn-primary:active{transform:translateY(2px);border-bottom-width:2px}.new-word-tag{color:#9a53f1;font-weight:800;text-transform:uppercase;border-bottom-width:2px}.btn-secondary{background-color:var(--color-secondary);color:#fff;padding:12px 24px;border-radius:var(--radius-lg);font-weight:700;text-transform:uppercase;border-bottom:4px solid var(--color-secondary-dark);transition:all .1s}.btn-danger{background-color:var(--color-danger);color:#fff;padding:12px 24px;border-radius:var(--radius-lg);font-weight:700;text-transform:uppercase;border-bottom:4px solid var(--color-danger-dark);transition:all .1s}.btn-outline{background-color:transparent;color:var(--color-secondary);border:2px solid var(--color-locked);border-bottom:4px solid var(--color-locked);border-radius:var(--radius-lg);font-weight:700;text-transform:uppercase}.btn-outline:hover{background-color:var(--color-surface-hover)}.card{border:2px solid var(--color-locked);border-radius:var(--radius-lg);background:#fff;padding:16px;box-shadow:0 2px 0 var(--color-locked);transition:all .1s;cursor:pointer;font-size:19px;color:var(--color-text)}.card:active{transform:translateY(2px);box-shadow:none}.card.selected{background-color:#ddf4ff;border-color:var(--color-secondary);color:var(--color-secondary);box-shadow:0 2px 0 var(--color-secondary-dark)}.progress-bar-container{background-color:var(--color-locked);border-radius:var(--radius-full, 999px);height:16px;overflow:hidden;position:relative}.progress-bar-fill{background-color:var(--color-primary);height:100%;width:0%;border-radius:var(--radius-full, 999px);transition:width .5s cubic-bezier(.4,0,.2,1)}.level-node{width:70px;height:70px;background-color:var(--color-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:32px;margin:20px auto;border-bottom:6px solid var(--color-primary-dark);position:relative;cursor:pointer;transition:transform .1s;z-index:10}.level-node.locked{background-color:var(--color-locked);border-bottom-color:#cecece;color:#afafaf;cursor:default}.level-node:active{transform:translateY(4px);border-bottom-width:2px}.level-node .crown{position:absolute;top:-15px;right:-10px;background:var(--color-accent);padding:4px;border-radius:50%;border:2px solid white;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px}.img-card{display:flex;flex-direction:column;align-items:center;border:2px solid var(--color-locked);border-radius:var(--radius-lg);padding:24px;cursor:pointer;transition:all .2s;position:relative;background:#fff;border-bottom:4px solid var(--color-locked)}.img-card:hover{background-color:var(--color-surface-hover)}.img-card.selected{border-color:var(--color-secondary);background-color:#ddf4ff;border-bottom-color:var(--color-secondary-dark)}.img-card .shortcut-key{position:absolute;top:12px;right:12px;border:1px solid var(--color-locked);border-radius:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--color-text-light)}.img-card.selected .shortcut-key{border-color:var(--color-secondary-dark);color:var(--color-secondary)}.lesson-footer{padding:30px 40px;border-top:2px solid var(--color-locked);display:flex;justify-content:space-between;align-items:center}.lesson-layout{max-width:1000px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.new-word-tag{color:#9a53f1;font-weight:800;text-transform:uppercase;font-size:14px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.responsive-container{max-width:1000px;margin:0 auto;width:100%}@keyframes samba-dance{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(-5deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-10px) rotate(5deg)}to{transform:translateY(0) rotate(0)}}.samba-animation{animation:samba-dance .8s infinite ease-in-out}