:root{--control-radius:999px;--control-gradient:linear-gradient(110deg, #f000d5 0%, #ec006d 27%, #ee2838 49%, #ff8612 78%, #ffec24 100%);--control-sheen:linear-gradient(145deg, #ffffff35 0%, #ffffff08 38%, transparent 39%, transparent 72%, #ffffff24 100%);--control-light:linear-gradient(180deg, #fff, #f2eef2);--control-light-hover:linear-gradient(180deg, #fff, #e9e3eb);--control-dark:linear-gradient(180deg, #35313b, #17151d);--control-dark-hover:linear-gradient(180deg, #46404d, #211c29);--control-accent:linear-gradient(135deg, #c91489, #97005f);--control-border:#d9d1dc;--control-shadow:inset 0 1px 1px #fff, inset 0 -1px 1px #45354d0a, 0 2px 5px #27142d0a;--control-dark-shadow:inset 0 1px 1px #ffffff24, inset 0 -1px 2px #0003, 0 2px 7px #140d201a;--control-accent-shadow:inset 0 1px 1px #fff5, inset 0 -1px 2px #71004725, 0 3px 10px #b500731a;--control-gradient-shadow:inset 0 1px 1px #ffffff70, inset 0 -1px 2px #be163430, -5px 0 18px #ee00ca30, 5px 0 18px #ff8b0020;--control-transition:background .2s, border-color .2s, box-shadow .2s, color .2s, filter .2s}@media (prefers-reduced-motion:reduce){:root{--control-transition:none}}
