@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";.lesikus-page{min-height:100vh;display:flex;flex-direction:column;background:#fff;color:#111}.lesikus-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 3rem;border-bottom:1px solid #eeeeee}.logo-link{display:flex;align-items:center}.lesikus-logo{height:96px;width:auto;object-fit:contain}.header-user{display:flex;align-items:center;gap:1.25rem}.user-chip{display:flex;align-items:center;gap:.6rem}.user-name{display:inline-block;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:2px;padding:.3rem .65rem;background-color:#eee;color:#111}.btn-logout{display:inline-block;background:transparent;color:#6b6b6b;border:1px solid #d4d4d4;font-size:.75rem;font-weight:500;letter-spacing:.06em;padding:.35rem .75rem;border-radius:2px;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.btn-logout:hover{background:#fafafa;border-color:#a0a0a0}.lesikus-main{flex:1;padding:3.5rem 3rem;max-width:1400px;margin:0 auto;width:100%}.lesikus-title-block{margin-bottom:2.5rem}.lesikus-accent-line{width:48px;height:3px;background-color:#e27d60;margin-bottom:1.75rem}.lesikus-headline{font-size:clamp(2.25rem,6vw,4rem);font-weight:800;line-height:.95;letter-spacing:-.03em;text-transform:uppercase;margin:0 0 .75rem;color:#111}.lesikus-subline{font-size:.9rem;color:#a0a0a0;letter-spacing:.02em;margin:0;display:flex;align-items:center;gap:.85rem;flex-wrap:wrap}.lesikus-subline-label{text-transform:uppercase;letter-spacing:.06em}.lesikus-subline-accent{color:#6b6b6b;font-weight:600}.btn-change-student-inline{font-size:.7rem;padding:.25rem .65rem}.lesikus-nav{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid #eeeeee;padding-bottom:0}.nav-btn{background:none;border:none;border-bottom:3px solid transparent;padding:.85rem 1.5rem;cursor:pointer;font-size:.95rem;font-weight:600;letter-spacing:.01em;color:#a0a0a0;transition:color .15s ease,border-color .15s ease,background-color .15s ease;white-space:nowrap}.nav-btn:hover:not(:disabled):not(.active){color:#3a3a3a;background:#fafafa}.nav-btn.active{font-weight:700}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-tab-letters.active{color:#e8a87c;border-bottom-color:#e8a87c}.nav-tab-exercise.active{color:#e27d60;border-bottom-color:#e27d60}.nav-tab-progress.active{color:#4f7ea3;border-bottom-color:#8ab6d6}.btn-change-student{background:transparent;border:1px solid #E27D60;color:#e27d60;padding:.35rem .85rem;border-radius:2px;cursor:pointer;font-size:.75rem;font-weight:600;letter-spacing:.04em;transition:background-color .15s ease,color .15s ease}.btn-change-student:hover{background:#e27d60;color:#fff}.loading{text-align:center;padding:3rem;color:#a0a0a0;font-size:1rem}.error-message{background:#fdf3f0;border:1px solid #f0c4b4;color:#b8563a;padding:.85rem 1rem;border-radius:2px;margin-bottom:1.25rem;font-size:.9rem}.empty-state{text-align:center;padding:2.5rem;color:#a0a0a0;font-style:italic;font-size:.95rem}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.section-header h3{margin:0;font-size:1.15rem;font-weight:700;color:#111;letter-spacing:-.01em}.hint{color:#a0a0a0;font-size:.9rem;margin-top:.35rem}.btn-primary{background:#41b3a3;color:#fff;border:1px solid #41b3a3;padding:.65rem 1.35rem;border-radius:2px;cursor:pointer;font-size:.9rem;font-weight:600;letter-spacing:.02em;transition:background-color .15s ease}.btn-primary:hover{background:#35948a}.btn-secondary{background:#f2f2f2;color:#3a3a3a;border:1px solid #f2f2f2;padding:.65rem 1.35rem;border-radius:2px;cursor:pointer;font-size:.9rem;font-weight:600;transition:background-color .15s ease}.btn-secondary:hover{background:#e4e4e4}.word-structure-module .btn-primary{background:#e8a87c;border-color:#e8a87c}.word-structure-module .btn-primary:hover{background:#d99566;border-color:#d99566}.module-nav-actions{display:flex;justify-content:flex-end;margin-bottom:1.5rem}.module-nav-actions-bottom{margin-top:2rem;margin-bottom:0}.btn-next{background:#41b3a3;color:#fff;border:1px solid #41b3a3;padding:.65rem 1.35rem;border-radius:2px;cursor:pointer;font-size:.9rem;font-weight:700;letter-spacing:.02em;transition:background-color .15s ease}.btn-next:hover{background:#35948a}.letter-module .btn-next{background:#e8a87c;border-color:#e8a87c}.letter-module .btn-next:hover{background:#d99566;border-color:#d99566}.word-structure-module .btn-next{background:#e8a87c;border-color:#e8a87c}.word-structure-module .btn-next:hover{background:#d99566;border-color:#d99566}.letter-module,.word-structure-module,.exercise-module,.progress-module{background:#fafafa;border:1px solid #eeeeee;border-radius:2px;padding:2.25rem}.config-section-header{margin-bottom:.35rem}.config-hint{margin-top:0;margin-bottom:1.5rem}.config-subtabs{display:flex;gap:.4rem;margin:1.5rem 0;border-bottom:1px solid #eeeeee}.config-subtab{background:none;border:none;border-bottom:3px solid transparent;padding:.7rem 1.1rem;font-size:.9rem;font-weight:600;color:#a0a0a0;cursor:pointer;transition:color .15s ease}.config-subtab:hover{color:#e8a87c}.config-subtab.active{color:#e8a87c;border-bottom-color:#e8a87c}.word-structures-section{margin-top:.5rem}.word-structures-section .word-structure-module{background:transparent;border:none;padding:0}.letter-category-list{display:flex;flex-direction:column;gap:.75rem}.letter-category-card{border:1px solid #eeeeee;border-radius:2px;background:#fff;overflow:hidden;transition:border-color .15s ease}.letter-category-card.expanded{border-color:#d4d4d4}.letter-category-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:transparent;border:none;padding:1rem 1.25rem;cursor:pointer;text-align:left;transition:background-color .15s ease}.letter-category-toggle:hover{background:#fafafa}.letter-category-toggle-left{display:flex;align-items:center;gap:.75rem;min-width:0}.chevron{display:inline-block;color:#a0a0a0;font-size:1.4rem;transition:transform .2s;flex-shrink:0}.chevron-open{transform:rotate(90deg)}.letter-category-title{font-size:1rem;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.letter-category-count{flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.04em;color:#6b6b6b;background:#eee;padding:.25rem .6rem;border-radius:2px;white-space:nowrap}.letter-category-count.count-full{color:#fff;background:#e8a87c}.letter-category-count.count-empty{color:#a0a0a0}.letter-category-body{padding:1.25rem;border-top:1px solid #eeeeee}.letter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:.6rem}.letter-btn{aspect-ratio:1;border:1px solid #eeeeee;background:#fff;border-radius:2px;cursor:pointer;font-size:1.05rem;font-weight:600;color:#6b6b6b;transition:border-color .15s ease,background-color .15s ease,color .15s ease;display:flex;align-items:center;justify-content:center}.letter-btn:hover{border-color:#e8a87c;color:#e8a87c}.letter-btn.active{background:#e8a87c;border-color:#e8a87c;color:#fff}.letter-category-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.btn-category-toggle{background:transparent;border:1px solid #d4d4d4;color:#6b6b6b;padding:.35rem .75rem;border-radius:2px;cursor:pointer;font-size:.75rem;font-weight:600;white-space:nowrap;transition:border-color .15s ease,color .15s ease,background-color .15s ease}.btn-category-toggle:hover:not(:disabled){border-color:#e8a87c;color:#e8a87c;background:#fdf3ec}.btn-category-toggle:disabled{opacity:.4;cursor:not-allowed}.link-hint-message{background:#fdf3ec;border:1px solid #e8a87c;border-radius:2px;padding:2rem;text-align:center;color:#9a5a35;font-size:1rem}.structure-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.structure-list{display:flex;flex-direction:column;gap:.85rem}.structure-card{background:#fff;border:1px solid #eeeeee;border-radius:2px;padding:1.1rem 1.25rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.structure-card:hover{border-color:#e8a87c}.structure-card.selected{border-color:#e8a87c;background:#fdf3ec}.structure-card h4{margin:0 0 .5rem;color:#111;font-size:1rem;font-weight:700}.structure-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.structure-card-header h4{margin:0 0 .5rem}.structure-card-actions{display:flex;align-items:flex-start;gap:.15rem;flex-shrink:0}.btn-edit-structure{background:transparent;border:none;color:#8a8a8a;cursor:pointer;line-height:1;padding:.25rem .4rem;border-radius:2px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.btn-edit-structure:hover{color:#111}.btn-edit-structure:disabled{opacity:.5;cursor:not-allowed}.btn-delete-structure{background:transparent;border:none;color:#b8563a;cursor:pointer;font-size:.95rem;line-height:1;padding:.25rem .4rem;border-radius:2px;flex-shrink:0}.btn-delete-structure:hover{background:#fdf3f0}.btn-delete-structure:disabled{opacity:.5;cursor:not-allowed}.structure-pattern{color:#a0a0a0;font-family:Courier New,monospace;margin:0;font-size:.85rem}.create-structure-form{background:#fff;border:1px solid #eeeeee;padding:1.5rem;border-radius:2px;margin-bottom:1.5rem}.create-structure-form input{width:100%;padding:.65rem .75rem;border:1px solid #d4d4d4;border-radius:2px;font-size:.95rem;margin-bottom:1rem;font-family:inherit}.form-mode-title{margin:0 0 1rem;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#9a5a35}.syllable-builder{margin:1.5rem 0}.syllable-builder h4{margin:0 0 1rem;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a0a0a0}.syllable-drag-hint{margin:-.5rem 0 .75rem;font-size:.8rem;color:#a0a0a0;font-style:italic}.syllable-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:.25rem;border-radius:4px;border:1px solid transparent;transition:background .15s ease,border-color .15s ease,opacity .15s ease}.syllable-row.dragging{opacity:.4}.syllable-row.drag-over{background:#fdf3ec;border-color:#f0d4bb}.drag-handle{cursor:grab;color:#b0b0b0;font-size:1.1rem;line-height:1;-webkit-user-select:none;user-select:none;min-width:16px;text-align:center}.drag-handle:active{cursor:grabbing}.drag-handle.disabled{color:#d8d8d8;cursor:default}.syllable-number{font-weight:700;color:#a0a0a0;min-width:24px}.syllable-row select{flex:1;padding:.65rem .75rem;border:1px solid #d4d4d4;border-radius:2px;font-size:.9rem;font-family:inherit;background:#fff}.btn-remove{background:#fdf3f0;color:#b8563a;border:1px solid #f0c4b4;padding:.5rem .75rem;border-radius:2px;cursor:pointer;font-weight:600}.btn-remove:hover{background:#f5ddd0}.btn-add-syllable{background:#fdf3ec;color:#9a5a35;border:1px solid #f0d4bb;padding:.65rem 1rem;border-radius:2px;cursor:pointer;font-size:.9rem;font-weight:600;width:100%;margin-top:.5rem}.btn-add-syllable:hover{background:#f7e4d4}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.form-actions button{flex:1;padding:.65rem;border-radius:2px;border:none;cursor:pointer;font-size:.9rem;font-weight:600;font-family:inherit}.form-actions button[type=submit]{background:#e8a87c;color:#fff}.form-actions button[type=submit]:hover{background:#d99566}.form-actions button[type=button]{background:#f2f2f2;color:#3a3a3a}.form-actions button[type=button]:hover{background:#e4e4e4}.structure-preview-section{background:#fff;border:1px solid #eeeeee;padding:1.5rem;border-radius:2px}.structure-preview-section h3{margin:0 0 .5rem;color:#111;font-size:1.05rem;font-weight:700}.structure-info{color:#a0a0a0;font-family:Courier New,monospace;margin-bottom:1.5rem;font-size:.9rem}.btn-generate-preview{background:#e8a87c;color:#fff;border:1px solid #E8A87C;padding:.65rem 1.5rem;border-radius:2px;cursor:pointer;font-size:.9rem;font-weight:600;width:100%;margin-bottom:1.5rem}.btn-generate-preview:hover:not(:disabled){background:#d99566}.btn-generate-preview:disabled{opacity:.5;cursor:not-allowed}.preview-words{background:#fafafa;padding:1.5rem;border-radius:2px;border:1px solid #eeeeee}.preview-words h4{margin:0 0 1rem;font-size:.85rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a0a0a0}.word-list{display:flex;flex-wrap:wrap;gap:.6rem}.preview-word{background:#fdf3ec;color:#9a5a35;padding:.45rem .9rem;border-radius:2px;font-weight:700;font-size:1rem;border:1px solid #f0d4bb}.exercise-setup{max-width:900px;margin:0 auto}.setup-section{margin-bottom:2.5rem}.setup-section h3{font-size:.8rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a0a0a0;margin-bottom:1rem}.structure-select{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.85rem}.structure-option{background:#fff;border:1px solid #eeeeee;border-radius:2px;padding:1.1rem 1.25rem;cursor:pointer;transition:border-color .15s ease,background-color .15s ease}.structure-option:hover{border-color:#e27d60}.structure-option.selected{border-color:#e27d60;background:#fdf0ec}.structure-option h4{margin:0 0 .4rem;color:#111;font-size:.95rem;font-weight:700}.structure-option p{margin:0;color:#a0a0a0;font-family:Courier New,monospace;font-size:.85rem}.mode-select{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.mode-card{background:#fff;border:1px solid #eeeeee;border-radius:2px;padding:1.75rem;cursor:pointer;transition:border-color .15s ease}.mode-card:hover{border-color:#e27d60}.mode-card h4{margin:0 0 .5rem;font-size:1.15rem;font-weight:700;color:#111}.mode-card p{color:#a0a0a0;margin:0 0 1rem;font-size:.9rem}.mode-card ul{margin:0;padding-left:1.25rem;color:#3a3a3a;font-size:.88rem}.mode-card li{margin-bottom:.4rem}.mode-card.is-loading{cursor:wait;opacity:.7;pointer-events:none}.mode-card-status{margin:.75rem 0 0!important;font-size:.8rem;font-weight:700;color:#e27d60}.settings-form{background:#fff;border:1px solid #eeeeee;padding:1.5rem;border-radius:2px}.setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.setting-row:last-child{margin-bottom:0}.setting-row label{font-weight:600;font-size:.9rem;color:#3a3a3a}.setting-row input{width:110px;padding:.5rem;border:1px solid #d4d4d4;border-radius:2px;font-size:.9rem;font-family:inherit}.btn-generate{background:#e27d60;color:#fff;border:1px solid #e27d60;padding:.9rem 2rem;border-radius:2px;cursor:pointer;font-size:1rem;font-weight:700;width:100%}.btn-generate:hover:not(:disabled){background:#c9654a}.btn-generate:disabled{opacity:.5;cursor:not-allowed}.words-preview{background:#fdf0ec;border:1px solid #e27d60;padding:1.5rem;border-radius:2px;margin-top:1rem;text-align:center}.words-preview p{margin:0 0 1rem;color:#a8452e;font-weight:600;font-size:1rem}.btn-start-exercise{background:#e27d60;color:#fff;border:1px solid #e27d60;padding:.9rem 2rem;border-radius:2px;cursor:pointer;font-size:1rem;font-weight:700}.btn-start-exercise:hover{background:#c9654a}.manual-exercise,.automatic-exercise{display:flex;flex-direction:column;min-height:560px}.exercise-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:.85rem;margin-bottom:2rem;padding-bottom:1.25rem;border-bottom:1px solid #eeeeee}.btn-back{background:#f2f2f2;color:#3a3a3a;border:1px solid #f2f2f2;padding:.6rem 1.25rem;border-radius:2px;cursor:pointer;font-size:.85rem;font-weight:600}.btn-back:hover:not(:disabled){background:#e4e4e4}.btn-back:disabled{opacity:.5;cursor:not-allowed}.exercise-header h2{margin:0;color:#111;font-size:1.2rem;font-weight:700}.exercise-stats{display:flex;gap:.6rem;flex-wrap:wrap}.exercise-stats span{display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.03em;color:#3a3a3a;background:#eee;border-radius:2px;padding:.35rem .7rem;white-space:nowrap}.word-display-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:380px}.word-display-area.automatic{background:#fff;border:1px solid #eeeeee;border-radius:2px}.word-display{text-align:center;padding:3rem}.current-word{font-size:4rem;font-weight:700;color:#111;margin:0;letter-spacing:.05em}.current-word.word-fade-in{animation:word-fade-in .1s ease-in forwards}.current-word.word-fade-out{animation:word-fade-out .1s ease-out forwards}@keyframes word-fade-in{0%{opacity:0}to{opacity:1}}@keyframes word-fade-out{0%{opacity:1}to{opacity:0}}.word-controls{display:flex;gap:1.25rem;margin-top:2rem}.btn-correct{background:#41b3a3;color:#fff;border:1px solid #41b3a3;padding:.9rem 2rem;border-radius:2px;cursor:pointer;font-size:1rem;font-weight:700}.btn-correct:hover{background:#35948a}.btn-incorrect{background:#e27d60;color:#fff;border:1px solid #e27d60;padding:.9rem 2rem;border-radius:2px;cursor:pointer;font-size:1rem;font-weight:700}.btn-incorrect:hover{background:#c9654a}.start-prompt{text-align:center}.start-prompt p{font-size:1.05rem;color:#a0a0a0;margin-bottom:1.75rem}.start-prompt h3{font-size:1.1rem;font-weight:700;color:#111;margin-bottom:.5rem}.btn-show-word{background:#111;color:#fff;border:none;padding:1.35rem 3rem;border-radius:2px;cursor:pointer;font-size:1.35rem;font-weight:700;letter-spacing:.04em;transition:background-color .15s ease}.btn-show-word:hover{background:#41b3a3}.next-word-hint{text-align:center;margin-top:2rem}.paused-indicator{text-align:center}.paused-indicator h2{color:#9a5a35;font-size:1.6rem;font-weight:700}.exercise-controls{display:flex;justify-content:center;gap:1.25rem;margin-top:2rem}.btn-pause{background:#e8a87c;color:#fff;border:1px solid #e8a87c;padding:.9rem 2rem;border-radius:2px;cursor:pointer;font-size:1rem;font-weight:700}.btn-pause:hover{background:#d99566}.btn-stop{background:#e27d60;color:#fff;border:1px solid #e27d60;padding:.9rem 2rem;border-radius:2px;cursor:pointer;font-size:1rem;font-weight:700}.btn-stop:hover{background:#c9654a}.btn-start-session{background:#41b3a3;color:#fff;border:1px solid #41b3a3;padding:1.25rem 3rem;border-radius:2px;cursor:pointer;font-size:1.15rem;font-weight:700}.btn-start-session:hover{background:#35948a}.exercise-complete{text-align:center;padding:2.5rem 1rem}.exercise-complete h2{font-size:1.8rem;font-weight:800;color:#111;margin-bottom:2rem;letter-spacing:-.01em}.results{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem;max-width:640px;margin:0 auto 2rem}.result-item{display:flex;flex-direction:column;align-items:center;gap:.35rem;background:#fafafa;border:1px solid #eeeeee;border-radius:2px;padding:1rem .75rem}.result-label{font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#a0a0a0}.result-value{font-size:1.4rem;font-weight:800;color:#111}.result-actions{display:flex;justify-content:center;gap:1rem}.completion-celebration{flex:1;min-height:560px;display:flex;align-items:center;justify-content:center;cursor:pointer}.completion-celebration-message{font-size:3.5rem;font-weight:800;color:#e27d60;letter-spacing:.02em;animation:celebration-pop .4s cubic-bezier(.34,1.56,.64,1)}@keyframes celebration-pop{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.progress-student-list{display:flex;flex-direction:column;gap:1.75rem}.progress-student-card{background:#fff;border:1px solid #eeeeee;border-radius:2px;padding:1.75rem}.progress-subsection-label{font-size:.65rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:#a0a0a0;margin:0 0 .35rem}.progress-student-card h3{margin:0 0 1.25rem;font-size:1.25rem;font-weight:700;color:#111}.progress-delete-row{display:flex;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid #eeeeee}.progress-delete-btn{background-color:transparent;border:1px solid #d4d4d4;color:#111;border-radius:2px;padding:.4rem .85rem;font-size:.7rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;cursor:pointer;flex-shrink:0}.progress-delete-btn:hover:not(:disabled){background-color:#111;color:#fff;border-color:#111}.progress-delete-btn:disabled{opacity:.6;cursor:default}.progress-summary{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.progress-stat{background:#eaf3f9;border:1px solid #8ab6d6;border-radius:2px;padding:.85rem 1.25rem;display:flex;flex-direction:column;align-items:center;min-width:140px;flex:1}.progress-stat-value{font-size:1.6rem;font-weight:800;color:#4f7ea3}.progress-stat-label{font-size:.75rem;color:#3a3a3a;margin-top:.25rem;text-align:center;font-weight:500}.progress-stat-streak{background:#eaf3f9;border-color:#8ab6d6}.progress-stat-streak .progress-stat-value{color:#4f7ea3}.progress-table-wrapper{overflow-x:auto}.progress-table{width:100%;border-collapse:collapse;font-size:.9rem}.progress-table th{text-align:left;padding:.6rem .75rem;color:#a0a0a0;border-bottom:2px solid #eeeeee;font-weight:700;font-size:.7rem;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap}.progress-table td{padding:.6rem .75rem;border-bottom:1px solid #f2f2f2;color:#3a3a3a;white-space:nowrap}.progress-table tbody tr:hover{background:#fafafa}.progress-wpm{font-weight:700;color:#4f7ea3}.progress-modes-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.progress-mode-section{display:flex;flex-direction:column}.progress-mode-title{margin:0 0 1rem;font-size:.95rem;font-weight:700;color:#111;padding-bottom:.5rem;border-bottom:2px solid #eeeeee}.progress-mode-manual .progress-mode-title,.progress-mode-automatic .progress-mode-title{border-bottom-color:#8ab6d6;color:#4f7ea3}.progress-mode-section .progress-summary{flex-wrap:wrap;gap:.6rem}.progress-mode-section .progress-stat{min-width:110px;padding:.65rem .85rem;flex:1}.progress-mode-section .progress-stat-value{font-size:1.35rem}.progress-mode-automatic .progress-stat{background:#eaf3f9;border-color:#8ab6d6}.progress-mode-automatic .progress-stat-value{color:#4f7ea3}.progress-mode-section .empty-state{padding:1.5rem;font-size:.9rem}.progress-top-letters{margin-bottom:1.5rem}.letter-chip-list{display:flex;flex-wrap:wrap;gap:.5rem}.letter-chip{display:inline-flex;align-items:center;gap:.4rem;background:#eaf3f9;border:1px solid #8ab6d6;color:#4f7ea3;padding:.35rem .7rem;border-radius:2px;font-size:.85rem}.letter-chip-letter{font-weight:700;font-family:Courier New,monospace}.letter-chip-count{font-size:.75rem;opacity:.8}.progress-chart-block{margin-bottom:1.5rem;background:#fff;border:1px solid #eeeeee;border-radius:2px;padding:1.1rem 1.25rem}.progress-chart-block .progress-subsection-label{margin-bottom:.85rem}.trend-chart-svg{width:100%;height:auto;display:block;overflow:visible}.trend-chart-gridline{stroke:#eee;stroke-width:1}.trend-chart-axis-label{font-size:9px;fill:#a0a0a0;font-family:inherit}.trend-chart-area{opacity:.08}.trend-chart-line{fill:none;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}.trend-chart-point{stroke:#fff;stroke-width:1.5;cursor:pointer}.letter-accuracy-chart{display:flex;flex-direction:column;gap:.55rem}.letter-accuracy-row{display:grid;grid-template-columns:28px 1fr 52px;align-items:center;gap:.65rem}.letter-accuracy-letter{font-family:Courier New,monospace;font-weight:700;font-size:.9rem;color:#111;text-align:center;flex-shrink:0}.letter-accuracy-bar-track{display:flex;height:14px;background:#f2f2f2;border-radius:2px;overflow:hidden}.letter-accuracy-bar-segment{height:100%;transition:width .2s ease}.letter-accuracy-bar-correct{background:#41b3a3}.letter-accuracy-bar-incorrect{background:#e27d60}.letter-accuracy-count{font-size:.75rem;color:#6b6b6b;text-align:right;font-variant-numeric:tabular-nums;flex-shrink:0}.letter-accuracy-legend{display:flex;gap:1.25rem;margin-top:.5rem;padding-top:.75rem;border-top:1px solid #f2f2f2}.letter-accuracy-legend-item{display:flex;align-items:center;gap:.4rem;font-size:.75rem;color:#6b6b6b}.letter-accuracy-legend-swatch{display:inline-block;width:10px;height:10px;border-radius:2px}@media (max-width: 1024px){.structure-content,.mode-select,.progress-modes-grid{grid-template-columns:1fr}}@media (max-width: 768px){.lesikus-main{padding:2.5rem 1.25rem}.lesikus-nav{overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-btn{font-size:.85rem;padding:.7rem 1rem}.letter-module,.word-structure-module,.exercise-module,.progress-module,.progress-student-card{padding:1.25rem}.current-word{font-size:2.5rem}.letter-grid{grid-template-columns:repeat(auto-fill,minmax(48px,1fr))}.config-subtabs{gap:.25rem}.config-subtab{flex:1;text-align:center;padding:.65rem .5rem;font-size:.85rem}.letter-category-toggle{padding:.85rem 1rem}.letter-category-title{font-size:.9rem}.letter-category-body{padding:1rem}.structure-select{grid-template-columns:1fr}.word-controls,.exercise-controls{flex-direction:column;width:100%;gap:.85rem}.word-controls button,.exercise-controls button{width:100%}.exercise-header{flex-direction:column;align-items:flex-start}.btn-show-word{padding:1.15rem 2rem;font-size:1.15rem;width:100%}.btn-start-session{padding:1.15rem 2rem;font-size:1.05rem;width:100%}.btn-start-exercise{width:100%}.result-actions{flex-direction:column}.result-actions button{width:100%}.exercise-complete h2{font-size:1.5rem}.completion-celebration-message{font-size:2.2rem;text-align:center;padding:0 1rem}.settings-form .setting-row{flex-direction:column;align-items:flex-start;gap:.4rem}.setting-row input{width:100%}.progress-table thead{display:none}.progress-table,.progress-table tbody,.progress-row{display:block;width:100%}.progress-row{border:1px solid #eeeeee;border-radius:2px;padding:.6rem .85rem;margin-bottom:.65rem;background:#fff}.progress-row:last-child{margin-bottom:0}.progress-table td{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid #f2f2f2;white-space:normal;text-align:right}.progress-row td:last-child{border-bottom:none}.progress-table td:before{content:attr(data-label);flex-shrink:0;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a0a0a0;text-align:left}}@media (max-width: 480px){.nav-btn{font-size:.78rem;padding:.6rem .75rem}.lesikus-headline{font-size:2rem}.section-header{flex-direction:column;align-items:flex-start;gap:.6rem}.section-header .btn-primary{width:100%}.current-word{font-size:1.9rem}.letter-grid{grid-template-columns:repeat(auto-fill,minmax(42px,1fr))}.letter-btn{font-size:.9rem}.results{grid-template-columns:repeat(2,1fr)}.form-actions{flex-direction:column}.form-actions button{width:100%}}:root{--bg: #ffffff;--surface: #fafafa;--border: #e4e4e4;--border-lt: #d4d4d4;--text: #111111;--text-muted:#6b6b6b;--text-dim: #a0a0a0;--accent: #41b3a3;--accent-dk: #35948a;--coral: #e27d60;--sand: #e8a87c;--mauve: #c38d9e;--mint: #85dcb0;--danger: #e27d60;--success: #41b3a3;--admin-clr: #c38d9e}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.user-chip-link{cursor:pointer;border-radius:4px;padding:.15rem .5rem;margin:-.15rem -.5rem;transition:background-color .15s ease}.user-chip-link:hover{background-color:#f2f2f2}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-track{display:flex;width:max-content;animation:marquee 60s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-track-fast{animation-duration:60s}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .7s cubic-bezier(.22,1,.36,1) both}.fade-up-delay-1{animation-delay:.1s}.fade-up-delay-2{animation-delay:.22s}.fade-up-delay-3{animation-delay:.36s}html,body{max-width:100%;overflow-x:hidden}#root{overflow-x:hidden}img{max-width:100%;height:auto}.page-header,.page-header-right{flex-wrap:wrap}@media (max-width: 768px){.page-header{padding:1rem 1.25rem!important;gap:.75rem}.page-header-right{gap:.6rem!important;width:100%;justify-content:flex-start!important}.page-logo{height:56px!important}.page-main{padding:2.5rem 1.25rem!important}.page-bg-label{display:block!important;position:absolute!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important;height:60vw!important;max-height:240px!important;opacity:.2!important;z-index:0!important}.sign-in-block{margin-top:12rem!important}}@media (max-width: 480px){.page-header{padding:.85rem 1rem!important}.page-main{padding:2rem 1rem!important}.page-logo{height:48px!important}.page-user-name{font-size:.55rem!important;padding:.25rem .5rem!important;max-width:40vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-back-link,.page-sign-out{font-size:.55rem!important;padding:.25rem .5rem!important}}@media (max-width: 700px){.admin-section{padding:1.25rem!important}.admin-section-title-row{flex-wrap:wrap}.admin-table thead{display:none}.admin-table,.admin-table tbody,.admin-row{display:block;width:100%}.admin-row{border:1px solid #eeeeee!important;border-radius:6px;padding:.85rem;margin-bottom:.85rem;background-color:#fff}.admin-row:last-child{margin-bottom:0}.admin-td{display:flex!important;align-items:flex-start;justify-content:space-between;gap:1rem;padding:.5rem 0!important;border-bottom:1px solid #f2f2f2!important;text-align:right}.admin-row .admin-td:last-child{border-bottom:none!important}.admin-td:before{content:attr(data-label);flex-shrink:0;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#a0a0a0;text-align:left}.admin-td[data-label=E-Mail]{word-break:break-all}.admin-td-action{flex-direction:column;align-items:flex-end}.admin-td-action:before{margin-bottom:.5rem}}@media (max-width: 480px){.admin-section{padding:1rem!important}.admin-td{font-size:.8rem}.admin-td:before{font-size:.58rem}}.dashboard-student-row{padding-left:.75rem;padding-right:.75rem;margin-left:-.75rem;margin-right:-.75rem;transition:background-color .15s ease}.dashboard-student-row:hover{background-color:#f2f2f2}.dashboard-student-row:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.dashboard-motivation-link{cursor:pointer;border-radius:4px;padding:.35rem .5rem;margin:-.35rem -.5rem;transition:background-color .15s ease}.dashboard-motivation-link:hover{background-color:#f2f2f2}.dashboard-motivation-link:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width: 600px){.dashboard-therapist-card{padding:1.25rem!important}.dashboard-student-row{padding-bottom:.85rem!important;margin-bottom:.85rem!important}}@media (max-width: 480px){.dashboard-therapist-card{padding:1rem!important}.dashboard-student-row{padding-bottom:.7rem!important;margin-bottom:.7rem!important}}