.cm-role-teacher{background:var(--primary-softer);color:var(--primary-text);border:1px solid var(--primary-line)}.cm-role-student{background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok-line)}.cm-role-parent{background:var(--leave-soft);color:var(--leave);border:1px solid var(--leave-line)}.cm-role-other{background:var(--surface-3);color:var(--text-2);border:1px solid var(--border)}.cm-chips{scrollbar-width:none;cursor:grab;scroll-behavior:smooth}.cm-chips::-webkit-scrollbar{display:none}.cm-chips.cm-dragging{cursor:grabbing;scroll-behavior:auto;scroll-snap-type:none;-webkit-user-select:none;user-select:none}.cm-chips.cm-dragging a{pointer-events:none}@media (prefers-reduced-motion:no-preference){.cm-like-pop{transform-origin:50%;animation:.42s cubic-bezier(.2,.9,.3,1.5) cm-like-pop;display:inline-flex}@keyframes cm-like-pop{0%{transform:scale(1)}18%{transform:scale(.78)}45%{transform:scale(1.3)}72%{transform:scale(.92)}to{transform:scale(1)}}.cm-like-fx{pointer-events:none;width:.35em;height:.35em;box-shadow:0 0 0 2px color-mix(in oklab, var(--absent) 55%, transparent);border-radius:9999px;animation:.5s ease-out forwards cm-like-fx;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes cm-like-fx{0%{opacity:.9;width:.35em;height:.35em}to{opacity:0;width:2.4em;height:2.4em}}}.cm-hero{background:radial-gradient(120% 140% at 100% 0%, color-mix(in oklab, var(--primary) 14%, transparent), transparent 60%), radial-gradient(120% 140% at 0% 100%, color-mix(in oklab, var(--gold) 10%, transparent), transparent 55%), var(--surface)}