/* ChakraTune Icon System — CSS mask-image approach
   Icons inherit currentColor via background-color + mask.
   Usage: <span class="cti cti-chakra"></span>
*/
.cti {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
  vertical-align: -0.125em;
  flex-shrink: 0;
}
/* Size variants */
.cti-lg { width: 1.33em; height: 1.33em; }
.cti-2x { width: 2em; height: 2em; }
.cti-3x { width: 3em; height: 3em; }

/* Icon definitions */
.cti-chakra { -webkit-mask-image: url(/assets/icons/ct-chakra.svg); mask-image: url(/assets/icons/ct-chakra.svg); }
.cti-sound-wave { -webkit-mask-image: url(/assets/icons/ct-sound-wave.svg); mask-image: url(/assets/icons/ct-sound-wave.svg); }
.cti-play { -webkit-mask-image: url(/assets/icons/ct-play.svg); mask-image: url(/assets/icons/ct-play.svg); }
.cti-pause { -webkit-mask-image: url(/assets/icons/ct-pause.svg); mask-image: url(/assets/icons/ct-pause.svg); }
.cti-stop { -webkit-mask-image: url(/assets/icons/ct-stop.svg); mask-image: url(/assets/icons/ct-stop.svg); }
.cti-replay { -webkit-mask-image: url(/assets/icons/ct-replay.svg); mask-image: url(/assets/icons/ct-replay.svg); }
.cti-sleep { -webkit-mask-image: url(/assets/icons/ct-sleep.svg); mask-image: url(/assets/icons/ct-sleep.svg); }
.cti-focus { -webkit-mask-image: url(/assets/icons/ct-focus.svg); mask-image: url(/assets/icons/ct-focus.svg); }
.cti-calm { -webkit-mask-image: url(/assets/icons/ct-calm.svg); mask-image: url(/assets/icons/ct-calm.svg); }
.cti-energy { -webkit-mask-image: url(/assets/icons/ct-energy.svg); mask-image: url(/assets/icons/ct-energy.svg); }
.cti-premium { -webkit-mask-image: url(/assets/icons/ct-premium.svg); mask-image: url(/assets/icons/ct-premium.svg); }
.cti-member { -webkit-mask-image: url(/assets/icons/ct-member.svg); mask-image: url(/assets/icons/ct-member.svg); }
.cti-admin { -webkit-mask-image: url(/assets/icons/ct-admin.svg); mask-image: url(/assets/icons/ct-admin.svg); }
.cti-audio-upload { -webkit-mask-image: url(/assets/icons/ct-audio-upload.svg); mask-image: url(/assets/icons/ct-audio-upload.svg); }
.cti-topic { -webkit-mask-image: url(/assets/icons/ct-topic.svg); mask-image: url(/assets/icons/ct-topic.svg); }
.cti-subscription { -webkit-mask-image: url(/assets/icons/ct-subscription.svg); mask-image: url(/assets/icons/ct-subscription.svg); }
.cti-payment { -webkit-mask-image: url(/assets/icons/ct-payment.svg); mask-image: url(/assets/icons/ct-payment.svg); }
.cti-tenant { -webkit-mask-image: url(/assets/icons/ct-tenant.svg); mask-image: url(/assets/icons/ct-tenant.svg); }
.cti-automation { -webkit-mask-image: url(/assets/icons/ct-automation.svg); mask-image: url(/assets/icons/ct-automation.svg); }
.cti-approval { -webkit-mask-image: url(/assets/icons/ct-approval.svg); mask-image: url(/assets/icons/ct-approval.svg); }
.cti-telegram { -webkit-mask-image: url(/assets/icons/ct-telegram.svg); mask-image: url(/assets/icons/ct-telegram.svg); }
.cti-analytics { -webkit-mask-image: url(/assets/icons/ct-analytics.svg); mask-image: url(/assets/icons/ct-analytics.svg); }
.cti-security { -webkit-mask-image: url(/assets/icons/ct-security.svg); mask-image: url(/assets/icons/ct-security.svg); }
.cti-support { -webkit-mask-image: url(/assets/icons/ct-support.svg); mask-image: url(/assets/icons/ct-support.svg); }