@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}.lesikus-header{background:#fff;color:#111;padding:1.5rem 2rem;border-bottom:1px solid #eeeeee}.header-content{max-width:1400px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:1.5rem}.header-brand{display:flex;align-items:center;gap:1rem}.logo-link{display:flex;align-items:center}.lesikus-logo{height:96px;width:auto;object-fit:contain}.lesikus-header h1{margin:0;font-size:1.8rem;font-weight:700;letter-spacing:-.01em}.header-user{display:flex;align-items:center;gap:1rem}.user-chip{display:flex;align-items:center;gap:.6rem}.user-name{font-size:.8rem;color:#6b6b6b}.role-badge{font-size:.65rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff;background-color:#41b3a3;border-radius:2px;padding:.15rem .5rem}.btn-back-dashboard{background:transparent;color:#41b3a3;border:1px solid #41b3a3;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s;text-decoration:none;font-size:.9rem;font-weight:500;white-space:nowrap}.btn-back-dashboard:hover{background:#41b3a3;color:#fff}.btn-logout{background:transparent;color:#6b6b6b;border:1px solid #d4d4d4;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s}.btn-logout:hover{background:#fafafa;border-color:#a0a0a0}.lesikus-nav{background:#fff;border-bottom:1px solid #eeeeee;padding:0 2rem;display:flex;gap:.5rem;max-width:1400px;margin:0 auto;width:100%}.nav-btn{background:none;border:none;padding:1rem 1.5rem;cursor:pointer;font-size:1rem;color:#a0a0a0;border-bottom:3px solid transparent;transition:all .2s;white-space:nowrap}.nav-btn:hover:not(:disabled){color:#41b3a3;background:#fafafa}.nav-btn.active{color:#41b3a3;border-bottom-color:#41b3a3;font-weight:600}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-tab-students:hover:not(:disabled){color:#e8a87c}.nav-tab-students.active{color:#e8a87c;border-bottom-color:#e8a87c}.nav-tab-letters:hover:not(:disabled){color:#41b3a3}.nav-tab-letters.active{color:#41b3a3;border-bottom-color:#41b3a3}.nav-tab-structures:hover:not(:disabled){color:#c38d9e}.nav-tab-structures.active{color:#c38d9e;border-bottom-color:#c38d9e}.nav-tab-exercise:hover:not(:disabled){color:#e27d60}.nav-tab-exercise.active{color:#e27d60;border-bottom-color:#e27d60}.nav-tab-progress:hover:not(:disabled){color:#85dcdb}.nav-tab-progress.active{color:#2a9b99;border-bottom-color:#85dcdb}.student-bar-wrapper{max-width:1400px;margin:0 auto;width:100%;padding:0 2rem}.student-bar{background:#fdf3ec;border-bottom:1px solid #e8a87c;padding:.75rem 1.5rem;display:flex;align-items:center;gap:1rem;width:100%}.student-label{font-weight:600;color:#9a5a35}.student-name{color:#111;font-size:1.1rem}.btn-change-student{margin-left:auto;background:#fff;border:1px solid #e8a87c;padding:.4rem 1rem;border-radius:4px;cursor:pointer;color:#9a5a35;transition:all .2s}.btn-change-student:hover{background:#fdf3ec}.lesikus-main{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%}.module-header{margin-bottom:2rem}.module-header h2{font-size:1.8rem;color:#111;margin:0}.loading{text-align:center;padding:3rem;color:#a0a0a0;font-size:1.1rem}.error-message{background:#fdf3f0;border:1px solid #f0c4b4;color:#b8563a;padding:1rem;border-radius:4px;margin-bottom:1rem}.empty-state{text-align:center;padding:3rem;color:#a0a0a0;font-style:italic}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.section-header h3{margin:0;font-size:1.3rem;color:#111}.hint{color:#a0a0a0;font-size:.95rem;margin-top:.5rem}.btn-primary{background:#41b3a3;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s}.btn-primary:hover{background:#35948a;transform:translateY(-1px);box-shadow:0 4px 12px #41b3a340}.btn-secondary{background:#f2f2f2;color:#3a3a3a;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s}.btn-secondary:hover{background:#e4e4e4}.word-structure-module .btn-primary{background:#c38d9e}.word-structure-module .btn-primary:hover{background:#a8728a;box-shadow:0 4px 12px #c38d9e40}.student-module .btn-primary{background:#e8a87c}.student-module .btn-primary:hover{background:#d99566;box-shadow:0 4px 12px #e8a87c40}.student-module .create-form button[type=submit]{background:#e8a87c}.student-module .create-form button[type=submit]:hover:not(:disabled){background:#d99566}.student-module .student-card:hover{border-color:#e8a87c;box-shadow:0 4px 12px #e8a87c1f}.student-module .student-card.selected{border-color:#e8a87c;background:#fdf3ec}.student-module .link-account-form button{background:#e8a87c}.student-module .link-account-form button:hover:not(:disabled){background:#d99566}.student-module .link-account-message{color:#9a5a35}.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:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}.btn-next:hover{background:#35948a;transform:translateY(-1px);box-shadow:0 4px 12px #41b3a340}.letter-module .btn-next{background:#c38d9e}.letter-module .btn-next:hover{background:#a8728a;box-shadow:0 4px 12px #c38d9e40}.word-structure-module .btn-next{background:#e27d60}.word-structure-module .btn-next:hover{background:#c9654a;box-shadow:0 4px 12px #e27d6040}.student-module,.letter-module{background:#fff;border-radius:4px;padding:2rem;border:1px solid #eeeeee}.student-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;margin-top:1rem}.student-card{position:relative;background:#fff;border:1px solid #eeeeee;border-radius:4px;padding:1.5rem;cursor:pointer;transition:all .2s}.student-card:hover{border-color:#41b3a3;box-shadow:0 4px 12px #41b3a31f;transform:translateY(-2px)}.student-card.selected{border-color:#41b3a3;background:#eef8f6}.btn-delete-student{position:absolute;top:.75rem;right:.75rem;background:transparent;border:none;color:silver;font-size:1rem;line-height:1;cursor:pointer;padding:.25rem;border-radius:4px;opacity:0;transition:opacity .2s,color .2s,background .2s}.student-card:hover .btn-delete-student{opacity:1}.btn-delete-student:hover{color:#e05555;background:#e055551a}.btn-delete-student:disabled{cursor:not-allowed;opacity:.6}.student-card h4{margin:0 0 .5rem;color:#111;font-size:1.2rem}.student-name-display{display:flex;align-items:center;gap:.5rem}.btn-edit-student-name{background:transparent;border:none;cursor:pointer;font-size:.85rem;line-height:1;padding:.15rem;border-radius:4px;opacity:0;transition:opacity .2s,background .2s}.student-card:hover .btn-edit-student-name{opacity:1}.btn-edit-student-name:hover{background:#e8a87c26}.student-name-edit{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem}.student-name-edit input{flex:1;min-width:0;padding:.4rem .5rem;border:1px solid #e8a87c;border-radius:4px;font-size:1rem}.btn-save-name,.btn-cancel-name{background:transparent;border:none;cursor:pointer;font-size:.95rem;line-height:1;padding:.35rem .5rem;border-radius:4px;flex-shrink:0}.btn-save-name{color:#35948a}.btn-save-name:hover:not(:disabled){background:#41b3a31f}.btn-cancel-name{color:#b8563a}.btn-cancel-name:hover:not(:disabled){background:#e055551a}.btn-save-name:disabled,.btn-cancel-name:disabled{opacity:.5;cursor:not-allowed}.student-meta{color:#a0a0a0;font-size:.9rem;margin:0}.create-form{background:#fafafa;padding:1.5rem;border-radius:4px;margin-bottom:1.5rem;display:flex;gap:.75rem}.create-form input{flex:1;padding:.75rem;border:1px solid #d4d4d4;border-radius:4px;font-size:1rem}.create-form button{padding:.75rem 1.5rem;border-radius:4px;border:none;cursor:pointer;font-size:1rem;transition:all .2s}.create-form button[type=submit]{background:#41b3a3;color:#fff}.create-form button[type=submit]:hover:not(:disabled){background:#35948a}.create-form button[type=submit]:disabled{opacity:.5;cursor:not-allowed}.letter-category{margin-bottom:2rem}.letter-category h3{font-size:1.1rem;color:#3a3a3a;margin-bottom:1rem}.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:4px;cursor:pointer;font-size:.8rem;white-space:nowrap;transition:all .2s}.btn-category-toggle:hover:not(:disabled){border-color:#41b3a3;color:#41b3a3;background:#eef8f6}.btn-category-toggle:disabled{opacity:.4;cursor:not-allowed}.letter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:.75rem}.letter-btn{aspect-ratio:1;border:1px solid #eeeeee;background:#fff;border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:600;color:#6b6b6b;transition:all .2s;display:flex;align-items:center;justify-content:center}.letter-btn:hover{border-color:#41b3a3;transform:scale(1.05)}.letter-btn.active{background:#41b3a3;border-color:#41b3a3;color:#fff;box-shadow:0 4px 12px #41b3a340}.link-account-section{background:#fafafa;border:1px solid #eeeeee;border-radius:4px;padding:1.25rem 1.5rem;margin-bottom:2rem}.link-account-section h4{margin:0 0 .75rem;font-size:.95rem;color:#3a3a3a}.link-account-current{display:flex;align-items:center;gap:1rem}.link-account-email{color:#111;font-size:.95rem;font-weight:600}.btn-unlink-account{background:transparent;border:1px solid #e27d60;color:#e27d60;padding:.4rem .9rem;border-radius:4px;cursor:pointer;font-size:.85rem;transition:all .2s}.btn-unlink-account:hover:not(:disabled){background:#fdf0ec}.btn-unlink-account:disabled{opacity:.5;cursor:not-allowed}.link-account-form{display:flex;gap:.75rem}.link-account-form input{flex:1;padding:.6rem .75rem;border:1px solid #d4d4d4;border-radius:4px;font-size:.9rem}.link-account-form button{padding:.6rem 1.25rem;border-radius:4px;border:none;cursor:pointer;font-size:.9rem;background:#41b3a3;color:#fff;transition:all .2s;white-space:nowrap}.link-account-form button:hover:not(:disabled){background:#35948a}.link-account-form button:disabled{opacity:.5;cursor:not-allowed}.link-account-message{margin:.75rem 0 0;color:#35948a;font-size:.85rem}.link-hint-message{background:#fdf3ec;border:1px solid #e8a87c;border-radius:4px;padding:2rem;text-align:center;color:#9a5a35;font-size:1.05rem}.word-structure-module{background:#fff;border-radius:4px;padding:2rem;border:1px solid #eeeeee}.structure-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.structure-list{display:flex;flex-direction:column;gap:1rem}.structure-card{background:#fff;border:1px solid #eeeeee;border-radius:4px;padding:1.25rem;cursor:pointer;transition:all .2s}.structure-card:hover{border-color:#c38d9e;box-shadow:0 2px 8px #c38d9e1f}.structure-card.selected{border-color:#c38d9e;background:#f8eff2}.structure-card h4{margin:0 0 .5rem;color:#111}.structure-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.structure-card-header h4{margin:0 0 .5rem}.btn-delete-structure{background:transparent;border:none;color:#b8563a;cursor:pointer;font-size:1rem;line-height:1;padding:.25rem .4rem;border-radius:4px;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}.create-structure-form{background:#fafafa;padding:1.5rem;border-radius:4px;margin-bottom:1.5rem}.create-structure-form input{width:100%;padding:.75rem;border:1px solid #d4d4d4;border-radius:4px;font-size:1rem;margin-bottom:1rem}.syllable-builder{margin:1.5rem 0}.syllable-builder h4{margin:0 0 1rem;color:#3a3a3a}.syllable-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.syllable-number{font-weight:600;color:#a0a0a0;min-width:30px}.syllable-row select{flex:1;padding:.75rem;border:1px solid #d4d4d4;border-radius:4px;font-size:.95rem}.btn-remove{background:#fdf3f0;color:#b8563a;border:none;padding:.5rem .75rem;border-radius:4px;cursor:pointer;font-weight:600}.btn-remove:hover{background:#f5ddd0}.btn-add-syllable{background:#eef8f6;color:#35948a;border:none;padding:.75rem 1rem;border-radius:4px;cursor:pointer;font-size:.95rem;width:100%;margin-top:.5rem}.btn-add-syllable:hover{background:#d9f0eb}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.form-actions button{flex:1;padding:.75rem;border-radius:4px;border:none;cursor:pointer;font-size:1rem}.form-actions button[type=submit]{background:#41b3a3;color:#fff}.form-actions button[type=button]{background:#f2f2f2;color:#3a3a3a}.structure-preview-section{background:#fafafa;padding:1.5rem;border-radius:4px}.structure-preview-section h3{margin:0 0 .5rem;color:#111}.structure-info{color:#a0a0a0;font-family:Courier New,monospace;margin-bottom:1.5rem}.btn-generate-preview{background:#c38d9e;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;width:100%;margin-bottom:1.5rem}.btn-generate-preview:hover:not(:disabled){background:#a8728a}.btn-generate-preview:disabled{opacity:.5;cursor:not-allowed}.preview-words{background:#fff;padding:1.5rem;border-radius:4px;border:1px solid #eeeeee}.preview-words h4{margin:0 0 1rem;color:#3a3a3a}.word-list{display:flex;flex-wrap:wrap;gap:.75rem}.preview-word{background:#f8eff2;color:#a8728a;padding:.5rem 1rem;border-radius:4px;font-weight:600;font-size:1.1rem}.exercise-module{background:#fff;border-radius:4px;padding:2rem;border:1px solid #eeeeee;min-height:600px}.exercise-setup{max-width:900px;margin:0 auto}.setup-section{margin-bottom:2.5rem}.setup-section h3{font-size:1.3rem;color:#111;margin-bottom:1rem}.structure-select{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.structure-option{background:#fff;border:1px solid #eeeeee;border-radius:4px;padding:1.25rem;cursor:pointer;transition:all .2s}.structure-option:hover{border-color:#e27d60;box-shadow:0 2px 8px #e27d601f}.structure-option.selected{border-color:#e27d60;background:#fdf0ec}.structure-option h4{margin:0 0 .5rem;color:#111}.structure-option p{margin:0;color:#a0a0a0;font-family:Courier New,monospace;font-size:.9rem}.mode-select{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.mode-card{background:#fff;border:1px solid #eeeeee;border-radius:4px;padding:2rem;cursor:pointer;transition:all .2s}.mode-card:hover{border-color:#e27d60;box-shadow:0 4px 16px #e27d6026;transform:translateY(-2px)}.mode-card h4{margin:0 0 .5rem;font-size:1.3rem;color:#111}.mode-card p{color:#a0a0a0;margin:0 0 1rem}.mode-card ul{margin:0;padding-left:1.5rem;color:#3a3a3a}.mode-card li{margin-bottom:.5rem}.settings-form{background:#fafafa;padding:1.5rem;border-radius:4px}.setting-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.setting-row label{font-weight:500;color:#3a3a3a}.setting-row input{width:120px;padding:.5rem;border:1px solid #d4d4d4;border-radius:4px;font-size:1rem}.btn-generate{background:#e27d60;color:#fff;border:none;padding:1rem 2rem;border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:600;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:4px;margin-top:1rem;text-align:center}.words-preview p{margin:0 0 1rem;color:#a8452e;font-weight:600;font-size:1.1rem}.btn-start-exercise{background:#e27d60;color:#fff;border:none;padding:1rem 2rem;border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:600}.btn-start-exercise:hover{background:#c9654a}.manual-exercise,.automatic-exercise{display:flex;flex-direction:column;min-height:600px}.exercise-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #eeeeee}.btn-back{background:#f2f2f2;color:#3a3a3a;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem}.btn-back:hover:not(:disabled){background:#e4e4e4}.exercise-header h2{margin:0;color:#111}.exercise-stats{display:flex;gap:2rem;font-size:1.1rem;color:#3a3a3a;font-weight:600}.word-display-area{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px}.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.5rem;margin-top:2rem}.btn-correct{background:#41b3a3;color:#fff;border:none;padding:1rem 2rem;border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:600}.btn-correct:hover{background:#35948a}.btn-incorrect{background:#e27d60;color:#fff;border:none;padding:1rem 2rem;border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:600}.btn-incorrect:hover{background:#c9654a}.start-prompt{text-align:center}.start-prompt p{font-size:1.2rem;color:#a0a0a0;margin-bottom:2rem}.btn-show-word{background:#111;color:#fff;border:none;padding:1.5rem 3rem;border-radius:4px;cursor:pointer;font-size:1.5rem;font-weight:700}.btn-show-word:hover{background:#41b3a3;transform:translateY(-2px)}.next-word-hint{text-align:center;margin-top:2rem}.word-display-area.automatic{background:#fafafa;border-radius:4px}.paused-indicator{text-align:center}.paused-indicator h2{color:#e8a87c;font-size:2rem}.exercise-controls{display:flex;justify-content:center;gap:1.5rem;margin-top:2rem}.btn-pause{background:#e8a87c;color:#fff;border:none;padding:1rem 2rem;border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:600}.btn-pause:hover{background:#d99566}.btn-stop{background:#e27d60;color:#fff;border:none;padding:1rem 2rem;border-radius:4px;cursor:pointer;font-size:1.1rem;font-weight:600}.btn-stop:hover{background:#c9654a}.btn-start-session{background:#41b3a3;color:#fff;border:none;padding:1.5rem 3rem;border-radius:4px;cursor:pointer;font-size:1.3rem;font-weight:700}.btn-start-session:hover{background:#35948a;transform:translateY(-2px)}.exercise-complete{text-align:center;padding:3rem}.exercise-complete h2{font-size:2.5rem;color:#111;margin-bottom:2rem}.results{background:#fafafa;border-radius:4px;padding:2rem;max-width:500px;margin:0 auto 2rem}.result-item{display:flex;justify-content:space-between;padding:1rem 0;border-bottom:1px solid #eeeeee}.result-item:last-child{border-bottom:none}.result-label{font-weight:600;color:#3a3a3a}.result-value{font-size:1.2rem;font-weight:700;color:#111}.result-actions{display:flex;justify-content:center;gap:1rem}.completion-celebration{flex:1;min-height:600px;display:flex;align-items:center;justify-content:center}.completion-celebration-message{font-size:3.5rem;font-weight:700;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)}}@media (max-width: 1024px){.structure-content,.mode-select{grid-template-columns:1fr}}@media (max-width: 768px){.lesikus-header{padding:1rem}.header-content{flex-direction:column;align-items:flex-start;gap:.75rem}.header-brand{width:100%}.lesikus-logo{height:64px}.lesikus-header h1{font-size:1.4rem}.header-user{width:100%;justify-content:space-between}.lesikus-nav{padding:0 1rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.nav-btn{font-size:.9rem;padding:.75rem 1rem}.student-bar-wrapper{padding:0 1rem}.student-bar{flex-wrap:wrap;padding:.75rem 1rem}.btn-change-student{margin-left:0}.lesikus-main{padding:1rem}.student-module,.letter-module,.word-structure-module,.exercise-module,.progress-module{padding:1.25rem}.current-word{font-size:2.5rem}.letter-grid{grid-template-columns:repeat(auto-fill,minmax(50px,1fr))}.student-list,.structure-select{grid-template-columns:1fr}.create-form,.link-account-form{flex-direction:column;align-items:stretch}.create-form button,.link-account-form button{width:100%}.link-account-current{flex-wrap:wrap}.word-controls,.exercise-controls{flex-direction:column;width:100%;gap:1rem}.word-controls button,.exercise-controls button{width:100%}.exercise-header{flex-direction:column;align-items:flex-start;gap:.75rem}.exercise-stats{flex-wrap:wrap;gap:1rem;font-size:1rem}.btn-show-word{padding:1.25rem 2rem;font-size:1.2rem;width:100%}.btn-start-session{padding:1.25rem 2rem;font-size:1.1rem;width:100%}.btn-start-exercise{width:100%}.result-actions{flex-direction:column}.result-actions button{width:100%}.exercise-complete h2{font-size:1.8rem}.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-summary{flex-wrap:wrap}.progress-stat{min-width:0;flex:1 1 45%}}@media (max-width: 480px){.lesikus-logo{height:48px}.lesikus-header h1{font-size:1.15rem}.nav-btn{font-size:.8rem;padding:.6rem .75rem}.module-header h2{font-size:1.4rem}.section-header{flex-direction:column;align-items:flex-start;gap:.75rem}.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:.95rem}.progress-stat{flex:1 1 100%}.progress-table{font-size:.85rem}.form-actions{flex-direction:column}.form-actions button{width:100%}}.progress-module{background:#fff;border-radius:4px;padding:2rem;border:1px solid #eeeeee}.progress-student-list{display:flex;flex-direction:column;gap:2rem}.progress-student-card{background:#fff;border:1px solid #eeeeee;border-radius:4px;padding:1.75rem}.progress-student-card h3{margin:0 0 1.25rem;font-size:1.3rem;color:#111}.progress-summary{display:flex;gap:1.5rem;margin-bottom:1.5rem}.progress-stat{background:#eafbfa;border:1px solid #85dcdb;border-radius:4px;padding:1rem 1.5rem;display:flex;flex-direction:column;align-items:center;min-width:160px}.progress-stat-value{font-size:2rem;font-weight:700;color:#2a9b99}.progress-stat-label{font-size:.9rem;color:#3a3a3a;margin-top:.25rem;text-align:center}.progress-table-wrapper{overflow-x:auto}.progress-table{width:100%;border-collapse:collapse;font-size:.95rem}.progress-table th{text-align:left;padding:.6rem .75rem;color:#6b6b6b;border-bottom:2px solid #eeeeee;font-weight:600;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:#2a9b99}.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:1.05rem;font-weight:700;color:#111;padding-bottom:.5rem;border-bottom:2px solid #eeeeee}.progress-mode-manual .progress-mode-title{border-bottom-color:#41b3a3;color:#2a9b99}.progress-mode-automatic .progress-mode-title{border-bottom-color:#e27d60;color:#c9654a}.progress-mode-section .progress-summary{flex-wrap:wrap;gap:.75rem}.progress-mode-section .progress-stat{min-width:120px;padding:.75rem 1rem;flex:1}.progress-mode-section .progress-stat-value{font-size:1.5rem}.progress-mode-automatic .progress-stat{background:#fdf0ec;border-color:#e27d60}.progress-mode-automatic .progress-stat-value{color:#c9654a}.progress-mode-section .empty-state{padding:1.5rem;font-size:.95rem}.progress-top-letters{margin-bottom:1.5rem}.progress-top-letters h4{margin:0 0 .75rem;font-size:.95rem;color:#3a3a3a}.letter-chip-list{display:flex;flex-wrap:wrap;gap:.6rem}.letter-chip{display:inline-flex;align-items:center;gap:.4rem;background:#eafbfa;border:1px solid #85dcdb;color:#2a9b99;padding:.4rem .75rem;border-radius:20px;font-size:.9rem}.letter-chip-letter{font-weight:700;font-family:Courier New,monospace}.letter-chip-count{font-size:.8rem;opacity:.8}@media (max-width: 1024px){.progress-modes-grid{grid-template-columns:1fr}}: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 32s linear infinite}.marquee-track:hover{animation-play-state:paused}.marquee-track-fast{animation-duration:32s}@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:none!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{display:none}}