@property --synth-hue{syntax:"<number>";inherits:true;initial-value:295}.synth-theme{--synth-hue:295;--synth-hue-alt:268;--synth-bg:oklch(.96 .025 var(--synth-hue-alt));--synth-bg-2:oklch(.88 .09 var(--synth-hue) / .55);--synth-panel:oklch(1 .012 var(--synth-hue) / .66);--synth-edge:oklch(.55 .14 var(--synth-hue) / .22);--synth-ink:oklch(.32 .11 var(--synth-hue-alt));--synth-ink-dim:oklch(.53 .07 var(--synth-hue-alt));--synth-on-accent:oklch(.99 .01 var(--synth-hue));--synth-accent:oklch(.56 .23 var(--synth-hue));--synth-accent-2:oklch(.68 .2 calc(var(--synth-hue) + 42));--synth-track:oklch(.6 .07 var(--synth-hue) / .28);--synth-glow:oklch(.62 .26 var(--synth-hue) / .45);--synth-glow-soft:oklch(.72 .18 calc(var(--synth-hue) + 42) / .35);--synth-shadow:oklch(.35 .12 var(--synth-hue-alt) / .35);--synth-cap-hi:oklch(1 .015 var(--synth-hue));--synth-cap-lo:oklch(.88 .055 var(--synth-hue));--synth-cap-rim:#ffffffe6;--synth-aura:radial-gradient(125% 85% at 50% -15%, var(--synth-bg-2), transparent 68%), radial-gradient(95% 65% at 50% 115%, var(--synth-glow-soft), transparent 70%);--synth-cap:radial-gradient(circle at 32% 26%, var(--synth-cap-hi), var(--synth-cap-lo) 74%);--synth-cap-shadow:inset 0 2px 0 var(--synth-cap-rim), inset 0 -6px 14px -8px var(--synth-shadow), 0 12px 26px -10px var(--synth-shadow);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;transition:--synth-hue .52s,background .52s}@supports (color:lab(0% 0 0)){.synth-theme{--synth-cap-rim:lab(100% 0 0/.9)}}.synth-theme button *,.synth-theme [role=slider] *{pointer-events:none;-webkit-user-drag:none}.dark .synth-theme{--synth-bg:oklch(.16 .045 var(--synth-hue-alt));--synth-bg-2:oklch(.34 .15 var(--synth-hue) / .6);--synth-panel:oklch(.28 .06 var(--synth-hue) / .55);--synth-edge:oklch(.75 .14 var(--synth-hue) / .24);--synth-ink:oklch(.96 .03 var(--synth-hue));--synth-ink-dim:oklch(.75 .06 var(--synth-hue));--synth-on-accent:oklch(.15 .05 var(--synth-hue-alt));--synth-accent:oklch(.72 .22 var(--synth-hue));--synth-accent-2:oklch(.82 .17 calc(var(--synth-hue) + 42));--synth-track:oklch(.85 .06 var(--synth-hue) / .16);--synth-glow:oklch(.75 .26 var(--synth-hue) / .55);--synth-glow-soft:oklch(.6 .22 calc(var(--synth-hue) + 42) / .32);--synth-shadow:oklch(.05 .05 var(--synth-hue-alt) / .7);--synth-cap-hi:oklch(.42 .09 var(--synth-hue));--synth-cap-lo:oklch(.22 .06 var(--synth-hue-alt));--synth-cap-rim:#ffffff29}@supports (color:lab(0% 0 0)){.dark .synth-theme{--synth-cap-rim:lab(100% 0 0/.16)}}@keyframes synth-pulse{0%{opacity:.5;transform:scale(.6)}to{opacity:0;transform:scale(1.35)}}.synth-pulse{animation:.62s cubic-bezier(.16,1,.3,1) forwards synth-pulse}@keyframes synth-drift{0%,to{transform:translate(0,0)scale(1)}50%{transform:translateY(-2%)scale(1.06)}}.synth-drift{animation:14s ease-in-out infinite synth-drift}@media (prefers-reduced-motion:reduce){.synth-drift,.synth-pulse{animation:none}.synth-theme{transition:none}}