*{margin:0;padding:0;box-sizing:border-box}
body{background:#f8f5f1;font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center;height:100vh}
.card{width:290px;background:#fff;padding:22px;border-radius:24px;box-shadow:0 15px 40px rgba(0,0,0,.08);text-align:center;position:relative;overflow:hidden}
.card:before{content:'';position:absolute;top:-55px;right:-55px;width:120px;height:120px;background:rgba(145,175,140,.12);border-radius:50%}
.card:after{content:'';position:absolute;bottom:-40px;left:-40px;width:90px;height:90px;background:rgba(145,175,140,.08);border-radius:50%}
.emoji{font-size:36px;margin-bottom:8px}
h1{font-family:'Cormorant Garamond',serif;font-size:28px;color:#5b4a42;line-height:1.1}
#loading{margin:8px 0 14px;color:#8d8177;font-style:italic}
.progress{height:10px;background:#ece6df;border-radius:20px;overflow:hidden}
#fill{height:100%;width:0;background:#91af8c;transition:.5s}
#percent{font-size:13px;color:#8d8177;margin:8px 0 16px}
.stats{display:flex;gap:10px}
.box{flex:1;background:#faf8f5;padding:12px;border-radius:16px}
.box span{font-size:11px;color:#8d8177;text-transform:uppercase}
.box h2{font-size:30px;color:#6b8f70;margin-top:8px}
.footer{margin-top:16px;color:#9d9288;font-size:13px}