:root{--ink:#17201c;--muted:#6d756f;--cream:#f4f2e9;--paper:#fbfaf6;--line:#dedfd7;--green:#283d35;--lime:#c9f174;--soft:#e9eee8}*{box-sizing:border-box}html,body{background:var(--cream);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh}.sidebar{z-index:30;background:#eeeae0;border-right:1px solid #d9d8cf;flex-direction:column;width:248px;padding:30px 20px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.3px;align-items:center;gap:10px;font-size:16px;display:flex}.brand-mark{align-items:flex-end;gap:2px;width:27px;height:25px;display:flex}.brand-mark span{background:var(--green);border-radius:2px 2px 1px 1px;width:7px;display:block}.brand-mark span:first-child{height:11px}.brand-mark span:nth-child(2){height:18px}.brand-mark span:nth-child(3){height:24px}.sidebar-top{justify-content:space-between;align-items:center;padding:0 8px;display:flex}.close-mobile{background:0 0;border:0;display:none}.sidebar nav{margin-top:50px}.nav-label{letter-spacing:1.4px;color:#8b8d85;margin:0 0 10px;padding:0 13px;font-size:10px;font-weight:700}.nav-label.second{margin-top:28px}.nav-item{color:#59615b;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:12px;width:100%;height:43px;margin:3px 0;padding:0 12px;display:flex}.nav-item span{flex:1;font-size:14px}.nav-item em{background:#d9ddd5;border-radius:9px;padding:2px 7px;font-size:11px;font-style:normal}.nav-item.active{color:#1f342c;background:#dfe2d9;font-weight:650}.nav-arrow{opacity:.6}.account-card{border-top:1px solid #d7d6ce;align-items:center;gap:10px;margin-top:auto;padding:20px 5px 2px;display:flex}.avatar{background:#cfe583;border-radius:50%;place-items:center;width:36px;height:36px;font-size:12px;font-weight:750;display:grid}.account-card>div:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.account-card strong{font-size:12px}.account-card span{color:#7a817c;margin-top:3px;font-size:11px}.account-card button{color:#697069;background:0 0;border:0;padding:4px}.dashboard{min-height:100vh;margin-left:248px}.topbar{z-index:20;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f4f2e9e6;border-bottom:1px solid #dbdcd3;justify-content:flex-end;align-items:center;height:72px;padding:0 48px;display:flex;position:sticky;top:0}.top-actions{gap:10px;display:flex}.share-button{cursor:pointer;background:0 0;border:1px solid #cbd0c8;border-radius:7px;align-items:center;gap:8px;height:38px;padding:0 14px;font-size:12px;font-weight:650;display:flex}.settings-button{background:0 0;border:1px solid #cbd0c8;border-radius:7px;place-items:center;width:38px;height:38px;display:grid}.menu-btn,.mobile-brand{display:none}.content{max-width:980px;margin:0 auto;padding:58px 42px 30px}.welcome{justify-content:space-between;align-items:flex-end;margin-bottom:35px;display:flex}.eyebrow{letter-spacing:1.6px;color:#788078;margin-bottom:14px;font-size:10px;font-weight:750;display:block}.welcome h1{letter-spacing:-1.5px;margin:0 0 8px;font-family:Georgia,serif;font-size:39px;font-weight:500}.welcome h1 span{color:#90a55e;font-size:23px}.welcome p{color:var(--muted);margin:0;font-size:14px}.new-habit{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:7px;align-items:center;gap:8px;height:43px;padding:0 17px;font-size:13px;font-weight:650;display:flex;box-shadow:0 2px #172820}.momentum{background:#dfe8cf;border:1px solid #cdd7bd;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:43px;padding:22px 24px;display:flex;position:relative;overflow:hidden}.momentum:after{content:"";border:1px solid #5064441a;border-radius:50%;width:200px;height:200px;position:absolute;right:150px}.momentum-copy{z-index:1;align-items:center;gap:15px;display:flex}.momentum-icon{color:#394f2f;background:#c9e97d;border-radius:50%;place-items:center;width:43px;height:43px;display:grid}.momentum-copy>div:last-child{grid-template-columns:auto 1fr;align-items:center;column-gap:9px;display:grid}.momentum-copy span{letter-spacing:1.2px;color:#6e7c5c;grid-column:1/-1;margin-bottom:3px;font-size:9px;font-weight:750}.momentum-copy strong{font-family:Georgia,serif;font-size:23px;font-weight:500}.momentum-copy p{color:#68725e;margin:0;font-size:12px}.momentum-week{z-index:1;gap:8px;display:flex}.momentum-week div{flex-direction:column;align-items:center;gap:5px;display:flex}.momentum-week span{color:#7c8378;background:#ffffff80;border-radius:50%;place-items:center;width:28px;height:28px;font-size:10px;display:grid}.momentum-week span.complete{background:var(--green);color:#fff}.momentum-week small{color:#6e7767;font-size:8px}.section-head{justify-content:space-between;align-items:flex-end;margin-bottom:17px;display:flex}.section-head h2{margin:0 0 4px;font-family:Georgia,serif;font-size:24px;font-weight:500}.section-head p{color:#7a817b;margin:0;font-size:12px}.section-head button{color:#59635d;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:650;display:flex}.habit-list{flex-direction:column;gap:12px;display:flex}.habit-card{background:var(--paper);border:1px solid #dedfd6;border-radius:10px;padding:18px 20px 15px;box-shadow:0 1px 1px #1f282305}.habit-head{justify-content:space-between;align-items:center;display:flex}.habit-title{text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.habit-icon{border-radius:8px;place-items:center;width:38px;height:38px;font-size:17px;display:grid;box-shadow:inset 0 0 0 1px #0000000d}.habit-title>span:last-child{flex-direction:column;gap:4px;display:flex}.habit-title strong{font-size:14px}.habit-title small{color:#7c837d;font-size:11px}.habit-actions{align-items:center;gap:14px;display:flex}.habit-actions>span{color:#667266;align-items:center;gap:5px;font-size:10px;font-weight:650;display:flex}.habit-actions>span svg{color:#7a9652}.habit-actions button{color:#777e78;background:0 0;border:0;padding:4px}.week-strip{grid-template-columns:repeat(7,1fr);gap:7px;margin:18px 0 13px;display:grid}.day{background:#f1f1eb;border-radius:6px;justify-content:center;align-items:center;gap:5px;height:54px;padding:0 7px;display:flex}.day span{letter-spacing:.4px;color:#91948e;font-size:8px}.day b{font-size:11px}.day-check{color:#fff;cursor:pointer;background:0 0;border:1px solid #d2d5ce;border-radius:50%;place-items:center;width:21px;height:21px;margin-left:auto;display:grid}.day-check.done{background:var(--green);border-color:var(--green)}.day.today{background:#e8edda;box-shadow:inset 0 -2px #9cb361}.habit-foot{border-top:1px solid #ecece6;align-items:center;gap:15px;padding-top:12px;display:flex}.habit-foot span{color:#7b817c;white-space:nowrap;font-size:10px}.habit-foot span b{color:#4d5750}.mini-progress{background:#e2e5de;border-radius:2px;flex:1;height:3px}.mini-progress i{background:#92a85a;border-radius:2px;height:100%;display:block}.add-ghost{color:#737a74;cursor:pointer;background:0 0;border:1px dashed #cbd0c7;border-radius:9px;justify-content:center;align-items:center;gap:8px;width:100%;height:52px;margin-top:12px;font-size:12px;display:flex}.add-ghost span{background:#e5e5dd;border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.accountability{color:#fff;background:#243b32;border-radius:13px;grid-template-columns:38% 62%;align-items:center;min-height:213px;margin-top:58px;display:grid;overflow:hidden}.accountability>div:last-child{padding:30px 42px 30px 0}.accountability .eyebrow{color:#aabc9d;margin-bottom:9px}.accountability h2{margin:0 0 10px;font-family:Georgia,serif;font-size:28px;font-weight:500;line-height:1.12}.accountability p{color:#c2cbc6;max-width:390px;margin:0 0 18px;font-size:11px;line-height:1.5}.accountability button{background:var(--lime);color:#26372f;border:0;border-radius:6px;align-items:center;gap:8px;padding:10px 14px;font-size:11px;font-weight:700;display:flex}.accountability-art{place-items:center;height:100%;display:grid;position:relative}.ripple{border:1px solid #c8f1742e;border-radius:50%;position:absolute}.r1{width:135px;height:135px}.r2{width:200px;height:200px}.avatar-stack{z-index:2;display:flex;position:relative}.avatar-stack span{color:#294034;background:#d9e8c0;border:3px solid #243b32;border-radius:50%;place-items:center;width:40px;height:40px;margin-left:-10px;font-size:9px;font-weight:750;display:grid}.avatar-stack span:nth-child(2){background:#c4d5cd}.avatar-stack span:nth-child(3){background:#d9f48a}.content footer{color:#858a85;align-items:center;gap:20px;padding:35px 0 5px;font-size:10px;display:flex}.content footer .brand{color:#6d746e;transform-origin:0;margin-right:auto;transform:scale(.85)}.content footer .brand-mark{display:none}.content footer button{color:#858a85;background:0 0;border:0;font-size:10px}.overlay{display:none}.modal-wrap{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#131b1780;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal,.share-modal{background:#f8f7f1;border-radius:14px;width:min(100%,480px);padding:32px;position:relative;box-shadow:0 24px 80px #0003}.modal-close{cursor:pointer;background:0 0;border:1px solid #d9dbd4;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:18px;right:18px}.modal-kicker{letter-spacing:1px;color:#758466;align-items:center;gap:6px;font-size:10px;font-weight:750;display:flex}.modal h2,.share-modal h2{letter-spacing:-.5px;margin:13px 0 8px;font:500 30px/1.1 Georgia,serif}.modal>p,.share-modal>p{color:#757c76;margin:0 0 24px;font-size:12px}.modal label{margin-top:17px;font-size:11px;font-weight:700;display:block}.modal input,.modal select{background:#fff;border:1px solid #d4d7cf;border-radius:7px;outline:none;width:100%;height:44px;margin-top:8px;padding:0 12px}.modal input:focus{border-color:#6f826f;box-shadow:0 0 0 3px #5064501a}.emoji-row{gap:8px;margin-top:9px;display:flex}.emoji-row button{background:#fff;border:1px solid #dedfd8;border-radius:7px;width:43px;height:40px;font-size:18px}.emoji-row button.selected{background:#eff2e8;border:2px solid #3e564b}.select-wrap{position:relative}.select-wrap select{appearance:none}.select-wrap svg{pointer-events:none;position:absolute;bottom:13px;right:12px}.privacy-note{color:#617061;background:#e9ede4;border-radius:7px;align-items:flex-start;gap:10px;margin:20px 0;padding:12px;display:flex}.privacy-note span{flex-direction:column;gap:3px;font-size:10px;display:flex}.privacy-note strong{color:#455248;font-size:11px}.create-submit{background:var(--green);color:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;height:44px;font-size:12px;font-weight:700;display:flex}.create-submit:disabled{opacity:.45}.share-modal{text-align:center}.share-art{place-items:center;height:83px;display:grid;position:relative}.link-ring{color:#344a39;background:#dff294;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;box-shadow:0 0 0 12px #edf1df}.dot{background:#849b5f;border-radius:50%;width:7px;height:7px;position:absolute}.d1{top:30%;left:25%}.d2{top:18%;right:23%}.d3{bottom:8%;right:29%}.toggle-row{text-align:left;border-top:1px solid #e0e1db;border-bottom:1px solid #e0e1db;align-items:center;padding:16px 0;display:flex}.toggle-row>span{flex-direction:column;flex:1;gap:4px;display:flex}.toggle-row strong{font-size:12px}.toggle-row small{color:#747b75;font-size:10px}.toggle{background:#c7cac5;border:0;border-radius:15px;width:43px;height:25px;padding:3px}.toggle i{background:#fff;border-radius:50%;width:19px;height:19px;transition:all .2s;display:block}.toggle.on{background:#385248}.toggle.on i{transform:translate(18px)}.copy-row{text-align:left;background:#fff;border:1px solid #d4d7cf;border-radius:7px;align-items:center;height:43px;margin-top:17px;padding-left:12px;display:flex}.copy-row span{color:#555e57;flex:1;font-size:10px}.copy-row button{background:0 0;border:0;border-left:1px solid #e0e1db;align-self:stretch;align-items:center;gap:6px;padding:0 12px;font-size:10px;font-weight:700;display:flex}.preview-btn{background:var(--green);color:#fff;border:0;border-radius:7px;justify-content:center;align-items:center;gap:7px;width:100%;height:41px;margin-top:10px;font-size:11px;font-weight:700;display:flex}.share-safe{color:#858b86;justify-content:center;align-items:center;gap:5px;margin-top:17px;font-size:9px;display:flex}.public-preview{background:#f4f2e9;min-height:100vh}.preview-nav{border-bottom:1px solid #dbdcd4;justify-content:space-between;align-items:center;height:70px;padding:0 5vw;display:flex}.preview-nav button{background:0 0;border:1px solid #d0d3cc;border-radius:6px;align-items:center;gap:7px;height:36px;padding:0 12px;font-size:11px;display:flex}.public-main{max-width:800px;margin:auto;padding:65px 25px}.public-profile{align-items:center;gap:23px;display:flex}.big-avatar{background:#cfe583;border-radius:50%;place-items:center;width:74px;height:74px;font:600 20px Georgia,serif;display:grid}.public-label{letter-spacing:1.5px;color:#788177;font-size:9px;font-weight:700}.public-profile h1{margin:6px 0;font:500 38px Georgia,serif}.public-profile p{color:#737a74;margin:0;font-size:12px}.public-stats{background:#e6eadc;border-radius:10px;grid-template-columns:repeat(3,1fr);margin:36px 0;padding:22px;display:grid}.public-stats div{border-right:1px solid #cfd5c7;flex-direction:column;align-items:center;display:flex}.public-stats div:last-child{border:0}.public-stats strong{font:500 25px Georgia,serif}.public-stats span{color:#788078;margin-top:4px;font-size:9px}.public-section-title{margin:0 0 14px;font:500 18px Georgia,serif}.public-habits{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.public-habit{background:#fbfaf6;border:1px solid #dedfd6;border-radius:10px;padding:17px}.public-habit-top{align-items:center;gap:10px;display:flex}.public-habit-top>div{flex-direction:column;flex:1;gap:3px;display:flex}.public-habit-top strong{font-size:12px}.public-habit-top span{color:#7e857e;font-size:9px}.public-habit-top em{color:#65745b;gap:3px;font-size:9px;font-style:normal;display:flex}.squares{grid-template-columns:repeat(7,1fr);gap:4px;margin-top:17px;display:grid}.squares i{background:#e6e8e1;border-radius:2px;height:12px}.squares i.filled{background:#718869}.public-foot{text-align:center;color:#7e857f;justify-content:center;align-items:center;gap:5px;margin-top:40px;font-size:10px;display:flex}@media (max-width:900px){.sidebar{transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:15px 0 50px #00000026}.close-mobile{place-items:center;display:grid}.overlay{z-index:29;background:#141c1859;border:0;display:block;position:fixed;inset:0}.dashboard{margin-left:0}.topbar{justify-content:space-between;padding:0 24px}.menu-btn{background:0 0;border:1px solid #d0d3cc;border-radius:6px;place-items:center;width:37px;height:37px;display:grid}.mobile-brand{display:block;position:absolute;left:50%;transform:translate(-50%)}.mobile-brand .brand{font-size:14px}.mobile-brand .brand-mark{transform:scale(.8)}.content{padding:45px 26px}.momentum{align-items:flex-start}.momentum-copy>div:last-child{display:block}.momentum-copy p{margin-top:6px}.momentum-week{margin-top:5px}.accountability{grid-template-columns:33% 67%}}@media (max-width:640px){.topbar{height:62px;padding:0 16px}.share-button{justify-content:center;width:38px;padding:0;font-size:0}.settings-button{display:none}.content{padding:31px 16px 24px}.welcome{align-items:flex-start;margin-bottom:25px}.welcome h1{font-size:30px}.welcome p{font-size:12px}.new-habit{justify-content:center;width:40px;padding:0;font-size:0}.momentum{margin-bottom:35px;padding:19px;display:block}.momentum:after{display:none}.momentum-week{justify-content:space-between;margin:20px 0 0}.momentum-copy strong{font-size:21px}.momentum-copy p{font-size:10px}.section-head h2{font-size:21px}.habit-card{padding:15px 14px}.habit-actions>span{display:none}.week-strip{gap:4px}.day{flex-direction:column;gap:2px;height:58px;padding:4px}.day-check{width:19px;height:19px;margin:2px 0 0}.habit-foot{gap:10px}.accountability{margin-top:38px;padding:27px 24px;display:block}.accountability-art{display:none}.accountability>div:last-child{padding:0}.accountability h2{font-size:25px}.content footer{flex-wrap:wrap}.content footer>span{order:2;width:100%}.modal,.share-modal{max-height:94vh;padding:27px 20px;overflow:auto}.modal h2,.share-modal h2{font-size:26px}.emoji-row{gap:5px}.emoji-row button{flex:1;min-width:0}.public-main{padding:40px 16px}.public-profile{align-items:flex-start}.public-profile h1{font-size:30px}.big-avatar{flex:none;width:58px;height:58px}.public-stats{padding:17px 5px}.public-habits{grid-template-columns:1fr}.preview-nav{padding:0 16px}.preview-nav button{font-size:0}.preview-nav button svg{margin:0}.preview-nav .brand{font-size:14px}.preview-nav .brand-mark{transform:scale(.8)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}