/* WEB PANEL PROXY public CSS */
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:Georgia,serif;background:radial-gradient(circle at 50% 0%,#4a2c1a,#1a0f08);color:#f5deb3;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;overflow-x:hidden}
.box{width:min(550px,100%);background:rgba(60,35,20,.6);border:1px solid #8b5a2b;padding:50px 40px;border-radius:20px;text-align:center;position:relative;box-shadow:0 30px 60px #0008;backdrop-filter:blur(8px);overflow:hidden}
.cup-wrap{position:relative;height:150px;margin-bottom:30px;display:flex;justify-content:center}
.cup{font-size:8rem;filter:drop-shadow(0 10px 20px #0006);animation:float 3s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-10px)}}
.steam{position:absolute;top:-10px;left:50%;transform:translateX(-50%);display:flex;gap:15px}
.steam div{width:10px;height:40px;background:linear-gradient(to top,transparent,#fff5);border-radius:50%;filter:blur(4px);animation:steam 2s infinite}
.steam div:nth-child(2){animation-delay:.5s}
.steam div:nth-child(3){animation-delay:1s}
@keyframes steam{0%{transform:translateY(0) scale(1);opacity:1}100%{transform:translateY(-40px) scale(1.5);opacity:0}}
h1{font-size:clamp(24px,6vw,32px);color:#e8b47a;margin-bottom:15px;font-weight:400;font-style:italic}
p{color:#c9a27a;line-height:1.6;margin-bottom:30px;font-size:16px}
.track{height:30px;background:#2a1810;border-radius:30px;overflow:hidden;border:2px solid #8b5a2b;position:relative;margin-bottom:25px}
.brew{height:100%;background:linear-gradient(90deg,#6f4e37,#c08457,#6f4e37);width:0;transition:width .1s;border-radius:30px}
.track-text{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;letter-spacing:2px;text-shadow:0 1px 2px #000}
.btn{padding:16px 40px;background:linear-gradient(135deg,#c08457,#8b5a2b);border:0;color:#fff;font:italic 18px Georgia,serif;border-radius:50px;cursor:pointer;box-shadow:0 10px 20px #6f4e3766;transition:.3s;position:relative;overflow:hidden}
.btn:hover{transform:translateY(-3px);box-shadow:0 15px 30px #6f4e3788}
.btn:active{transform:scale(.97)}
.counter{margin-top:25px;font-size:14px;color:#a88060}
.counter b{color:#e8b47a;font-size:20px}
.bean{position:absolute;font-size:1.5rem;pointer-events:none;animation:fall 1.5s linear forwards;z-index:10}
@keyframes fall{0%{transform:translateY(-50px) rotate(0);opacity:1}100%{transform:translateY(400px) rotate(720deg);opacity:0}}