.chat-icon-button{cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:all .2s;display:flex;position:relative}.chat-icon-button--large{width:32px;height:32px}.chat-icon-button--large .icon{width:20px;height:20px}.chat-icon-button--small{width:24px;height:24px}.chat-icon-button--small .icon{width:14px;height:14px}.chat-icon-button--default{color:#767676}.chat-icon-button--error{color:#e04949}.chat-icon-button:hover:not(.chat-icon-button--disabled){color:#333;background-color:#f2f2f2}.chat-icon-button:active:not(.chat-icon-button--disabled){background-color:#f2f2f2;box-shadow:inset 0 3px rgba(224,224,224,.7)}.chat-icon-button:focus-visible{outline:2px solid var(--ui-color-brand-fod-primary-a);outline-offset:2px}.chat-icon-button--disabled{opacity:.5;cursor:not-allowed}.chat-content-references{background-color:#f9f9f9;border-top:1px solid #e0e0e0;border-radius:0 0 8px;padding:8px}.chat-content-references__title{color:#767676;font-size:14px;font-weight:600;line-height:30px;font-family:var(--font-second)}.chat-content-references__label{color:#767676;margin-right:8px;font-size:16px;font-weight:600}.chat-content-references__button{color:var(--ui-color-brand-fod-primary-a);cursor:pointer;background:0 0;border:none;padding:0;font-size:14px;text-decoration:underline}.chat-content-references__button:hover{color:var(--ui-color-brand-fod-dark)}.chat-content-references__header{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.chat-content-references__list{flex-direction:column;gap:8px;transition:all .2s;display:flex}.chat-content-references__list--hidden{display:none}.chat-content-references__item{color:var(--ui-color-brand-fod-primary-a);flex-direction:column;gap:2px;max-width:212px;font-size:16px;text-decoration:none;transition:background-color .2s;display:flex}.chat-content-references__item:hover{text-decoration:underline}.chat-content-references__item:active{color:var(--ui-color-brand-fod-dark)}.chat-content-references__item span p{margin:0;display:inline}.chat-content-references__item-title{color:var(--ui-color-brand-fod-primary-a);font-weight:600;display:block}.chat-content-references__section{margin-bottom:12px}.chat-content-references__section:last-child{margin-bottom:0}.chat-content-references__section-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.chat-content-references__section-icon{align-items:center;font-size:16px;display:flex}.chat-content-references__section-title{font-size:12px;font-weight:600;font-family:var(--font-second);color:#4e4e4e}.chat-content-references__section-links{flex-direction:column;gap:8px;display:flex}.chat-content-references__separator{background-color:#e0e0e0;width:100%;height:1px}.chat-content-references__link{font-size:14px;font-family:var(--font-second);word-break:break-word;line-height:1.4;display:block}.chat-content-references__link-text{display:inline}.chat-content-references__link-text p{margin:0;display:inline}.chat-content-references__link-text-course-title{font-weight:600}.chat-content-references__snippet{color:#333;margin-bottom:4px;font-size:14px;font-style:italic;line-height:1.4;display:block}.chat-content-references__domain{color:#333;font-size:12px;display:block}.chat-content-references--expanded{flex-direction:column;gap:8px;display:flex}.chat-content-references--expanded .chat-content-references__header{border-bottom:1px solid #e0e0e0;padding-bottom:0}@media screen and (max-width:768px){.chat-content-references{margin-top:12px;padding:10px 12px}.chat-content-references__item{padding:3px 10px;font-size:11px}}.chat-checkbox{font-size:14px;display:block}.chat-checkbox__label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:8px;display:flex}.chat-checkbox__input-wrapper{flex-shrink:0;margin-top:2px;position:relative}.chat-checkbox__input{opacity:0;width:0;height:0;position:absolute}.chat-checkbox__custom{background-color:#fff;border:2px solid #e0e0e0;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;transition:all .2s;display:flex;position:relative}.chat-checkbox__custom:after{content:"";opacity:0;border-radius:4px;transition:opacity .2s;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.chat-checkbox__checkmark{opacity:0;font-size:12px;transition:all .2s;transform:scale(.8)}.chat-checkbox__content{flex-direction:column;flex:1;gap:4px;display:flex}.chat-checkbox__text{font-family:var(--font-second);color:#333;font-size:14px;font-weight:600;line-height:1.6}.chat-checkbox__description{color:#767676;font-size:12px;line-height:1.4}.chat-checkbox__label:hover .chat-checkbox__custom{border-color:var(--color-first);background-color:var(--color-first-alpha)}.chat-checkbox__input:checked+.chat-checkbox__custom{background-color:var(--color-first);border-color:var(--color-first)}.chat-checkbox__input:checked+.chat-checkbox__custom .chat-checkbox__checkmark{opacity:1;transform:scale(1)}.chat-checkbox__label:active .chat-checkbox__custom{background-color:var(--color-first);border-color:var(--color-first);transform:scale(.95)}.chat-checkbox__label:active .chat-checkbox__custom:after{opacity:.2;background-color:var(--color-first)}.chat-checkbox__input:focus-visible+.chat-checkbox__custom{outline:2px solid var(--color-first);outline-offset:2px}.chat-checkbox--disabled .chat-checkbox__label{cursor:not-allowed}.chat-checkbox--disabled .chat-checkbox__custom{opacity:.5;background-color:#f2f2f2;border-color:#e0e0e0}.chat-checkbox--disabled .chat-checkbox__text,.chat-checkbox--disabled .chat-checkbox__description{opacity:.5}.chat-checkbox--disabled .chat-checkbox__label:hover .chat-checkbox__custom{background-color:#f2f2f2;border-color:#e0e0e0}.chat-checkbox--position-right .chat-checkbox__label{flex-direction:row-reverse;justify-content:space-between}.chat-checkbox--position-right .chat-checkbox__input-wrapper{margin-top:0}.chat-checkbox--position-right .chat-checkbox__content{flex:1}.conversation-history{--conversation-history-row-padding:var(--ui-space-xs)var(--ui-space-md);--conversation-history-title-font-size:var(--ui-font-size-16);--conversation-history-title-line-height:var(--ui-line-height-24);--conversation-history-date-font-size:var(--ui-font-size-14);--conversation-history-date-line-height:var(--ui-line-height-20);overflow:hidden}.conversation-history .chat-dropdown__content{padding:0}.conversation-history__list{margin:0;padding:0;list-style:none}.conversation-history__item{position:relative}.conversation-history__item:not(:last-child):after{content:"";height:var(--ui-stroke-1);background-color:var(--ui-color-neutral-grey-200);position:absolute;bottom:0;left:0;right:0}.conversation-history__item-wrapper{align-items:center;gap:var(--ui-space-xs);padding:var(--conversation-history-row-padding);transition:background-color .2s;display:flex}.conversation-history__item-wrapper:hover{background-color:var(--ui-color-neutral-grey-100)}.conversation-history__button{cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;min-width:0;padding:0;display:flex}.conversation-history__info{flex:1;min-width:0}.conversation-history__item-title{font-size:var(--conversation-history-title-font-size);font-weight:var(--ui-font-weight-medium);line-height:var(--conversation-history-title-line-height);color:var(--ui-color-neutral-grey-900);margin-bottom:var(--ui-space-xxxs);white-space:nowrap;text-overflow:ellipsis;font-family:var(--ui-font-family-body);letter-spacing:normal;overflow:hidden}.conversation-history__metadata{font-size:var(--conversation-history-date-font-size);font-weight:var(--ui-font-weight-medium);line-height:var(--conversation-history-date-line-height);color:var(--ui-color-neutral-grey-700);font-family:var(--ui-font-family-body);letter-spacing:normal}.conversation-history__empty{text-align:center;color:#767676;padding:40px 16px;font-size:14px}.conversation-history__loading{text-align:center;color:#767676;flex-direction:column;align-items:center;gap:12px;padding:40px 16px;font-size:14px;display:flex}.conversation-history__spinner{border:2px solid #f2f2f2;border-top-color:var(--ui-color-brand-fod-primary-a);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}.conversation-history__error{text-align:center;color:#f66868;flex-direction:column;align-items:center;gap:8px;padding:40px 16px;font-size:14px;display:flex}.conversation-history__error .icon__wrapper{width:24px;height:24px}.conversation-history__delete-button{cursor:pointer;opacity:1;background:0 0;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:2px;transition:background-color .2s;display:flex}.conversation-history__delete-button:hover{color:#f66868;background-color:rgba(246,104,104,.1)}.conversation-history__delete-button .icon__wrapper{width:20px;height:20px}.conversation-history__new-chat-button{width:100%}.conversation-history__end{text-align:center;color:#767676;font-size:14px;font-family:var(--font-second);padding:16px;font-weight:500}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.exit-practice-dialog{--exit-practice-dialog-mascot-width:5rem;--exit-practice-dialog-mascot-height:5.875rem}.exit-practice-dialog .footer-buttons .button--variant-secondary-ghost{--button-color:var(--ui-color-brand-fod-primary-a)}.exit-practice-dialog .MuiDialogContent-root{border-top:1px solid var(--ui-color-neutral-grey-200);border-bottom:1px solid var(--ui-color-neutral-grey-200)}.exit-practice-dialog__content{align-items:center;gap:var(--ui-space-xs);display:flex}.exit-practice-dialog__mascot{width:var(--exit-practice-dialog-mascot-width);height:var(--exit-practice-dialog-mascot-height);background-image:var(--tangerine-ai-bot-look-up);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0}.exit-practice-dialog__body{font-family:var(--ui-font-family-body);font-size:var(--ui-font-size-16);font-weight:var(--ui-font-weight-medium);line-height:var(--ui-line-height-24);color:var(--ui-color-neutral-grey-900);flex:1;min-width:0;margin:0}.practice-mascot-dialog{--practice-mascot-dialog-mascot-width:5rem;--practice-mascot-dialog-mascot-height:5.875rem;--practice-mascot-dialog-mascot-image:none}.practice-mascot-dialog--look-up{--practice-mascot-dialog-mascot-image:var(--tangerine-ai-bot-look-up)}.practice-mascot-dialog--disconnected{--practice-mascot-dialog-mascot-image:var(--tangerine-ai-bot-disconnected)}.practice-mascot-dialog .MuiDialogContent-root{border-top:1px solid var(--ui-color-neutral-grey-200);border-bottom:1px solid var(--ui-color-neutral-grey-200)}.practice-mascot-dialog__content{align-items:center;gap:var(--ui-space-xs);display:flex}.practice-mascot-dialog__mascot{width:var(--practice-mascot-dialog-mascot-width);height:var(--practice-mascot-dialog-mascot-height);background-image:var(--practice-mascot-dialog-mascot-image);background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0}.practice-mascot-dialog__body{font-family:var(--ui-font-family-body);font-size:var(--ui-font-size-16);font-weight:var(--ui-font-weight-medium);line-height:var(--ui-line-height-24);color:var(--ui-color-neutral-grey-900);flex:1;min-width:0;margin:0}.sidebar-feedback{--sidebar-feedback-gap:var(--ui-space-xs);gap:var(--sidebar-feedback-gap);flex-direction:column;display:flex}.sidebar-feedback__prompt{font-family:var(--ui-font-family-body);font-size:var(--ui-font-size-12);font-weight:var(--ui-font-weight-regular);line-height:var(--ui-line-height-18);color:var(--ui-color-text-secondary);margin:0}.sidebar-feedback--collapsed{align-items:center}.drawer-overlay{z-index:8000;opacity:0;visibility:hidden;background-color:rgba(16,16,16,.15);transition:opacity .3s,visibility .3s;position:fixed;top:0;bottom:0;left:0;right:0}.drawer-overlay--open{opacity:1;visibility:visible}.drawer{z-index:8001;visibility:hidden;background-color:#fff;flex-direction:column;height:100vh;transition:transform .3s,visibility .3s;display:flex;position:fixed;top:0;transform:translate(100%);box-shadow:0 5px 20px rgba(169,155,144,.2)}.drawer--right{right:0}.drawer--left{left:0;transform:translate(-100%)}.drawer--open{visibility:visible;transform:translate(0)}.drawer__header{border-bottom:1px solid #e0e0e0;flex-shrink:0}.drawer__content{flex:1;overflow-y:auto}.drawer__footer{border-top:1px solid #e0e0e0;flex-shrink:0}.topic-ranking-section{background-color:#fff;flex-direction:column;gap:16px;padding:16px 24px;display:flex;overflow:hidden}.topic-ranking-section__header{justify-content:space-between;align-items:flex-start;display:flex}.topic-ranking-section__header-titles{flex-direction:column;gap:8px;display:flex}.topic-ranking-section__title{font-family:var(--font-first);color:#333;margin:0;font-size:22px;font-weight:600;line-height:32px}.topic-ranking-section__subtitle{font-family:var(--font-second);color:#4e4e4e;margin:0;font-size:16px;font-weight:400;line-height:24px}.topic-ranking-section__header-actions{flex-shrink:0;align-items:center;display:flex}.topic-ranking-section__view-toggle{background-color:#f2f2f2;border-radius:4px;align-items:center;gap:4px;padding:8px;display:flex}.topic-ranking-section__view-toggle-btn{cursor:pointer;color:#ababab;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:color .2s,background-color .2s;display:flex}.topic-ranking-section__view-toggle-btn .icon--color-default{color:#4e4e4e}.topic-ranking-section__view-toggle-btn--active{color:#333;background-color:#fff}.topic-ranking-section__view-toggle-btn--active .icon--color-default{color:var(--ui-color-brand-fod-primary-a)}.topic-ranking-section__view-toggle-btn--active:hover:not(:disabled) .icon--color-default{color:var(--ui-color-brand-fod-dark)}.topic-ranking-section__view-toggle-btn:disabled{opacity:.5;cursor:not-allowed}.topic-ranking-section__filters-row{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.topic-ranking-section__description{font-family:var(--font-second);color:#4e4e4e;flex:1;min-width:0;margin:0;font-size:16px;font-weight:400;line-height:20px}.topic-ranking-section__filters{flex-shrink:0;gap:8px;display:flex}.topic-ranking-section__filter{flex-direction:column;gap:2px;min-width:242px;display:flex}.topic-ranking-section__filter-label{font-family:var(--font-second);color:#4e4e4e;font-size:16px;font-weight:400;line-height:24px}.topic-ranking-section__list{flex-direction:column;display:flex}.topic-ranking-section__load-more-btn{font-family:var(--font-first);color:var(--color-first);border:1px solid var(--color-first);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-self:center;align-items:center;gap:8px;padding:8px 12px;font-size:18px;font-weight:700;line-height:22px;transition:background-color .2s;display:flex}.topic-ranking-section__load-more-btn:hover{background-color:var(--color-first-alpha)}.topic-ranking-section__load-more-btn .icon--color-default{color:var(--color-first)}.topic-ranking-section__load-more-btn #loading__svg{width:22px;height:22px}.topic-ranking-section__loading{justify-content:center;align-items:center;min-height:200px;display:flex}.topic-ranking-section__empty{font-family:var(--font-second);color:#767676;text-align:center;margin:0;padding:24px 0;font-size:14px}.unit-metrics-card{align-items:flex-start;gap:24px;width:100%;padding:8px 0;display:flex}.unit-metrics-card__info{flex-direction:column;flex:1;gap:8px;display:flex}.unit-metrics-card__title,.unit-metrics-card__title .text-html *{font-size:18px;font-weight:600;font-family:var(--font-first);color:#4e4e4e;margin:0;line-height:28px}.unit-metrics-card__recommendation-tag{background-color:#fff0f0;border-radius:8px;align-self:flex-start;align-items:center;gap:8px;padding:4px 8px;display:inline-flex}.unit-metrics-card__recommendation-tag--all-good{background-color:#eefaf4}.unit-metrics-card__recommendation-tag--all-good .unit-metrics-card__recommendation-icon,.unit-metrics-card__recommendation-tag--all-good .unit-metrics-card__recommendation-text,.unit-metrics-card__recommendation-tag--all-good .icon{color:#135f3e}.unit-metrics-card__recommendation-icon{color:#ba1f33;font-size:20px}.unit-metrics-card__recommendation-text{font-size:16px;font-weight:500;font-family:var(--font-second);color:#ba1f33;line-height:24px}.unit-metrics-card__progress{flex:4;min-width:0}.teacher-tool-card{cursor:pointer;font-family:var(--font-second);background:#fff;border:1px solid #e0e0e0;border-radius:8px;align-items:flex-start;gap:8px;width:100%;padding:8px;display:flex;position:relative}.teacher-tool-card__icon{flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.teacher-tool-card__content{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.teacher-tool-card__title{color:#333;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:16px;font-weight:700;line-height:20px;overflow:hidden}.teacher-tool-card__description{color:#767676;-webkit-line-clamp:2;line-clamp:2;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;min-height:36px;margin:0;font-size:14px;font-weight:500;line-height:18px;display:-webkit-box;overflow:hidden}.teacher-tool-card:hover:not(.teacher-tool-card--disabled):not(.teacher-tool-card--pressed):not(.teacher-tool-card--active){outline:1px solid #f2f2f2;box-shadow:0 5px 12px rgba(16,16,16,.05)}.teacher-tool-card--pressed{border-color:#ababab}.teacher-tool-card--active{border-color:var(--ui-color-brand-fod-primary-a);background:#fff}.teacher-tool-card--active:hover{border-color:var(--ui-color-brand-fod-primary-a);box-shadow:0 5px 12px rgba(16,16,16,.05)}.teacher-tool-card--disabled{cursor:not-allowed;background:#f9f9f9;border-color:#f2f2f2}.teacher-tool-card--disabled .teacher-tool-card__title,.teacher-tool-card--disabled .teacher-tool-card__description{color:#828282}.teacher-tool-card--disabled .teacher-tool-card__icon{filter:grayscale()}.teacher-tool-card--disabled:hover{box-shadow:none;border-color:#f2f2f2}@media (max-width:768px){.teacher-tool-card{padding:12px}.teacher-tool-card__title{font-size:14px;line-height:18px}.teacher-tool-card__description{min-height:32px;font-size:12px;line-height:16px}}