:root{--color-bg: #ffffff;--color-text: #000000;--color-grid-empty: #e5e5e5;--color-grid-skipped: #cccccc;--color-grid-committed: #000000;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:-.05em}button{cursor:pointer;font-family:inherit;border:1px solid var(--color-text);background:transparent;color:var(--color-text);padding:8px 16px;font-size:.9rem;transition:all .1s ease}button:hover{background:var(--color-text);color:var(--color-bg)}button:active{transform:translateY(1px)}input{border:1px solid #cccccc;padding:8px;font-family:inherit;font-size:1rem;width:100%;border-radius:0;outline:none}input:focus{border-color:var(--color-text)}a{color:var(--color-text);text-decoration:none;border-bottom:1px solid transparent}a:hover{border-bottom:1px solid var(--color-text)}.layout{max-width:600px;margin:0 auto;padding:2rem 1rem}.title{font-size:1.5rem;font-weight:700;margin-bottom:2rem;letter-spacing:-.05em}.grid{display:flex;flex-wrap:wrap;gap:4px}.day-square{background-color:var(--color-grid-empty);border:1px solid transparent}.day-square.committed{background-color:var(--color-grid-committed)}.day-square.skipped{background-color:var(--color-grid-skipped)}.streak-display{font-size:4rem;font-weight:900;line-height:1;letter-spacing:-.05em;margin:1rem 0}