@import url('assets/fonts/nunito.css');
#sand-intro { font-family: Nunito, Arial, sans-serif; }
#sand-intro .sand-panel { width: min(570px, calc(100% - 28px)); padding: 36px 34px 28px; text-align: center; border-radius: 42px; border: 1px solid #ffa1d04d; background: radial-gradient(ellipse at 12% 0%, #ffabd329, transparent 65%), linear-gradient(135deg, #412235e8, #180e20eb); box-shadow: 0 25px 65px #0006, 0 0 75px #ff3e9518, inset 0 1px 1px #ffd5eb55; backdrop-filter: blur(22px); -webkit-backdrop-filter: blur(22px); }
#sand-intro .sand-caption { display: block; font-size: 24px; line-height: 1.6; font-weight: 700; letter-spacing: -.4px; color: #fff1fa; text-wrap: balance; }
#sand-intro .sand-status { font-size: 13px; font-weight: 400; line-height: 1.5; color: #d7b6d0; margin-top: 15px; }
#sand-intro input { height: 56px; margin: 24px 0 0; }
#sand-intro input::-webkit-slider-runnable-track { height: 16px; border-radius: 99px; background: linear-gradient(90deg, #ff77b5 0%, #f83b92 var(--sand-fill), #ffffff0e var(--sand-fill)); box-shadow: inset 0 2px 7px #0006, 0 1px 0 #ffffff15; }
#sand-intro input::-webkit-slider-thumb { width: 38px; height: 38px; margin-top: -11px; border: 1px solid #ffd4ecb0; border-radius: 50%; background: radial-gradient(circle at 33% 23%, #ffe1f2, #ff79b9 36%, #ef3c91 68%, #b52673); box-shadow: 0 0 25px #ff5bac77, 0 5px 9px #0004, inset 0 1px 2px #fff9; }
#sand-intro input::-moz-range-track { height: 16px; border-radius: 99px; background: #ffffff0e; box-shadow: inset 0 2px 7px #0006; }
#sand-intro input::-moz-range-progress { height: 16px; border-radius: 99px; background: #fa62a8; }
#sand-intro input::-moz-range-thumb { width: 36px; height: 36px; border-radius: 50%; background: radial-gradient(circle at 33% 23%, #ffe1f2, #ff79b9 36%, #ef3c91 68%, #b52673); border: 1px solid #ffd4ecb0; box-shadow: 0 0 25px #ff5bac77; }
#sand-intro input:focus-visible { outline: 2px solid #ff9ec4; outline-offset: 5px; border-radius: 28px; }
@media(max-width:480px) { #sand-intro .sand-panel { padding: 29px 22px 23px; border-radius: 32px; } #sand-intro .sand-caption { font-size: 21px; } }