:root{--blue-50:#eff6ff;--blue-100:#dbeafe;--blue-600:#2563eb;--blue-700:#1d4ed8;--green-50:#f0fdf4;--green-100:#dcfce7;--green-500:#22c55e;--green-600:#16a34a;--green-800:#166534;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-800:#1f2937;--indigo-100:#e0e7ff;--yellow-100:#fef9c3;--red-100:#fee2e2;--red-500:#ef4444;--red-700:#b91c1c;--purple-500:#a855f7;--white:#fff;--black-t60:#0009;--orange-400:#fb923c;--amber-400:#facc15;--lime-400:#a3e63e;--cyan-400:#22d3ee;--gold-100:#fef3c7;--gold-600:#d97706;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#eff6ff;background-color:var(--blue-50);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-family:var(--font-sans);margin:0}button{background-color:initial;border:none;cursor:pointer;font-family:inherit;padding:0;transition:all .2s ease-in-out}button:disabled{cursor:not-allowed;opacity:.5}.start-screen{align-items:center;background:linear-gradient(to bottom right,#dbeafe,#e0e7ff);background:linear-gradient(to bottom right,var(--blue-100),var(--indigo-100));display:flex;inset:0;justify-content:center;position:fixed}.start-box{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#fffc;border-radius:1rem;box-shadow:0 10px 25px #0000001a;margin:1rem;max-width:400px;padding:2rem;text-align:center}.start-box h1{color:#1f2937;color:var(--gray-800);font-size:2rem;margin-bottom:1rem}.start-box p{color:#6b7280;color:var(--gray-500);margin-bottom:2rem}.start-box button{background-color:#2563eb;background-color:var(--blue-600);border-radius:.75rem;box-shadow:0 4px 14px #2563eb66;color:#fff;color:var(--white);font-size:1.125rem;font-weight:600;padding:.75rem 2rem}.start-box button:hover{background-color:#1d4ed8;background-color:var(--blue-700);transform:scale(1.05)}.app-container{margin:0 auto;max-width:896px;min-height:100vh}.main-card{background-color:#fff;background-color:var(--white);box-shadow:0 10px 25px #0000000d;box-sizing:border-box;display:flex;flex-direction:column;height:100vh;height:100dvh;padding:1rem}@media (min-width:640px){.app-container{padding:1rem}.main-card{border-radius:.75rem;height:calc(100vh - 2rem);height:calc(100dvh - 2rem);padding:1.5rem}}.main-card-header{flex-shrink:0}.main-card-body{flex-grow:1;scrollbar-color:#e5e7eb #0000;scrollbar-color:var(--gray-200) #0000;scrollbar-width:thin}.main-card-body::-webkit-scrollbar{width:6px}.main-card-body::-webkit-scrollbar-track{background:#0000}.main-card-body::-webkit-scrollbar-thumb{background-color:#e5e7eb;background-color:var(--gray-200);border-radius:10px}.app-header{flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:0 .5rem}.app-header,.level-badge{align-items:center;display:flex}.level-badge{border-radius:50%;box-shadow:0 2px 8px #00000026;color:#fff;color:var(--white);flex-shrink:0;font-size:1rem;font-weight:700;height:44px;justify-content:center;width:44px}.level-badge.level-a1{background-color:#fb923c;background-color:var(--orange-400)}.level-badge.level-a2{background-color:#facc15;background-color:var(--amber-400)}.level-badge.level-b1{background-color:#a3e63e;background-color:var(--lime-400)}.level-badge.level-b2{background-color:#22d3ee;background-color:var(--cyan-400)}.mode-toggle{display:flex;flex-grow:1;justify-content:center}.toggle-group{background-color:#f3f4f6;background-color:var(--gray-100);border-radius:.5rem;display:inline-flex;padding:.25rem}.toggle-group button{border-radius:.375rem;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.toggle-group button.active{box-shadow:0 1px 3px #0000001a;color:#fff;color:var(--white)}.toggle-group button:first-child.active{background-color:#2563eb;background-color:var(--blue-600)}.toggle-group button:nth-child(2).active{background-color:#16a34a;background-color:var(--green-600)}.header-icons{align-items:center;display:flex;gap:.25rem}.header-icon-btn{color:#6b7280;color:var(--gray-500);padding:.5rem}.header-icon-btn:hover{color:#1f2937;color:var(--gray-800)}@media (max-width:480px){.app-header{justify-content:space-between}.mode-toggle{margin-top:.5rem;order:3;width:100%}}.verb-navigation{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;text-align:center}.nav-btn{background-color:#e5e7eb;background-color:var(--gray-200);border-radius:9999px;padding:.75rem}.nav-btn:hover{background-color:#d1d5db}.verb-display{flex:1 1;margin:0 1rem}.verb-display h2{color:#1f2937;color:var(--gray-800);flex-shrink:1;font-size:2.25rem;font-weight:700;margin:0;min-width:0}.verb-display p{color:#6b7280;color:var(--gray-500);margin:.25rem 0 .5rem}.table-container{background-color:#eff6ff;background-color:var(--blue-50);border-radius:.5rem;overflow:hidden}table{border-collapse:collapse;width:100%}td{border:1px solid #e5e7eb;border:1px solid var(--gray-200);padding:.75rem}.speak-cell{text-align:center;width:48px}.speak-cell button{color:#6b7280;color:var(--gray-500);padding:.25rem}.pronoun-cell{font-weight:500}.pronoun-russian{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin-left:.5rem}@media (max-width:640px){.pronoun-russian{display:none}}.verb-form-cell{color:#2563eb;color:var(--blue-600);font-weight:700}.verb-form-cell div{align-items:center;display:flex;gap:.5rem}.practice-box{background-color:#f0fdf4;background-color:var(--green-50);border-radius:.5rem;padding:1.5rem}.practice-prompt{margin-bottom:1.5rem;text-align:center}.practice-input-group{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.practice-input-group span{color:#1f2937;color:var(--gray-800);font-size:1.5rem;font-weight:600}.practice-input-group input{background-color:initial;border:none;border-bottom:2px solid #e5e7eb;border-bottom:2px solid var(--gray-200);border-radius:0;color:#1f2937;color:var(--gray-800);font-size:1.125rem;font-weight:500;padding:.5rem .25rem;text-align:center;transition:border-color .3s ease;width:150px}.practice-input-group input:focus{border-bottom-color:#22c55e;border-bottom-color:var(--green-500);outline:none}.practice-input-group button{align-items:center;background-color:#22c55e;background-color:var(--green-500);border-radius:50%;color:#fff;color:var(--white);display:flex;height:44px;justify-content:center;width:44px}.practice-input-group button:hover{background-color:#16a34a;background-color:var(--green-600)}.practice-input-group button:disabled{background-color:#e5e7eb;background-color:var(--gray-200)}.feedback-box{border-radius:.5rem;margin-top:1.5rem;padding:.75rem;text-align:center}.feedback-box.correct{background-color:#dcfce7;background-color:var(--green-100);color:#166534;color:var(--green-800)}.feedback-box.incorrect{background-color:#fee2e2;background-color:var(--red-100);color:var(--red-800)}.hint-container{align-items:center;display:flex;justify-content:center;margin-top:1.5rem;min-height:42px;text-align:center}.hint-btn{border-radius:50%;color:#9ca3af;color:var(--gray-400);padding:.5rem}.hint-btn:hover{background-color:#fffbeb;color:#facc15;color:var(--amber-400)}.hint-box{background-color:#fef9c3;background-color:var(--yellow-100);border-radius:.5rem;display:inline-block;font-weight:500;padding:.75rem 1rem}.fab-container{bottom:1.5rem;gap:1rem;position:fixed;right:1.5rem;width:100%;z-index:40}.fab-button,.fab-container{display:flex;justify-content:center}.fab-button{align-items:center;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#fff;color:var(--white);height:56px;width:56px}.fab-button.speak-fab{background-color:#2563eb;background-color:var(--blue-600);opacity:.5}.fab-button.gemini-fab{background-color:#a855f7;background-color:var(--purple-500)}.fab-button:hover{filter:brightness(1.1);transform:scale(1.05)}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#0009;background-color:var(--black-t60);display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.modal-content{animation:scaleIn .3s ease;background-color:#fff;background-color:var(--white);border-radius:.75rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:90vh;max-width:512px;position:relative;width:100%}.modal-close-btn{color:#6b7280;color:var(--gray-500);padding:.5rem;position:absolute;right:.5rem;top:.5rem;z-index:10}.modal-close-btn:hover{border-radius:50%;color:#1f2937;color:var(--gray-800)}.modal-title{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;padding:1.5rem 1.5rem 0}.icon-purple{color:#a855f7;color:var(--purple-500)}.modal-body-container{min-height:250px;overflow-y:auto;padding:1.5rem}.settings-row{justify-content:space-between;width:100%}.settings-row,.toggle-btn{align-items:center;display:flex}.toggle-btn{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:25px;gap:5px;justify-content:center;padding:5px 10px}.on{background-color:#22c55e;background-color:var(--green-500);color:#f5f5f5}.off{background-color:#ef4444;background-color:var(--red-500);color:#fff}.loader-container{align-items:center;color:#6b7280;color:var(--gray-500);display:flex;flex-direction:column;gap:1rem}.loader{animation:spin 1s linear infinite;color:#2563eb;color:var(--blue-600);height:3rem;width:3rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.gemini-modal-header{align-items:center;display:flex;justify-content:space-between;padding:1.5rem 1.5rem 0}.gemini-modal-header .modal-title{padding:0}.regenerate-btn{border-radius:50%;color:#6b7280;color:var(--gray-500);padding:.5rem}.regenerate-btn:hover{background-color:#f3f4f6;background-color:var(--gray-100);color:#1f2937;color:var(--gray-800)}.regenerate-btn .animate-spin{animation:spin 1s linear infinite}.gemini-data h4{font-size:1.125rem;font-weight:600;margin-bottom:.5rem;margin-top:1rem}.gemini-data ul{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.example-item{background-color:#eff6ff;background-color:var(--blue-50);border-radius:.5rem;padding:.75rem}.example-german{font-weight:600}.example-german,.pronoun-tag{color:#1d4ed8;color:var(--blue-700)}.pronoun-tag{background-color:#dbeafe;background-color:var(--blue-100);border-radius:.25rem;font-size:.8rem;margin-right:.5rem;padding:.1rem .4rem}.example-russian{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-style:italic;margin-top:.25rem}.info-box-indigo{background-color:#eef2ff;color:#3730a3;font-weight:500}.info-box-blue,.info-box-indigo{border-radius:.5rem;padding:.75rem}.info-box-blue{background-color:#eff6ff;background-color:var(--blue-50)}.settings-tabs{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;padding:1rem 1.5rem 0}.settings-tabs button{align-items:center;border-bottom:2px solid #0000;color:#6b7280;color:var(--gray-500);display:flex;gap:.5rem;margin-bottom:-1px;padding:.5rem 1rem}.settings-tabs button.active{border-bottom-color:#2563eb;border-bottom-color:var(--blue-600);color:#2563eb;color:var(--blue-600)}.info-tab{font-size:.95rem;line-height:1.6}.info-tab h4,.info-tab h5{margin-bottom:.5rem;margin-top:1.5rem}.info-tab ul{padding-left:1.5rem}.info-tab li{margin-bottom:.5rem}.info-tab table{border-collapse:collapse;margin-top:1rem;width:100%}.info-tab td{border:1px solid #e5e7eb;border:1px solid var(--gray-200);padding:.5rem}.info-tab td:first-child{font-weight:600}.verb-list-modal .modal-body-container{padding:0}.verb-list-header{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);padding:1rem}.search-bar{margin-top:1rem;position:relative}.search-bar svg{color:#9ca3af;color:var(--gray-400);left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.search-bar input{border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;box-sizing:border-box;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;width:100%}.search-bar input:focus{border-color:#2563eb;border-color:var(--blue-600);box-shadow:0 0 0 2px #2563eb33;outline:none}.verb-list-modal .modal-body-container{padding:1rem}.level-header{background-color:#fff;background-color:var(--white);color:#6b7280;color:var(--gray-500);font-size:1rem;font-weight:600;padding:1rem .5rem .5rem;position:-webkit-sticky;position:sticky;top:0}.verb-list{list-style:none;margin:0;padding:0}.verb-list li{align-items:center;border-radius:.375rem;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem .5rem}.verb-list li:hover{background-color:#eff6ff;background-color:var(--blue-50)}.verb-translation{color:#6b7280;color:var(--gray-500);font-size:.875rem;margin-left:.5rem}.check-mark{color:#22c55e;color:var(--green-500)}.no-results{color:#6b7280;color:var(--gray-500);padding:2rem;text-align:center}.reset-section{border-top:1px solid #e5e7eb;border-top:1px solid var(--gray-200);margin-top:2rem;padding-top:1rem}.reset-section h4{color:#b91c1c;color:var(--red-700);font-weight:600}.reset-section p{color:#6b7280;color:var(--gray-500);font-size:.875rem}.reset-btn-confirm,.reset-btn-initial{border-radius:.5rem;color:#fff;color:var(--white);font-weight:600;margin-top:.5rem;padding:.75rem;width:100%}.reset-btn-initial{background-color:#ef4444;background-color:var(--red-500)}.reset-btn-initial:hover{background-color:#b91c1c;background-color:var(--red-700)}.reset-confirm{background-color:#fff5f5;border:1px solid #fee2e2;border:1px solid var(--red-100);border-radius:.5rem;margin-top:1rem;padding:1rem;text-align:center}.reset-confirm p{color:#b91c1c;color:var(--red-700);font-weight:600;margin:0 0 1rem}.reset-confirm button{border-radius:.375rem;font-weight:500;padding:.5rem 1rem}.reset-btn-cancel{background-color:#e5e7eb;background-color:var(--gray-200)}.reset-btn-cancel:hover{background-color:#d1d5db}.reset-btn-confirm{align-items:center;background-color:#ef4444;background-color:var(--red-500);color:#fff;color:var(--white);display:inline-flex;gap:.5rem;margin-left:.5rem}.reset-btn-confirm:hover{background-color:#b91c1c;background-color:var(--red-700)}.level-up-toast{align-items:center;animation:bounce-in .5s ease-out;background-color:#22c55e;background-color:var(--green-500);border-radius:.5rem;box-shadow:0 4px 6px #0000001a;color:#fff;color:var(--white);display:flex;gap:.75rem;padding:1rem;position:fixed;right:1.25rem;top:1.25rem;z-index:100}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.5) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}
/*# sourceMappingURL=main.711fbe00.css.map*/