*{box-sizing:border-box}body{margin:0;background:#f5f5ef;color:#253c32;font:14px system-ui,sans-serif}button,input,.button{font:inherit}button,.button{border:1px solid #d9dfd5;background:transparent;border-radius:8px;padding:10px 15px;color:inherit;cursor:pointer;display:inline-block}button:hover,.button:hover{background:#e4eadf}button:focus-visible,input:focus-visible{outline:3px solid #b1cc75}header{max-width:1400px;margin:auto;padding:25px 40px;border-bottom:1px solid #dce1d7;display:flex;justify-content:space-between;align-items:center}.brand{color:inherit;text-decoration:none;font-size:29px;display:flex;align-items:center;gap:12px}.brand span{font-size:9px;letter-spacing:2px;margin-left:22px}.brand b{letter-spacing:-2px}main{max-width:1400px;margin:auto;padding:0 40px}.intro{display:flex;justify-content:space-between;align-items:center;padding:48px 0 42px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#7a8979}h1{font:normal 60px/1.06 Georgia,serif;letter-spacing:-2px;margin:18px 0}h1 em{color:#6b8556;font-weight:normal}.intro p:not(.eyebrow){color:#7a8275}.datecard{background:#e7ecd9;border-radius:16px;padding:25px 34px;display:flex;flex-direction:column;min-width:270px;gap:8px}.datecard strong{font:50px Georgia,serif}.datecard button{margin-top:12px;align-self:start}.toolbar{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:22px}.tabs{display:flex;gap:5px}.tabs button{border:0}.tabs .active{background:#293f34;color:white}.months{display:flex;gap:6px;align-items:center}input{border:1px solid #d5ddcf;padding:10px;background:#fff;border-radius:7px;color:inherit}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:22px}.stat{padding:20px;background:#fff;border:1px solid #e1e5db;border-radius:12px}.stat strong{display:block;font:32px Georgia,serif;margin:10px 0}.stat small{color:#819078}.panel{background:#fff;border:1px solid #e0e4da;border-radius:14px;padding:26px}.panelhead{display:flex;align-items:center;justify-content:space-between}h2{font:25px Georgia,serif;margin:8px 0 18px}.primary{background:#304c3b;color:#fff;border-color:#304c3b}.primary:hover{background:#42634d}.hint{font-size:12px;color:#7b8678;line-height:1.6}.scroll{overflow:auto;margin:20px -5px}table{border-collapse:collapse;width:100%;font-size:12px}th,td{padding:9px 3px;text-align:center;min-width:29px;border-bottom:1px solid #edf0e9}th{font-weight:500;color:#83907e}th:first-child,td:first-child{text-align:left;min-width:190px;position:sticky;left:0;background:white;z-index:1}.habitName{border:0;padding:8px 4px;text-align:left;display:block;width:100%;font-weight:600}.habitName small{display:block;color:#889380;font-weight:400;margin-top:4px}.check{padding:0;width:24px;height:24px;border:1px solid #dce3d5;border-radius:6px;background:#f8faf5;color:transparent}.check[aria-pressed=true]{background:#69844e;border-color:#69844e;color:white}.current{background:#edf3e5}td:last-child{font-weight:700;padding-left:12px}.legend{display:flex;gap:18px;font-size:11px;color:#819075;margin-top:15px}.legend span:first-child{color:#69844e}.legend span:last-child{margin-left:auto}.bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin-top:22px}.barrow,.rank{display:flex;gap:16px;align-items:center;margin:19px 0;font-size:12px}.track{height:10px;background:#eef1e7;flex:1;border-radius:8px;overflow:hidden}.fill{height:100%;background:#93ab71;border-radius:8px}.rank b{flex:1}.rank i{background:#edf2e5;padding:8px;border-radius:50%;font-style:normal}footer{display:flex;justify-content:space-between;font-size:11px;color:#83917d;padding:28px 0}dialog{border:1px solid #d4dece;border-radius:18px;padding:30px;width:440px;max-width:95vw;color:inherit}dialog::backdrop{background:#20332677}dialog label{display:block;margin:18px 0}dialog input{display:block;width:100%;margin-top:8px}.actions{display:flex;gap:8px;margin-top:24px}#delete{margin-right:auto;color:#9b5448}#status{font-size:12px;color:#805b32} @media(max-width:750px){header{padding:20px}.brand span{display:none}header .button,header button{padding:8px;font-size:11px}main{padding:0 18px}.intro{padding:30px 0;gap:20px}h1{font-size:40px}.datecard{min-width:150px;padding:18px;font-size:11px}.datecard strong{font-size:36px}.stats{grid-template-columns:repeat(2,1fr)}.toolbar{align-items:start;flex-direction:column}.panel{padding:18px}.bottom{grid-template-columns:1fr}.legend{flex-wrap:wrap}.legend span:last-child{margin:0}footer{gap:12px;flex-direction:column}.panelhead h2{font-size:22px}}