.ht-app{--ht-ink:#24332f;--ht-muted:#78817b;--ht-line:#e6e9df;--ht-paper:#fafaf6;--ht-card:#fff;--ht-green:#2f735d;background:var(--ht-paper);min-height:100vh;color:var(--ht-ink);font-family:Arial,Helvetica,sans-serif}.ht-app *{box-sizing:border-box}.ht-app button{cursor:pointer}.ht-app button:disabled{cursor:not-allowed}.ht-app button:focus-visible,.ht-app a:focus-visible,.ht-app input:focus-visible,.ht-app textarea:focus-visible{outline-offset:3px;outline:3px solid #8acbbb}.ht-loading{min-height:100vh;color:var(--ht-muted);place-items:center;font-size:15px;display:grid}.ht-header{z-index:20;border-bottom:1px solid var(--ht-line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fafaf6f0;position:sticky;top:0}.ht-header-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1300px;min-height:82px;margin:auto;padding:0 32px;display:flex}.ht-brand-area{align-items:center;gap:30px;display:flex}.ht-back{color:#6b7770;white-space:nowrap;border-right:1px solid #dfe4d8;align-items:center;gap:7px;padding-right:28px;font-size:13px;text-decoration:none;display:inline-flex}.ht-back:hover{color:var(--ht-green)}.ht-brand{align-items:center;gap:11px;display:flex}.ht-brand-mark{width:38px;height:38px;color:var(--ht-green);background:#e2f0e9;border-radius:12px;place-items:center;display:grid}.ht-brand strong{letter-spacing:-1px;font-family:Georgia,serif;font-size:22px;line-height:21px;display:block}.ht-brand-dot{color:#e7775b}.ht-brand small{color:#9ba49b;letter-spacing:2px;margin-top:3px;font-size:8px;font-weight:800;display:block}.ht-header-actions{align-items:center;gap:20px;display:flex}.ht-today-pill{color:#68776e;white-space:nowrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.ht-primary{color:#fff;background:#2f735d;border:0;border-radius:11px;justify-content:center;align-items:center;gap:9px;min-height:43px;padding:0 18px;font-size:13px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex;box-shadow:0 6px 14px #2f735d24}.ht-primary:hover{background:#215e4a;transform:translateY(-1px)}.ht-main{max-width:1300px;margin:auto;padding:32px 32px 28px}.ht-hero{background:#f0f3e9;border:1px solid #e5e8dc;border-radius:22px;grid-template-columns:1.2fr .8fr;min-height:240px;display:grid;overflow:hidden}.ht-hero>div:first-child{z-index:1;padding:29px 40px;position:relative}.ht-eyebrow{color:#598674;letter-spacing:2.1px;align-items:center;gap:8px;margin:0;font-size:10px;font-weight:800;display:flex}.ht-eyebrow>span{background:#e59a73;border-radius:50%;width:7px;height:7px}.ht-hero h1{letter-spacing:-2.2px;max-width:600px;margin:12px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(35px,3.6vw,49px);font-weight:500;line-height:1.06}.ht-hero h1 em{color:#33775f;font-weight:400}.ht-hero-copy{color:#66756c;max-width:455px;margin:0;font-size:13px;line-height:1.65}.ht-hero-add{margin-top:16px}.ht-hero-art{background:radial-gradient(circle at 50% 45%,#e3eada 0,#eaf0e4 42%,#f0f3e9 74%);min-height:240px;position:relative}.ht-art-circle{border:1px solid #598b702e;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ht-art-circle-one{width:220px;height:220px}.ht-art-circle-two{width:310px;height:310px}.ht-art-circle-three{width:410px;height:410px}.ht-art-card{background:#fff;border:1px solid #edf0e9;border-radius:15px;align-items:center;gap:12px;width:270px;padding:17px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-5deg);box-shadow:0 20px 55px #47644424}.ht-art-icon{color:#347a5f;background:#deeee5;border-radius:12px;flex:none;place-items:center;width:43px;height:43px;display:grid}.ht-art-card strong{font-family:Georgia,serif;font-size:17px;font-weight:500;display:block}.ht-art-card small{color:#859187;margin-top:4px;font-size:11px;display:block}.ht-art-sparkle{color:#e0a46e;font-family:Georgia,serif;font-size:35px;position:absolute}.ht-art-sparkle-one{top:14%;left:15%}.ht-art-sparkle-two{font-size:26px;bottom:13%;right:18%}.ht-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:15px 0 20px;display:grid}.ht-stat{border:1px solid var(--ht-line);background:var(--ht-card);border-radius:16px;align-items:center;gap:13px;min-width:0;min-height:80px;padding:12px 19px;display:flex;position:relative}.ht-stat-icon{border-radius:12px;flex:none;place-items:center;width:43px;height:43px;display:grid}.ht-stat-icon-coral{color:#de7958;background:#fff0e9}.ht-stat-icon-gold{color:#ce9440;background:#fff3da}.ht-stat-icon-sage{color:#51836a;background:#e9f2eb}.ht-stat-icon-blue{color:#56899a;background:#eaf2f4}.ht-stat-label{color:#8b958d;font-size:11px;font-weight:600;display:block}.ht-stat strong{letter-spacing:-.9px;margin-top:4px;font-size:26px;font-weight:700;line-height:1;display:block}.ht-stat strong span{color:#9ba49b;letter-spacing:0;font-size:12px;font-weight:500}.ht-stat-caption{color:#6d9a79;font-size:10px;font-weight:700;position:absolute;top:18px;right:16px}.ht-workspace{grid-template-columns:minmax(0,1.62fr) minmax(315px,.88fr);align-items:start;gap:22px;display:grid}.ht-day-panel,.ht-calendar-panel,.ht-week-panel{border:1px solid var(--ht-line);background:#fff;border-radius:19px}.ht-day-panel{min-height:620px;padding:23px}.ht-section-head{justify-content:space-between;align-items:end;gap:15px;display:flex}.ht-section-head h2,.ht-sidebar-head h2{letter-spacing:-.9px;margin:10px 0 0;font-family:Georgia,serif;font-size:29px;font-weight:500}.ht-section-head p:not(.ht-eyebrow){color:#89938a;margin:7px 0 0;font-size:13px}.ht-text-button{color:#39775e;white-space:nowrap;background:0 0;border:0;align-items:center;gap:5px;padding:6px 0;font-size:12px;font-weight:700;display:inline-flex}.ht-progress{background:#f6f9f5;border:1px solid #e9eee7;border-radius:12px;margin:19px 0 16px;padding:15px 19px}.ht-progress-top{color:#62766b;justify-content:space-between;gap:12px;font-size:12px;display:flex}.ht-progress-top strong{color:#447e61;font-size:12px}.ht-progress-track{background:#e2e9df;border-radius:100px;height:8px;margin-top:12px;overflow:hidden}.ht-progress-track>span{background:#79ae84;border-radius:100px;height:100%;transition:width .25s;display:block}.ht-habit-list{gap:12px;display:grid}.ht-habit{--ht-accent:#d77a5b;--ht-tint:#fff1eb;background:#fff;border:1px solid #e9ebe6;border-radius:14px;align-items:center;gap:15px;min-width:0;min-height:119px;padding:17px 18px;transition:border-color .2s,background .2s;display:flex}.ht-habit:hover{border-color:#d5ded4}.ht-habit-done{background:#fcfdfa}.ht-color-sage{--ht-accent:#5f9475;--ht-tint:#eaf5ed}.ht-color-blue{--ht-accent:#5e94a5;--ht-tint:#edf5f7}.ht-color-gold{--ht-accent:#bc8d48;--ht-tint:#fff5df}.ht-color-lavender{--ht-accent:#8c80ad;--ht-tint:#f2eff8}.ht-habit-icon{background:var(--ht-tint);width:53px;height:53px;color:var(--ht-accent);border-radius:13px;flex:none;place-items:center;display:grid}.ht-habit-details{flex:1;min-width:0}.ht-habit-heading{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.ht-habit h3{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:15px;font-weight:700;overflow:hidden}.ht-habit p{color:#959e96;text-overflow:ellipsis;white-space:nowrap;margin:7px 0 10px;font-size:11px;overflow:hidden}.ht-streak{color:#b88745;white-space:nowrap;background:#fff5e7;border-radius:100px;align-items:center;gap:3px;padding:4px 7px;font-size:10px;font-weight:700;display:inline-flex}.ht-mini-week{gap:5px;display:flex}.ht-mini-week span{background:#e7ebe5;border-radius:50%;width:9px;height:9px}.ht-mini-week span.filled{background:var(--ht-accent)}.ht-habit-actions{align-items:center;gap:9px;display:flex}.ht-edit{color:#acb6ad;background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.ht-edit:hover{color:#47775d;background:#f3f5f0}.ht-check{color:#0000;background:#fff;border:1.5px solid #d8e1d9;border-radius:11px;place-items:center;width:38px;height:38px;transition:all .2s;display:grid}.ht-check:hover{color:#71a986;border-color:#71a986}.ht-check.checked{color:#fff;background:#4b9872;border-color:#4b9872}.ht-day-footer{color:#a1aa9d;border-top:1px solid #eef0eb;justify-content:space-between;align-items:center;margin-top:25px;padding:17px 4px 0;font-size:11px;display:flex}.ht-day-footer span:last-child{color:#d2a676;font-size:17px}.ht-empty{text-align:center;flex-direction:column;align-items:center;padding:70px 24px;display:flex}.ht-empty>span{color:#5c9975;background:#eaf3ec;border-radius:19px;place-items:center;width:64px;height:64px;display:grid}.ht-empty h3{margin:18px 0 7px;font-family:Georgia,serif;font-size:22px;font-weight:500}.ht-empty p{color:#8a958b;max-width:320px;margin:0 0 20px;font-size:13px;line-height:1.6}.ht-sidebar{gap:17px;display:grid}.ht-calendar-panel,.ht-week-panel{padding:24px}.ht-sidebar-head{justify-content:space-between;align-items:start;gap:10px;display:flex}.ht-sidebar-head h2{font-size:23px}.ht-calendar-nav{gap:5px;display:flex}.ht-calendar-nav button{color:#76867b;background:#fff;border:1px solid #e6ebe5;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.ht-calendar-nav button:hover:not(:disabled){color:#36755c;background:#eff5ee}.ht-calendar-nav button:disabled{opacity:.35}.ht-month-label{margin:25px 0 14px;font-size:13px;font-weight:700}.ht-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;display:grid}.ht-week-name{color:#a0aaa1;place-items:center;height:29px;font-size:10px;font-weight:700;display:grid}.ht-calendar-day{color:#56655a;background:0 0;border:0;border-radius:8px;place-items:center;height:38px;font-size:11px;font-weight:600;display:grid;position:relative}.ht-calendar-day:hover:not(:disabled){background:#eff5ef}.ht-calendar-day.outside{color:#bbc4ba}.ht-calendar-day.today:not(.selected){outline-offset:-1px;outline:1px solid #b7d2bd}.ht-calendar-day.selected{color:#fff;background:#2f735d}.ht-calendar-day:disabled{opacity:.38}.ht-calendar-day i{background:#77ac87;border-radius:5px;max-width:20px;height:3px;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.ht-calendar-day.selected i{background:#b9e5c8}.ht-calendar-legend{color:#98a39a;gap:20px;margin-top:15px;font-size:10px;display:flex}.ht-calendar-legend span{align-items:center;gap:6px;display:flex}.ht-calendar-legend i{background:#78ab87;border-radius:50%;width:7px;height:7px}.ht-calendar-legend span:last-child i{background:#2f735d}.ht-week-count{color:#558568;white-space:nowrap;background:#edf5ee;border-radius:7px;padding:7px 9px;font-size:10px;font-weight:700}.ht-week-chart{grid-template-columns:repeat(7,minmax(0,1fr));gap:17px;height:134px;margin:23px 12px 0;display:grid}.ht-week-column{flex-direction:column;justify-content:end;align-items:center;gap:8px;display:flex}.ht-week-bar-track{background:#f0f3ed;border-radius:7px 7px 3px 3px;align-items:end;width:100%;height:100%;display:flex;overflow:hidden}.ht-week-bar-track span{background:#92bc98;border-radius:7px 7px 3px 3px;width:100%;min-height:0;transition:height .25s;display:block}.ht-week-column>span{color:#a1aca2;font-size:10px;font-weight:700}.ht-week-column>span.current{color:#34775e}.ht-week-note{color:#9aa49b;border-top:1px solid #eef0eb;margin:20px 0 0;padding-top:15px;font-size:11px;line-height:1.5}.ht-storage-note{color:#a3aca2;text-align:center;margin:25px 0 0;font-size:11px}.ht-storage-note strong{color:#ba6b58}.ht-modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#162a2180;place-items:center;padding:20px;display:grid;position:fixed;inset:0;overflow-y:auto}.ht-modal{background:#fff;border:1px solid #e5e9df;border-radius:19px;width:min(100%,480px);max-height:calc(100vh - 40px);padding:25px;overflow-y:auto;box-shadow:0 25px 75px #132a1c40}.ht-modal-head{justify-content:space-between;align-items:start;margin-bottom:23px;display:flex}.ht-modal-head h2{margin:9px 0 0;font-family:Georgia,serif;font-size:28px;font-weight:500}.ht-modal-head button{color:#6a796e;background:#f3f5f0;border:0;border-radius:7px;place-items:center;width:32px;height:32px;display:grid}.ht-field{color:#465a4c;margin:0 0 17px;font-size:12px;font-weight:700;display:block}.ht-field span{color:#a1aba1;font-weight:400}.ht-field input,.ht-field textarea{color:#24332f;width:100%;font:inherit;resize:vertical;background:#fff;border:1px solid #dfe6db;border-radius:9px;margin-top:8px;padding:12px 13px;font-size:13px;font-weight:400;display:block}.ht-field input::placeholder,.ht-field textarea::placeholder{color:#a6afa6}.ht-fieldset{border:0;margin:0 0 17px;padding:0}.ht-fieldset legend{color:#465a4c;margin-bottom:9px;font-size:12px;font-weight:700}.ht-icon-choices,.ht-color-choices{gap:9px;display:flex}.ht-icon-choices button{color:#9aa89a;background:#fff;border:1px solid #e3e9e0;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.ht-icon-choices button.selected{color:#3d7c5a;background:#edf5ed;border-color:#5f9d77}.ht-color-choices button{color:#fff;border:2px solid #fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid;box-shadow:0 0 0 1px #e5e9e3}.ht-color-choices button.selected{box-shadow:0 0 0 2px #6d9275}.ht-choice-coral{background:#dc8568}.ht-choice-sage{background:#6d9d7e}.ht-choice-blue{background:#76a4b3}.ht-choice-gold{background:#cda45a}.ht-choice-lavender{background:#998cb5}.ht-form-error{color:#b95e4b;font-size:11px}.ht-modal-actions{border-top:1px solid #eef0eb;justify-content:flex-end;gap:9px;margin-top:24px;padding-top:18px;display:flex}.ht-modal-actions button{min-height:39px}.ht-cancel,.ht-delete{color:#66766a;background:0 0;border:0;border-radius:8px;padding:0 12px;font-size:12px;font-weight:700}.ht-cancel:hover{background:#f2f5f0}.ht-delete{color:#bc705b;align-items:center;gap:5px;margin-right:auto;display:inline-flex}.ht-delete:hover{background:#fff0ea}@media (max-width:1050px){.ht-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.ht-workspace{grid-template-columns:minmax(0,1fr) 320px}.ht-day-panel{padding:22px}.ht-habit{gap:11px;padding:14px}.ht-habit-icon{width:43px;height:43px}.ht-habit-actions{gap:3px}}@media (max-width:850px){.ht-workspace{grid-template-columns:1fr}.ht-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.ht-day-panel{min-height:0}}@media (max-width:650px){.ht-header-inner{min-height:66px;padding:0 16px}.ht-brand-area{gap:11px}.ht-back{padding-right:11px;font-size:0}.ht-back svg{width:18px;height:18px}.ht-brand-mark{width:33px;height:33px}.ht-brand strong{font-size:20px}.ht-brand small{font-size:7px}.ht-today-pill{display:none}.ht-header-add{min-height:36px;padding:0 10px;font-size:11px}.ht-header-add svg{width:14px}.ht-main{padding:16px 15px}.ht-hero{grid-template-columns:1fr}.ht-hero>div:first-child{padding:24px 25px}.ht-hero h1{letter-spacing:-1.8px;font-size:40px}.ht-hero-art{min-height:125px}.ht-art-circle-one{width:120px;height:120px}.ht-art-circle-two{width:200px;height:200px}.ht-art-circle-three{width:260px;height:260px}.ht-art-card{width:220px;padding:10px;top:46%}.ht-art-icon{width:33px;height:33px}.ht-art-card strong{font-size:13px}.ht-art-card small{font-size:10px}.ht-stats{gap:9px;margin:13px 0 20px}.ht-stat{gap:9px;min-height:77px;padding:12px}.ht-stat-icon{width:34px;height:34px}.ht-stat-icon svg{width:16px}.ht-stat strong{font-size:21px}.ht-stat strong span{font-size:10px}.ht-stat-caption{display:none}.ht-sidebar{grid-template-columns:1fr}.ht-day-panel{padding:19px}.ht-section-head h2{font-size:25px}.ht-section-head p:not(.ht-eyebrow){font-size:12px}.ht-habit{gap:9px;padding:12px}.ht-habit-icon{width:39px;height:39px}.ht-habit-icon svg{width:18px}.ht-habit h3{font-size:13px}.ht-habit p{font-size:10px}.ht-streak{font-size:9px}.ht-edit{width:28px}.ht-check{width:33px;height:33px}.ht-progress{padding:14px}.ht-calendar-panel,.ht-week-panel{padding:20px}}@media (max-width:360px){.ht-header-add{font-size:0}.ht-header-add svg{width:17px;height:17px}.ht-habit-icon,.ht-streak{display:none}.ht-modal-actions{flex-wrap:wrap}.ht-delete{justify-content:flex-start;width:100%}}@media (prefers-reduced-motion:no-preference){.ht-hero,.ht-stats,.ht-workspace{animation:.5s both ht-enter}.ht-stats{animation-delay:60ms}.ht-workspace{animation-delay:.12s}@keyframes ht-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}}@media (prefers-reduced-motion:reduce){.ht-app *,.ht-app :before,.ht-app :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}