.base-chatbot{transition:grid-template-columns var(--chatbot-transition-duration)cubic-bezier(.19,1,.22,1);grid-template-rows:100vh;grid-template-columns:1fr 0;width:100%;height:100vh;display:grid;position:relative;overflow:hidden}.base-chatbot.base-chatbot--resizing,.base-chatbot.base-chatbot--resizing .base-chatbot__container>*{transition:none}.base-chatbot__container{grid-column:1;width:100%;min-width:0;position:relative;overflow-x:hidden;overflow-y:auto}.base-chatbot__container>*{transition:width var(--chatbot-transition-duration)cubic-bezier(.19,1,.22,1);width:100%}.base-chatbot__chatbot{width:var(--chatbot-width);max-width:var(--chatbot-width);background-color:var(--chatbot-background);color:var(--chatbot-text-color);box-shadow:var(--chatbot-box-shadow);opacity:0;transition:transform var(--chatbot-transition-duration)cubic-bezier(.19,1,.22,1),opacity var(--chatbot-transition-duration)cubic-bezier(.19,1,.22,1),width 0s;will-change:transform,opacity;z-index:100;flex-direction:column;grid-column:2;min-width:0;height:100%;display:flex;position:relative;overflow:hidden;transform:translate(100%)}.base-chatbot__chatbot>*{flex-direction:column;height:100%;display:flex}.base-chatbot__chatbot>* .chatbot__content{flex-direction:column;flex:1;display:flex;overflow:hidden}.base-chatbot__chatbot>* .chatbot__content .chat-messages{flex:1;overflow-y:auto}.base-chatbot__chatbot>* .chatbot__content .chatbot__input-container{flex-shrink:0;margin-top:auto}.base-chatbot__button-container{z-index:101;bottom:var(--chatbot-button-bottom);right:var(--chatbot-button-right);opacity:1;transition:opacity .3s ease-in-out,right var(--chatbot-transition-duration)cubic-bezier(.19,1,.22,1);position:fixed}.base-chatbot__button-container--hidden{opacity:0;pointer-events:none}.base-chatbot--enabled{grid-template-columns:1fr var(--chatbot-width)}.base-chatbot--enabled .base-chatbot__chatbot{opacity:1;transform:translate(0)}.base-chatbot--enabled .base-chatbot__button-container:not(.base-chatbot__button-container--hidden){right:calc(var(--chatbot-width) + var(--chatbot-button-right))}.base-chatbot.chatbot-closing{grid-template-columns:1fr 0}.base-chatbot.chatbot-closing .base-chatbot__chatbot{opacity:0;transform:translate(100%)}.base-chatbot.chatbot-closing .base-chatbot__button-container:not(.base-chatbot__button-container--hidden){right:var(--chatbot-button-right)}.base-chatbot__chatbot:focus-within{outline:none}.base-chatbot__chatbot{contain:layout style}.base-chatbot--enabled{--chatbot-is-open:1}.base-chatbot__resize-overlay{z-index:9999;cursor:col-resize;-webkit-user-select:none;user-select:none;background-color:transparent;position:fixed;top:0;bottom:0;left:0;right:0}.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)}}.chat-badge{border-radius:16px;align-items:center;gap:4px;padding:4px 8px;font-size:14px;display:inline-flex}.chat-badge__emoji{font-size:inherit}.chat-badge__text{font-family:var(--font-second);color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600;line-height:26px}.chat-badge--practice{background-color:#d6f6ff}.chat-badge--practice .chat-badge__text{color:#0a3366}.chat-badge--study{background-color:#ffe8ff}.chat-badge--study .chat-badge__text{color:#6b0a6b}.chat-badge--revision{background-color:#fff3e0}.chat-badge--revision .chat-badge__text{color:#e65100}.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}.teacher-layout-wrapper{--teacher-layout-top-inset:2.25rem;height:100vh;display:flex;overflow:hidden}.teacher-layout-wrapper__sidebar{background:var(--color-background);flex-direction:column;flex-shrink:0;width:13rem;height:100vh;transition:width .3s;display:flex;overflow-x:hidden;overflow-y:auto}.teacher-layout-wrapper__sidebar-header{padding:var(--teacher-layout-top-inset)var(--ui-space-md)0;justify-content:space-between;align-items:center;display:flex}.teacher-layout-wrapper__collapse-btn{padding:var(--ui-space-xs);cursor:pointer;border-radius:var(--ui-radius-xl);background:0 0;border:none;justify-content:center;align-items:center;transition:background-color .2s;display:flex}.teacher-layout-wrapper__collapse-btn:hover{background-color:var(--ui-color-brand-fod-lighter)}.teacher-layout-wrapper__collapse-btn .icon{color:var(--ui-color-neutral-grey-700)}.teacher-layout-wrapper__title-container{visibility:visible;transition:opacity .3s;overflow:hidden}.teacher-layout-wrapper__title{padding:var(--ui-space-lg)var(--ui-space-md)0;font-family:var(--ui-font-family-heading);font-size:var(--ui-font-size-22);font-weight:var(--ui-font-weight-semibold);line-height:var(--ui-line-height-28);color:var(--ui-color-neutral-grey-700);white-space:nowrap;margin:0}.teacher-layout-wrapper__navigation{padding:var(--ui-space-lg)0 0 var(--ui-space-md);flex:1;transition:padding .3s}.teacher-layout-wrapper__nav-list{gap:var(--ui-space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.teacher-layout-wrapper__nav-item{padding:var(--ui-space-xs);border-radius:var(--ui-radius-xl)0 0 var(--ui-radius-xl);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;width:100%;transition:background-color .2s,color .2s;display:flex;overflow:hidden}.teacher-layout-wrapper__nav-item .icon{width:var(--ui-icon-size-md);height:var(--ui-icon-size-md);color:var(--ui-color-neutral-grey-700);flex-shrink:0;transition:color .2s}.teacher-layout-wrapper__nav-item:hover{background:var(--ui-color-brand-fod-lighter)}.teacher-layout-wrapper__nav-item--active{background:var(--ui-color-neutral-white)}.teacher-layout-wrapper__nav-item--active .icon,.teacher-layout-wrapper__nav-item--active .teacher-layout-wrapper__nav-text{color:var(--ui-color-brand-fod-primary-a)}.teacher-layout-wrapper__nav-item--active:hover{background:var(--ui-color-neutral-white)}.teacher-layout-wrapper__nav-skeleton-item{align-items:center;gap:12px;padding:8px 15px;display:flex}.teacher-layout-wrapper__nav-skeleton-text{flex:1}.teacher-layout-wrapper__nav-text{margin-left:var(--ui-space-xs);font-family:var(--ui-font-family-heading);font-weight:var(--ui-font-weight-semibold);font-size:var(--ui-font-size-16);line-height:var(--ui-line-height-26);color:var(--ui-color-neutral-grey-700);white-space:nowrap;opacity:1;width:auto;transition:opacity .2s,width .3s}.teacher-layout-wrapper__sidebar-footer{--teacher-layout-footer-gap:var(--ui-space-md);--teacher-layout-footer-padding-block:var(--ui-space-md);--teacher-layout-footer-padding-inline:var(--ui-space-md);gap:var(--teacher-layout-footer-gap);padding:var(--teacher-layout-footer-padding-block)var(--teacher-layout-footer-padding-inline);flex-direction:column;margin-top:auto;display:flex}.teacher-layout-wrapper__dev-toggle .switch__texts{margin-left:0}.teacher-layout-wrapper__dev-toggle .switch__texts .switch__label{font-size:var(--ui-font-size-14)}.teacher-layout-wrapper__dev-toggle-hint{color:var(--ui-color-neutral-grey-500);margin-top:4px;font-size:11px;line-height:1.3}.teacher-layout-wrapper__main{background:var(--ui-color-neutral-white);flex:1;min-width:0;overflow:auto}.teacher-layout-wrapper__main--fill{flex-direction:column;display:flex}.teacher-layout-wrapper__toolbar{--teacher-layout-gutter-start:var(--ui-space-xl);--teacher-layout-gutter-end:var(--ui-space-xl)}.teacher-layout-wrapper__toolbar--gutter-compact{--teacher-layout-gutter-start:var(--ui-space-md);--teacher-layout-gutter-end:var(--ui-space-md)}.teacher-layout-wrapper__toolbar--gutter-compact-start{--teacher-layout-gutter-start:var(--ui-space-md);--teacher-layout-gutter-end:0}.teacher-layout-wrapper__toolbar--gutter-none{--teacher-layout-gutter-start:0;--teacher-layout-gutter-end:0}.teacher-layout-wrapper__toolbar{--teacher-layout-toolbar-min-height:var(--ui-space-4xl);--teacher-layout-toolbar-stroke:var(--ui-color-neutral-warm-200);justify-content:space-between;align-items:center;gap:var(--ui-space-md);box-sizing:border-box;min-height:var(--teacher-layout-toolbar-min-height);padding:var(--ui-space-xxs)var(--teacher-layout-gutter-end)var(--ui-space-xxs)var(--teacher-layout-gutter-start);border-top:var(--ui-stroke-1)solid var(--teacher-layout-toolbar-stroke);border-bottom:var(--ui-stroke-1)solid var(--teacher-layout-toolbar-stroke);display:flex}.teacher-layout-wrapper__content{--teacher-layout-gutter-start:var(--ui-space-xl);--teacher-layout-gutter-end:var(--ui-space-xl)}.teacher-layout-wrapper__content--gutter-compact{--teacher-layout-gutter-start:var(--ui-space-md);--teacher-layout-gutter-end:var(--ui-space-md)}.teacher-layout-wrapper__content--gutter-compact-start{--teacher-layout-gutter-start:var(--ui-space-md);--teacher-layout-gutter-end:0}.teacher-layout-wrapper__content--gutter-none{--teacher-layout-gutter-start:0;--teacher-layout-gutter-end:0}.teacher-layout-wrapper__content{--teacher-layout-content-gap:var(--ui-space-md);padding:var(--teacher-layout-content-gap)var(--teacher-layout-gutter-end)var(--ui-space-xl)var(--teacher-layout-gutter-start)}.teacher-layout-wrapper__content--gap-none{--teacher-layout-content-gap:0}.teacher-layout-wrapper__content--gap-xxs{--teacher-layout-content-gap:var(--ui-space-xxs)}.teacher-layout-wrapper__content--gap-xs{--teacher-layout-content-gap:var(--ui-space-xs)}.teacher-layout-wrapper__content--gap-sm{--teacher-layout-content-gap:var(--ui-space-sm)}.teacher-layout-wrapper__content--gap-md{--teacher-layout-content-gap:var(--ui-space-md)}.teacher-layout-wrapper__content--fill{flex-direction:column;flex:1;min-height:0;padding-bottom:0;display:flex}.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__sidebar{width:5rem}.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__sidebar-header{justify-content:center;padding-left:0;padding-right:0}.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__sidebar-header .back-arrow{display:none}.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__title-container{opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s linear .3s}.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__navigation{padding:var(--ui-space-lg)0 0 var(--ui-space-md);align-items:center}.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__nav-item{padding:var(--ui-space-xs);justify-content:center}.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__sidebar-footer{--teacher-layout-footer-padding-inline:var(--ui-space-xs);align-items:center}.teacher-layout-wrapper--collapsed .teacher-layout-wrapper__nav-text{opacity:0;width:0;margin-left:0;transition:opacity .2s ease-out,width .3s,margin-left .3s}.teacher-layout-wrapper--show-back-collapsed .teacher-layout-wrapper__sidebar-header .back-arrow{display:flex}.teacher-layout-wrapper__mobile-menu-button,.teacher-layout-wrapper__mobile-menu-backdrop{display:none}.radar-type-tag{font-family:var(--font-second);white-space:nowrap;color:#333;background-color:#f2f2f2;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;gap:4px;height:28px;padding:4px 8px;font-size:14px;font-weight:500;line-height:normal;display:flex}.radar-type-tag--inappropriate-use{color:#97033a;background-color:#ffeaed}.radar-type-tag--learning-block,.radar-type-tag--group-learning-alert{color:#996008;background-color:#fffad6}.vertical-kc-timeline{--timeline-marker-width:16px;--timeline-dot-size:12px;--timeline-line-width:1px;background-color:#f9f9f9;border-radius:8px;flex-direction:column;gap:16px;margin:0;padding:8px;list-style:none;display:flex}.vertical-kc-timeline__item{grid-template-columns:auto var(--timeline-marker-width)1fr;min-height:var(--timeline-dot-size);align-items:center;gap:8px;display:grid;position:relative}.vertical-kc-timeline__date{text-align:right;font-family:var(--font-second);color:#4e4e4e;flex-direction:column;align-items:flex-end;min-width:111px;font-size:12px;line-height:18px;display:flex}.vertical-kc-timeline__item--last .vertical-kc-timeline__date{font-family:var(--font-second-bold)}.vertical-kc-timeline__marker{width:var(--timeline-marker-width);justify-content:center;align-self:stretch;align-items:center;height:100%;display:flex;position:relative}.vertical-kc-timeline__marker:after{content:"";width:var(--timeline-line-width);background-color:#8e0d8e;height:50%;position:absolute;top:50%;left:50%;transform:translate(-50%)}.vertical-kc-timeline__item:not(.vertical-kc-timeline__item--last) .vertical-kc-timeline__marker:after{height:calc(100% + 16px)}.vertical-kc-timeline__item:first-child .vertical-kc-timeline__marker:before{content:"";width:var(--timeline-line-width);background-color:#8e0d8e;height:50%;position:absolute;top:0;left:50%;transform:translate(-50%)}.vertical-kc-timeline__dot{width:var(--timeline-dot-size);height:var(--timeline-dot-size);z-index:1;background-color:#e875e6;border-radius:50%}.vertical-kc-timeline__item--last .vertical-kc-timeline__dot{background-color:#b00fb0;box-shadow:0 0 0 3px rgba(209,22,218,.15)}.vertical-kc-timeline__status-label{font-family:var(--font-second);color:#333;font-size:16px;line-height:24px}.vertical-kc-timeline__item--last .vertical-kc-timeline__status-label{font-family:var(--font-second-bold)}.teacher-tools-view__content{flex-direction:column;gap:16px;width:100%;padding:0;display:flex}.teacher-tools-view__grid{grid-template-columns:repeat(3,1fr);gap:24px 16px;display:grid}@media (max-width:1023px){.teacher-tools-view__grid{grid-template-columns:repeat(2,1fr);gap:24px 16px}}@media (max-width:575px){.teacher-tools-view__grid{grid-template-columns:1fr;gap:16px;padding:0 16px}}