@import url(https://fonts.googleapis.com/css2?family=Inter:wght@100..900&family=Poetsen+One&display=swap);*,:after,:before{box-sizing:border-box}*{margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#__next,#root{isolation:isolate}:root{--primary-green-color:#afebbb;--secondary-green-color:#458d7c;--terciary-green-color:#349b76;--primary-purple-color:#34365c;--btn-green-color:#66c484;--bg-white-color:#f5f5f5;--bg-image-color:#fffefe;--font-main:"Inter",sans-serif;--font-title:"Poetsen One",sans-serif;--hover-purple-color:#e5e5ff;--mint-green-color:#d0efce;--shadow-color:65deg 38% 52%;--shadow-elevation-low:0.3px 0.6px 0.8px hsl(var(--shadow-color)/0.34),0.4px 1px 1.2px -1.2px hsl(var(--shadow-color)/0.34),1px 2.5px 3px -2.5px hsl(var(--shadow-color)/0.34);--shadow-elevation-medium:0.3px 0.6px 0.8px hsl(var(--shadow-color)/0.36),0.8px 2.1px 2.5px -0.8px hsl(var(--shadow-color)/0.36),2.1px 5.2px 6.3px -1.7px hsl(var(--shadow-color)/0.36),5px 12.6px 15.3px -2.5px hsl(var(--shadow-color)/0.36)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;background-color:var(--bg-white-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}#root,.app-layout,body,html{height:100vh;min-height:100vh}a{text-decoration:none}a:hover{text-decoration:underline}h1,h2{font-family:Poetsen One,sans-serif;font-family:var(--font-title);font-size:1.6rem;text-align:center}p{font-family:Inter,sans-serif;font-family:var(--font-main);font-size:1.1rem}audio{border-radius:25px;box-shadow:0 10px 10px -10px #2123261a;margin:1rem 0;width:100%}.navbar{background-color:#34365c;background-color:var(--primary-purple-color);border-bottom:1px solid #ccc;box-shadow:6px 2px 16px 0 #88a5bf7a,-6px -2px 16px 0 #fffc;display:flex;height:8vh;justify-content:space-between;padding:1rem;position:fixed;width:100%;z-index:1000}.back-button{background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;font-family:var(--font-main);font-size:1rem;margin-top:1rem;transition:all .3s ease}.back-button:hover{transform:scale(1.03)}.protected-main{background:linear-gradient(0deg,rgba(254,255,252,.033),hsla(77,95%,93%,.208) 15%,#d5e7f1),url(/static/media/bg_protected_main.9aff0f3291ee867a2827.png);background-position:bottom;background-repeat:no-repeat;background-size:cover;height:100vh;overflow-y:scroll;padding:8vh 1rem 1rem;scrollbar-color:#34365c #0000;scrollbar-color:var(--primary-purple-color) #0000;scrollbar-width:thin}.protected-main::-webkit-scrollbar{opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.protected-main:active::-webkit-scrollbar,.protected-main:focus::-webkit-scrollbar,.protected-main:hover::-webkit-scrollbar{opacity:1}.audio-button{background:none;border:none;border-radius:4px;color:#ccc;cursor:pointer;padding:4px;transition:all .2s}.audio-button:hover{background-color:#f3f4f6;color:#34365c;color:var(--primary-purple-color)}.audio-button:disabled{cursor:not-allowed;opacity:.5}.audio-button.loading{color:#3b82f6}.audio-button.playing{color:#10b981}@media (min-width:768px){.navbar{height:9vh}.protected-main{padding:9vh 3rem 2rem}}@media (min-width:1024px){.navbar{padding:1.5rem 3rem}}.form-page{background-image:linear-gradient(0deg,#f4fedb54 15%,rgba(213,231,241,.728)),url(/static/media/bg_mini_welcome1.7bb67fcc5c97b0faaa33.png);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100vh;justify-content:top;padding:6rem 2rem 2rem}.form-page,.form-section{align-items:center;display:flex;flex-direction:column}.form-section{background-color:rgba(253,255,253,.525);border-radius:8px;box-shadow:0 4px 8px #0000001a;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;justify-content:space-around;min-height:50vh;padding:2rem}.form-title{color:var(--primary-purple-color);font-size:1.8rem;margin-bottom:1rem}.form-form{align-self:flex-start;width:100%}.form-form,.form-group{display:flex;flex-direction:column}.form-group{margin-bottom:1.5rem}.form-label{color:var(--terciary-green-color);font-family:var(--font-main);margin-bottom:.5rem}.form-input{border:1px solid var(--terciary-green-color);border-radius:4px;font-family:var(--font-main);padding:.5rem .8rem;transition:border-color .3s;width:100%;&:focus{border-color:var(--secondary-green-color);outline:none}}.form-button,.form-input{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.form-button{background-color:var(--primary-purple-color);border:none;border-radius:4px;color:var(--primary-green-color);cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:all .4s ease;&:hover{border:1px solid var(--primary-purple-color);box-shadow:0 25px 50px -12px #00000040;transform:translateY(-2px)}}.form-text{color:var(--primary-purple-color);font-size:.9rem;margin-top:1rem}.form-link,.form-text{font-family:var(--font-main)}.form-link{background-color:initial;border:none;color:var(--secondary-green-color);cursor:pointer;font-size:1rem;font-weight:600;text-decoration:underline;transition:all .3s ease}.form-link:hover{color:var(--primary-purple-color);transform:translateY(-2px)}.error-message{color:red;font-size:1rem}@media (min-width:768px){.form-page{background-image:linear-gradient(0deg,#f4fedb54 15%,rgba(213,231,241,.728)),url(/static/media/bg_forms.65677597a6d02ae2374c.svg);background-position:100% 100%;background-repeat:no-repeat;background-size:cover}.form-section{min-height:60vh;padding:3rem;width:40%}.form-title{font-size:1.8rem}.form-input{font-size:1rem}.form-button{font-size:1.1rem}}@media (min-width:1024px){.form-page{background-position:50%}.form-section{width:35%}.form-title{font-size:2rem}.form-input{font-size:1rem}.form-button{font-size:1.1rem}}.search-bar{align-items:center;border:1px solid #ccc;border-radius:8px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;display:flex;justify-content:center;margin:20px auto;overflow:hidden;width:80%}.search-bar:hover{border-color:#4caf50;box-shadow:0 10px 15px -3px #0003,0 4px 6px -2px #0000001a}.search-bar input{border:none;border-radius:8px;padding:10px;width:80%;width:90%}.search-bar input:focus{border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033;outline:none}.search-bar button{background:none;border:none;border-left:1px solid #ccc;cursor:pointer;font-size:20px;width:10%}@media (min-width:768px){.search-bar{width:60%}}@media (min-width:1024px){.search-bar{width:50%}}.tag-dropdown-container{margin-bottom:10px;position:relative;width:100%}.dropdown-toggle{align-items:center;background-color:var(--bg-white-color);border-radius:30px;box-shadow:0 1px 0 #11111a0d,0 0 8px #11111a1a;cursor:pointer;display:flex;justify-content:space-between;padding:12px 20px;transition:all .3s ease}.dropdown-list{border:1px solid #ccc;list-style:none;margin-top:2px;overflow:hidden;padding:0;width:100%;z-index:100}.dropdown-item,.dropdown-list{background-color:#fff;border-radius:30px}.dropdown-item{cursor:pointer;padding:12px 20px}.dropdown-item:hover{background-color:#f5fcf5}.dropdown-item.selected{background-color:#e4f7e3}.add-new-tag{background-color:#f5f5f5;cursor:pointer;font-weight:700;padding:10px}.new-tag-input-wrapper{padding:10px;width:100%}.new-tag-input{box-sizing:border-box;width:100%}.save-tag-button{background-color:var(--bg-white-color);border:1px solid var(--primary-purple-color);border-radius:30px;color:var(--primary-purple-color);cursor:pointer;font-size:.9rem;font-weight:700;margin-top:16px;padding:12px 20px;transition:background-color .5s ease;width:100%}.save-tag-button:hover{background-color:var(--primary-purple-color);color:var(--primary-green-color)}@media (min-width:768px){.dropdown-toggle:hover{transform:scale(1.02)}}.confirmation-modal-backdrop{align-items:flex-start;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:8rem 1rem;position:fixed;right:0;top:0;z-index:1000}.confirmation-modal{animation:slideIn .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 0 40px 0 #b5ffd259;max-width:400px;width:100%}.confirmation-modal-header{padding:1.5rem 1.5rem 0}.confirmation-title{color:var(--primary-purple-color);font-family:var(--font-title);font-size:1.2rem;font-weight:600;margin:0}.confirmation-modal-body{padding:1rem 1.5rem}.confirmation-modal-body p{color:#6b7280;font-family:var(--font-main);font-size:1rem;line-height:1.5;margin:0}.confirmation-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;padding:1.5rem}.confirmation-btn{border:none;border-radius:8px;cursor:pointer;font-weight:500;padding:.75rem 1.2rem;transition:all .2s ease}.cancel-btn{color:#374151}.confirm-btn{color:#fff}.confirm-btn.warning{background-color:#f59e0b}.confirm-btn.warning:hover{background-color:#d97706}.confirm-btn.danger{background-color:#ef4444}.confirm-btn.danger:hover{background-color:#dc2626}.confirm-btn.info{background-color:#3b82f6}.confirm-btn.info:hover{background-color:#2563eb}@media (max-width:640px){.confirmation-modal-actions{flex-direction:column}.confirmation-btn{width:100%}}.word-card{background:linear-gradient(0deg,rgba(177,246,195,.687),#dcf7e3 26%,#ffffffdb);border-radius:20px;box-shadow:0 2px 5px 0 #32326926,0 1px 1px 0 #0000000d;margin:20px auto;max-width:95%;padding:5px 0}.word-card-header{background-color:#fff;border-radius:15px 15px 0 0;box-shadow:0 10px 10px -10px #2123261a;display:flex;flex-direction:column;position:sticky;top:0;z-index:1000}.word-card-close-btn{align-self:flex-end;background:#0000;border:none;color:#666;cursor:pointer;font-size:18px;margin-right:.5rem;transition:all .3s ease}.word-card-close-btn:hover{color:var(--primary-purple-color);transform:scale(1.1)}.word-card-main{padding:1rem}.tag-dropdown-container{margin-top:16px}.word-detail-button{background-color:var(--primary-purple-color);border:none;border-radius:30px;box-shadow:0 1px 0 #11111a0d,0 0 8px #11111a1a;color:var(--primary-green-color);cursor:pointer;font-size:1rem;font-weight:700;padding:12px 20px;transition:all .3s ease;width:100%}.word-detail-button:hover{background-color:var(--primary-purple-color);transform:scale(1.02)}@media (min-width:768px){.word-card{max-width:80%}}@media (min-width:1024px){.word-card{max-width:60%}.word-card-buttons{align-items:baseline;display:flex;gap:2rem;justify-content:space-between;margin-top:16px}.word-card-main{padding:1rem 5rem}}.word-detail{background-color:#fefefed6;border-radius:20px;box-shadow:0 4px 12px #0000001a;margin:2rem auto 0;max-height:75vh;overflow-y:scroll;padding:1rem 1rem .5rem;width:95%}.word-detail-title{color:var(--primary-purple-color);font-size:1.65rem;margin-bottom:4px;text-align:center}.word-detail-phonetic{color:#e45c5c;font-size:1rem;font-style:italic;font-weight:700;margin-bottom:10px;text-align:center}.word-detail-meanings{margin:.5rem 0;padding:0 1rem 0 0}.word-detail-subtitle{border-bottom:1px solid #ccc;color:var(--primary-purple-color);font-size:1rem;font-weight:700;margin:.5rem 0;padding-bottom:5px;text-align:left}.word-definitions{margin:.5rem 0;padding-left:18px}.word-definitions li{display:flex;flex-direction:column;font-family:var(--font-main);font-size:14px;margin-bottom:1rem}.word-definitions-definition{font-size:.95rem}.word-definitions-example-div{align-items:center;display:flex;gap:8px;padding-left:.5rem}.word-definitions-example{color:#555;font-size:.9rem}.delete-button{align-items:center;background-color:rgba(206,227,239,.829);border:none;border-radius:50%;bottom:0;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:var(--primary-purple-color);cursor:pointer;display:flex;font-size:1rem;font-weight:700;height:1.2rem;justify-content:center;left:100%;padding:1rem;position:sticky;transition:all .3s ease;width:1.2rem}.delete-button:hover{transform:scale(1.1)}@media (min-width:768px){.word-detail{max-width:650px;padding:30px}.word-detail-title{font-size:1.7rem}.word-detail-subtitle{font-size:1.1rem}.word-definitions-definition{font-size:1rem}.word-definitions-example{font-size:.95rem}.delete-button{font-size:15px}}@media (min-width:1024px){.word-detail{margin:1.5rem auto 0;max-width:750px;padding:2rem 1rem 1rem 2rem}.word-detail-title{font-size:1.8rem}.word-detail-subtitle{font-size:1.2rem}.delete-button{font-size:16px}}.personal-word-form-backdrop{align-items:center;background-color:#00000080;display:flex;inset:0;justify-content:center;padding:.5rem;position:fixed;z-index:1000}.personal-word-form-container{animation:slideIn .4s ease;background-color:var(--bg-image-color);border-radius:10px;box-shadow:0 10px 30px rgba(115,218,250,.473);color:var(--primary-purple-color);max-height:95vh;max-width:100%;overflow-y:auto;scrollbar-width:thin;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.personal-word-form-header{align-items:flex-start;border-bottom:1px solid #ccc;display:flex;flex-direction:column;gap:.2rem;margin-bottom:1rem;padding:1rem}.personal-word-form-header h2{color:var(--primary-purple-color);font-size:1.25rem;margin:0;width:100%}.close-button{align-items:center;align-self:center;background:none;border:none;border-radius:50%;color:#6b7280;cursor:pointer;display:flex;font-size:1.5rem;height:1.5rem;justify-content:center;padding:0;transition:all .2s ease;width:1.5rem}.close-button:hover{background-color:var(--bg-image-color);color:var(--primary-purple-color);transform:scale(1.1)}.personal-word-form{padding:0 1rem 1rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--primary-purple-color);display:block;font-size:.95rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group select{background:#fff;border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;color:#111827;font-size:1rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-group input:focus,.form-group select:focus{border:none;box-shadow:0 0 0 1px #10b98140;outline:none}.meanings-header{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.add-meaning-btn{background-color:#e1fbf9ac;border:.5px solid var(--primary-purple-color);border-radius:8px;color:var(--primary-purple-color);cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.add-meaning-btn:hover{background-color:#dcfcf3;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:scale(1.01)}.add-meaning-btn:active{transform:translateY(1px)}.meaning-section{background-color:#ffffffab;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 6px 18px #0000000d;margin-bottom:.75rem;padding:.75rem}.meaning-header{align-items:center;display:flex;flex-direction:row;gap:.5rem;justify-content:space-between;margin-bottom:1rem}.meaning-header h4{color:var(--primary-purple-color);font-size:1rem;margin:0}.remove-meaning-btn{background-color:#edfff7;border:1px solid #e5e7eb;border-radius:6px;color:#dc2626;cursor:pointer;font-size:.85rem;padding:.5rem 1rem;transition:all .2s ease}.remove-meaning-btn:hover{color:#b91c1c;transform:scale(1.02)}.form-subgroup{margin-bottom:1rem}.form-subgroup label{color:#047857;display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.definitions-section{margin-top:1rem}.definitions-header{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem}.definitions-header label{color:#047857;font-size:.9rem;margin:0}.add-definition-btn{background-color:#e1fbf9ac;border:.5px solid var(--primary-purple-color);border-radius:8px;color:var(--primary-purple-color);cursor:pointer;font-size:.9rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.add-definition-btn:hover{background-color:#dcfcf3;scale:1.01}.definition-group{background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 6px 18px #0000000d;margin-bottom:.75rem;padding:.75rem}.definition-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.definition-header span{color:#6b7280;font-size:.8rem;font-weight:500}.remove-definition-btn{align-items:center;background:none;border:none;border-radius:50%;color:#ef4444;cursor:pointer;display:flex;font-size:1rem;height:1.25rem;justify-content:center;padding:0;transition:background-color .2s ease;width:1.25rem}.remove-definition-btn:hover{background-color:#ffebee}.definition-group input{margin-bottom:.5rem}.definition-group input:last-child{margin-bottom:0}.form-actions{border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:.75rem;margin-top:2rem;padding-top:1rem}.cancel-btn{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#111827;cursor:pointer;font-size:1rem;padding:.75rem 1.5rem;transition:all .2s ease;width:100%}.cancel-btn:hover{background-color:#e5e7eb}.save-btn{background-color:var(--primary-purple-color);border:1px solid var(--primary-purple-color);border-radius:8px;color:var(--primary-green-color);cursor:pointer;font-size:1rem;font-weight:700;padding:.75rem 1.5rem;transition:transform .2s ease;width:100%}.save-btn:hover{transform:scale(1.02)}.save-btn:active{transform:translateY(1px)}@media (min-width:768px){.personal-word-form-backdrop{padding:1rem}.personal-word-form-container{border-radius:12px;max-height:90vh;max-width:600px}.personal-word-form-header{align-items:center;flex-direction:row-reverse;justify-content:space-between;margin-bottom:1rem;padding:1.5rem 1.5rem .5rem}.personal-word-form-header h2{font-size:1.5rem;width:auto}.close-button{align-self:auto;font-size:2rem;height:2rem;width:2rem}.personal-word-form{padding:0 1.5rem 1.5rem}.form-group{margin-bottom:1.25rem}.definitions-header,.meaning-header,.meanings-header{align-items:center;flex-direction:row;justify-content:space-between}.add-meaning-btn{padding:.5rem 1rem;width:auto}.remove-meaning-btn{padding:.25rem .75rem;width:auto}.add-definition-btn{padding:.5rem 1rem;width:auto}.form-actions{flex-direction:row;gap:1rem;justify-content:flex-end}.cancel-btn,.save-btn{width:auto}}@media (min-width:1200px){.personal-word-form-container{max-width:700px}.recorded-audio-preview audio{max-width:500px}}.create-personal-word-btn{background-color:var(--bg-image-color);border:.5px solid #ccc;border-radius:15px;box-shadow:0 10px 10px -10px #2123261a;color:var(--primary-purple-color);cursor:pointer;font-family:var(--font-main);font-size:1rem;font-weight:700;padding:10px 20px;transition:all .3s ease}.word-not-found{color:red;font-size:1rem;font-weight:300;margin-bottom:.5rem;text-align:center;width:100%}.create-personal-word-btn:hover{background:linear-gradient(0deg,#d0efce,#fafafa);transform:scale(1.03)}.button-wrapper{display:flex;justify-content:center;width:100%}.bottom-buttons{display:flex;justify-content:space-around;width:85%}.action-button{align-items:center;background-color:var(--bg-image-color);border:1px solid #ccc;border-radius:20px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;cursor:pointer;display:flex;flex-direction:column;font-family:var(--font-main);font-weight:600;height:9rem;justify-content:center;margin-top:3rem;text-align:center;transition:all .5s ease;width:8.5rem}.action-button:hover{background-color:#fff;border-color:#4caf50;box-shadow:0 0 0 2px #4caf5033,0 1px 1px -.5px #2a33450a,0 3px 3px -1.5px #2a33460a,0 6px 6px -3px #2a33460a,0 12px 12px -6px #0e3f7e0a,0 24px 24px -12px #0e3f7e0a;color:var(--primary-purple-color);font-weight:700;transform:scale(1.03)}.action-button span{color:var(--primary-purple-color);font-size:.9rem;text-align:center}.action-button img{height:100%;object-fit:contain;width:100%}.icon-circle{align-items:center;background-color:var(--mint-green-color);border-radius:50%;box-shadow:0 0 0 1px #0e3f7e0a,0 1px 1px -.5px #2a33450a,0 3px 3px -1.5px #2a33460a,0 6px 6px -3px #2a33460a,0 12px 12px -6px #0e3f7e0a,0 24px 24px -12px #0e3f7e0a;display:flex;height:5rem;justify-content:center;margin-bottom:1rem;width:5rem}.icon-circle img{height:60px;object-fit:contain;width:60px}.app-title{color:var(--primary-purple-color);font-family:var(--font-title);font-size:2rem;margin-bottom:.5rem;padding-top:2rem;text-align:center}.app-tagline{font-family:var(--font-main);font-size:1rem;margin-bottom:2rem;text-align:center}@media (min-width:768px){.app-title{padding-top:4rem}.app-tagline{font-size:1.2rem;margin-bottom:3rem}.bottom-buttons{width:50%}.action-button{height:11rem;transition:box-shadow .3s;width:10rem}.icon-circle{height:5.5rem;width:5.5rem}}@media (min-width:1024px){.app-tagline{margin-bottom:3rem}.bottom-buttons{width:35%}.action-button span{font-size:1rem}}.word-list-container{font-family:Comic Sans MS,cursive,sans-serif;padding:2rem 1rem}.word-list-title{color:var(--primary-purple-color);font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.word-list-items{list-style:none;margin:0;padding:0}.word-list-item{align-items:center;cursor:pointer;padding:8px 0}.word-list-icon{margin-right:10px}.word-link{color:#2f4f4f;font-weight:700}.word-link:hover{text-decoration:underline}.word-list-item{align-items:space-between;background-color:var(--bg-image-color);border-bottom:1px solid #ccc;border-radius:8px;color:var(--primary-purple-color);display:flex;font-size:1rem;margin-top:7px;padding:10px;transition:all .3s ease}.word-list-word{align-items:center;display:flex;flex-grow:1}.word-list-arrow{color:var(--primary-purple-color);display:none;font-size:1rem}.word-list-item:active,.word-list-item:focus-within,.word-list-item:hover{background-color:#f0fff4;box-shadow:0 0 0 2px #a5d6a7;transform:scale(1.005);.word-list-icon{transform:rotate(-60deg)}.word-list-arrow{display:inline}}.word-link{font-family:var(--font-main);font-weight:600}.word-link,.word-link:active,.word-link:focus,.word-link:hover,.word-link:visited{color:var(--primary-purple-color);text-decoration:none}@media (min-width:768px){.word-list-container{margin:0 auto;max-width:75%;padding:2.3rem 1.5rem}.word-list-title{font-size:1.65rem;margin-bottom:2.3rem}.word-list-item{font-size:1.3rem;padding:12px}.word-link{font-size:1rem}}@media (min-width:1024px){.word-list-container{padding:2rem;width:55%}.word-list-title{font-size:1.8rem;margin-bottom:3.5rem}.word-list-item{font-size:1.35rem;padding:12px}.word-link{font-size:1.25rem}}.section-title{color:var(--primary-purple-color);font-size:1.4rem;margin:1.5rem 0;text-align:center}.add-tag-button{background-color:var(--bg-image-color);border:.5px solid var(--primary-purple-color);border-radius:20px;box-shadow:0 10px 10px -10px #2123261a;color:var(--primary-purple-color);font-family:var(--font-main);font-size:1rem;font-weight:700;margin-top:2rem;padding:10px 20px;transition:all .3s ease;width:100%;& span{font-size:1.3rem}&:hover{background-color:var(--bg-image-color);box-shadow:0 4px 10px #0000001a;color:var(--primary-purple-color);transform:scale(1.01)}}.add-tag-button,.add-tag-card{align-items:center;cursor:pointer;display:flex;justify-content:space-between}.add-tag-card{background-color:#f9f9f9;background:var(--bg-image-color);border:.5px solid var(--primary-purple-color);border-radius:20px;box-shadow:0 2px 5px #0000000d;color:var(--primary-purple-color);font-size:1.1rem;font-weight:500;padding:10px 16px}.new-tag-input{border:1px solid #ccc;border-radius:8px;font-size:14px;margin-right:8px;outline:none;padding:6px 10px}.input-icon{align-self:baseline;background:none;border:none;border-radius:50%;color:var(--primary-purple-color);cursor:pointer;font-size:1.3rem;font-weight:700;height:2rem;margin-left:1rem;transition:all .3s ease;width:2rem;&:hover{background-color:var(--bg-image-color);color:var(--primary-purple-color);transform:scale(1.1)}}.tag-list{display:flex;flex-direction:column;gap:12px;margin-top:2rem;width:100%}.tag-card{align-items:center;background-color:var(--bg-image-color);border-radius:10px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #0000000f;color:var(--primary-purple-color);cursor:pointer;display:flex;font-size:1.2rem;font-weight:500;justify-content:space-between;transition:all .3s ease;.tag-card-trash{background-color:initial;border:none;border-radius:50%;color:#858585;cursor:pointer;margin-right:.3rem;padding:.3rem;transition:all .3s ease}}.tag-card-trash:hover{background:rgba(206,227,239,.258);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:var(--primary-purple-color);font-weight:700;transform:scale(1.03)}.tag-card:hover{background-color:#fff;box-shadow:0 4px 10px #0000001a;transform:scale(1.01);.tag-card-trash{display:flex}}.tag-card-name{padding:.8rem 1rem;width:95%}.color-0{border-left:.5rem solid #a5c5f9;&:hover{border-left:.5rem solid #3f51b5}}.color-1{border-left:.5rem solid #f9a39c;&:hover{border-left:.5rem solid #ff6f61}}.color-2{border-left:.5rem solid #d4f3f6;transition:border-left .3s ease,background-color .3s ease;&:hover{border-left:.5rem solid #00bcd4}}.color-3{border-left:.5rem solid #f7bdea;&:hover{border-left:.5rem solid #e91e63}}@media (min-width:768px){.section-title{font-size:1.65rem;margin:2.3rem}.add-tag-button,.add-tag-card{margin:0 auto;width:60%}.tag-list{flex-direction:row;flex-wrap:wrap;gap:16px;justify-content:center;margin:2rem auto;width:70%}.tag-card{flex-basis:calc(45% - 16px);flex-grow:1;flex-shrink:1;margin:8px;max-width:calc(45% - 16px)}}@media (min-width:1024px){.section-title{font-size:1.8rem;margin-bottom:3.5rem}.add-tag-button,.add-tag-card{width:40%}.tag-list{gap:20px;margin:3rem auto;width:70%}.tag-card{flex-basis:calc(31% - 20px);flex-grow:1;flex-shrink:1;margin:10px;max-width:calc(31% - 20px);.tag-card-trash{display:none;padding:1rem;transition:all .3s ease}}.tag-card-trash:hover{box-shadow:0 3px 5px #0000000a}.tag-card:hover{.tag-card-trash{display:flex}}.tag-card-name{padding:1.25rem 1.5rem}}.note-block{grid-gap:.5rem;display:grid;gap:.5rem;margin:1.5rem 0}.button-write-note{align-items:center;background-color:#f1f3f4;border:none;border-radius:.5rem;color:var(--primary-purple-color);cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease-in-out;width:fit-content}.button-write-note:hover{transform:scale(1.05)}.note-header{align-items:center;display:flex;justify-content:space-between}.note-view{background:#f6f7f8;border-radius:.5rem}.note-view,textarea{font-size:.9rem;padding:.75rem}textarea{border:.5px solid var(--primary-purple-color);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;font-family:var(--font-main);outline:none;resize:vertical;transition:all .2s ease-in-out;width:100%}textarea:focus{border:1px solid var(--primary-purple-color)}.note-actions{display:flex;gap:.75rem;justify-content:flex-end}.note-primary{border:1px solid var(--primary-purple-color);padding:.5rem .9rem}.note-secondary{background:#eee;border-radius:.5rem;padding:.5rem .9rem}.note-link{background:#0000;border:none;cursor:pointer;transition:all .2s ease}.note-link:hover{border-bottom:1px solid var(--primary-purple-color);color:var(--primary-purple-color);padding-bottom:1px;transform:scale(1.02)}.note-error{color:#b00020}.note-title{color:var(--primary-purple-color);font-family:var(--font-main);font-size:1rem;font-weight:600}.note-actions button{border-radius:.5rem;cursor:pointer;font-size:.95rem;font-weight:500;min-width:120px;padding:.6rem 1rem;transition:background-color .2s ease-in-out,color .2s ease-in-out}.note-secondary{background-color:#eee;border:1px solid #ddd;color:var(--primary-purple-color)}.note-secondary:hover{background-color:#ddd;color:var(--primary-purple-color)}.note-primary{background-color:var(--primary-purple-color);border:none;border-radius:.5rem;cursor:pointer;font-size:.95rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease-in-out}.note-primary,.note-primary:hover{color:#afebbb;color:var(--primary-green-color,#afebbb)}.note-primary:hover{font-weight:700}.example-block{grid-gap:.75rem;border-top:1px solid #e5e7eb;display:grid;gap:.75rem;margin:1rem 0;padding-top:1rem}.button-add-example{align-items:center;background-color:#f1f3f4;border:none;border-radius:.5rem;color:var(--primary-purple-color);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem 1rem;text-align:center;transition:all .2s ease-in-out;width:100%}.button-add-example:hover{background-color:#e8f0fe;transform:translateY(-1px)}.example-header{align-items:flex-start;display:flex;flex-direction:column}.example-title{font-family:var(--font-main);font-weight:600;width:100%}.example-link,.example-title{color:var(--primary-purple-color);font-size:1rem}.example-link{align-items:center;align-self:flex-end;background:#0000;border:none;cursor:pointer;display:flex;gap:2px;transition:all .2s ease}.example-link:hover{border-bottom:1px solid var(--primary-purple-color);color:var(--primary-purple-color);padding-bottom:1px;transform:scale(1.02)}.ai-options-simple{background:#f8f9fa;border:1px solid #e9ecef;border-radius:.75rem;display:flex;flex-direction:column;gap:.75rem;justify-content:space-around;margin:.75rem 0;padding:1rem}.ai-option-inline{display:flex;flex-direction:column;gap:.5rem;width:100%}.ai-option-inline label{color:var(--primary-purple-color);font-size:.95rem;font-weight:600;margin-bottom:.25rem}.ai-difficulty-select-inline{appearance:none;background:#fff;background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;outline:none;padding:.6rem 2.5rem .6rem .6rem}.ai-context-input-inline,.ai-difficulty-select-inline{border:1px solid #d1d5db;border-radius:.5rem;font-size:1rem;width:100%}.ai-context-input-inline{background:#fff;padding:.6rem}.ai-context-input-inline:focus,.ai-difficulty-select-inline:focus{border-color:var(--primary-purple-color);box-shadow:0 0 0 3px #d4e6f163;outline:none}.generate-button{align-items:center;background:var(--primary-purple-color);border:none;border-radius:.5rem;color:var(--primary-green-color);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.generate-button:hover:not(:disabled){box-shadow:0 4px 16px #51c47b47;font-weight:700;transform:scale(1.05)}.generate-button:disabled{cursor:not-allowed;opacity:.6;transform:none}.examples-list{display:flex;flex-direction:column;gap:.75rem;list-style:none;margin:0;padding:0}.example-item{background:#f6f7f8;border-radius:.75rem;display:flex;flex-direction:row;font-size:1rem;gap:.75rem;padding:.5rem}.example-item-audio-text{align-items:center;display:flex;flex-grow:1;gap:.5rem}.example-text{word-wrap:break-word;color:#374151;font-size:1rem;font-style:italic;font-weight:400;line-height:1.5;margin:0;padding-right:.5rem}.example-delete{align-items:center;background-color:initial;border:none;border-radius:.5rem;color:#ccc;cursor:pointer;display:flex;height:2.5rem;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;transition:all .2s ease;width:2.5rem}.example-delete:hover{background:rgba(206,227,239,.829);color:var(--primary-purple-color);transform:scale(1.05)}.example-block textarea{border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;font-family:var(--font-main);font-size:1rem;min-height:120px;outline:none;padding:1rem;resize:vertical;transition:all .2s ease-in-out;width:100%}.example-block textarea:focus{border-color:var(--primary-purple-color);border:.5px solid var(--primary-purple-color);box-shadow:0 0 0 3px #d4e6f163}.example-actions{display:flex;flex-direction:column;gap:.75rem}.example-actions button{border:none;border-radius:.5rem;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1rem;transition:all .2s ease-in-out;width:100%}.example-secondary{background-color:#f3f4f6;border:2px solid #d1d5db;color:#374151;order:2;transition:all .2s ease-in-out}.example-secondary:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af;box-shadow:0 2px 8px #0a051321;transform:scale(1.02)}.example-primary{background-color:var(--primary-purple-color);color:var(--primary-green-color);font-weight:600;order:1}.example-primary:hover:not(:disabled){box-shadow:0 4px 12px #0a051340;font-weight:700;transform:scale(1.05)}.example-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.example-error{background-color:#fef2f2;border:1px solid #fecaca;border-radius:.5rem;color:#dc2626;font-size:.95rem;margin:0;padding:.75rem}@media (min-width:768px){.example-block{gap:1rem;margin:1.5rem 0;padding-top:1.5rem}.button-add-example{font-size:.95rem;padding:.5rem 1rem;width:fit-content}.example-header{align-items:center;flex-direction:row;justify-content:space-between}.example-title{font-size:1rem;width:auto}.ai-options-simple{align-items:end;flex-direction:row;padding:.75rem 1rem}.ai-option-inline{flex-direction:column;min-width:140px;width:auto}.ai-context-input-inline,.ai-difficulty-select-inline{font-size:.9rem;padding:.5rem}.ai-context-input-inline{width:200px}.generate-button{font-size:.9rem;margin-left:1rem;margin-top:0;padding:.5rem 1rem;width:auto}.example-item{align-items:center;flex-direction:row;gap:1rem;padding:.1rem .8rem}.example-text{flex:1 1;font-size:.9rem}.example-delete{height:2rem;position:static;width:2rem}.example-block textarea{font-size:.9rem;min-height:100px;padding:.75rem}.example-actions{flex-direction:row;justify-content:flex-end}.example-actions button{font-size:.95rem;min-width:120px;padding:.6rem 1rem;width:auto}.example-secondary{order:1}.example-primary{order:2}}@media (min-width:1024px){.ai-options-simple{gap:1.5rem}.ai-option-inline{min-width:160px}.ai-context-input-inline{width:250px}.example-primary:hover:not(:disabled),.generate-button:hover:not(:disabled){transform:translateY(-1px)}}.main-title{align-self:center;color:var(--primary-green-color);font-family:var(--font-title);font-size:1.2rem;transition:all .3s ease}.main-title span{padding-left:.5rem}.main-title:hover{text-decoration:none;transform:scale(1.05)}.nav-links{align-items:center;display:flex;flex-direction:row;gap:1rem;.nav-links-icons{margin-right:.5rem;transition:all .4s ease-in-out;visibility:hidden}}.nav-links-tags,.nav-links-words{display:none}.nav-links a,.nav-links button{background-color:var(--primary-purple-color);border:none;color:var(--primary-green-color);cursor:pointer;font-family:var(--font-main);font-size:1rem;font-weight:500;margin-left:.5rem;padding:0;text-decoration:none;transition:all .4s ease}.nav-links a:hover,.nav-links button:hover{border-bottom:2px solid var(--primary-green-color);padding-bottom:3px;.nav-links-icons{visibility:visible}}.logout_btn{border-radius:10px}@media (min-width:768px){.nav-links{gap:2rem}.nav-links a,.nav-links button{font-size:1.1rem}.main-title{font-size:1.5rem}.nav-links-tags,.nav-links-words{display:block}}.welcome-page{background-image:url(/static/media/bg_welcomepage.96a81088151022be013b.png);background-position:50%;background-repeat:no-repeat;background-size:cover;display:grid;grid-template-rows:30% 60% 10%;height:100vh;padding:2rem 2rem 0}.welcome-header{place-self:center;text-align:center}.welcome-header,.welcome-title{color:var(--primary-purple-color)}.welcome-title{font-family:var(--font-title);font-size:2.2rem;line-height:1.3;margin-bottom:2rem}.welcome-title-highlight{font-size:2.8rem}.welcome-subtitle{color:var(--primary-purple-color);font-family:var(--font-main);font-size:1.2rem;place-self:center;text-align:center}.welcome-actions{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3.5rem;place-self:end center}.welcome-btn{background-color:var(--primary-purple-color);border:none;border-radius:15px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:var(--primary-green-color);font-family:var(--font-main);font-size:1.1rem;font-weight:700;padding:.5rem 2rem;transition:all .3s ease}.welcome-btn:hover{box-shadow:0 25px 50px -12px #00000040;cursor:pointer;text-decoration:underline;transform:scale(1.03)}.welcome-footer{text-align:center}.welcome-footer p{color:var(--primary-purple-color);font-family:var(--font-main);font-size:.9rem}@media (min-width:768px){.welcome-page{background-image:linear-gradient(0deg,#f4fedb54 15%,#d5e7f196),url(/static/media/bg_mini_welcome1.7bb67fcc5c97b0faaa33.png);background-position:bottom;background-size:auto;grid-template-rows:40% 50% 10%;padding:3rem 4rem 0}.welcome-actions{flex-direction:row;gap:2rem;justify-content:center;place-self:start center}.welcome-title{font-size:2.5rem}.welcome-title-highlight{font-size:3.2rem}.welcome-subtitle{font-size:1.4rem}.welcome-btn{font-size:1.2rem;padding:.7rem 2.5rem}}@media (min-width:1024px){.welcome-page{background-image:linear-gradient(0deg,#f4fedb54 15%,rgba(213,231,241,.728)),url(/static/media/bg_mini_welcome1.7bb67fcc5c97b0faaa33.png),linear-gradient(0deg,#f9fed6 30%,#caffe7ed);grid-template-rows:30% 60% 10%;padding:4rem 6rem 0}.welcome-title-highlight{font-size:3.3rem}.welcome-btn{margin-top:3rem;padding:.8rem 3rem}}
/*# sourceMappingURL=main.959c0bfb.css.map*/