.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}.quadrant-chart{min-height:600px;padding:0;position:relative}.quadrant-chart--loading{justify-content:center;align-items:center;display:flex}.quadrant-chart__corner-label{font-family:var(--font-second);color:#333;white-space:nowrap;z-index:2;border-radius:16px;padding:4px 8px;font-size:14px;font-weight:500;line-height:20px;position:absolute}.quadrant-chart__corner-label--top-left{background-color:#ffebe2;top:0;left:0}.quadrant-chart__corner-label--top-right{background-color:#d7fedb;top:0;right:0}.quadrant-chart__corner-label--bottom-left{background-color:#ffeaed;bottom:0;left:0}.quadrant-chart__corner-label--bottom-right{background-color:#d6f6ff;bottom:0;right:0}.quadrant-chart__axis-horizontal{z-index:1;background-color:#767676;height:1px;position:absolute;top:50%;left:0;right:0}.quadrant-chart__axis-vertical{z-index:1;background-color:#767676;width:1px;position:absolute;top:0;bottom:0;left:50%}.quadrant-chart__axis-label{font-family:var(--font-second);color:#4e4e4e;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;z-index:2;background-color:#fff;align-items:center;gap:4px;padding:8px 0;font-size:12px;font-weight:700;line-height:18px;display:flex;position:absolute}.quadrant-chart__axis-label .icon__wrapper{flex-shrink:0}.quadrant-chart__axis-label--x-negative{top:50%;left:0;transform:translateY(calc(-100% - 2px))}.quadrant-chart__axis-label--x-positive{top:50%;right:0;transform:translateY(calc(-100% - 2px))}.quadrant-chart__axis-label--y-positive{top:0;left:50%;transform:translate(-50%)}.quadrant-chart__axis-label--y-negative{bottom:0;left:50%;transform:translate(-50%)}.quadrant-chart__area{z-index:3;width:100%;height:600px;position:relative}.quadrant-chart__cluster{cursor:pointer;border-radius:60px;justify-content:center;align-items:center;display:flex;position:absolute}.quadrant-chart__cluster--single .avatar{width:48px;height:48px}.quadrant-chart__cluster--multi{background-color:#333;border:2px solid #fff}.quadrant-chart__cluster-count{font-family:var(--font-second);color:#fff;font-size:16px;font-weight:700;line-height:24px}.unit-recommendations-card{width:100%;margin-bottom:16px;display:flex;overflow:hidden}.unit-recommendations-card__indicator{background-color:#00b4c5;border-radius:8px 0 0 8px;flex-shrink:0;width:8px}.unit-recommendations-card__content{background-color:#fff;border:1px solid #d3e9ff;border-left:none;border-radius:0 8px 8px 0;flex-direction:column;flex:1;padding:8px 8px 24px;display:flex}.unit-recommendations-card__header{background-color:rgba(0,180,197,.05);border-radius:8px 8px 0 0;align-items:center;min-height:44px;margin-bottom:24px;padding:8px 10px;display:flex}.unit-recommendations-card__title,.unit-recommendations-card__title .text-html *{font-size:18px;font-weight:600;font-family:var(--font-first);color:#333;margin:0;line-height:28px;display:flex}.unit-recommendations-card__lessons{flex-direction:column;gap:8px;padding:0 16px;display:flex}.unit-recommendations-card__no-recommendations{font-size:16px;font-weight:500;font-family:var(--font-second);color:#828282;margin:0;line-height:24px}