/* Optional decorative enhancement. Remove this file and salt-ambience.js to disable. */
.salt-ambience-host { position: relative; }
.salt-ambience { position: absolute; inset: 0; overflow: hidden; border-radius: inherit; pointer-events: none; z-index: 1; contain: layout paint; }
.salt-ambience__grain { position: absolute; left: var(--salt-x); top: 0; width: var(--salt-size); height: calc(var(--salt-size) * 1.2); opacity: 0; background: linear-gradient(135deg,#fff4e9 0%,#f4b9a3 42%,#c88272 100%); clip-path: polygon(28% 0,82% 13%,100% 62%,56% 100%,0 73%,8% 22%); animation: salt-ambience-fall var(--salt-duration) var(--salt-delay) cubic-bezier(.32,.08,.65,.8) infinite both; }
@keyframes salt-ambience-fall { 0% { transform: translate3d(0,-14px,0) rotate(var(--salt-angle)); opacity: 0; } 14% { opacity: .68; } 72% { opacity: .48; } 100% { transform: translate3d(var(--salt-drift),var(--salt-drop),0) rotate(calc(var(--salt-angle) + 110deg)); opacity: 0; } }
@media (prefers-reduced-motion: reduce) { .salt-ambience { display: none !important; } .salt-ambience__grain { animation: none !important; } }