:root{color:#f3fbff;-webkit-font-smoothing:antialiased;background:#090c12;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 50% 0,#7ee0a633,#0000 25rem),linear-gradient(#101a21,#07090e);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:#9fcabd;font-size:12px;font-weight:850;display:block}.top button,.primary{color:#071014;cursor:pointer;background:linear-gradient(135deg,#7ee0a6,#80d7ff);border:0;border-radius:999px;padding:12px 16px;font-weight:950;box-shadow:0 12px 28px #7ee0a633}.top button{color:#f3fbff;box-shadow:none;background:#ffffff1a;border:1px solid #ffffff24}.stats{grid-template-columns:repeat(4,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:#9fcabd;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:950;display:block}.stats b{margin-top:2px;font-size:21px;display:block}.goal{background:linear-gradient(135deg,#7ee0a621,#80d7ff12);border:1px solid #7ee0a63d;border-radius:20px;margin-bottom:10px;padding:12px 14px}.goal b{display:block}.goal p{color:#c5d8dc;margin:3px 0 0;font-weight:760}canvas{touch-action:none;-webkit-user-select:none;user-select:none;background:#0a0d13;border:1px solid #ffffff24;border-radius:28px;width:100%;height:60vh;min-height:430px;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:#c5d8dc;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{grid-template-columns:repeat(2,1fr)}.stats b{font-size:18px}canvas{border-radius:22px;height:58vh;min-height:360px}.bar{z-index:3;flex-direction:column;align-items:stretch;position:sticky;bottom:8px}.primary{width:100%}}