.chat-image-modal-container{border-radius:var(--border-radius-01);background-color:var(--color-background-secondary);justify-content:center;align-items:center;width:100%;min-height:300px;padding:20px;display:flex;position:relative}.chat-image-modal-container .chat-image-modal__image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(80vh - 200px);display:block}.chat-image-modal-container .chat-image-modal__download-button{background-color:var(--color-background-primary);border:1px solid var(--color-border);border-radius:var(--border-radius-01);cursor:pointer;opacity:.9;z-index:10;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex;position:absolute;top:20px;right:20px}.chat-image-modal-container .chat-image-modal__download-button:hover{background-color:var(--color-background-hover);opacity:1;transform:scale(1.05)}.chat-image-modal-container .chat-image-modal__download-button:active{transform:scale(.95)}.chat-image-modal-container .chat-image-modal__download-button svg{color:var(--color-text-primary);width:20px;height:20px}@media (max-width:768px){.chat-image-modal-container{padding:10px}.chat-image-modal-container .chat-image-modal__image{max-height:calc(90vh - 150px)}.chat-image-modal-container .chat-image-modal__download-button{padding:6px;top:10px;right:10px}.chat-image-modal-container .chat-image-modal__download-button svg{width:18px;height:18px}}.chatbot{background-color:#fff;border-left:1px solid #e0e0e0;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.chatbot__header{background-color:#fff;border-bottom:1px solid #e0e0e0;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.chatbot__header-left{position:relative}.chatbot__header-wrapper{flex-shrink:0;position:relative}.chatbot__history-button{color:#4e4e4e;cursor:pointer;background:0 0;border:none;border-radius:16px;align-items:center;gap:6px;padding:6px 12px;font-size:16px;transition:background-color .2s;display:flex}.chatbot__history-button:hover,.chatbot__history-button.active{color:#333;background-color:#f2f2f2}.chatbot__close-button{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:background-color .2s;display:flex}.chatbot__close-button:hover{background-color:#f2f2f2}.chatbot__content{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.chatbot__drag-overlay{border:2px dashed var(--ui-color-brand-fod-primary-a);z-index:20;pointer-events:none;background-color:rgba(51,51,51,.25);position:absolute;top:0;bottom:0;left:0;right:0}.chatbot__drag-overlay--invalid{background-color:rgba(224,73,73,.05);border-color:#ba1f33}.chatbot__drag-overlay-text{font-family:var(--font-second-bold);color:#fff;pointer-events:none;white-space:nowrap;text-align:center;background-color:#333;border-radius:8px;padding:8px 16px;font-size:14px;position:absolute;transform:translate(-50%,24px);box-shadow:0 2px 8px rgba(51,51,51,.15)}.chatbot__drag-overlay-text--invalid{color:#333;background-color:#fff;border:1px solid #e04949;align-items:center;gap:8px;padding:4px 8px;display:flex;box-shadow:0 5px 20px rgba(169,155,144,.2)}.chatbot__input-container{z-index:10;background-color:#fff;border-top:1px solid #e0e0e0;flex-direction:column;flex-shrink:0;gap:8px;width:100%;min-height:72px;margin-top:auto;padding:16px 8px;display:flex;position:-webkit-sticky;position:sticky;bottom:0}.chatbot__disclaimer{font-family:var(--font-second);color:#767676;margin:0;padding-left:4px;font-size:12px;line-height:18px}.teacher-ai-analytics-panel__header{justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.teacher-ai-analytics-panel__header-titles{flex-direction:column;gap:4px;display:flex}.teacher-ai-analytics-panel__title{font-family:var(--font-first);color:#333;margin:0;font-size:26px;font-weight:700;line-height:40px}.teacher-ai-analytics-panel__subtitle{font-family:var(--font-second);color:#4e4e4e;margin:0;font-size:16px;font-weight:600;line-height:24px}.teacher-ai-analytics-panel__header-filters{align-items:center;gap:16px;display:flex}.teacher-ai-analytics-panel__filter{min-width:200px}.teacher-ai-analytics-panel__content{flex-direction:column;gap:24px;display:flex}.teacher-ai-analytics-panel__content-tabs{border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;padding:16px 4px}.student-cluster-tooltip{z-index:10;background-color:#fff;border-radius:8px;min-width:180px;padding:8px;position:absolute;transform:translate(-50%,-100%);box-shadow:0 5px 20px rgba(169,155,144,.2)}.student-cluster-tooltip__list{flex-direction:column;display:flex}.student-cluster-tooltip__row{border-radius:4px;align-items:center;gap:8px;height:40px;padding:8px;display:flex}.student-cluster-tooltip__row--clickable{-webkit-appearance:none;appearance:none;text-align:left;font:inherit;cursor:pointer;background:0 0;border:none;width:100%}.student-cluster-tooltip__row--clickable:hover{background-color:#f9f9f9}.student-cluster-tooltip__name{font-family:var(--font-second);color:#4e4e4e;white-space:nowrap;font-size:16px;font-weight:500;line-height:24px}.student-cluster-tooltip__arrow{border-top:8px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;width:0;height:0;position:absolute;bottom:-8px;left:50%;transform:translate(-50%)}.practice-lesson-selection-dialog{--practice-lesson-selection-dialog-tree-max-height:20rem;--practice-lesson-selection-dialog-checkbox-size:1.25rem;--practice-lesson-selection-dialog-mascot-size:3.5rem;--practice-lesson-selection-dialog-lesson-indent:calc(var(--ui-space-md) + var(--practice-lesson-selection-dialog-checkbox-size) + var(--ui-space-sm))}.practice-lesson-selection-dialog__content{gap:var(--ui-space-md);padding:0 0 var(--ui-space-md)0;flex-direction:column;display:flex}.practice-lesson-selection-dialog__section{gap:var(--ui-space-xxs);flex-direction:column;display:flex}.practice-lesson-selection-dialog__section-label{font-family:var(--ui-font-family-body);font-weight:var(--ui-font-weight-bold);font-size:var(--ui-font-size-14);line-height:var(--ui-line-height-20);color:var(--ui-color-neutral-grey-500);text-transform:uppercase}.practice-lesson-selection-dialog__section-subtitle{font-family:var(--ui-font-family-body);font-weight:var(--ui-font-weight-medium);font-size:var(--ui-font-size-14);line-height:var(--ui-line-height-20);color:var(--ui-color-text-default)}.practice-lesson-selection-dialog__box{border:var(--ui-stroke-1)solid var(--ui-color-neutral-grey-300);border-radius:var(--ui-radius-xl);overflow:hidden}.practice-lesson-selection-dialog__search{padding:var(--ui-space-sm)var(--ui-space-md);background-color:var(--ui-color-neutral-grey-100);border-bottom:var(--ui-stroke-1)solid var(--ui-color-neutral-grey-300);position:relative}.practice-lesson-selection-dialog__search-input{padding:var(--ui-space-xs)var(--ui-space-xxl)var(--ui-space-xs)var(--ui-space-sm);font-family:var(--ui-font-family-body);font-size:var(--ui-font-size-14);line-height:var(--ui-line-height-20);color:var(--ui-color-text-default);background-color:var(--ui-color-neutral-white);border:var(--ui-stroke-1)solid var(--ui-color-neutral-grey-400);border-radius:var(--ui-radius-xl);outline:none;width:100%;transition:border-color .2s}.practice-lesson-selection-dialog__search-input::placeholder{color:var(--ui-color-neutral-grey-500)}.practice-lesson-selection-dialog__search-input:focus{border-color:var(--ui-color-brand-fod-primary-a)}.practice-lesson-selection-dialog__search-icon{top:50%;right:var(--ui-space-lg);color:var(--ui-color-neutral-grey-500);cursor:pointer;background-color:transparent;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;transform:translateY(-50%)}.practice-lesson-selection-dialog__tree{max-height:var(--practice-lesson-selection-dialog-tree-max-height);margin:0;padding:0;list-style:none;overflow-y:auto}.practice-lesson-selection-dialog__unit{border-bottom:var(--ui-stroke-1)solid var(--ui-color-neutral-grey-300)}.practice-lesson-selection-dialog__unit:last-child{border-bottom:none}.practice-lesson-selection-dialog__unit-row{align-items:center;gap:var(--ui-space-sm);padding:var(--ui-space-xs)var(--ui-space-md);display:flex}.practice-lesson-selection-dialog__unit-main{justify-content:space-between;align-items:center;gap:var(--ui-space-md);text-align:left;cursor:pointer;background-color:transparent;border:none;flex:1;min-width:0;padding:0;display:flex}.practice-lesson-selection-dialog__unit-main--disabled{cursor:default}.practice-lesson-selection-dialog__unit-main--disabled .practice-lesson-selection-dialog__unit-name{color:var(--ui-color-neutral-grey-400)}.practice-lesson-selection-dialog__unit-info{gap:var(--ui-space-xxs);flex-direction:column;min-width:0;display:flex}.practice-lesson-selection-dialog__unit-name{font-family:var(--ui-font-family-body);font-weight:var(--ui-font-weight-bold);font-size:var(--ui-font-size-16);line-height:var(--ui-line-height-24);color:var(--ui-color-text-default);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.practice-lesson-selection-dialog__unit-counter{font-family:var(--ui-font-family-body);font-weight:var(--ui-font-weight-bold);font-size:var(--ui-font-size-14);line-height:var(--ui-line-height-20);color:var(--ui-color-neutral-grey-500);text-transform:uppercase}.practice-lesson-selection-dialog__unit-aside{align-items:center;gap:var(--ui-space-xxs);flex-shrink:0;display:inline-flex}.practice-lesson-selection-dialog__no-content-label{font-family:var(--ui-font-family-body);font-weight:var(--ui-font-weight-bold);font-size:var(--ui-font-size-12);line-height:var(--ui-line-height-16);color:var(--ui-color-neutral-grey-500);text-transform:uppercase;white-space:nowrap;flex-shrink:0}.practice-lesson-selection-dialog__chevron{color:var(--ui-color-neutral-grey-600);align-items:center;display:inline-flex}.practice-lesson-selection-dialog__lessons{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.practice-lesson-selection-dialog__lesson{align-items:center;gap:var(--ui-space-xs);padding:var(--ui-space-xs);padding-left:var(--practice-lesson-selection-dialog-lesson-indent);border-radius:var(--ui-radius-md-lg);cursor:pointer;display:flex}.practice-lesson-selection-dialog__lesson:hover{background-color:var(--ui-color-neutral-grey-100)}.practice-lesson-selection-dialog__lesson--disabled{cursor:default}.practice-lesson-selection-dialog__lesson--disabled:hover{background-color:transparent}.practice-lesson-selection-dialog__lesson--disabled .practice-lesson-selection-dialog__lesson-name{color:var(--ui-color-neutral-grey-500)}.practice-lesson-selection-dialog__lesson-name{font-family:var(--ui-font-family-body);font-size:var(--ui-font-size-14);line-height:var(--ui-line-height-20);color:var(--ui-color-text-default);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.practice-lesson-selection-dialog__lesson-aside{flex-shrink:0;align-items:center;display:inline-flex}.practice-lesson-selection-dialog__checkbox{width:var(--practice-lesson-selection-dialog-checkbox-size);height:var(--practice-lesson-selection-dialog-checkbox-size);color:var(--ui-color-neutral-white);background-color:var(--ui-color-neutral-white);border:var(--ui-stroke-2)solid var(--ui-color-neutral-grey-400);border-radius:var(--ui-radius-md-lg);cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.practice-lesson-selection-dialog__checkbox--checked,.practice-lesson-selection-dialog__checkbox--indeterminate{background-color:var(--ui-color-brand-fod-primary-a);border-color:var(--ui-color-brand-fod-primary-a)}.practice-lesson-selection-dialog__checkbox--disabled{background-color:var(--ui-color-neutral-grey-200);border-color:var(--ui-color-neutral-grey-400);cursor:default}.practice-lesson-selection-dialog__checkbox-dash{height:var(--ui-stroke-2);background-color:var(--ui-color-neutral-white);border-radius:var(--ui-radius-sm);width:.625rem}.practice-lesson-selection-dialog__actions{justify-content:flex-end;align-items:center;gap:var(--ui-space-md);padding:var(--ui-space-sm)var(--ui-space-md);background-color:var(--ui-color-neutral-grey-100);border-top:var(--ui-stroke-1)solid var(--ui-color-neutral-grey-300);display:flex}.practice-lesson-selection-dialog__actions .button{flex:none;width:auto;min-width:0}.practice-lesson-selection-dialog__actions .button:disabled{opacity:.5;background-color:transparent}.practice-lesson-selection-dialog__actions .button--color-primary-outlined{background-color:var(--ui-color-neutral-white);padding-top:0!important;padding-bottom:0!important}.practice-lesson-selection-dialog__state{padding:var(--ui-space-lg);font-family:var(--ui-font-family-body);font-size:var(--ui-font-size-16);line-height:var(--ui-line-height-24);color:var(--ui-color-text-secondary);text-align:center;justify-content:center;align-items:center;display:flex}.practice-lesson-selection-dialog__warning{align-items:center;gap:var(--ui-space-xs);padding:var(--ui-space-md)var(--ui-space-xs);background-color:var(--ui-color-blue-100);border:var(--ui-stroke-1)solid var(--ui-color-blue-300);border-radius:var(--ui-radius-xl);display:flex}.practice-lesson-selection-dialog__warning-mascot{width:var(--practice-lesson-selection-dialog-mascot-size);height:var(--practice-lesson-selection-dialog-mascot-size);background-image:var(--tangerine-ai-bot-help);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0}.practice-lesson-selection-dialog__warning-text{font-family:var(--ui-font-family-body);font-size:var(--ui-font-size-16);line-height:var(--ui-line-height-24);color:var(--ui-color-neutral-grey-900)}.practice-lesson-selection-dialog__footer-count{font-family:var(--ui-font-family-body);font-weight:var(--ui-font-weight-bold);font-size:var(--ui-font-size-16);line-height:var(--ui-line-height-26);color:var(--ui-color-text-default)}.practice-status-chip{align-items:center;gap:var(--ui-space-xs);padding:var(--ui-space-xxs)var(--ui-space-sm);font-family:var(--ui-font-family-body);font-weight:var(--ui-font-weight-bold);font-size:var(--ui-font-size-14);line-height:var(--ui-line-height-20);white-space:nowrap;border-radius:var(--ui-radius-xxl);flex-shrink:0;display:inline-flex}.practice-status-chip__emoji{font-size:var(--ui-font-size-20);line-height:1}.practice-status-chip--mastered{color:var(--ui-color-green-800);background-color:var(--ui-color-green-200)}.practice-status-chip--in-progress{color:var(--ui-color-blue-800);background-color:var(--ui-color-blue-200)}.practice-status-chip--not-started{color:var(--ui-color-neutral-grey-800);background-color:var(--ui-color-neutral-grey-200)}.practice-status-chip--blocked{color:var(--ui-color-red-800);background-color:var(--ui-color-red-200)}.student-recommendations{border:2px solid var(--ui-color-brand-fod-primary-a);background:#fff;border-radius:8px;flex-direction:column;gap:16px;width:100%;padding:16px 24px;display:flex;position:relative}.student-recommendations--loading{justify-content:center;align-items:center;min-height:200px;display:flex}.student-recommendations__loader{color:#4e4e4e;font-size:16px}.student-recommendations__header{justify-content:space-between;align-items:center;gap:16px;display:flex}.student-recommendations__header-left{align-items:center;gap:16px;display:flex}.student-recommendations__avatar{background-image:var(--tangerine-ai-bot-happy);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;display:flex}.student-recommendations__header-content{flex:1}.student-recommendations__title{color:#333;font-family:var(--font-first);font-size:22px;font-style:normal;font-weight:500;line-height:32px}.student-recommendations__subtitle{color:#4f4f4f;font-family:var(--font-second);font-size:16px;font-style:normal;font-weight:500;line-height:24px}.student-recommendations__cards{gap:12px;padding-top:8px;padding-bottom:24px;display:flex;overflow-x:auto}.student-recommendations__cards::-webkit-scrollbar{height:6px}.student-recommendations__cards::-webkit-scrollbar-track{background:#f2f2f2;border-radius:3px}.student-recommendations__cards::-webkit-scrollbar-thumb{background:#e0e0e0;border-radius:3px}.student-recommendations__card{border:var(--ui-stroke-1)solid var(--ui-color-neutral-grey-300);cursor:pointer;background:#fff;border-radius:16px;flex-direction:column;flex-shrink:0;justify-content:space-between;width:362px;min-height:136px;padding:8px 8px 0;transition:all .1s ease-in;display:flex;position:relative;box-shadow:0 2px #f8f8f8}.student-recommendations__card:hover{border:var(--ui-stroke-1)solid var(--ui-color-neutral-grey-400);width:460px;box-shadow:0 2px 3px #ececec}.student-recommendations__card:focus{outline:none}.student-recommendations__card:focus-visible{background-image:linear-gradient(white,white),var(--ui-gradient-brand);background-origin:border-box;background-clip:padding-box,border-box;border:1px solid transparent;width:460px;box-shadow:0 2px 3px #ececec}.student-recommendations__card:active{border:var(--ui-stroke-1)solid var(--ui-color-neutral-grey-400)!important;background-image:none!important;box-shadow:inset 0 3px rgba(224,224,224,.7)!important}.student-recommendations__card:hover:focus-visible{width:460px}.student-recommendations__card-body{flex-direction:column;flex:1;display:flex}.student-recommendations__card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.student-recommendations__card-header--left{flex-direction:row;flex:1;align-items:flex-start;gap:8px;min-width:0;display:flex}.student-recommendations__card-icon{flex-shrink:0;justify-content:center;align-items:center;font-size:24px;display:flex}.student-recommendations__card-icon img{width:100%;max-width:50px}.student-recommendations__card-content{flex:1;min-width:0;overflow:hidden}.student-recommendations__card-title{color:#333;font-family:var(--font-first);width:100%;margin:0;font-size:16px;font-style:normal;font-weight:500;line-height:26px;overflow:hidden}.student-recommendations__card-title .text-html{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.student-recommendations__card-subtitle{color:#4e4e4e;font-family:var(--font-second);width:100%;margin:0;font-size:16px;font-style:normal;font-weight:500;line-height:24px}.student-recommendations__card-subtitle .text-html>:first-child{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.student-recommendations__card:hover .student-recommendations__card-subtitle .text-html>:first-child{white-space:normal;-webkit-line-clamp:2;line-clamp:2;box-orient:vertical;text-overflow:ellipsis;-webkit-box-orient:vertical;max-height:48px;display:-webkit-box;overflow:hidden}.student-recommendations__card-progress{flex-shrink:0;justify-content:center;align-items:center;display:flex}.student-recommendations__card-check-icon{color:#fff;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.student-recommendations__card-check-icon .icon{color:#fff;width:100%;height:100%}.student-recommendations__card-progress-bar{background-color:#f2f2f2;height:2px;margin:0 -8px;position:relative;overflow:hidden}.student-recommendations__card-progress-bar-fill{background-color:var(--ui-color-green-400);height:100%;transition:width .3s}.student-recommendations__card-footer{justify-content:space-between;align-items:center;gap:8px;padding:8px 0;display:flex}.student-recommendations__activities,.student-recommendations__session-status{font-size:var(--ui-font-size-16);font-weight:var(--ui-font-weight-semibold);font-family:var(--font-first);height:var(--ui-line-height-26);color:var(--ui-color-text-secondary);align-items:center;display:inline-flex}@media (max-width:768px){.student-recommendations{padding:16px}.student-recommendations__title{font-size:20px}.student-recommendations__subtitle{font-size:14px}}@media (max-width:480px){.student-recommendations{margin:16px 0}.student-recommendations__header{gap:12px}.student-recommendations__avatar-icon{width:40px;height:40px;font-size:20px}}