body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:#f8f9fa;color:#333;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}*{box-sizing:border-box}.btn,button{min-height:44px;min-width:44px}@media (max-width:768px){body,input,select,textarea{font-size:16px}.card{margin:.5rem;padding:1rem}.on-screen-keyboard-overlay{background:#0000001a;bottom:0;left:0;position:fixed;right:0;z-index:1000}.on-screen-keyboard{background:#f8f9fa;border-top:1px solid #dee2e6;max-height:40vh;overflow-y:auto;padding:.5rem}.keyboard-row{gap:.25rem;margin-bottom:.25rem}.keyboard-key,.keyboard-row{display:flex;justify-content:center}.keyboard-key{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:1rem;min-height:2.5rem;min-width:2.5rem;transition:all .2s;user-select:none;-webkit-user-select:none}.keyboard-key:active{background:#e9ecef;transform:scale(.95)}.space-bar-key{min-width:8rem}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard-container{background-color:#f7f9fa;min-height:100vh;width:100%}.dashboard-content{margin:0 auto;max-width:1200px;padding:2rem}.dashboard-header{align-items:center;background-color:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 2px 4px #00000005;display:flex;justify-content:space-between;padding:1rem 2rem}.dashboard-header h1{color:#333;font-size:1.5rem;margin:0}.dashboard-header .btn-secondary{margin:0}.dashboard-welcome{color:#555;font-size:1.1rem;margin-bottom:1rem;text-align:center}.create-module-button{display:inline-block;margin-bottom:2rem}.dashboard-placeholder{background:#fffc;border-radius:8px;box-shadow:0 2px 8px #228b221a;color:#22543d;font-size:1.2rem;padding:1rem 2rem;transition:transform .2s cubic-bezier(.4,0,.2,1)}.dashboard-placeholder:hover{transform:scale(1.08)}.create-module-btn{background:linear-gradient(135deg,#a8e063,#56ab2f);border:none;border-radius:6px;box-shadow:0 2px 6px #228b221f;color:#fff;cursor:pointer;display:inline-block;font-size:1.1rem;margin-bottom:1rem;padding:.7rem 1.6rem;text-align:center;text-decoration:none;transition:transform .15s,box-shadow .15s}.create-module-btn:hover{box-shadow:0 4px 12px #228b222e;text-decoration:none;transform:scale(1.06)}.app-banner{background:linear-gradient(90deg,#386641,#6a994e);box-shadow:0 2px 8px #00000012;color:#fff;left:0;position:fixed;top:0;z-index:1000}.app-banner,.app-banner-content{align-items:center;display:flex;height:56px;width:100%}.app-banner-content{justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.app-banner-title{color:#fff;font-size:1.5rem;font-weight:700;letter-spacing:1px;text-decoration:none;transition:color .2s}.app-banner-title:hover{color:#b7e4c7}.app-banner-logout{background:#fff;border:none;border-radius:4px;color:#386641;cursor:pointer;font-size:1rem;font-weight:500;margin-left:2rem;padding:.5rem 1.2rem;transition:background .2s,color .2s}.app-banner-logout:hover{background:#b7e4c7;color:#1b4332}.app-banner-profile{margin-left:2rem;position:relative}.app-banner-profile-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;height:36px;justify-content:center;padding:.25rem;transition:background .2s;width:36px}.app-banner-profile-btn:hover{background:#e9f5e1}.app-banner-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #0000001a;display:flex;flex-direction:column;min-width:140px;padding:.5rem 0;position:absolute;right:0;top:120%;z-index:2000}.app-banner-dropdown-item{background:none;border:none;color:#386641;cursor:pointer;font-size:1rem;padding:.75rem 1.25rem;text-align:left;transition:background .2s,color .2s}.app-banner-dropdown-item:hover{background:#e9f5e1;color:#1b4332}.module-cards-container{align-items:center;display:flex;flex-direction:column;width:100%}.module-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr}.module-card{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 2px 5px #0000000d;display:flex;flex-direction:column;justify-content:space-between;transition:transform .2s ease,box-shadow .2s ease}.module-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-5px)}.module-card-content{padding:1.5rem}.module-card-title{font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.module-card-topic{color:#555;font-size:1rem;margin:0}.module-card-actions{background-color:#fcfcfc;border-radius:0 0 8px 8px;border-top:1px solid #e9ecef;display:flex;padding:1rem 1.5rem}.module-card-actions .btn{margin-right:.5rem}.module-card-actions .btn:last-child{margin-left:auto;margin-right:0}[dir=rtl] .module-card-actions{flex-direction:row-reverse;position:relative}[dir=rtl] .module-card-actions .btn{margin-left:.5rem;margin-right:0}[dir=rtl] .module-card-actions .btn-danger{left:1.5rem;position:absolute;right:auto;top:50%;transform:translateY(-50%);z-index:1}[dir=rtl] .module-card-actions .btn:last-child{margin-left:0;margin-right:0;order:2}.module-list-empty{background:#fff;border:1px dashed #ccc;border-radius:8px;color:#777;font-size:1.2rem;grid-column:1/-1;padding:3rem;text-align:center}.module-card-meta{align-items:center;color:#666;display:flex;font-size:1rem;margin-top:.5rem}.skeleton{animation:skeleton-shimmer 1.2s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 37%,#f0f0f0 63%);background-size:400% 100%;border-radius:4px;min-height:1em}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:0 0}}body{background:#f0f2f5}.App{margin:0 auto;max-width:900px;padding:2rem;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.expand-on-hover{transition:transform .18s cubic-bezier(.4,0,.2,1),box-shadow .18s cubic-bezier(.4,0,.2,1)}.expand-on-hover:hover{box-shadow:0 4px 12px #228b222e;transform:scale(1.08)}h2{color:#2c6e49;font-weight:600}.btn{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-family:Poppins,sans-serif;font-size:1rem;font-weight:500;padding:.8rem 1.5rem;text-decoration:none;transition:all .2s ease-in-out}.btn-primary{background:linear-gradient(135deg,#a8e063,#56ab2f);box-shadow:0 2px 8px #56ab2f33;color:#fff}.btn-primary:hover{box-shadow:0 4px 12px #56ab2f4d;transform:translateY(-2px)}.btn-secondary{background-color:#f0f0f0;border:1px solid #ddd;color:#333}.btn-secondary:hover{background-color:#e0e0e0}.btn-danger{background-color:#e57373;color:#fff}.btn-danger:hover{background-color:#ef5350;transform:translateY(-2px)}.card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d;margin-bottom:2rem;padding:1.5rem 2rem;text-align:left}.form-group label{color:#386641;font-weight:500}.form-group input{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:1rem;padding:.8rem;width:100%}.on-screen-keyboard-overlay{background:#fffffffa;bottom:0;box-shadow:0 -2px 16px #0000001f;display:flex;justify-content:center;left:0;max-width:100vw;padding:1rem .5rem 1.5rem;position:fixed;right:0;width:100vw;z-index:1000}.on-screen-keyboard{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;max-width:700px}.keyboard-key{background:#f5f5f5;border:1px solid #ddd;border-radius:8px;box-shadow:0 1px 2px #0000000a;cursor:pointer;font-size:1.3rem;margin:.1rem;min-height:2.2rem;min-width:2.2rem;outline:none;transition:background .15s,box-shadow .15s}.keyboard-key:focus,.keyboard-key:hover{background:#e0f2e9;border-color:#386641}@media (max-width:600px){.on-screen-keyboard{gap:.3rem;max-width:98vw}.keyboard-key{font-size:1.1rem;min-height:2rem;min-width:2rem}.on-screen-keyboard-overlay{padding:.5rem .1rem 1rem}}.keyboard-row{display:flex;justify-content:center;margin-bottom:.2rem;width:100%}.space-bar-key{background:#f5f5f5;border:1px solid #bbb;border-radius:16px;box-shadow:0 1px 2px #0000000a;display:block;font-size:1.2rem;margin:.2rem auto;max-width:60vw;min-width:10rem}@media (max-width:600px){.space-bar-key{font-size:1rem;min-width:6rem}}.btn-toggle-keyboard.subtle-toggle:focus,.btn-toggle-keyboard.subtle-toggle:hover{background:#e0f2fe;color:#2563eb;outline:none}.btn-toggle-keyboard.subtle-toggle:focus svg,.btn-toggle-keyboard.subtle-toggle:hover svg{stroke:#2563eb}.input-with-keyboard-icon{align-items:center;display:flex;position:relative}.keyboard-icon-absolute{align-items:center;display:flex;position:absolute;right:.3rem;top:50%;transform:translateY(-50%);z-index:2}.input-with-keyboard-icon[dir=rtl] .keyboard-icon-absolute{left:.3rem;right:auto}[dir=rtl] .app-banner-content{flex-direction:row-reverse}[dir=rtl] .app-banner-profile{margin-left:0;margin-right:2rem}[dir=rtl] .app-banner-dropdown{left:0;right:auto}[dir=rtl] .dashboard-header{flex-direction:row-reverse}[dir=rtl] .dashboard-header .btn-secondary{margin-left:0;margin-right:0}[dir=rtl] .card div:not(.btn):not(button),[dir=rtl] .card h1,[dir=rtl] .card h2,[dir=rtl] .card h3,[dir=rtl] .card p,[dir=rtl] .card span{text-align:right}[dir=rtl] .btn,[dir=rtl] button{text-align:center!important}[dir=rtl] .btn+.btn{margin-left:.5rem;margin-right:0}[dir=rtl] .btn-group .btn{margin-left:0;margin-right:0}[dir=rtl] .btn-group .btn+.btn{margin-left:.25rem;margin-right:0}[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea{text-align:right}[dir=rtl] .flashcard{text-align:center}[dir=rtl] .flashcard-content{direction:rtl}[dir=rtl] .conversation-message{text-align:right}[dir=rtl] .conversation-message.user{text-align:left}[dir=rtl] .practice-sentence,[dir=rtl] .word-group{text-align:right}[dir=rtl] .module-actions{flex-direction:row-reverse}[dir=rtl] .module-actions button{margin-left:0;margin-right:.5rem}[dir=rtl] .module-actions button:last-child{margin-right:0}[dir=rtl] .dropdown-menu,[dir=rtl] .form-group,[dir=rtl] label{text-align:right}[dir=rtl] .modal-footer,[dir=rtl] .modal-header,[dir=rtl] .nav{flex-direction:row-reverse}[dir=rtl] .on-screen-keyboard{text-align:center}[dir=rtl] .keyboard-row{justify-content:center}[dir=rtl] .text-content{line-height:1.6;word-spacing:.1em}[dir=rtl] .icon{margin-left:0;margin-right:.5rem}[dir=rtl] .icon:last-child{margin-left:.5rem;margin-right:0}[dir=rtl] .dashboard-placeholder,[dir=rtl] .dashboard-welcome{text-align:right}[dir=rtl] .module-item h3,[dir=rtl] .module-item p{text-align:right}[dir=rtl] .module-card-content,[dir=rtl] .module-card-meta,[dir=rtl] .module-card-title,[dir=rtl] .module-card-topic{text-align:right}[dir=rtl] .module-card-actions{display:flex;flex-direction:row;gap:.5rem}[dir=rtl] .module-card-actions .btn{text-align:center}[dir=rtl] .module-card-actions .btn,[dir=rtl] .module-card-actions .btn:last-child{margin-left:0!important;margin-right:0!important}[dir=rtl] .profile-info,[dir=rtl] .profile-info strong{text-align:right}[dir=rtl] .create-module-button{display:inline-block;text-align:center}[dir=rtl] .module-list-empty{text-align:right}.btn:focus,[role=button]:focus,button:focus{outline:none}.btn:focus-visible,[role=button]:focus-visible,button:focus-visible{outline:none}body.keyboard-user .btn:focus,body.keyboard-user [role=button]:focus,body.keyboard-user button:focus{outline:2px solid #386641;outline-offset:2px}.module-page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.module-page-actions{display:flex;gap:1rem}.learn-topic-card{margin:0 auto 2rem;max-width:450px}.learn-topic-card h4{color:#2c6e49;margin-bottom:1rem}.learn-topic-card .form-group select{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:1rem;padding:.8rem;width:100%}.learn-topic-actions{display:flex;gap:1rem}.error-message{color:#c0392b}.form-group textarea{border:1px solid #d0d5dd;border-radius:8px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:1rem;margin-bottom:1rem;margin-top:.5rem;padding:.75rem 1rem;resize:none;transition:border-color .2s,box-shadow .2s;width:100%}.form-group textarea:focus{border-color:#386641;box-shadow:0 0 0 4px #3866411a;outline:none}.language-selector-form{align-items:center;background:#fff;border-radius:18px;box-shadow:0 4px 24px #0000001a;display:flex;flex-direction:column;gap:2rem;margin:2rem auto;max-width:420px;padding:2.5rem 2.5rem 2rem}.language-selector-form label{color:#155724;display:block;font-size:1.1rem;font-weight:600;margin-bottom:.7rem}.language-selector-form .form-group{align-items:flex-start;display:flex;flex-direction:column;width:100%}.language-selector-form .learn-topic-card{background:#0000;box-shadow:none;margin:0;padding:0}.language-selector-form .form-group select{border:1px solid #ccc;border-radius:8px;box-sizing:border-box;font-family:Poppins,sans-serif;font-size:1rem;padding:.8rem;width:100%}.language-selector-form button{background:linear-gradient(135deg,#a8e063,#56ab2f);border:none;border-radius:10px;box-shadow:0 2px 8px #228b221f;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin-top:1.2rem;padding:.9rem 2.2rem;transition:transform .15s,box-shadow .15s}.language-selector-form button:hover{box-shadow:0 4px 16px #228b222e;transform:scale(1.06)}.language-selector-form .error-message{color:#e74c3c;font-size:1rem;margin-bottom:.5rem;margin-top:-1rem;text-align:center}.language-selector-actions{display:flex;gap:1rem;justify-content:center;margin-top:1rem}.language-selector-actions .btn{min-width:120px}.language-selector-actions .btn-cancel{background:linear-gradient(135deg,#e74c3c,#c0392b)!important;border:none!important;border-radius:10px!important;box-shadow:0 2px 8px #e74c3c1f!important;color:#fff!important;cursor:pointer!important;font-size:1.1rem!important;font-weight:600!important;padding:.9rem 2.2rem!important;transition:transform .15s,box-shadow .15s!important}.language-selector-actions .btn-cancel:hover{background:linear-gradient(135deg,#c0392b,#a93226)!important;box-shadow:0 4px 16px #e74c3c2e!important;transform:scale(1.06)!important}@media (max-width:500px){.language-selector-form{padding:1.5rem}.language-selector-actions{flex-direction:column}.language-selector-actions .btn{width:100%}}.add-flashcard-group-container{align-items:flex-start;background-color:#f7f9fa;display:flex;justify-content:center;min-height:calc(100vh - 60px);padding:2rem}.add-flashcard-group-form{background:#fff;border-radius:12px;box-shadow:0 8px 30px #00000012;max-width:750px;padding:1.75rem;width:100%}.add-flashcard-group-form h3{color:#333;font-size:1.8rem;margin-bottom:.5rem;margin-top:0;text-align:center}.form-description{color:#667085;margin-bottom:2rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#344054;display:block;font-weight:600;margin-bottom:.5rem}.form-hint{color:#667085;font-size:.9rem;margin-bottom:.5rem}.form-group input[type=text],.form-group textarea{border:1px solid #d0d5dd;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#386641;box-shadow:0 0 0 4px #3866411a;outline:none}.form-actions{justify-content:flex-end}.word-pair-row{flex-wrap:nowrap;gap:.5rem;min-height:45px}.input-with-keyboard-icon,.word-pair-row input{max-width:160px;min-width:70px}.input-with-keyboard-icon{flex:1 1}.btn-remove-pair{align-items:center;border-radius:4px;display:flex;flex-shrink:0;font-size:1.2rem;height:35px;justify-content:center;min-width:30px;padding:.25rem .5rem}.btn-remove-pair:hover{background-color:#d9534f1a}.form-actions{display:flex;gap:1rem}.word-pairs-section{margin-top:.75rem;padding:1.25rem}.word-pair-row input[type=text]{border:1px solid #d0d5dd;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.word-pair-row input[type=text]:focus{border-color:#386641;box-shadow:0 0 0 4px #3866411a;outline:none}@media (max-width:768px){.add-flashcard-group-container{padding:.5rem}.add-flashcard-group-form{max-width:100%;padding:1rem}.add-flashcard-group-form h3{font-size:1.5rem}.word-pairs-section{margin-top:.5rem;padding:1rem}.word-pair-row{align-items:stretch;flex-direction:column;gap:.75rem;min-height:auto}.input-with-keyboard-icon,.word-pair-row input{max-width:100%;min-width:100%;width:100%}.btn-remove-pair{align-self:flex-end;margin-top:.25rem}.arrow-separator{display:none}.language-direction-header{flex-direction:column;gap:.5rem;padding:0 .5rem;text-align:center}.form-actions{flex-direction:column;width:100%}.form-actions .btn{margin:.25rem 0;width:100%}.btn-add-pair{margin:.75rem 0}}@media (max-width:480px){.add-flashcard-group-container{padding:.25rem}.add-flashcard-group-form{padding:1rem}.add-flashcard-group-form h3{font-size:1.3rem}.word-pairs-section{padding:.75rem}.form-group input[type=text],.word-pair-row input[type=text]{font-size:16px}}.word-group-page-container{padding-bottom:2rem;padding-top:100px}.word-group-banner{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:1.5rem auto 2rem;max-width:1200px;padding:1.5rem 0}.banner-content{align-items:stretch;display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1200px;padding:0 2rem}.banner-title{color:#333;font-size:1.8rem;font-weight:600;margin:0 0 .5rem;text-align:center;width:100%}.banner-actions{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.banner-actions .btn{border-radius:8px;font-size:.95rem;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.banner-actions .btn:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.btn-back{font-size:.95rem;padding:.75rem 1.25rem}.word-group-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.word-group-actions{display:flex;gap:1rem}.btn-back{align-self:flex-start}.word-list-card{margin-bottom:2rem}.word-to{color:#555}.edit-controls{display:flex;justify-content:center;margin:1rem 0}.edit-actions{align-items:center;display:flex;gap:1rem}.word-input{background:#fff;border:1px solid #ddd;border-radius:6px;font-size:1rem;padding:.5rem;transition:border-color .2s ease}.word-input:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.word-from-input{flex:1 1;margin-right:1rem}.word-to-input{flex:1 1;margin-right:.5rem}.word-edit-controls{align-items:center;display:flex;flex:1 1}.btn-delete-word{align-items:center;background:none;border:none;border-radius:6px;color:#6c757d;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s ease}.btn-delete-word:hover{background-color:#f8f9fa;color:#dc3545;transform:scale(1.05)}.word-list-row{align-items:center;border-bottom:1px solid #e0f2e9;display:flex;justify-content:space-between;padding:.8rem 1rem}.word-list-row:last-child{border-bottom:none}.word-from{flex:1 1;font-weight:500;margin-right:1rem}.add-words-button-container{display:flex;justify-content:center;padding:1rem}.bottom-edit-controls{display:flex;gap:1rem;justify-content:center;margin-top:1rem;padding:2rem 1rem}.word-list-header{background-color:#f8f9fa;border-bottom:2px solid #e0f2e9;border-radius:8px 8px 0 0;color:#495057;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;letter-spacing:.5px;padding:1rem 1rem .5rem;text-transform:uppercase}.word-header-from{flex:1 1;margin-right:1rem}.word-header-to{flex:1 1;text-align:right}@media (max-width:700px){.banner-content{gap:1rem;padding:0 .5rem}.banner-title{font-size:1.2rem}.banner-actions{flex-direction:column;gap:.5rem;width:100%}.banner-actions .btn{margin:.25rem 0;width:100%}.word-list-row{align-items:stretch;padding:1rem}.word-edit-controls,.word-list-row{flex-direction:column;gap:.5rem}.word-input{margin:0;width:100%}.word-list-header{flex-direction:column;gap:.5rem;text-align:center}.word-header-from,.word-header-to{margin:0;text-align:center}.edit-actions{flex-direction:column;width:100%}.edit-actions .btn{margin:.25rem 0;width:100%}.bottom-edit-controls{flex-direction:column;width:100%}.bottom-edit-controls .btn{margin:.25rem 0;width:100%}}@media (max-width:480px){.word-group-page-container{padding-left:.5rem;padding-right:.5rem;padding-top:80px}.word-group-banner{margin:1rem 0;padding:1rem 0}.banner-content{padding:0 1rem}.banner-title{font-size:1.1rem}.word-list-card{margin:0}}.add-more-words-container{background-color:#fff;border-radius:0 0 8px 8px;border-top:1px solid #e9ecef;margin-top:1rem;overflow:hidden;padding:0}.add-words-tabs{background-color:#f8f9fa;display:flex}.tab-button{background:none;border:none;border-bottom:3px solid #0000;color:#495057;cursor:pointer;flex:1 1;font-size:1rem;font-weight:500;padding:1rem;transition:all .2s ease-in-out}.tab-button:hover{background-color:#e9ecef}.tab-button.active{background-color:#fff;border-bottom-color:#386641;color:#386641;font-weight:600}.tab-content{padding:1.5rem}.manual-add-section{align-items:center;display:flex;flex-direction:column;text-align:center}.word-pairs-section{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;margin-bottom:1rem;padding:1.5rem}.language-direction-header{color:#495057;display:flex;font-size:.9rem;font-weight:600;justify-content:space-between;margin-bottom:.75rem;padding:0 4rem 0 1rem}.word-pair-row{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.word-pair-row input{border:1px solid #d0d5dd;border-radius:8px;flex:1 1;font-size:1rem;min-width:0;padding:.75rem 1rem;transition:border-color .2s,box-shadow .2s;width:100%}.word-pair-row input:focus{border-color:#386641;box-shadow:0 0 0 4px #3866411a;outline:none}.arrow-separator{color:#6c757d;font-size:1.2rem}.btn-remove-pair{background:none;border:none;color:#6c757d;cursor:pointer;font-size:1.5rem;line-height:1;padding:0 .5rem;transition:color .2s}.btn-remove-pair:hover{color:#d9534f}.btn-add-pair{background:none;border:1px dashed #ced4da;border-radius:6px;color:#495057;cursor:pointer;font-weight:500;margin-top:1rem;padding:.75rem;transition:all .2s;width:100%}.btn-add-pair:hover{background-color:#e9ecef;border-color:#adb5bd}.btn-confirm-add{width:100%}.ai-add-section{align-items:center;display:flex;flex-direction:column;text-align:center}.ai-add-section p,.manual-add-section p{color:#333;font-size:1rem;margin:0 0 1rem}.ai-option-label{color:#555!important;font-size:.9rem!important;margin-bottom:.5rem!important}.ai-word-count-selector{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.btn-count{background-color:#f8f9fa;border:1px solid #dee2e6;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.btn-count:hover{background-color:#e9ecef;border-color:#adb5bd}.btn-count.active{background-color:#386641;border-color:#386641;color:#fff;font-weight:700}.error-message{color:#d9534f;font-weight:500;margin-top:1rem;text-align:center}@media (max-width:768px){.add-words-tabs{flex-direction:column}.tab-button{font-size:.9rem;padding:.75rem}.tab-content,.word-pairs-section{padding:1rem}.word-pair-row{align-items:stretch;flex-direction:column;gap:.75rem}.word-pair-row input{width:100%}.arrow-separator{display:none}.language-direction-header{flex-direction:column;gap:.5rem;padding:0 .5rem;text-align:center}.ai-word-count-selector{gap:.5rem}.btn-count{font-size:.85rem;padding:.4rem .8rem}.btn-confirm-add{margin:.5rem 0;width:100%}}@media (max-width:480px){.tab-content,.word-pairs-section{padding:.75rem}.word-pair-row input{font-size:16px}.ai-word-count-selector{align-items:center;flex-direction:column}.btn-count{max-width:200px;width:100%}}.placeholder-rtl::placeholder{direction:rtl;text-align:right}.placeholder-ltr::placeholder{direction:ltr;text-align:left}.spinner-overlay{align-items:center;background:#ffffffbf;display:flex;flex-direction:column;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.spinner{animation:spin 1s linear infinite;border:4px solid #e0e0e0;border-radius:50%;border-top-color:#386641;height:32px;margin:0 auto;width:32px}.spinner.large{border-width:8px;height:64px;width:64px}.spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-message{color:#2c6e49;font-family:Poppins,sans-serif;font-size:1.2rem;font-weight:500;text-align:center}.chat-window{background-color:#fdfdfd;border:1px solid #ddd;border-radius:8px;height:400px;overflow-y:auto;padding:1rem}.chat-window,.message-row{margin-bottom:1rem}.message-row.user{text-align:right}.message-row.ai{text-align:left}.message-bubble{border-radius:12px;display:inline-block;line-height:1.4;max-width:70%;padding:.8rem 1rem}.message-bubble.user{background-color:#dcf8c6}.message-bubble.ai{background-color:#f1f0f0}.typing-indicator{color:#888;font-style:italic;text-align:left}.message-form{display:flex;gap:1rem}.message-input{flex:1 1}.sentence-practice-container{margin:0 auto;max-width:800px}.sentence-list{list-style-type:none;margin:0;padding:0}.sentence-item{background:#fff;border:1px solid #e0e0e0;border-radius:8px;margin-bottom:1rem;padding:1.5rem;transition:box-shadow .2s}.sentence-item.answered.correct{background-color:#f8fdf8;border-left:5px solid #4caf50}.sentence-item.answered.incorrect{background-color:#fff8f8;border-left:5px solid #f44336}.item-content{align-items:center;display:flex;flex-direction:column}.translation-hint{color:#666;font-size:.95rem;font-style:italic;margin-bottom:1rem}.sentence-text{color:#333;font-size:1.2rem;line-height:1.8;margin-bottom:1rem}.inline-sentence-input{background-color:initial;border:none;border-bottom:2px solid #386641;border-radius:0;display:inline-block;font-size:1.2rem;margin:0 .3rem;padding:.1rem .2rem;text-align:center;vertical-align:initial}.inline-sentence-input:focus{border-bottom-color:#a8e063;outline:none}.feedback-text{font-weight:500;margin-top:1rem}.feedback-text.correct{color:#2e7d32}.feedback-text.incorrect{color:#c62828}.form-actions{margin-top:2rem;text-align:center}.mcq-blank{background:#0000;border-bottom:2px solid #888;content:"";display:inline-block;height:1.2em;margin:0 .2em;vertical-align:middle;width:6ch}.mcq-choice-btn{background:#fff;border:2px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;color:#222;cursor:pointer;transition:all .2s ease}.mcq-choice-btn:hover:not(:disabled):not(.selected):not(.correct):not(.incorrect){background:#f5f5f5;border-color:#888;box-shadow:0 4px 8px #8888881f;transform:translateY(-1px)}.mcq-choice-btn.selected{background:#888;border-color:#888;box-shadow:0 4px 8px #8888882e;color:#fff;transform:translateY(-1px)}.mcq-choice-btn.correct{background:#43b96f;border-color:#43b96f;box-shadow:0 4px 8px #43b96f38;color:#fff}.mcq-choice-btn.incorrect{background:#ff5c5c;border-color:#ff5c5c;box-shadow:0 4px 8px #ff5c5c2e;color:#fff}.mcq-choice-btn:disabled{cursor:default;opacity:1}.mcq-choices{grid-gap:1rem;align-items:center;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);justify-items:center;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:100%}@media (max-width:768px){.sentence-practice-container{padding:0 .5rem}.sentence-item{margin-bottom:.75rem;padding:1rem}.translation-hint{font-size:.9rem;margin-bottom:.75rem}.sentence-text{font-size:1.1rem;line-height:1.6}.inline-sentence-input{font-size:1.1rem;margin:0 .2rem;min-width:80px}.form-actions{margin-top:1.5rem}.form-actions .btn{margin:.5rem 0;width:100%}}@media (max-width:480px){.sentence-practice-container{padding:0 .25rem}.sentence-item{margin-bottom:.5rem;padding:.75rem}.sentence-text{font-size:1rem;line-height:1.5}.inline-sentence-input{font-size:1rem;min-width:60px}.translation-hint{font-size:.85rem}}@media (max-width:500px){.mcq-choices{grid-template-columns:1fr}}.card-correct{background:#eafaf1!important;border-color:#28a745!important}.card-incorrect{background:#faeaea!important;border-color:#dc3545!important}.landing-container{color:#333;font-family:Poppins,sans-serif;margin:0 auto;max-width:1100px;padding:2rem;text-align:center;width:100%}[dir=rtl] .landing-container{text-align:center}.landing-header{padding:2rem 0}.landing-header h1{color:#386641;font-size:3rem;font-weight:700}.tagline{color:#555;font-size:1.25rem;margin-top:.5rem}.hero-section{background:#fff;border-radius:12px;box-shadow:0 8px 30px #0000000d;margin:2rem 0;padding:3rem 2rem}.hero-section h2{font-size:2.5rem;font-weight:600}.hero-section p{font-size:1.1rem;line-height:1.6;margin:1rem auto 2rem;max-width:700px}.cta-button{font-size:1.2rem;padding:1rem 2.5rem}.features-section{margin:4rem 0}.features-section h3{font-size:2rem;margin-bottom:2rem}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));text-align:left}[dir=rtl] .features-grid{text-align:right}.feature-card{background-color:#f9f9f9;border:1px solid #eee;border-radius:12px;padding:2rem}.feature-card h4{color:#386641;font-size:1.25rem;font-weight:600;margin-top:0}.landing-footer{border-top:1px solid #eee;color:#888;margin-top:4rem;padding-top:2rem}.footer-links{margin-bottom:15px}.footer-links a{color:#666;font-size:14px;margin:0 15px;text-decoration:none}.footer-links a:hover{color:#333;text-decoration:underline}.flashcard-container{cursor:pointer;height:250px;margin-bottom:16px;perspective:1000px;width:400px}.flashcard{border-radius:12px;box-shadow:0 4px 12px #00000026;cursor:pointer;height:100%;position:relative;transform-style:preserve-3d;transition:transform .6s;width:100%}.flashcard:focus{outline:none}.flashcard:focus-visible{outline:none}.flashcard:focus:not(:focus-visible){outline:none}.flashcard:focus-within:not(:focus-visible){outline:none}.flashcard.is-flipped{transform:rotateY(180deg)}.flashcard-face{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border:1px solid #e0e0e0;border-radius:12px;display:flex;font-size:2rem;height:100%;justify-content:center;position:absolute;width:100%}.flashcard-face-front{background-color:#f6fff4;color:#155724}.flashcard-face-back{background-color:#e0f2e9;color:#155724;transform:rotateY(180deg)}.knowledge-indicator{align-items:center;background:#f8f9fa;border-radius:20px;box-shadow:0 2px 8px #2c6e4912;display:flex;font-size:1rem;font-weight:500;gap:10px;justify-content:center;margin-bottom:16px;margin-top:16px;padding:6px 18px}.knowledge-dot{border:2px solid #fff;border-radius:50%;box-shadow:0 1px 4px #2c6e491a;display:inline-block;height:16px;width:16px}.knowledge-percent{color:#888;font-size:.95rem}.feedback-buttons{display:flex;gap:20px;justify-content:center;margin-top:32px}.feedback-buttons .btn{border-radius:8px;box-shadow:0 2px 8px #2c6e4912;font-size:1rem;min-width:120px;padding:10px 0;transition:background .2s,color .2s}.feedback-saved{color:#2c6e49;font-size:1.08rem;font-weight:600;margin-top:24px;text-align:center}.flashcard-feedback-row{gap:80px;margin-bottom:16px;pointer-events:none}.flashcard-feedback-btn,.flashcard-feedback-row{align-items:center;display:flex;justify-content:center}.flashcard-feedback-btn{border:none;border-radius:50%;box-shadow:0 2px 8px #2c6e491f;color:#fff;cursor:pointer;font-size:1.6rem;height:44px;margin:0 2px;pointer-events:auto;transition:background .18s,transform .18s;width:44px;z-index:2}.flashcard-feedback-btn:active{transform:scale(.95)}.flashcard-feedback-btn.check{background:#27ae60}.flashcard-feedback-btn.x{background:#e74c3c}.flashcard-feedback-btn.check:hover{background:#219150}.flashcard-feedback-btn.x:hover{background:#c0392b}.flashcard-gear{align-items:center;background:#fff;border:1px solid #e0e0e0;border-radius:50%;box-shadow:0 2px 8px #00000026;color:#666;cursor:pointer;display:flex;height:32px;justify-content:center;position:absolute;right:-40px;top:-40px;transition:all .2s ease;width:32px;z-index:10}.flashcard-gear:hover{background:#f8f9fa;color:#333;transform:scale(1.05)}.flashcard-gear:active{transform:scale(.95)}.flashcard-dropdown{background:#fff;border:1px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 16px #00000026;min-width:180px;overflow:hidden;position:absolute;right:-16px;top:8px;z-index:20}.dropdown-item{align-items:center;background:none;border:none;color:#333;cursor:pointer;display:flex;font-family:inherit;font-size:1rem;gap:12px;justify-content:space-between;line-height:inherit;margin:0;outline:none;padding:16px 20px;text-align:left;transition:background-color .2s ease;width:100%}.dropdown-item:focus{outline:none}.dropdown-item:focus-visible{outline:2px solid #386641;outline-offset:-2px}.dropdown-item:not(:first-child){justify-content:center}.language-toggle-container{align-items:center;display:flex;flex-direction:column;width:100%}.language-toggle-row{align-items:center;display:flex;gap:12px;justify-content:space-between;width:100%}.on-front-text{color:#333;font-size:1rem;margin-top:4px;text-align:center}.dropdown-item:last-child{border-bottom:none}.dropdown-item:hover{background-color:#f8f9fa}.dropdown-item:active{background-color:#e9ecef}.toggle-switch{display:inline-block;height:20px;position:relative;width:40px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#27ae60;border-radius:20px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.3s}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;position:absolute;transition:.3s;width:16px}.toggle-switch input:checked+.toggle-slider{background-color:#27ae60}.toggle-switch input:checked+.toggle-slider:before{transform:translateX(20px)}.flashcards-page-container{margin:0 auto;max-width:1200px;padding:2rem}.btn-back{margin-bottom:2rem}.flashcard-view-container{align-items:center;display:flex;flex-direction:column;gap:2rem}.flashcard-nav{align-items:center;display:flex;gap:1rem}.flashcard-hotkeys{color:#888;margin-top:1rem;text-align:center}.learning-mode-info{color:#888;font-size:1.05rem;margin-top:24px;text-align:center}.btn-shuffle{border-radius:8px;padding:.6rem 1.2rem;transition:all .2s ease}.btn-shuffle:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}@media (max-width:768px){.flashcards-page-container{padding:1rem}.flashcard-nav{flex-direction:column;gap:.5rem}}.flashcard-mode-container{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);min-height:100vh;padding:2rem 0}.flashcard-mode-content{margin:0 auto;max-width:1000px;padding:0 2rem}.btn-back{border-radius:8px;font-size:1rem;margin-bottom:3rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-back:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-1px)}.mode-selection-card{background:#fff;border-radius:16px;box-shadow:0 10px 30px #0000001a;padding:3rem;text-align:center}.mode-selection-card h1{color:#333;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.mode-description{color:#666;font-size:1.2rem;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:600px}.mode-options{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem}.mode-option{background:#f8f9fa;border:2px solid #0000;border-radius:12px;cursor:pointer;padding:2rem;text-align:left;transition:all .3s ease}.mode-option:hover{border-color:#007bff;box-shadow:0 8px 25px #007bff26;transform:translateY(-4px)}.mode-option.learning-mode:hover{border-color:#28a745;box-shadow:0 8px 25px #28a74526}.mode-icon{font-size:3rem}.mode-icon,.mode-option h3{margin-bottom:1rem;text-align:center}.mode-option h3{color:#333;font-size:1.5rem;font-weight:600}.mode-details{color:#555;font-size:1rem;line-height:1.5;margin-bottom:1.5rem}.mode-features{list-style:none;margin-bottom:2rem;padding:0}.mode-features li{color:#666;font-size:.95rem;padding:.5rem 0 .5rem 1.5rem;position:relative}.mode-features li:before{color:#28a745;content:"✓";font-weight:700;left:0;position:absolute}.mode-btn{border-radius:8px;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .2s ease;width:100%}.mode-btn:hover{box-shadow:0 6px 20px #0003;transform:translateY(-2px)}@media (max-width:768px){.flashcard-mode-content{padding:0 1rem}.mode-selection-card{padding:2rem 1.5rem}.mode-selection-card h1{font-size:2rem}.mode-options{gap:1.5rem;grid-template-columns:1fr}.mode-option{padding:1.5rem}}
/*# sourceMappingURL=main.fd5ddfd0.css.map*/