*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:DM Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(135deg,#1a1a2e,#0a0a0a,#16213e);min-height:100vh;min-height:100dvh;color:#fff;line-height:1.5}#app{min-height:100vh;min-height:100dvh}::selection{background:#f48c064d;color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#ffffff4d}main.svelte-j60kv2{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem;position:relative;overflow:hidden}.background.svelte-j60kv2{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden}.blob.svelte-j60kv2{position:absolute;border-radius:50%;filter:blur(80px);opacity:.7;animation:svelte-j60kv2-float 20s ease-in-out infinite}.blob-1.svelte-j60kv2{width:400px;height:400px;background:linear-gradient(135deg,#e85d04,#f48c06);top:-100px;right:-100px;animation-delay:0s}.blob-2.svelte-j60kv2{width:350px;height:350px;background:linear-gradient(135deg,#0077b6,#00b4d8);bottom:-80px;left:-80px;animation-delay:-7s}.blob-3.svelte-j60kv2{width:250px;height:250px;background:linear-gradient(135deg,#606c38,#9cb348);bottom:30%;right:10%;animation-delay:-14s}@keyframes svelte-j60kv2-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.05)}66%{transform:translate(-20px,20px) scale(.95)}}.container.svelte-j60kv2{position:relative;z-index:1;width:100%;max-width:420px;opacity:0;transform:translateY(20px) scale(.98);transition:all .6s cubic-bezier(.22,1,.36,1)}.container.mounted.svelte-j60kv2{opacity:1;transform:translateY(0) scale(1)}.card.svelte-j60kv2{background:#0a0a0ad9;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border-radius:24px;padding:1.75rem;border:1px solid rgba(255,255,255,.08);box-shadow:0 4px 24px #0006,0 0 0 1px #ffffff0d inset}header.svelte-j60kv2{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.06)}h1.svelte-j60kv2{font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:700;color:#fff;margin:0;letter-spacing:-.02em}.highlight.svelte-j60kv2{color:#ffffff80;font-weight:500}.percentage.svelte-j60kv2{font-family:Space Mono,monospace;font-size:1.5rem;font-weight:700;color:#f48c06;text-shadow:0 0 30px rgba(244,140,6,.4)}.grid-container.svelte-j60kv2{margin-bottom:1.5rem}.days-grid.svelte-j60kv2{display:grid;grid-template-columns:repeat(30,1fr);gap:3px}.day.svelte-j60kv2{aspect-ratio:1;border-radius:50%;background:#ffffff14;border:1px solid rgba(255,255,255,.04);transition:all .3s ease;animation:svelte-j60kv2-fadeIn .5s ease forwards;animation-delay:var(--delay);opacity:0}.day.filled.svelte-j60kv2{background:linear-gradient(135deg,#fff,#e0e0e0);border-color:transparent;box-shadow:0 0 8px #ffffff4d}@keyframes svelte-j60kv2-fadeIn{to{opacity:1}}footer.svelte-j60kv2{padding-top:1rem;border-top:1px solid rgba(255,255,255,.06)}.stats.svelte-j60kv2{display:flex;justify-content:center;align-items:center;gap:2rem;margin-bottom:1rem}.stat.svelte-j60kv2{display:flex;flex-direction:column;align-items:center}.stat-value.svelte-j60kv2{font-family:Space Mono,monospace;font-size:1.75rem;font-weight:700;color:#fff;line-height:1}.stat-label.svelte-j60kv2{font-family:DM Sans,sans-serif;font-size:.75rem;color:#fff6;text-transform:uppercase;letter-spacing:.08em;margin-top:.375rem}.divider.svelte-j60kv2{width:1px;height:40px;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.2),transparent)}.date.svelte-j60kv2{font-family:DM Sans,sans-serif;font-size:.875rem;color:#ffffff80;text-align:center;margin:0;text-transform:capitalize}.branding.svelte-j60kv2{font-family:DM Sans,sans-serif;font-size:.75rem;color:#ffffff4d;text-align:center;margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.logo.svelte-j60kv2{font-size:1rem}@media (max-width: 400px){.card.svelte-j60kv2{padding:1.25rem}h1.svelte-j60kv2,.percentage.svelte-j60kv2{font-size:1.25rem}.days-grid.svelte-j60kv2{gap:2px}.stat-value.svelte-j60kv2{font-size:1.5rem}}@media (min-width: 500px){.card.svelte-j60kv2{padding:2rem}h1.svelte-j60kv2,.percentage.svelte-j60kv2{font-size:1.75rem}.days-grid.svelte-j60kv2{gap:4px}}