@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,700;1,700&display=swap');:root{--ink:#293535;--muted:#7e8987;--paper:#f5f6f1;--line:#e2e7df;--green:#6aa487;--pale:#e6f1e6;--yellow:#edc866}*{box-sizing:border-box}body{margin:0;background:var(--paper);font-family:'DM Sans',sans-serif;color:var(--ink)}.shell{width:min(900px,calc(100% - 32px));margin:auto;padding:55px 0 70px}header{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.14em;color:#899591;margin:0 0 5px}h1{margin:0;font:700 clamp(40px,7vw,62px)/1 'Playfair Display',serif;letter-spacing:-.05em}h1 span{color:var(--green);font-style:italic}header>div>p:last-child{color:var(--muted);margin:9px 0 0;font-size:14px}.today{border:1px solid var(--line);border-radius:12px;padding:11px 14px;background:#fff;color:#5c6a65;font-size:12px;font-weight:700}.metrics{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:13px;margin-bottom:13px}.metrics article,.card{background:#fff;border:1px solid var(--line);border-radius:16px}.metrics article{padding:20px}.metrics span{display:block;font-size:11px;color:var(--muted)}.metrics strong{display:block;font-size:31px;letter-spacing:-.04em;margin:5px 0}.metrics small{font-size:13px;margin-left:2px}.metrics i{height:9px;background:#eff2ed;border-radius:9px;display:block;overflow:hidden}.metrics i b{display:block;height:100%;width:0;background:var(--yellow);border-radius:inherit}.metrics p{margin:0;color:var(--muted);font-size:11px}.card{padding:25px;margin-top:13px}h2{margin:0;font-size:20px;letter-spacing:-.03em}.section-head{display:flex;justify-content:space-between;align-items:start}.section-head>button,.save{border:0;background:var(--ink);color:#fff;border-radius:8px;font-weight:700;padding:10px 13px}.habit{display:grid;grid-template-columns:37px 35px 1fr auto 26px;align-items:center;gap:10px;border-top:1px solid var(--line);padding:14px 0}.habit:first-child{margin-top:16px}.check{width:32px;height:32px;border-radius:50%;border:2px solid #ced8ce;background:#fff;color:transparent;font-weight:800}.habit.done .check{background:var(--green);border-color:var(--green);color:#fff}.icon{font-size:21px}.habit strong{display:block;font-size:15px}.habit small{font-size:11px;color:var(--muted)}.streak{font-size:12px;color:#b2812d}.remove{border:0;background:#f4f6f3;color:#8b9691;width:23px;height:23px;border-radius:50%}.calendar-card{margin-top:13px}.weekdays,.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px}.weekdays{margin:20px 0 7px;text-align:center;color:#929c98;font-size:10px}.day{aspect-ratio:1;border-radius:8px;background:#f3f6f1;display:grid;place-items:center;color:#62706a;font-size:12px}.day.active{background:#a9cfaa;color:#275838;font-weight:700}.day.today{outline:2px solid var(--yellow);outline-offset:1px}.day.blank{background:transparent}.legend{margin:15px 0 0;color:var(--muted);font-size:11px}.legend i{display:inline-block;width:9px;height:9px;border-radius:3px;background:#a9cfaa}dialog{border:0;border-radius:16px;padding:0;width:min(390px,calc(100% - 30px));box-shadow:0 15px 45px #26333144}dialog::backdrop{background:#26333155}dialog form{position:relative;padding:27px}dialog label{display:block;font-size:12px;font-weight:700;color:#67736d;margin-top:14px}dialog input,dialog select{display:block;width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;margin-top:5px;font:inherit}.save{width:100%;margin-top:21px}.close{position:absolute;right:13px;top:10px;border:0;background:none;font-size:19px;color:#89938d}@media(max-width:610px){.shell{padding-top:30px}.metrics{grid-template-columns:1fr;gap:8px}header{align-items:start}.today{padding:9px}.card{padding:19px}.habit{grid-template-columns:35px 29px 1fr 26px}.streak{display:none}}