:root[data-side=personal]{--fx-2:#e9a07f;--fx-3:#a996e0;--fx-dur:.24s;--fx-ease:cubic-bezier(.34, 1.56, .64, 1);--fx-step:steps(4, end);--fx-lift:-3px;--fx-btn-lift:-2px;--fx-card-shadow:4px 4px 0 0 var(--fx-2);--fx-btn-shadow:3px 3px 0 0 var(--fx-2);--fx-zoom:1.05;--fx-thick:3px;--fx-enter:14px}[data-side=personal] :is(.card,.l-card,.l-art-link):before{content:"";z-index:1;border-radius:inherit;box-shadow:inset 0 0 0 2px var(--accent), inset 0 0 1.4rem var(--glow);opacity:0;pointer-events:none;position:absolute;inset:0}[data-side=personal] .l-art-link{position:relative}[data-side=personal] :is(.card,.l-card,.l-art-link):is(:hover,:focus-within):before{opacity:1}@media (prefers-reduced-motion:no-preference){html[data-fx=running][data-side=personal] :is(.card,.l-card,.l-art-link):before{transition:opacity .2s}}@media (hover:hover) and (prefers-reduced-motion:no-preference){html[data-fx=running][data-side=personal] :is(.btn,a.chip,button.chip){position:relative}html[data-fx=running][data-side=personal] :is(.btn,a.chip,button.chip):is(:hover,:focus-visible):after{content:"";background:var(--fx-3);width:4px;height:4px;box-shadow:-10px 5px 0 var(--fx-2), 5px -6px 0 var(--accent), -20px -3px 0 var(--fx-3);pointer-events:none;animation:.5s steps(4,end) forwards fx-spark;position:absolute;top:-4px;right:-4px}}@keyframes fx-spark{0%{opacity:1}to{opacity:0;transform:translate(3px,-9px)}}