:root{color:#fff8df;-webkit-font-smoothing:antialiased;background:#101714;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 30% 0,#f3c94c38,#0000 24rem),linear-gradient(#172821,#0d1117);min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}button{font:inherit}.shell{width:min(980px,100%);min-height:100vh;margin:0 auto;padding:14px}.top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.top b{letter-spacing:-.055em;font-size:24px;display:block}.top span{color:#bfcbb5;font-size:12px;font-weight:850;display:block}.top button,.primary{color:#151008;background:linear-gradient(135deg,#f3c94c,#ff8f3a);border:0;border-radius:999px;padding:12px 16px;font-weight:950;box-shadow:0 12px 28px #ff8f3a38}.top button{color:#fff8df;box-shadow:none;background:#ffffff1a;border:1px solid #ffffff24}.stats{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:10px;display:grid}.stats div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:18px;padding:10px 12px;position:relative;overflow:hidden}.stats div:after{content:"";background:linear-gradient(110deg,#0000 0 35%,#ffffff29 50%,#0000 65%);animation:4s ease-in-out infinite sweep;position:absolute;top:0;bottom:0;left:0;right:0}.stats span{color:#bfcbb5;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:950;display:block}.stats b{margin-top:2px;font-size:22px;display:block}.goal{background:linear-gradient(135deg,#f3c94c21,#7ee0a612);border:1px solid #f3c94c38;border-radius:20px;margin-bottom:10px;padding:12px 14px}.goal b{display:block}.goal p{color:#cbd6c6;margin:3px 0 0;font-weight:760}canvas{touch-action:none;-webkit-user-select:none;user-select:none;background:#111;border:1px solid #ffffff24;border-radius:28px;width:100%;height:58vh;min-height:410px;display:block;box-shadow:0 24px 70px #00000059,inset 0 1px #ffffff1f}.bar{background:#ffffff13;border:1px solid #ffffff1f;border-radius:18px;align-items:center;gap:12px;margin-top:10px;padding:11px 14px;display:flex}.bar p{color:#d9ddc7;margin:0;font-weight:820}@keyframes sweep{0%,42%{transform:translate(-120%)}74%,to{transform:translate(120%)}}@media (max-width:560px){.shell{padding:10px 9px 18px}.top b{font-size:20px}.stats b{font-size:18px}canvas{border-radius:22px;height:56vh;min-height:350px}.bar{z-index:3;flex-direction:column;align-items:stretch;position:sticky;bottom:8px}.primary{width:100%}}