amber для checked, нейтральный border для unchecked. Кастомная отрисовка вместо браузерной.
Slider 38×22px, plate перемещается на 16px при включении.
xs:24 · sm:32 · md:40 · lg:56 · xl:80. Fallback с инициалом + tier color через CSS variable. Опциональная online-точка.
Группа аватаров · stacked overlap (кейс «5 студентов читают этот курс»):
Pure CSS на :hover/:focus-visible. Delay 300ms для показа, 0ms для скрытия. Поддерживается клавиатура (focus). Уважает prefers-reduced-motion.
Кликни 🌓 — все 4 группы должны быть читаемы и стильны на bone surface. Checked-состояния использут deep bronze #998018 вместо ярко-амбер.
