:root{--hourglass-bg:#232946cc;--glass-blur:blur(12px);--hourglass-color:#fff4;--sand-gradient:linear-gradient(180deg,#ffbc6e,#ffe79e);--hourglass-glow:0 0 30px #ffe59e99,0 0 90px #ff833a44}.modern-hourglass-bg{min-height:100vh;background:var(--hourglass-bg);backdrop-filter:var(--glass-blur)}.modern-hourglass,.modern-hourglass-bg{display:flex;align-items:center;justify-content:center}.modern-hourglass{position:relative;width:80px;height:130px;border-radius:30px;background:rgba(255,255,255,.12);box-shadow:var(--hourglass-glow);overflow:hidden;z-index:1;border:1.5px solid #fff3;backdrop-filter:blur(18px)}.modern-hourglass:after,.modern-hourglass:before{content:"";position:absolute;left:15px;right:15px;border-radius:50%;background:#fff1;z-index:0}.modern-hourglass:before{top:12px;height:15px}.modern-hourglass:after{bottom:12px;height:15px}.sand{width:18px;height:60px;background:var(--sand-gradient);border-radius:50%;top:35px;left:50%;transform:translateX(-50%);filter:drop-shadow(0 0 25px #ffaf3e99);animation:fall 2s cubic-bezier(.85,0,.15,1) infinite;z-index:1}.sand,.shadow{position:absolute}.shadow{left:23px;right:23px;bottom:13px;height:7px;background:radial-gradient(ellipse at center,#ffbc6e55 0,#0000 80%);z-index:0;animation:shadow-fade 2s cubic-bezier(.85,0,.15,1) infinite}@keyframes fall{0%{top:35px;height:60px}48%{top:65px;height:6px}52%{top:67px;height:6px}to{top:35px;height:60px}}@keyframes shadow-fade{0%{opacity:.45}49%{opacity:.05}52%{opacity:.25}to{opacity:.45}}