:root{font-family:Doto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--color-white: #FAFAFA;--color-red: #F93943;--color-green: #1C7C54;--color-brown: #B2945B;--color-blue: #197BBD;--color-muted-teal: #4A9D8F;--color-dusty-coral: #E76F73;--color-slate-blue: #5C7FA3;--color-charcoal: #2E2E2E;--color-mustard-gold: #D4A72C;--color-terracotta: #C05A3D;--color-sand: #D8C8A3}body{margin:0;min-width:320px;min-height:100vh}.app{max-width:500px;margin:0 auto;padding:2rem}.app h1{text-align:center;margin-bottom:1rem;font-size:2.5rem}.year-title{text-align:center;margin-bottom:1rem;font-size:1.75rem;font-weight:600;color:#000000b3}.streak-counter{text-align:center;margin-bottom:2rem;padding:1rem;background:#00000005;border-radius:8px}.streak-label{font-size:1.5rem;color:#0009;margin-right:.5rem}.streak-number{font-size:1.5rem;font-weight:600;color:#000c}.calendar-container{display:grid;grid-template-columns:1fr;gap:2rem;margin-top:2rem}.month{background:#00000005;border-radius:8px;padding-left:1.5rem;padding-right:1.5rem;display:flex;flex-direction:column}.month-title{font-size:1.25rem;margin:1.5rem 0 1rem;text-align:center;font-weight:600}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.5rem;justify-items:center;align-items:center;align-content:center;margin-bottom:1.5rem}.day-dot{width:16px;height:16px;border-radius:50%;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:12px;line-height:1}.day-dot.missed{width:auto;height:auto;min-width:16px;min-height:16px;border:none;background:transparent}.day-dot.outlined{border:2px solid rgba(0,0,0,.3);background:transparent}.day-dot:hover{transform:scale(1.1)}.day-empty{width:16px;height:16px;display:flex;align-items:center;justify-content:center}