.navbar{z-index:100;background:var(--color-bg-dark);width:100%;margin-bottom:25px;padding:12px 0;position:relative;box-shadow:0 4px 10px #0006}.nav-list{justify-content:center;align-items:center;gap:30px;list-style:none;display:flex;position:relative}.nav-list li{position:relative}.nav-list a,.dropdown-toggle{color:var(--color-text);cursor:pointer;padding:8px 12px;font-size:18px;text-decoration:none;transition:color .3s}.dropdown-toggle{background:0 0;border:none;font-family:inherit}.nav-list a:hover,.dropdown-toggle:hover{color:var(--color-primary-light)}.grammar-nav-link{align-items:center;gap:7px;display:flex}.grammar-counter{background:var(--color-primary-light);color:#fff;border-radius:12px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.dropdown-menu{z-index:200;border-radius:0;min-width:180px;padding:0;position:absolute;top:35px;left:0}.styled-dropdown{background:linear-gradient(135deg, var(--color-bg-light), var(--color-bg));box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transform-origin:top;border-radius:12px;padding:10px 0;transition:transform .25s,opacity .25s;overflow:hidden;transform:scaleY(0)}.dropdown:hover .styled-dropdown,.styled-dropdown.open{opacity:1;pointer-events:auto;transform:scaleY(1)}.level-link{width:100%;color:var(--color-text-light);text-align:left;cursor:pointer;background:0 0;border:none;padding:10px 15px;font-family:inherit;font-size:17px;transition:background .25s,color .25s;display:block}.level-link:hover{color:var(--color-primary-soft);background:#ffffff14}.styled-dropdown .locked-link{color:var(--color-text-light);opacity:.45;cursor:not-allowed;padding:10px 15px;font-size:17px;display:block}.locked-link:hover{color:var(--color-text);background:0 0}.nav-list .auth-section{border-left:1px solid #ffffff26;padding-left:22px;position:absolute;right:24px}.auth-controls{align-items:center;gap:8px;display:flex}.auth-nav-link{color:var(--color-primary-soft)}.logout-btn{color:var(--color-text);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-family:inherit;font-size:18px;transition:color .3s}.logout-btn:hover{color:var(--color-error-light)}@media (width<=800px){.navbar{padding:10px 0}.nav-list{flex-wrap:wrap;gap:8px 12px;padding:0 10px}.nav-list a,.dropdown-toggle{padding:7px 9px;font-size:16px}.dropdown-menu{max-height:70vh;overflow-y:auto}.nav-list .auth-section{border-left:1px solid #ffffff26;margin-left:auto;padding-left:12px;position:static}.auth-controls{gap:2px}.logout-btn{padding:7px 9px;font-size:16px}}.card-container{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:30px;display:flex}.card{perspective:1000px;cursor:grab;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:pan-y;width:220px;height:160px;transition:all .4s;position:relative}.card:active{cursor:grabbing}.card:hover{transform:translateY(-5px)scale(1.03)}.card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{backface-visibility:hidden;text-align:center;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;padding:10px;font-size:28px;display:flex;position:absolute;box-shadow:0 8px 20px #0006}.card-front{background:linear-gradient(135deg, var(--color-bg-light), var(--color-bg));color:var(--color-text-light)}.card-back{background:linear-gradient(135deg, var(--color-primary-light), var(--color-primary));color:#fff;transform:rotateY(180deg)}.grammar-card-indicator{z-index:30;background:var(--color-primary-light);color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:29px;height:29px;padding:0;font-size:17px;font-weight:700;transition:background .2s,transform .2s;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 3px 10px #00000059}.grammar-indicator-remove{display:none}.grammar-card-indicator:hover{background:var(--color-error);transform:scale(1.08)}.grammar-card-indicator:hover .grammar-indicator-check{display:none}.grammar-card-indicator:hover .grammar-indicator-remove{display:inline}.card.in-grammar .card-front{box-shadow:0 8px 20px #0006,0 0 0 1px #9f7aea59}.card.long-press-active{transform:translateY(-3px)scale(1.02)}.card.long-press-active:after{content:"";z-index:25;background:var(--color-primary-light);border-radius:4px;height:4px;animation:.7s linear forwards grammar-long-press;position:absolute;bottom:-6px;left:0}@keyframes grammar-long-press{0%{width:0}to{width:100%}}.functions{justify-content:center;gap:20px;margin:20px 0;display:flex}.level-title{color:var(--color-primary-light);text-align:center;text-shadow:0 2px 4px #00000080;margin-top:30px;font-size:1.8rem}.locked-level{background:var(--color-bg-dark);text-align:center;border-radius:12px;max-width:600px;margin:40px auto 0;padding:30px;box-shadow:0 8px 20px #0006}.locked-level p{color:var(--color-text-muted);margin-top:15px;font-size:18px}.grammar-drop-zone{z-index:80;background:#ffffff0d;border-radius:14px;width:280px;padding:12px 16px;transition:transform .25s,background .25s,box-shadow .25s;position:fixed;top:68px;right:25px;box-shadow:0 4px 15px #00000040}.grammar-drop-title{color:var(--color-primary-light);text-align:center;margin:0 0 8px;font-size:1.4rem}.grammar-drop-inner{background:#ffffff0f;border-radius:10px;padding:9px 12px}.grammar-drop-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.grammar-drop-header strong{color:var(--color-text-light)}.grammar-drop-count{background:var(--color-primary-light);color:#fff;border-radius:14px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 8px;font-weight:700;display:inline-flex}.grammar-drop-message{min-height:32px;color:var(--color-text);text-align:center;background:#ffffff0a;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:5px 8px;display:flex}.touch-grammar-hint{display:none}.grammar-drop-zone.drag-over{background:#9f7aea1f;transform:scale(1.04);box-shadow:0 8px 25px #0006}.grammar-drop-zone.drag-over .grammar-drop-inner{background:#9f7aea26}.grammar-added-text{color:var(--color-success-soft);font-size:1.05rem;font-weight:700}@media (pointer:coarse){.desktop-grammar-hint{display:none}.touch-grammar-hint{display:inline}.grammar-card-indicator:hover{background:var(--color-primary-light);transform:none}.grammar-card-indicator:hover .grammar-indicator-check{display:inline}.grammar-card-indicator:hover .grammar-indicator-remove{display:none}}@media (width<=700px){.grammar-drop-zone{width:min(350px,100% - 30px);margin:20px auto;position:static}.card-container{padding-bottom:30px}}.test-area{text-align:center;width:100%;max-width:1000px;margin:25px auto 50px;padding:0 20px}.question-number{color:var(--color-text);margin:15px 0;font-size:20px}.progress-bar{background:var(--color-bg-light);width:100%;height:18px;box-shadow:var(--shadow-sm);border-radius:12px;margin:15px auto 20px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));height:100%;transition:width .3s}.timer{min-height:35px;color:var(--color-text-light);margin:15px 0 35px;font-size:25px;font-weight:700;transition:color .3s,transform .3s}.timer-warning{color:var(--color-error-light);transform:scale(1.08)}.test-word{min-height:100px;color:var(--color-primary-light);text-align:center;text-shadow:var(--shadow-sm);direction:rtl;justify-content:center;align-items:center;margin:0 0 35px;font-size:5rem;line-height:1.1;display:flex}.answers-container{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:15px;width:100%;margin:0 auto;display:flex}.answer-btn{text-align:center;white-space:normal;min-width:170px;max-width:260px;padding:12px 22px;font-size:18px;line-height:1.3}.styled-btn.correct-answer{background:var(--color-success)}.styled-btn.wrong-answer{background:var(--color-error)}.answer-result{text-align:center;min-height:135px;margin-top:20px}.correct,.wrong{margin-top:15px;font-size:26px;font-weight:700}.correct{color:var(--color-success-light)}.wrong{color:var(--color-error-light)}.correct-answer-text{color:var(--color-text);margin:12px 0 15px;font-size:18px}.continue-btn{min-width:180px;margin-top:5px}.test-result-card{background:linear-gradient(135deg, var(--color-bg-light), var(--color-bg));width:100%;max-width:550px;box-shadow:var(--shadow-lg);text-align:center;border-radius:16px;margin:45px auto 0;padding:35px}.test-result-title{color:var(--color-primary-light);margin-bottom:20px;font-size:32px}.test-result-percent{margin:10px 0 20px;font-size:64px;font-weight:700}.test-result-percent.passed,.passed-message{color:var(--color-success-light)}.test-result-percent.failed,.failed-message{color:var(--color-error-light)}.test-result-text{color:var(--color-text-light);margin:10px 0;font-size:20px}.test-result-message{margin-top:20px;font-size:18px;line-height:1.5}.test-result-actions{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:30px;display:flex}.test-result-actions .styled-btn{min-width:190px}.test-registration-message{background:#9f7aea14;border:1px solid #9f7aea59;border-radius:14px;margin-top:24px;padding:20px}.test-registration-message>p{color:var(--color-text);font-size:17px;line-height:1.5}.test-registration-message .passed-message{color:var(--color-success-light);margin-top:0;margin-bottom:12px;font-size:19px;font-weight:700}.test-registration-actions{flex-direction:column;justify-content:center;align-items:center;gap:14px;margin-top:20px;display:flex}.test-registration-actions .styled-btn{color:#fff;justify-content:center;align-items:center;min-width:220px;text-decoration:none;display:inline-flex}.test-login-link{color:var(--color-primary-soft);font-size:16px;font-weight:600;text-decoration:none;transition:color .2s}.test-login-link:hover{color:var(--color-primary-light)}@media (width<=700px){.test-area{padding:0 15px}.test-word{font-size:3.5rem}.answers-container{flex-direction:column;align-items:center}.answer-btn{width:100%;max-width:350px}.test-result-card{padding:25px 15px}.test-result-percent{font-size:52px}.test-result-actions{flex-direction:column;align-items:center}.test-result-actions .styled-btn{width:100%;max-width:320px}.test-registration-message{padding:18px 14px}.test-registration-actions .styled-btn{width:100%;max-width:320px}}.statistics-page{width:min(1200px,92%);margin:40px auto;padding-bottom:50px}.statistics-title{text-align:center;margin-bottom:30px;font-size:2rem}.statistics-container{grid-template-columns:repeat(3,1fr);align-items:start;gap:25px;display:grid}.statistics-category{background:#ffffff0d;border-radius:14px;padding:20px;box-shadow:0 4px 15px #00000040}.statistics-category h3{text-align:center;margin-bottom:20px;font-size:1.4rem}.statistics-level{background:#ffffff0f;border-radius:10px;margin-bottom:18px;padding:15px}.statistics-level:last-child{margin-bottom:0}.statistics-level-header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.statistics-level-header span{font-size:1.1rem;font-weight:700}.statistics-progress{background:#ffffff1f;border-radius:10px;width:100%;height:10px;margin-bottom:12px;overflow:hidden}.statistics-progress-fill{border-radius:inherit;height:100%;transition:width .4s}.progress-good{background:var(--color-success)}.progress-medium{background:var(--color-warning)}.progress-low{background:var(--color-error)}.statistics-level p{margin:6px 0}.statistics-date,.statistics-attempts{opacity:.75;font-size:.85rem}.statistics-empty,.statistics-no-results{text-align:center;opacity:.7}.clear-statistics-btn{margin:30px auto 0;display:block}@media (width<=900px){.statistics-container{grid-template-columns:1fr}.statistics-page{width:min(650px,92%)}}.grammar-page{width:min(1200px,92%);margin:40px auto 70px}.grammar-page-title{color:var(--color-primary-light);text-align:center;text-shadow:0 2px 4px #0006;margin-bottom:25px;font-size:2rem}.grammar-page-toolbar{background:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;padding:16px 20px;display:flex}.grammar-page-toolbar p{margin:0;font-size:18px}.grammar-page-toolbar strong{color:var(--color-primary-light)}.grammar-page-toolbar-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.grammar-clear-btn,.grammar-details-btn,.grammar-remove-btn{color:#fff;cursor:pointer;border:none;border-radius:8px;padding:8px 15px;font-family:inherit;font-size:14px;transition:transform .2s,opacity .2s,background .2s}.grammar-clear-btn,.grammar-remove-btn{background:var(--color-error-dark)}.grammar-details-btn{background:var(--color-primary)}.grammar-clear-btn:hover,.grammar-details-btn:hover,.grammar-remove-btn:hover{opacity:.9;transform:translateY(-2px)}.grammar-empty{text-align:center;background:#ffffff0d;border-radius:14px;max-width:600px;margin:60px auto;padding:35px}.grammar-empty h3{color:var(--color-primary-light);margin-bottom:12px}.grammar-empty p{color:var(--color-text-muted);line-height:1.5}.grammar-category-section{margin-bottom:40px}.grammar-category-title{color:var(--color-primary-light);text-shadow:0 2px 4px #0006;margin-bottom:18px;font-size:2rem}.grammar-words-list{flex-direction:column;gap:18px;display:flex}.grammar-word-card{text-align:left}.grammar-word-header{justify-content:space-between;align-items:center;gap:20px;display:flex}.grammar-word-header>div:first-child{text-align:left}.grammar-word-hebrew{color:var(--color-primary-soft);text-align:left;margin:0;font-size:2rem}.grammar-word-translation{color:var(--color-text-muted);text-align:left;margin:5px 0 0;font-size:17px}.grammar-word-meta{color:var(--color-primary-soft);background:#9f7aea26;border-radius:8px;flex-shrink:0;padding:6px 10px;font-size:14px}.grammar-word-actions{justify-content:flex-start;gap:10px;margin-top:16px;display:flex}.grammar-word-details{text-align:left;border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px}.grammar-detail-section{margin-bottom:25px}.grammar-detail-section:last-child{margin-bottom:0}.grammar-detail-section h4{color:var(--color-primary-soft);margin-bottom:14px;font-size:1.25rem;font-weight:700}.grammar-info-grid,.grammar-forms-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.grammar-info-item,.grammar-form-item,.grammar-example{background:#ffffff0f;border-left:3px solid #9f7aeabf;border-radius:10px;padding:16px 18px}.grammar-info-item span,.grammar-form-label{color:var(--color-text-secondary);margin-bottom:6px;font-size:14px;display:block}.grammar-info-item strong,.grammar-form-item strong{color:var(--color-text-light);font-size:20px;font-weight:600}.grammar-form-item strong{font-size:19px;display:block}.grammar-usage-text{color:var(--color-text);background:#ffffff0a;border-radius:8px;margin-top:12px;padding:12px;line-height:1.5}.grammar-examples{gap:10px;display:grid}.grammar-example{border-left-color:#9f7aeaa6}.grammar-example-hebrew{color:var(--color-text-light);margin:0 0 8px;font-size:23px;font-weight:500;line-height:1.5}.grammar-example-translation{color:var(--color-text-subtle);margin:0;font-size:17px;line-height:1.45}.grammar-loading{color:var(--color-primary-light);text-align:center;margin:70px auto;font-size:20px}.grammar-tense-table-wrapper{border-radius:10px;width:100%;overflow-x:visible}.grammar-tense-table{border-collapse:separate;border-spacing:8px 10px;table-layout:fixed;width:100%;min-width:0}.grammar-tense-table th,.grammar-tense-table td{text-align:center;white-space:nowrap;background:#ffffff0f;border:none;border-radius:10px;padding:12px 10px;transition:background .2s,transform .2s}.grammar-tense-table thead th:first-child,.grammar-tense-table tbody th{border-left:3px solid #9f7aeabf}.grammar-tense-table thead th{color:var(--color-primary-soft);background:#9f7aea29;font-size:19px;font-weight:700}.grammar-tense-table thead th:first-child,.grammar-tense-table tbody th{width:14%;color:var(--color-primary-soft);text-align:left;background:#9f7aea1f;font-weight:700}.grammar-tense-table tbody th{font-size:18px}.grammar-tense-table td{color:var(--color-text-light);font-size:19px;font-weight:600}.grammar-tense-table tbody td:hover{background:#9f7aea1f;transform:translateY(-2px)}.grammar-tense-table tbody th:hover{background:#9f7aea2e}.grammar-test-page{width:min(1000px,92%);margin:40px auto 70px}.grammar-test-btn{background:var(--color-primary);color:#fff;border-radius:8px;justify-content:center;align-items:center;padding:8px 15px;font-size:14px;text-decoration:none;transition:transform .2s,opacity .2s;display:inline-flex}.grammar-test-btn:hover{opacity:.9;transform:translateY(-2px)}.grammar-test-setup{background:#ffffff0d;border-radius:14px;max-width:650px;margin:30px auto;padding:25px;box-shadow:0 4px 15px #00000040}.grammar-test-selected{margin-bottom:25px;font-size:18px}.grammar-test-selected strong{color:var(--color-primary-light)}.grammar-test-setup h3{color:var(--color-primary-soft);margin:20px 0 12px}.grammar-test-sections{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.grammar-test-option{border-left:3px solid var(--color-primary-light);cursor:pointer;background:#ffffff0f;border-radius:9px;align-items:center;gap:10px;padding:12px 14px;display:flex}.grammar-test-option input{width:18px;height:18px;accent-color:var(--color-primary-light)}.grammar-test-select{background:var(--color-bg-input);width:100%;color:var(--color-text-light);font:inherit;border:1px solid #9f7aea73;border-radius:8px;padding:11px 12px}.grammar-test-setup-actions{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:25px;display:flex}.grammar-test-question{background:#ffffff0d;border-radius:14px;margin:10px auto 30px;padding:20px}.grammar-test-infinitive{color:var(--color-primary-soft);text-align:center;margin:0;font-size:3rem}.grammar-test-translation{color:var(--color-text-subtle);text-align:center;margin:8px 0 20px;font-size:18px}.grammar-test-task{border-left:3px solid var(--color-primary-light);background:#ffffff0f;border-radius:9px;justify-content:center;align-items:center;gap:18px;padding:12px;display:flex}.grammar-test-task span{color:var(--color-primary-soft);font-size:18px;font-weight:700}.grammar-test-task strong{color:#fff;font-size:24px}.grammar-answer-btn{min-width:180px;font-size:22px}@media (width<=700px){.grammar-page{width:calc(100% - 30px);margin-top:25px}.grammar-page-toolbar{text-align:center;flex-direction:column;align-items:stretch}.grammar-page-toolbar-actions{flex-direction:column;width:100%}.grammar-word-header{flex-direction:column;align-items:flex-start;gap:10px}.grammar-word-actions{flex-direction:column}.grammar-details-btn,.grammar-remove-btn,.grammar-test-btn,.grammar-clear-btn{width:100%}.grammar-info-grid,.grammar-forms-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grammar-tense-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.grammar-tense-table{min-width:980px}.grammar-tense-table th,.grammar-tense-table td{padding:12px}.grammar-tense-table thead th{font-size:15px}.grammar-tense-table tbody th{min-width:150px;font-size:14px}.grammar-tense-table td{min-width:105px;font-size:17px}.grammar-test-sections{grid-template-columns:1fr}.grammar-test-setup-actions{flex-direction:column}.grammar-test-setup-actions .styled-btn{width:100%}.grammar-test-infinitive{font-size:2.5rem}.grammar-test-task{flex-direction:column;gap:7px}.grammar-answer-btn{width:100%;max-width:350px}}.auth-page{justify-content:center;width:100%;padding:40px 20px;display:flex}.auth-card{width:100%;max-width:420px;box-shadow:var(--shadow-md);background:#ffffff0f;border-radius:16px;padding:28px}.auth-card h2{margin-top:0;margin-bottom:24px}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-form label{color:var(--color-text);flex-direction:column;gap:8px;font-size:16px;display:flex}.auth-form input{background:var(--color-bg-input);width:100%;color:var(--color-text);font:inherit;border:1px solid #fff3;border-radius:8px;padding:10px 12px;transition:border-color .2s,box-shadow .2s}.auth-form input:focus{border-color:var(--color-primary-light);outline:none;box-shadow:0 0 0 2px #9f7aea33}.auth-form input::placeholder{color:var(--color-text-secondary)}.auth-form .styled-btn{width:100%;margin-top:4px}.auth-form .styled-btn:disabled{opacity:.65;cursor:not-allowed}.auth-error{color:var(--color-error-light);text-align:center;background:#e53e3e1f;border-radius:8px;padding:10px 12px;font-size:14px}.auth-card>p{color:var(--color-text-muted);text-align:center;margin-top:20px}.auth-card a{color:var(--color-primary-light);font-weight:600;text-decoration:none;transition:color .2s}.auth-card a:hover{color:var(--color-primary-soft)}.profile-card{max-width:500px}.profile-info{flex-direction:column;gap:16px;margin-top:24px;display:flex}.profile-info p{color:var(--color-text);background:#ffffff0a;border-radius:8px;padding:12px 14px}.profile-info strong{color:var(--color-primary-soft)}@media (width<=600px){.auth-page{padding:25px 15px}.auth-card{padding:22px 18px}.auth-form{gap:15px}.auth-form input{padding:10px}}:root{--color-bg:#2d3748;--color-bg-dark:#1f2733;--color-bg-light:#4a5568;--color-bg-input:#394558;--color-primary:#805ad5;--color-primary-light:#9f7aea;--color-primary-soft:#d6bcfa;--color-text:#e2e8f0;--color-text-light:#f7fafc;--color-text-muted:#cbd5e1;--color-text-secondary:#b9c3d3;--color-text-subtle:#b8c4d6;--color-success:#38a169;--color-success-light:#48bb78;--color-success-soft:#68d391;--color-warning:#d69e2e;--color-error:#e53e3e;--color-error-light:#f56565;--color-error-dark:#c53030;--shadow-sm:0 4px 12px #0006;--shadow-md:0 8px 20px #00000073;--shadow-lg:0 10px 30px #00000073}*{box-sizing:border-box;margin:0;padding:0}html{min-width:100%;min-height:100%}body{background:var(--color-bg);min-width:100%;min-height:100vh;color:var(--color-text);font-family:Arial,sans-serif}#root{width:100%;min-height:100vh}h1{color:var(--color-primary);text-align:center;margin-top:10%;font-size:5rem}h2{color:var(--color-primary);text-align:center;margin-top:2%;font-size:2rem}.styled-btn{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-light));color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);border:none;border-radius:10px;padding:12px 25px;font-size:20px;transition:transform .25s,box-shadow .25s}.styled-btn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000080}.styled-btn:disabled{opacity:1;cursor:default}.styled-btn:disabled:hover{box-shadow:var(--shadow-sm);transform:none}