:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#243b31;background:#f7f8f4;font-synthesis:none;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}button,a,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #c18442;outline-offset:3px}button{transition:background .15s,transform .15s}button:hover{filter:brightness(.96)}.topbar{height:90px;max-width:1200px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 36px;border-bottom:1px solid #e4e8df}.brand{display:flex;align-items:center;text-decoration:none;color:#254735;font-size:22px;font-weight:750;letter-spacing:-.9px}.logo{display:grid;place-items:center;width:36px;height:38px;border-radius:12px;background:#284e3c;color:#fff;margin-right:10px;font-size:26px}.brand-light{font-weight:400}.top-note{font-size:12px;color:#778277}.top-note span{margin-left:18px;color:#688453}main{max-width:1200px;margin:auto;padding:42px 36px 20px}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:650;color:#7a8779}h1{font-size:48px;letter-spacing:-2px;line-height:1.15;margin:10px 0}h1 span{color:#8da270}.date{margin:0;color:#7b847c;font-size:14px}.date:first-letter{text-transform:uppercase}.demo-badge{font-size:11px;border:1px solid #dfe6d8;padding:8px 12px;border-radius:30px;color:#65745c;background:#f0f3ea}.demo-badge span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#81a36c;margin-right:6px}.hero{background:#254d3b;color:#fff;border-radius:22px;padding:32px 40px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;background-image:radial-gradient(ellipse at 90% 0%,#44644b80,transparent 65%)}.hero .eyebrow{color:#b9c9a8}.hero h2{font-size:32px;font-weight:550;line-height:1.25;letter-spacing:-.7px;margin:15px 0}.hero p{color:#c1cebf;font-size:13px}.hero-tags{display:flex;gap:20px;font-size:11px;color:#bccdb6;margin-top:24px}.hero-tags span:first-child{background:#ffffff15;padding:5px 12px;border-radius:30px;color:#e7efde}.hero-tags span:last-child{align-self:center}.progress-ring{width:164px;height:164px;border-radius:50%;background:conic-gradient(#d3e4ad var(--progress),#ffffff16 0);padding:9px;flex-shrink:0;margin:0 22px}.progress-ring>div{height:100%;border-radius:50%;background:#2d513f;display:flex;align-items:center;justify-content:center;flex-direction:column}.progress-ring strong{font-size:43px;line-height:1.2;font-weight:500}.progress-ring small{font-size:23px}.progress-ring span{font-size:11px;color:#c5d4be;margin-top:6px}.mode-bar{display:flex;justify-content:space-between;align-items:center;border:1px solid #e2e7dd;border-radius:15px;padding:20px 24px;background:#fff;margin:22px 0 32px}.mode-bar strong{font-size:14px}.mode-bar p{font-size:11px;color:#839080;margin:3px 0 0}.segments{display:flex;gap:5px;background:#f5f6f1;padding:5px;border-radius:10px}.segments button{border:0;background:transparent;color:#7b8577;border-radius:7px;padding:9px 22px;font-size:12px}.segments button span{margin-right:5px}.segments button.selected{background:#fff;color:#31513c;box-shadow:0 1px 5px #243c3115}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-title h2{font-size:20px;letter-spacing:-.5px;margin:0}.section-title h2 span{font-size:11px;font-weight:400;margin-left:8px;border:1px solid #dde3d6;border-radius:6px;padding:2px 5px;color:#7f8c74}.section-title>span{font-size:11px;color:#89917e}.dashboard{display:grid;grid-template-columns:1.75fr 1fr;gap:22px;align-items:start}.habits{display:grid;grid-template-columns:1fr 1fr;gap:16px}.habit-card{padding:20px;border:1px solid #e3e7dd;border-radius:16px;background:#fff}.habit-card.done{background:#f2f6ec;border-color:#dce6d0}.card-top{display:flex;align-items:center;justify-content:space-between}.habit-icon{width:36px;height:36px;background:#f1f3e9;border-radius:11px;display:grid;place-items:center;font-size:23px;color:#7c8e59}.icon-reading{background:#f2ebe1;color:#af8c60}.icon-poetry{background:#eeebf7;color:#9382ad}.icon-growth{background:#eaf0f9;color:#7c94b5}.icon-boxing{background:#faede6;color:#b78a71}.icon-gym{background:#e9f2ef;color:#77a08f}.check{width:26px;height:26px;border:1px solid #e1e7d8;border-radius:50%;color:#a3ae97;background:transparent}.done .check{background:#729458;color:#fff;border-color:#729458}.habit-card h3{font-size:16px;margin:16px 0 3px}.habit-card p{font-size:11px;color:#87907e;margin:0 0 20px}.habit-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px}.habit-bottom input{width:49px;border:0;border-bottom:1px solid #dbe3d2;background:transparent;color:#314a36;font-size:18px;font-weight:600;padding:0}.habit-bottom label>span{font-size:11px;color:#8c9585}.status{font-size:9px;color:#8b947f}.done .status{color:#64834e}.mini-progress{height:3px;background:#edf0e7;border-radius:5px;margin-top:14px;overflow:hidden}.mini-progress span{height:100%;display:block;background:#91aa77}aside{display:grid;gap:16px}.panel{padding:22px;background:#fff;border:1px solid #e2e7dc;border-radius:16px}.panel-heading{display:flex;align-items:center;gap:10px}.panel-heading h3{font-size:15px;margin:0}.target{font-size:10px;color:#8a9480;margin-left:auto}.big-number{font-size:43px;font-weight:600;letter-spacing:-1px;margin:12px 0}.big-number span{font-size:11px;font-weight:400;letter-spacing:0;margin-left:10px;color:#89937f}.sets{max-height:240px;overflow:auto}.set{display:flex;align-items:center;margin:7px 0;padding:5px 9px;background:#f8f9f5;border-radius:7px;gap:8px}.set label{font-size:11px;color:#7f8a75;flex:1}.set input{width:64px;border:1px solid #e1e6d9;border-radius:4px;background:#fff;color:#3d5436;text-align:center;font-size:12px}.set button{background:none;border:0;color:#78826e;font-size:18px}.add-button{width:100%;border:1px dashed #d6dfca;background:transparent;border-radius:7px;color:#7a8d65;padding:9px;margin-top:9px;font-size:11px}.sleep{background:#f0f1f8;border-color:#e3e5f0}.sleep .habit-icon{background:#e4e5f1;color:#8887ad}.sleep p{font-size:11px;color:#83869c;margin:14px 0}.sleep-inputs{display:flex;align-items:center;gap:10px}.sleep-inputs label{min-width:0;flex:1;font-size:10px;color:#83839a}.sleep-inputs input{width:100%;display:block;border:1px solid #dddfea;background:#fafaff;border-radius:7px;margin-top:6px;padding:8px;color:#555771;font-size:14px}.sleep-inputs>span{color:#a3a6b7;margin-top:20px}.sleep-total{display:flex;justify-content:space-between;border-top:1px solid #dddfea;padding-top:16px;margin-top:20px;font-size:11px;color:#83859a}.sleep-total strong{font-size:15px;color:#656783}.sleep p.sleep-note{font-size:9px;margin-bottom:0}footer{display:flex;justify-content:space-between;color:#909886;font-size:10px;margin-top:30px;padding:20px 0;border-top:1px solid #e3e7dd}footer span:last-child{color:#89957d;max-width:50%;text-align:right}@media(min-width:1400px){main{padding-top:52px}}@media(max-width:900px){.dashboard{grid-template-columns:1fr}aside{grid-template-columns:1fr 1fr}.hero-tags span:last-child{display:none}.progress-ring{margin:0}.segments button{padding:9px 14px}}@media(max-width:600px){.topbar{height:72px;padding:0 20px}.top-note{display:none}main{padding:28px 18px 12px}.heading{display:block;margin-bottom:20px}h1{font-size:40px}.demo-badge{display:inline-block;margin-top:16px}.hero{padding:25px 22px;gap:12px}.hero h2{font-size:25px}.hero p{font-size:11px;max-width:190px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.progress-ring{width:100px;height:100px;padding:6px}.progress-ring strong{font-size:28px}.progress-ring small{font-size:16px}.progress-ring span{font-size:8px}.hero-tags{font-size:9px;margin-top:16px}.hero-tags span:first-child{padding:5px 7px}.mode-bar{display:block;padding:18px;margin-bottom:25px}.segments{margin-top:14px}.segments button{flex:1;padding:9px 5px}.section-title>span{display:none}.habits{gap:10px}.habit-card{padding:14px}.habit-card p{min-height:33px;font-size:10px}.habit-bottom{flex-wrap:wrap}.status{margin-top:5px}.habit-bottom input{width:43px;font-size:16px}aside{grid-template-columns:1fr}.dashboard{gap:16px}footer{gap:15px;font-size:9px}}@media(max-width:360px){.hero{padding:20px 16px;gap:8px}.hero>div:first-child{min-width:0;flex:1}.hero h2{font-size:21px}.hero .eyebrow{font-size:7px;letter-spacing:.5px}.progress-ring{width:80px;height:80px}.progress-ring strong{font-size:24px}.progress-ring span{font-size:7px}.hero-tags{font-size:8px}.habit-card{padding:12px}.habit-bottom label>span{font-size:10px}}.dashboard>*{min-width:0}.habits{grid-template-columns:repeat(2,minmax(0,1fr))}.habit-card{min-width:0;overflow-wrap:anywhere}aside>*{min-width:0}@media(max-width:900px){.dashboard{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){aside{grid-template-columns:minmax(0,1fr)}}.calendar{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:20px}.calendar h2{font-size:20px;margin:4px 0 8px}.calendar-intro p{font-size:13px;color:#75836e;max-width:300px}.calendar button{border:1px solid #e0e6d9;border-radius:8px;background:#f7f9f3;color:#31513c;min-height:44px}.calendar-today{padding:8px 18px;margin:8px 0}.calendar-intro .calendar-legend{font-size:11px;margin-top:22px}.calendar-nav{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.calendar-nav button{width:44px;font-size:25px}.calendar-nav h3{margin:0;font-size:15px;text-transform:capitalize;text-align:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.weekday{text-align:center;font-size:11px;color:#7b8874;padding:4px}.calendar-day{position:relative;font-size:13px;padding:5px 0 10px}.calendar-day.active{background:#254d3b;color:#fff;border-color:#254d3b}.calendar-day.is-today{box-shadow:inset 0 0 0 2px #91aa77}.record-dot{position:absolute;font-size:6px;bottom:2px;left:50%;transform:translate(-50%)}.selected-date{font-size:13px;color:#65795b;margin:18px 0}.selected-date:first-letter{text-transform:uppercase}@media(max-width:600px){.calendar{grid-template-columns:minmax(0,1fr);gap:12px;padding:16px}.calendar-intro .calendar-legend{margin-top:10px}.calendar-grid{gap:2px}.calendar-nav h3{font-size:14px}.calendar-day{min-width:0}}