@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Righteous&display=swap";body{font-family:Roboto,serif;background-color:#f0f0f0;margin:0;padding:0}.container[data-v-fa0d13ee]{max-width:1200px;margin:0 auto}.cards-container[data-v-fa0d13ee]{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.card[data-v-fa0d13ee]{background-color:#fff;border-radius:15px;box-shadow:0 8px 15px #0000001a;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.card[data-v-fa0d13ee]:hover{transform:translateY(-5px) rotate(2deg);box-shadow:0 12px 20px #00000026}.card[data-v-fa0d13ee]:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#ff9a9e,#fad0c4 99%,#fad0c4)}.card h2[data-v-fa0d13ee]{margin:0 0 10px;font-size:1.8em;color:#333;text-shadow:1px 1px 1px rgba(0,0,0,.1);text-align:left}.card-category[data-v-fa0d13ee]{font-size:.9em;color:#666;font-style:italic}.pagination[data-v-fa0d13ee]{display:flex;justify-content:center;margin-top:20px}.pagination button[data-v-fa0d13ee]{background-color:#4caf50;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:25px;transition:all .3s ease}.pagination button[data-v-fa0d13ee]:hover{background-color:#45a049;transform:scale(1.05)}.card-details[data-v-fa0d13ee]{display:none;background-color:#fff;border-radius:15px;box-shadow:0 8px 15px #0000001a;padding:30px;margin-top:20px}.card-details h2[data-v-fa0d13ee]{color:#333;margin-bottom:20px;font-size:2.2em;border-bottom:2px solid #4CAF50;padding-bottom:10px}.card-details p[data-v-fa0d13ee]{margin:15px 0;color:#444;font-size:1.1em;line-height:1.6}.card-details button[data-v-fa0d13ee]{background-color:#4caf50;border:none;color:#fff;padding:12px 24px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin:4px 2px;cursor:pointer;border-radius:25px;transition:all .3s ease}.card-details button[data-v-fa0d13ee]:hover{background-color:#45a049;transform:scale(1.05)}.back-button[data-v-fa0d13ee]{background-color:#f44336}.back-button[data-v-fa0d13ee]:hover{background-color:#d32f2f}.card[data-v-fa0d13ee]:nth-child(5n+1):before{background:linear-gradient(90deg,#ff9a9e,#fad0c4 99%,#fad0c4)}.card[data-v-fa0d13ee]:nth-child(5n+2):before{background:linear-gradient(90deg,#a1c4fd,#c2e9fb)}.card[data-v-fa0d13ee]:nth-child(5n+3):before{background:linear-gradient(90deg,#84fab0,#8fd3f4)}.card[data-v-fa0d13ee]:nth-child(5n+4):before{background:linear-gradient(90deg,#fccb90,#d57eeb)}.card[data-v-fa0d13ee]:nth-child(5n+5):before{background:linear-gradient(90deg,#e0c3fc,#8ec5fc)}.logo{font-size:24px;font-weight:700;color:#333}.user-image{width:40px;height:40px;border-radius:50%;object-fit:cover}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;margin-top:30px}.card{background-color:#fff;border-radius:15px;box-shadow:0 8px 15px #0000001a;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #00000026}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#ff9a9e,#fad0c4 99%,#fad0c4)}.card h2{margin:0;font-size:1.8em;color:#333;text-align:center}.card-details{background-color:#fff;border-radius:15px;box-shadow:0 8px 15px #0000001a;padding:30px;margin-top:20px;position:relative}.card-details:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#84fab0,#8fd3f4);border-radius:15px 15px 0 0}.card-details h2{color:#333;margin-bottom:20px;font-size:2.4em;border-bottom:2px solid #4CAF50;padding-bottom:10px}.card-details p{margin:15px 0;color:#444;font-size:1.1em;line-height:1.6}.card-details .section{margin-bottom:20px}.card-details .section-title{font-weight:700;color:#4caf50;margin-bottom:5px}.card-details .example{font-style:italic;color:#666}.audio-buttons{display:flex;gap:10px;margin-top:20px}.audio-button{background-color:#4caf50;border:none;color:#fff;padding:12px 24px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:25px;transition:all .3s ease;flex:1}.audio-button:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.back-button{background-color:#f44336;border:none;color:#fff;padding:12px 24px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin-top:20px;cursor:pointer;border-radius:25px;transition:all .3s ease}.back-button:hover{background-color:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.user-popup[data-v-d7594cff]{position:absolute;top:80px;right:20px;background-color:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:20px;z-index:1000}.user-popup[data-v-d7594cff]:before{content:"";position:absolute;top:-10px;right:20px;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #ffffff}.user-item[data-v-d7594cff]{display:flex;align-items:center;padding:10px;cursor:pointer;transition:background-color .3s ease;border-radius:10px}.user-item[data-v-d7594cff]:hover{background-color:#f0f0f0}.user-item img[data-v-d7594cff]{width:50px;height:50px;border-radius:50%;object-fit:cover;margin-right:15px}.user-item .user-name[data-v-d7594cff]{font-size:16px;color:#333}.container{max-width:1200px;margin:0 auto;padding:20px}header{display:flex;justify-content:space-between;align-items:center;padding:20px;background-color:#fff;box-shadow:0 2px 10px #0000001a}.logo{cursor:pointer;font-family:Righteous,cursive;font-size:28px;color:#4caf50;text-shadow:2px 2px 4px rgba(0,0,0,.1)}.header-center{display:flex;align-items:center;gap:20px}.random-word-container{display:flex;flex-direction:column;position:relative}.random-word-difficulty{font-size:.75rem;color:#999;padding-right:1rem;position:absolute;right:.25rem;bottom:-1.35rem;padding:.2rem;transition:.3s;cursor:pointer}.random-word-difficulty:hover{color:#4caf50}.random-word-button{background-color:#4caf50;border:none;color:#fff;padding:10px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:25px;transition:all .3s ease}.random-word-button:hover{background-color:#45a049;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}.search-container{display:flex;align-items:center}.search-input{padding:10px 15px;font-size:16px;border:2px solid #ddd;border-radius:25px 0 0 25px;outline:none;transition:border-color .3s ease}.search-input:focus{border-color:#4caf50}.search-button{background-color:#4caf50;border:none;color:#fff;padding:7px 20px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:0 25px 25px 0;transition:all .3s ease}.search-button:hover{background-color:#45a049}.current-user-container{display:inline-flex;align-items:center;gap:1rem;width:8rem;justify-content:flex-end}.current-user-name-and-history{display:inline-flex;flex-direction:column;align-items:flex-end}.current-user-learning-history{color:#666;font-size:.8rem;transition:.3s;padding-top:.25rem;cursor:pointer}.current-user-learning-history:hover{color:#45a049}.current-user-name{font-weight:800;font-size:1.1rem;color:#aaa}.user-image{width:40px;height:40px;border-radius:50%;object-fit:cover;cursor:pointer;transition:transform .3s ease}.user-image:hover{transform:scale(1.1)}#profile-name[data-v-a6dc1510]{color:#4caf50}.container[data-v-a6dc1510]{max-width:1000px;margin:40px auto;padding:20px;background-color:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a}h1[data-v-a6dc1510]{font-family:Righteous,cursive;font-size:36px;color:#4caf50;margin-bottom:10px}.description[data-v-a6dc1510]{font-size:18px;color:#666;margin-bottom:30px}table[data-v-a6dc1510]{width:100%;border-collapse:collapse;margin-bottom:20px}th[data-v-a6dc1510],td[data-v-a6dc1510]{padding:12px 15px;text-align:left;border-bottom:1px solid #ddd}th[data-v-a6dc1510]{background-color:#f8f8f8;font-weight:700;color:#4caf50}tr[data-v-a6dc1510]:hover{background-color:#f5f5f5;cursor:pointer}tr:hover .word[data-v-a6dc1510]{color:#4caf50}.pagination[data-v-a6dc1510]{display:flex;justify-content:center;align-items:center;margin-top:20px}.pagination button[data-v-a6dc1510]{background-color:#4caf50;border:none;color:#fff;padding:10px 15px;text-align:center;text-decoration:none;display:inline-block;font-size:14px;margin:0 5px;cursor:pointer;border-radius:20px;transition:background-color .3s ease}.pagination button[data-v-a6dc1510]:hover{background-color:#45a049}.pagination button[data-v-a6dc1510]:disabled{background-color:#ccc;cursor:not-allowed}.pagination span[data-v-a6dc1510]{margin:0 10px;font-size:14px}.back-button[data-v-a6dc1510]{background-color:#f44336;border:none;color:#fff;padding:12px 24px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;margin-top:20px;cursor:pointer;border-radius:25px;transition:all .3s ease}.back-button[data-v-a6dc1510]:hover{background-color:#d32f2f;transform:translateY(-2px);box-shadow:0 4px 6px #0000001a}