.coffee-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#6f4e37;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;z-index:9999}.coffee-cup{width:100px;height:80px;border:8px solid tan;border-radius:0 0 40px 40px;position:relative;box-shadow:0 0 0 6px #5a3e36}.coffee-liquid{position:absolute;top:5px;left:5px;right:5px;bottom:5px;background:#c50;border-radius:0 0 30px 30px;animation:liquid 3s infinite}@keyframes liquid{0%,to{height:65%}50%{height:45%}}.steam{display:flex;gap:10px;margin-top:-20px}.steam span{display:inline-block;width:8px;height:30px;background:hsla(0,0%,100%,.7);border-radius:50%;animation:steam 2s infinite}.steam span:first-child{animation-delay:.2s}.steam span:nth-child(2){animation-delay:.5s}.steam span:nth-child(3){animation-delay:.8s}@keyframes steam{0%{transform:translateY(0) scale(1);opacity:.7}to{transform:translateY(-30px) scale(.5);opacity:0}}.loader-text{text-align:center}.loader-text h2{color:gold;font-size:2rem;margin-bottom:.5rem;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.loader-text p{color:#fff;font-size:1.2rem}.progress-container{width:80%;max-width:300px;height:8px;background:#a68a64;border-radius:4px;overflow:hidden}.progress-bar{height:100%;width:0;background:linear-gradient(90deg,gold,#c50);animation:progress 2.5s ease-in-out infinite}@keyframes progress{0%{width:0}70%{width:100%}to{width:100%}}@media (max-width:768px){.coffee-cup{width:80px;height:60px;border-width:6px}.loader-text h2{font-size:1.5rem}.loader-text p{font-size:1rem}}