@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;600;700&family=Comic+Neue:wght@400;700&display=swap";:root{--primary: #4d57ff;--primary-light: #8a90ff;--primary-dark: #2c3ddf;--secondary: #ff6b6b;--secondary-light: #ff9999;--secondary-dark: #e14747;--accent: #ffce3e;--accent-light: #ffe082;--accent-dark: #ffb300;--success: #43d787;--success-light: #7df0b2;--success-dark: #25b160;--info: #4fb3ff;--info-light: #89d1ff;--info-dark: #1a96ff;--bg-primary: #f9f7ff;--bg-secondary: #fff8f3;--text-primary: #333;--text-secondary: #555;--text-light: #777;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius-lg: 20px;--box-shadow: 0 6px 15px rgba(0, 0, 0, .1);--box-shadow-hover: 0 8px 20px rgba(0, 0, 0, .15);--box-shadow-active: 0 4px 10px rgba(0, 0, 0, .2)}body{margin:0;padding:0;font-family:"Baloo 2",Comic Neue,cursive,sans-serif;background-color:var(--bg-primary);background-image:url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ceceff' fill-opacity='0.2'%3E%3Cpath d='M50 50c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10s-10-4.477-10-10 4.477-10 10-10zM10 10c0-5.523 4.477-10 10-10s10 4.477 10 10-4.477 10-10 10c0 5.523-4.477 10-10 10S0 25.523 0 20s4.477-10 10-10zm10 8c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8zm40 40c4.418 0 8-3.582 8-8s-3.582-8-8-8-8 3.582-8 8 3.582 8 8 8z' /%3E%3C/g%3E%3C/g%3E%3C/svg%3E");overflow-x:hidden;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:"Baloo 2",cursive;font-weight:700;margin-top:0;color:var(--primary-dark)}h1{font-size:2.5rem;text-shadow:2px 2px 0px var(--accent-light);letter-spacing:.02em}h2{font-size:1.8rem;color:var(--secondary-dark)}h3{font-size:1.4rem;color:var(--primary)}p{line-height:1.6}button,.button{font-family:"Baloo 2",cursive;font-weight:600;border-radius:var(--border-radius-md);border:none;cursor:pointer;transition:all .2s ease-in-out;padding:12px 24px;font-size:1rem;box-shadow:0 4px #00000026;position:relative;top:0;text-decoration:none}button:hover,.button:hover{transform:translateY(-2px);box-shadow:0 6px #00000026}button:active,.button:hover{transform:translateY(2px);box-shadow:0 2px #00000026}button.active,.button.active{background-color:var(--primary);color:#fff;box-shadow:0 4px 0 var(--primary-dark)}button.active:hover,.button.active:hover{background-color:var(--primary-light);box-shadow:0 6px 0 var(--primary-dark)}button:disabled,.button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:0 4px #0000001a}input{font-family:Comic Neue,sans-serif;font-size:1rem;padding:12px 16px;border:2px solid var(--primary-light);border-radius:var(--border-radius-md);background-color:#fff;transition:all .2s}input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #4d57ff33}input.correct{border-color:var(--success);background-color:#43d7871a}input.incorrect{border-color:var(--secondary);background-color:#ff6b6b1a}.container{max-width:1200px;margin:0 auto;padding:20px}.card{background-color:#fff;border-radius:var(--border-radius-lg);box-shadow:var(--box-shadow);padding:24px;transition:all .3s}.card:hover{box-shadow:var(--box-shadow-hover)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.2rem}button,.button{padding:10px 20px}a{text-decoration:none}}.language-picker.svelte-kdtrps{position:relative;display:inline-block}.language-button.svelte-kdtrps{display:flex;align-items:center;background-color:transparent;border:none;color:inherit;cursor:pointer;padding:.5rem;font-size:.875rem;border-radius:.25rem;transition:background-color .2s}.language-button.svelte-kdtrps:hover{background-color:#ffffff1a}.dropdown-icon.svelte-kdtrps{width:1rem;height:1rem;margin-left:.25rem}.language-dropdown.svelte-kdtrps{position:absolute;top:100%;right:0;z-index:10;background-color:#fff;border-radius:.25rem;box-shadow:0 2px 10px #0000001a;overflow:hidden}.language-option.svelte-kdtrps{display:block;width:100%;padding:.5rem 1rem;text-align:left;background:none;border:none;cursor:pointer;color:#333;transition:background-color .2s}.language-option.svelte-kdtrps:hover{background-color:#f5f5f5}.language-option.selected.svelte-kdtrps{background-color:#e6f7ff;font-weight:500}@media(max-width:768px){.language-dropdown.svelte-kdtrps{right:0;left:auto}}.app-header.svelte-13sl6mp{background-color:#fff;box-shadow:0 2px 10px #0000001a;padding:10px 0;position:relative;z-index:100}.header-container.svelte-13sl6mp{max-width:1200px;margin:0 auto;padding:0 20px}.header-main.svelte-13sl6mp{display:flex;justify-content:space-between;align-items:center}.logo.svelte-13sl6mp{display:flex;align-items:center;gap:8px;cursor:pointer;text-decoration:none}.logo-text.svelte-13sl6mp{font-family:"Baloo 2",cursive;font-size:1.5rem;font-weight:700;color:var(--primary)}.logo-icon.svelte-13sl6mp{background:var(--accent);width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.desktop-nav.svelte-13sl6mp{flex:1;display:flex;justify-content:center}.nav-links.svelte-13sl6mp{display:flex;list-style:none;gap:20px;margin:0;padding:0}.nav-link.svelte-13sl6mp{background:none;border:none;color:var(--text-secondary);font-size:1rem;cursor:pointer;padding:8px 12px;border-radius:var(--border-radius-sm);transition:all .2s;text-decoration:none}.nav-link.svelte-13sl6mp:hover{background-color:var(--bg-secondary);color:var(--primary)}.desktop-auth.svelte-13sl6mp{display:flex;gap:10px;align-items:center}.user-greeting.svelte-13sl6mp{color:var(--primary);font-weight:700}.login-button.svelte-13sl6mp,.register-button.svelte-13sl6mp{padding:8px 15px;border-radius:var(--border-radius-md);font-size:.9rem;cursor:pointer}.login-button.svelte-13sl6mp{background-color:var(--bg-secondary);color:var(--text-secondary)}.register-button.svelte-13sl6mp{background-color:var(--primary);color:#fff;box-shadow:0 2px 0 var(--primary-dark)}.register-button.svelte-13sl6mp:hover{transform:translateY(-2px);box-shadow:0 4px 0 var(--primary-dark)}.logout-button.svelte-13sl6mp{background-color:var(--bg-secondary);color:var(--text-secondary);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;margin-left:10px;transition:all .2s;padding:0;border:none;cursor:pointer}.logout-button.svelte-13sl6mp:hover{background-color:var(--secondary-light);color:#fff;transform:translateY(-2px);box-shadow:0 3px 0 var(--secondary-dark)}.logout-icon.svelte-13sl6mp{font-size:1.2rem}.hamburger-button.svelte-13sl6mp{display:none;background-color:var(--primary);border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;color:#fff;align-items:center;justify-content:center;transition:all .2s;box-shadow:0 2px 5px #0003}.hamburger-button.svelte-13sl6mp:hover{background-color:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 8px #0000004d}.mobile-menu-wrapper.svelte-13sl6mp{position:fixed;top:0;right:-300px;width:300px;height:100vh;background-color:#fff;z-index:200;transition:transform .3s ease-in-out;box-shadow:-5px 0 15px #0000001a;overflow-y:auto}.mobile-menu-wrapper.open.svelte-13sl6mp{transform:translate(-300px)}.mobile-menu-content.svelte-13sl6mp{display:flex;flex-direction:column;height:100%}.mobile-menu-header.svelte-13sl6mp{display:flex;align-items:center;justify-content:flex-start;padding:15px;border-bottom:1px solid var(--bg-secondary);position:relative}.close-menu-button.svelte-13sl6mp{background:none;border:none;font-size:1.2rem;color:var(--text-secondary);cursor:pointer;padding:5px;margin-right:15px;display:flex;align-items:center;justify-content:center;line-height:15px;transition:all .2s}.close-menu-button.svelte-13sl6mp:hover{color:var(--secondary);transform:rotate(90deg)}.mobile-logo.svelte-13sl6mp{display:flex;align-items:center;gap:8px}.mobile-logo-text.svelte-13sl6mp{font-family:"Baloo 2",cursive;font-size:1.2rem;font-weight:700;color:var(--primary)}.mobile-logo-icon.svelte-13sl6mp{background:var(--accent);width:25px;height:25px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem}.mobile-nav.svelte-13sl6mp{flex:1;padding:20px 0}.mobile-nav-links.svelte-13sl6mp{list-style:none;padding:0;margin:0}.mobile-nav-link.svelte-13sl6mp{display:flex;align-items:center;width:100%;padding:15px 20px;font-size:1.1rem;color:var(--text-secondary);text-decoration:none;transition:all .2s;border-left:3px solid transparent}.mobile-nav-link.svelte-13sl6mp:hover,.mobile-nav-link.svelte-13sl6mp:active{background-color:var(--bg-secondary);color:var(--primary);border-left-color:var(--primary)}.mobile-language-item.svelte-13sl6mp{display:flex;align-items:center;padding:15px 20px;border-bottom:1px solid var(--bg-secondary)}.mobile-language-label.svelte-13sl6mp{flex:1;display:flex;align-items:center}.mobile-language-picker.svelte-13sl6mp{flex:1;display:flex;justify-content:flex-end}.nav-icon.svelte-13sl6mp{margin-right:12px;font-size:1.2rem}.mobile-auth.svelte-13sl6mp{padding:20px;border-top:1px solid var(--bg-secondary);margin-top:auto}.mobile-user-info.svelte-13sl6mp{display:flex;flex-direction:column;margin-bottom:15px}.mobile-greeting.svelte-13sl6mp{font-size:.9rem;color:var(--text-light)}.mobile-username.svelte-13sl6mp{font-weight:700;color:var(--primary);font-size:1.1rem}.mobile-logout-button.svelte-13sl6mp{display:flex;align-items:center;width:100%;padding:12px 15px;font-size:1rem;border-radius:var(--border-radius-md);background-color:var(--secondary-light);color:#fff;border:none;cursor:pointer;transition:all .2s}.mobile-logout-button.svelte-13sl6mp:hover{background-color:var(--secondary);transform:translateY(-2px)}.mobile-auth-buttons.svelte-13sl6mp{display:flex;flex-direction:column;gap:10px}.mobile-auth-button.svelte-13sl6mp{display:flex;align-items:center;padding:12px 15px;font-size:1rem;border-radius:var(--border-radius-md);text-decoration:none;transition:all .2s}.mobile-auth-button.login.svelte-13sl6mp{background-color:var(--bg-secondary);color:var(--text-secondary)}.mobile-auth-button.register.svelte-13sl6mp{background-color:var(--primary);color:#fff;box-shadow:0 3px 0 var(--primary-dark)}.mobile-auth-button.register.svelte-13sl6mp:hover{transform:translateY(-2px);box-shadow:0 5px 0 var(--primary-dark)}.mobile-menu-overlay.svelte-13sl6mp{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:svelte-13sl6mp-fadeIn .3s ease-in-out}@keyframes svelte-13sl6mp-fadeIn{0%{opacity:0}to{opacity:1}}@media(max-width:768px){.desktop-nav.svelte-13sl6mp,.desktop-auth.svelte-13sl6mp{display:none}.hamburger-button.svelte-13sl6mp{display:flex}}body.menu-open{overflow:hidden}.pwa-prompt.svelte-1ej3xn{position:fixed;bottom:20px;left:20px;right:20px;max-width:400px;background:#fff;border-radius:8px;box-shadow:0 4px 12px #00000026;z-index:1000;animation:svelte-1ej3xn-slideUp .3s ease-out}@keyframes svelte-1ej3xn-slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.prompt-content.svelte-1ej3xn{padding:20px}h3.svelte-1ej3xn{margin:0 0 10px;font-size:1.1rem;color:#1f2937}p.svelte-1ej3xn{margin:0 0 15px;font-size:.9rem;color:#6b7280}.prompt-actions.svelte-1ej3xn{display:flex;gap:10px}button.svelte-1ej3xn{flex:1;padding:10px;border:none;border-radius:4px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary.svelte-1ej3xn{background-color:#5b21b6;color:#fff}.btn-primary.svelte-1ej3xn:hover{background-color:#7c3aed}.btn-secondary.svelte-1ej3xn{background-color:#e5e7eb;color:#1f2937}.btn-secondary.svelte-1ej3xn:hover{background-color:#d1d5db}@media(max-width:600px){.pwa-prompt.svelte-1ej3xn{bottom:10px;left:10px;right:10px;max-width:none}}.main-content.svelte-12qhfyh{min-height:calc(100vh - 192px)}.app-footer.svelte-12qhfyh{background-color:var(--bg-secondary);padding:20px 0;margin-top:40px}.footer-container.svelte-12qhfyh{max-width:1200px;margin:0 auto;padding:0 20px}.footer-content.svelte-12qhfyh{text-align:center;color:var(--text-secondary);font-size:.9rem}