@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--paper:#f7f7f3;--white:#fff;--ink:#242822;--muted:#8b8f87;--line:#e9eae3;--green:#627864;--green-dark:#394c3c;--soft-green:#edf1e9;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:14px var(--sans);-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:252px;padding:30px 20px 18px;background:#f0f1eb;border-right:1px solid #e7e9e1;display:flex;flex-direction:column;z-index:2}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-size:19px;font-weight:700;letter-spacing:-.7px;margin:1px 0 48px 8px}.brand-icon{width:27px;height:27px;border-radius:9px;background:#536c58;color:white;display:grid;place-items:center;font:italic 20px var(--serif);letter-spacing:0}.workspace-label,.sidebar-section-title,.eyebrow{font-size:10px;letter-spacing:1.45px;color:#92978d;font-weight:700}.workspace-label{padding:0 11px;margin-bottom:13px}.main-nav{display:grid;gap:5px}.nav-item{font:500 13px var(--sans);height:40px;width:100%;padding:0 11px;border:0;background:none;color:#636960;border-radius:8px;text-align:left;display:flex;align-items:center;gap:12px;cursor:pointer}.nav-item.active{color:#344b38;background:#e2e8df;font-weight:600}.nav-icon{font-size:18px;line-height:1;width:17px;text-align:center;color:#687b69}.nav-count{margin-left:auto;font-size:11px;color:#fff;background:#839584;border-radius:12px;padding:2px 8px}.sidebar-divider{height:1px;background:#e0e2da;margin:23px 4px}.sidebar-section-title{padding:0 11px;margin-bottom:17px}.week-strip{display:flex;justify-content:space-between;padding:0 4px}.week-day{display:grid;gap:8px;justify-items:center;font-size:10px;color:#90968d}.week-day span:last-child{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;font-size:11px}.week-day.today span:last-child{background:#506954;color:#fff}.week-day.done span:last-child{background:#dce5d9;color:#58715b}.sidebar-spacer{flex:1}.sidebar-quote{border-top:1px solid #dfe2d9;padding:22px 12px 18px;position:relative}.quote-mark{font:32px var(--serif);color:#9fac96;line-height:12px}.sidebar-quote p{font:italic 16px/1.45 var(--serif);color:#586355;margin:6px 0 12px}.quote-caption{font-size:9px;letter-spacing:1.2px;color:#a1a59b}.settings-link{background:none;border:0;text-align:left;color:#62685e;font:500 12px var(--sans);padding:12px 10px;cursor:pointer}.settings-link span{padding-right:10px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid #dfe2d9;padding:17px 8px 0;margin-top:7px}.avatar{background:#ddc6aa;width:32px;height:32px;border-radius:50%;display:grid;place-items:center;color:#655346;font:15px var(--serif)}.profile strong{font-size:11px;font-weight:600;display:block}.profile small{color:#989d94;font-size:10px}.profile-more{margin-left:auto;color:#83887f;font-size:21px}.main-content{margin-left:252px;min-height:100vh;max-width:1440px;padding:0 64px 20px}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{font-size:11px;color:#93978e}.breadcrumb span{padding:0 10px;color:#c3c6bf}.breadcrumb b{color:#555b53;font-weight:500}.top-actions{display:flex;align-items:center;gap:12px}.icon-button{height:34px;width:34px;border:1px solid var(--line);border-radius:9px;background:transparent;color:#747b71;font:19px var(--sans);cursor:pointer}.button{border:1px solid transparent;border-radius:7px;padding:11px 16px;font:600 12px var(--sans);cursor:pointer;transition:transform .15s,background .15s}.button:hover{transform:translateY(-1px)}.button-dark{background:#435b47;color:white}.button-dark:hover{background:#344938}.button-small{padding:9px 13px}.button-small span{font-size:16px;vertical-align:-1px;margin-right:3px}.page-view{max-width:865px;margin:0 auto}.greeting-row{display:flex;align-items:flex-end;justify-content:space-between;padding:53px 0 30px}.eyebrow{margin-bottom:12px}h1{font:500 43px/1.14 var(--serif);letter-spacing:-1.25px;margin:0;color:#2d342d}h1 em{font-weight:500;color:#758976}.greeting-note{display:flex;align-items:center;gap:11px;color:#81867e;font-size:11px;line-height:1.65;padding:0 0 8px 0}.note-sun{font-size:21px;color:#a4af93}.day-summary{display:flex;justify-content:space-between;align-items:center;margin:7px 0 11px}.summary-copy{font-size:12px;color:#777d73}.summary-copy b{font-weight:600;color:#4e554c}.summary-dot{width:7px;height:7px;background:#93a58c;border-radius:50%;display:inline-block;margin-right:8px}.summary-percent{font-size:11px;color:#71786e}.progress-track{height:4px;width:100%;border-radius:5px;background:#e8eae4;overflow:hidden}.progress-fill{height:100%;width:0;background:#7c917c;border-radius:5px;transition:width .35s}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:42px 0 17px}.section-heading h2{font-size:15px;margin:0 0 6px;font-weight:600;letter-spacing:-.2px}.heading-count{color:#a1a69c;font-size:11px;font-weight:500;padding-left:4px}.section-heading p,.view-heading p{margin:0;color:#969b92;font-size:11px}.text-button{border:0;background:none;color:#8b9087;font:500 11px var(--sans);cursor:pointer;padding:8px}.text-button span{font-size:14px;margin-left:4px}.habit-list{display:grid;gap:9px}.habit-card{display:flex;align-items:center;min-height:82px;padding:14px 17px;border:1px solid #e9eae4;border-radius:9px;background:#fff;gap:14px;transition:border-color .2s,box-shadow .2s}.habit-card:hover{border-color:#d8ddd3;box-shadow:0 4px 14px #343c2d0a}.habit-card.completed{background:#fbfcfa}.check-button{width:22px;height:22px;flex:none;border:1.5px solid #cbd0c6;border-radius:50%;background:white;display:grid;place-items:center;color:white;font-size:12px;cursor:pointer;transition:.18s}.check-button:hover{border-color:#718a72;background:#f3f6f1}.completed .check-button{border-color:#668069;background:#668069}.habit-mark{width:34px;height:34px;flex:none;border-radius:10px;display:grid;place-items:center;font-size:17px}.mark-sage{background:#edf1e9;color:#668067}.mark-peach{background:#f9eee4;color:#c08461}.mark-lavender{background:#f0edf6;color:#8e82ac}.mark-blue{background:#e9f0f3;color:#668ba0}.habit-main{min-width:0;flex:1}.habit-title{font-size:13px;font-weight:600;letter-spacing:-.15px;margin-bottom:5px}.completed .habit-title{color:#898f86;text-decoration:line-through;text-decoration-color:#b5bdb3}.habit-meta{display:flex;gap:12px;color:#9a9f96;font-size:10px}.habit-meta span{white-space:nowrap}.habit-cue{color:#92998d}.habit-time{font-size:10px;color:#8f958b;white-space:nowrap;padding-right:6px}.card-menu{border:0;background:none;color:#a2a79e;font-size:20px;cursor:pointer;line-height:1;padding:5px}.add-inline{margin:12px 0 0;border:1px dashed #d9ddd4;background:transparent;border-radius:8px;color:#7d8879;font:500 11px var(--sans);height:43px;width:100%;cursor:pointer}.add-inline span{font-size:16px;vertical-align:-1px;margin-right:4px}.reflection-card{display:flex;align-items:flex-start;gap:13px;margin-top:29px;background:#eef1ea;border-radius:9px;padding:17px 18px;color:#505a4c;position:relative}.reflection-icon{font-size:20px;color:#899a80;margin-top:1px}.reflection-card strong{font-size:11px;font-weight:600}.reflection-card p{font-size:10px;line-height:1.55;color:#81887d;margin:5px 22px 0 0}.reflection-arrow{margin-left:auto;color:#90988a;font-size:15px}.page-footer{text-align:center;color:#a2a69d;font:italic 12px var(--serif);padding:45px 0 15px}.page-footer span{color:#9bac8c;margin-left:5px}.empty-state{text-align:center;padding:63px 20px 46px}.empty-state[hidden]{display:none}.empty-art{font-size:28px;color:#9aa88e;margin-bottom:12px}.empty-state h3{font:500 22px var(--serif);margin:0 0 7px}.empty-state p{font-size:11px;color:#8d938a;margin:0 auto 20px}.view-heading{display:flex;align-items:flex-end;justify-content:space-between;padding:59px 0 28px}.view-heading h1{font-size:40px;margin-bottom:9px}.filter-row{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-bottom:17px;margin-bottom:18px}.filter-chip{border:1px solid #e1e4dc;border-radius:20px;padding:7px 13px;background:transparent;color:#858a81;font:500 10px var(--sans);cursor:pointer}.filter-chip.selected{background:#e7ece4;border-color:#e7ece4;color:#50674f}.all-card .habit-main{padding:2px 0}.all-actions{display:flex;align-items:center;gap:8px}.schedule-label{color:#8a9287;font-size:10px}.small-action{border:0;background:none;color:#8c9388;font:11px var(--sans);cursor:pointer;padding:6px}.small-action:hover{color:#4c634f}.danger-text{color:#b46c5c}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}.insight-tile{background:white;border:1px solid var(--line);border-radius:9px;padding:20px}.insight-label{font-size:10px;color:#93998f}.insight-number{font:32px var(--serif);margin:11px 0 4px;color:#4c624e}.insight-sub{font-size:10px;color:#a0a59c}.insight-title{margin-top:39px}.weekly-chart{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;background:white;border:1px solid var(--line);border-radius:9px;padding:24px 20px}.chart-day{text-align:center;color:#92988e;font-size:10px}.chart-column{height:73px;display:flex;align-items:flex-end;justify-content:center;padding:10px 0}.chart-bar{width:25px;min-height:4px;background:#dfe7da;border-radius:5px 5px 2px 2px;position:relative}.chart-bar.today-bar{background:#718a70}.chart-value{font-size:9px;color:#9ca197;margin-top:7px}.reflection-soft{margin-top:20px;background:#f0eee8}.modal{border:0;border-radius:14px;width:min(480px,calc(100% - 30px));max-height:90vh;padding:25px 28px 27px;background:#fbfcf9;color:var(--ink);box-shadow:0 20px 80px #20271c35}.modal::backdrop{background:#272e2780;backdrop-filter:blur(2px)}.modal-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:23px}.modal-top h2{font:500 25px var(--serif);margin:0}.modal-top .eyebrow{margin-bottom:7px}.close-button{border:0;background:transparent;font:24px var(--sans);color:#8d9389;cursor:pointer;padding:0 2px}.field-label{display:block;font-size:10px;color:#646c61;font-weight:600;margin:15px 0 7px}.field-label span{font-weight:400;color:#a0a59b;margin-left:4px}.text-input{width:100%;height:40px;border:1px solid #e0e4dc;background:white;border-radius:6px;padding:0 11px;font:12px var(--sans);color:#40473d;outline:none}.text-input:focus{border-color:#91a28e;box-shadow:0 0 0 3px #dfe9dd80}.text-input::placeholder{color:#b0b4ac}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:26px}.button-quiet{background:transparent;border-color:#e1e4dd;color:#71786e}.button-quiet:hover{background:#f2f3ef}.schedule-extra{margin-top:9px}.weekday-picker{display:flex;gap:6px}.weekday-picker label{width:32px;height:32px;border:1px solid #e0e4dc;border-radius:50%;display:grid;place-items:center;color:#858c81;font-size:10px;cursor:pointer}.weekday-picker input{display:none}.weekday-picker label:has(input:checked){background:#e4ebe1;border-color:#ccd8c8;color:#526c52}.settings-modal{width:min(530px,calc(100% - 30px));padding-bottom:20px}.settings-scroll{max-height:65vh;overflow:auto;padding-right:5px}.settings-section{padding:15px 0;border-top:1px solid #ebede7}.settings-section h3{font-size:12px;margin:0 0 6px;font-weight:600}.settings-section p{font-size:10px;color:#898f86;line-height:1.55;margin:0 0 11px}.button-outline{background:white;border-color:#dfe4dc;color:#566b54;padding:9px 12px;font-size:10px}.setting-status{display:block;margin-top:7px;font-size:10px;color:#66806a}.integration-note{border-radius:6px;background:#f1f2ed;padding:10px 12px;color:#7e857a;font-size:10px;line-height:1.5}.setup-details{font-size:10px;color:#7e857a;margin-top:10px}.setup-details summary{cursor:pointer;color:#687564}.setup-details p{margin-top:8px}.setup-details code{background:#ecefe9;padding:2px 3px}.danger-text{display:block;padding:7px 0}.toast-dialog{position:fixed;inset:auto 20px 23px auto;border:0;border-radius:8px;background:#394a3b;color:white;padding:12px 17px;font:11px var(--sans);box-shadow:0 8px 22px #29342b30}.toast-dialog::backdrop{display:none}.toast-dialog[open]{animation:toast-in .2s ease-out}@keyframes toast-in{from{transform:translateY(7px);opacity:0}to{transform:none;opacity:1}}@media(max-width:950px){.main-content{padding:0 36px 20px}.sidebar{width:220px}.main-content{margin-left:220px}.greeting-row{padding-top:42px}}@media(max-width:680px){.sidebar{position:fixed;inset:auto 0 0;width:100%;height:62px;padding:4px 12px;background:#f7f8f4;border-right:0;border-top:1px solid var(--line);display:block}.brand,.workspace-label,.sidebar-divider,.sidebar-section-title,.week-strip,.sidebar-spacer,.sidebar-quote,.settings-link,.profile{display:none}.main-nav{display:flex;justify-content:space-around;height:100%;gap:5px}.nav-item{height:52px;width:auto;min-width:80px;padding:5px 10px;display:flex;flex-direction:column;justify-content:center;gap:2px;font-size:9px}.nav-icon{font-size:17px}.nav-count{position:absolute;margin:0 0 29px 30px;font-size:8px;padding:1px 5px}.main-content{margin-left:0;padding:0 20px 87px}.topbar{height:61px}.breadcrumb{font-size:10px}.top-actions{gap:7px}.icon-button{width:31px;height:31px}.button-small{padding:8px 10px;font-size:10px}.greeting-row{padding:38px 0 25px;align-items:flex-start}h1{font-size:35px}.greeting-note{font-size:9px;padding-top:24px}.section-heading{margin-top:35px}.habit-card{padding:12px;gap:10px;min-height:75px}.habit-mark{width:30px;height:30px}.habit-meta{gap:7px;font-size:9px}.habit-time{display:none}.reflection-card{margin-top:23px}.view-heading{padding-top:40px}.view-heading h1{font-size:34px}.insight-grid{gap:7px}.insight-tile{padding:14px 11px}.insight-number{font-size:27px}.weekly-chart{padding:17px 10px;gap:4px}.chart-bar{width:19px}.all-actions .schedule-label{display:none}}@media(max-width:400px){.greeting-note{display:none}.habit-meta .habit-cue{display:none}.topbar{gap:8px}}