.tutor-ai-tabs{align-items:center;gap:8px;display:flex}.tutor-ai-tabs__tab{font-size:14px;font-family:var(--font-second);color:#333;cursor:pointer;border-radius:var(--border-radius-01);padding:8px;line-height:20px;transition:color .2s;position:relative}.tutor-ai-tabs__tab--active{font-family:var(--font-second-bold);color:#333;cursor:default;background-color:#f9f9f9;font-size:14px;line-height:20px}.topic-ranking-item{border-radius:var(--border-radius-01);flex-direction:column;gap:4px;margin:8px 0;padding:8px;display:flex}.topic-ranking-item:hover{cursor:pointer;background-color:#f9f9f9}.topic-ranking-item:last-child{border-bottom:none}.topic-ranking-item__row{justify-content:space-between;align-items:center;gap:16px;margin-bottom:2px;display:flex}.topic-ranking-item__info{align-items:center;gap:16px;min-width:0;margin-right:2px;display:flex}.topic-ranking-item__name{font-family:var(--font-second);color:#333;white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:400;line-height:20px;overflow:hidden}.topic-ranking-item__discipline-badge{font-family:var(--font-second);white-space:nowrap;background-color:#f2f2f2;border-radius:8px;padding:4px 8px;font-size:14px;font-weight:500;line-height:18px}.topic-ranking-item__actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.topic-ranking-item__frequency{font-family:var(--font-first);font-size:14px;font-weight:700;line-height:20px}.topic-ranking-item__chevron{cursor:pointer;color:#767676;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:4px;transition:transform .2s;display:flex}.topic-ranking-item__chevron:hover{background-color:#f2f2f2}.topic-ranking-item__chevron--expanded{transform:rotate(180deg)}.topic-ranking-item__bar{background-color:#f2f2f2;border-radius:3px;width:100%;height:8px;overflow:hidden}.topic-ranking-item__bar-fill{border-radius:3px;height:100%;transition:width .3s}.topic-ranking-item--color-1 .topic-ranking-item__frequency{color:#6b0a6b}.topic-ranking-item--color-1 .topic-ranking-item__bar-fill{background-color:#e047e0}.topic-ranking-item--color-2 .topic-ranking-item__frequency{color:#70022e}.topic-ranking-item--color-2 .topic-ranking-item__bar-fill{background-color:#e3366f}.topic-ranking-item--color-3 .topic-ranking-item__frequency{color:#662014}.topic-ranking-item--color-3 .topic-ranking-item__bar-fill{background-color:#ff7450}.topic-ranking-item--color-4 .topic-ranking-item__frequency{color:#664306}.topic-ranking-item--color-4 .topic-ranking-item__bar-fill{background-color:#ffb233}.topic-ranking-item--color-5 .topic-ranking-item__frequency{color:#305001}.topic-ranking-item--color-5 .topic-ranking-item__bar-fill{background-color:#91d432}.topic-ranking-item--color-6 .topic-ranking-item__frequency{color:#05490b}.topic-ranking-item--color-6 .topic-ranking-item__bar-fill{background-color:#36c03c}.topic-ranking-item--color-7 .topic-ranking-item__frequency{color:#014d5c}.topic-ranking-item--color-7 .topic-ranking-item__bar-fill{background-color:#3ce4f1}.topic-ranking-item--color-8 .topic-ranking-item__frequency{color:#0a3366}.topic-ranking-item--color-8 .topic-ranking-item__bar-fill{background-color:#4eabff}.tutor-usage-chart{border-top:1px solid #e0e0e0;flex-direction:column;gap:16px;padding-top:24px;display:flex}.tutor-usage-chart__header{justify-content:space-between;align-items:flex-start;display:flex}.tutor-usage-chart__header-text{flex-direction:column;gap:4px;display:flex}.tutor-usage-chart__title{font-family:var(--font-first);color:#333;margin:0;font-size:18px;font-weight:700;line-height:24px}.tutor-usage-chart__description{font-family:var(--font-second);color:#767676;margin:0;font-size:14px;font-weight:400;line-height:20px}.tutor-usage-chart__filter{flex-shrink:0;min-width:180px}.tutor-usage-chart__container{margin-top:16px}.tutor-usage-chart__legend{align-items:center;gap:16px;margin:0;padding:0;list-style:none;display:flex}.tutor-usage-chart__legend-item{font-family:var(--font-second);color:#4e4e4e;align-items:center;gap:4px;font-size:14px;font-weight:500;line-height:20px;display:flex}.tutor-usage-chart__legend-color{flex-shrink:0;width:28px;height:12px}