:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#25313c;background:#f5f7f9;font-synthesis:none;font-weight:400;line-height:1.55;--ink: #25313c;--muted: #64717d;--line: #e0e6eb;--steel: #527087;--green: #32664b;--panel: #fff}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.button{cursor:pointer;border:1px solid #d8e0e6;background:#fff;color:var(--ink);border-radius:10px;padding:10px 15px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;transition:background .16s,transform .16s}button:hover,.button:hover{background:#edf2f5}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #527e9f;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:clamp(26px,2.8vw,36px);letter-spacing:-1.2px;line-height:1.2;font-weight:650}h2{font-size:19px;letter-spacing:-.4px;line-height:1.4}h3{font-size:16px;line-height:1.4}p{margin-top:10px;color:#5b6a77}small,.small{font-size:13px}.muted{color:var(--muted)}.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.6px;color:#637786;margin-bottom:10px}.primary{background:var(--ink);border-color:var(--ink);color:#fff}.primary:hover{background:#3a4b59}.link{border:0;background:transparent;color:var(--steel);padding:8px 0;justify-content:flex-start}.link:hover{background:transparent;color:#25313c}.panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:26px;box-shadow:0 4px 20px #263d4d03}.app-shell{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:234px;background:#25313c;color:#fff;padding:32px 23px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.brand img{width:42px;height:49px;object-fit:contain}.brand>div{font-size:23px;letter-spacing:5px;font-weight:600;line-height:1.2}.brand small{display:block;font-size:7px;letter-spacing:2.6px;margin-top:6px;font-weight:500}.side-caption{font-size:8px;letter-spacing:1.4px;color:#aab9c5;margin:25px 0 37px}.sidebar nav{display:grid;gap:10px}.sidebar nav button{justify-content:flex-start;background:transparent;color:#bdc8d1;border:0;border-radius:10px;padding:14px;gap:15px;font-size:14px;font-weight:500}.sidebar nav button.active{background:#ffffff14;color:#fff;box-shadow:inset 3px 0 #c7d5df}.sidebar nav button:hover{background:#ffffff0c}.side-foot{margin-top:auto;border-top:1px solid #ffffff1c;padding:25px 4px 0;display:flex;gap:12px;align-items:center;color:#bbc9d3}.side-foot p{font-size:11px;color:#b0bfca;margin:0}.workspace{margin-left:234px}.topbar{height:82px;background:#ffffffcf;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px}.topbar .brand{display:none}.desktop-title{font-size:11px;letter-spacing:2px;font-weight:700}.desktop-title span{color:#7b8c98;font-size:10px;margin-left:13px}.top-meta{display:flex;gap:8px;align-items:center;font-size:11px;color:#5b6e7a}.save-dot{width:6px;height:6px;border-radius:50%;background:#7fa991}.offline{display:flex;gap:5px;align-items:center;margin-right:8px}.demo-banner{display:flex;gap:10px;align-items:center;justify-content:center;background:#e6edf3;padding:8px 20px;font-size:11px;color:#3e5a70}.demo-banner button{font-size:11px;min-height:32px;padding:4px 10px}.workspace main{max-width:1440px;margin:auto;padding:38px 42px 0}.page-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:30px}.page-heading p{font-size:13px;margin-top:11px}.page-heading .eyebrow{font-size:9px}.today-overview{border-radius:18px;border:1px solid #d7e1e6;display:grid;grid-template-columns:1.2fr .8fr 1fr;margin-bottom:32px;background:linear-gradient(115deg,#e9eff2,#f3f6f8 60%,#e8efeb);padding:27px 30px;gap:30px}.overview-main{display:flex;align-items:center;justify-content:space-between;gap:20px}.overview-main h2{font-size:44px;line-height:1;letter-spacing:-2px}.overview-main h2 span{font-size:25px;color:#87969f;font-weight:400}.overview-main p{font-size:12px;margin-top:9px}.overview-main .eyebrow{font-size:9px;margin-bottom:15px}.ring{--progress: 0%;width:86px;height:86px;flex:none;border-radius:50%;background:conic-gradient(#688f7c var(--progress),#d8e3df 0);display:grid;place-items:center;position:relative}.ring:before{content:"";position:absolute;inset:7px;background:#eef3f3;border-radius:50%}.ring span{z-index:1;font-size:17px;font-weight:650}.overview-detail{border-left:1px solid #ced9df;padding-left:28px;display:flex;flex-direction:column;justify-content:center}.overview-detail>span{font-size:11px;color:#576a78}.overview-detail strong{font-size:30px;font-weight:600;line-height:1.3;margin-top:8px;letter-spacing:-1px}.overview-detail p{font-size:11px;margin-top:5px}.content-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:26px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px}.section-title h2{font-size:18px}.count{display:inline-grid;place-items:center;border-radius:6px;font-size:11px;color:#536f80;background:#e8eef2;min-width:23px;height:23px;margin-left:7px;vertical-align:middle}.habit-list{display:grid;gap:12px}.habit-row{display:flex;align-items:center;gap:16px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:14px;position:relative;flex-wrap:wrap;transition:background .2s}.habit-row.done{background:#f3f8f5;border-color:#d7e6dc}.habit-number{color:#8c9ba5;font-size:11px;font-weight:600}.habit-content{flex:1;min-width:0}.habit-content h3{font-size:14px;overflow-wrap:anywhere}.status-label{font-size:11px;display:inline-block;margin-top:4px;color:#617483}.status-label.done{color:#32664b}.status-label.missed{color:#864150}.status-label.paused{color:#75561e}.check-button{height:42px;width:42px;border-radius:50%;padding:8px;min-height:42px;border-color:#d4dfe5;color:#9babb5}.check-button.checked{background:#d4e8db;border-color:#c4dfcd;color:#32664b;animation:confirm .2s ease-out}.more-button{padding:0;border:0;background:transparent;min-width:36px;color:#6b7d8b}.status-menu{flex-basis:100%;display:grid;grid-template-columns:1fr 1fr;gap:7px;border-top:1px solid var(--line);padding-top:13px}.status-menu button{font-size:12px;font-weight:500;justify-content:flex-start;min-height:42px}.status-menu button span{width:17px;text-align:center}.today-aside{display:grid;gap:18px;align-content:start}.insight{background:#e9eef1;border-color:#e0e7ec}.insight .eyebrow{font-size:8px;letter-spacing:1px}.insight h2{font-size:26px;line-height:1.2;margin-top:20px;font-weight:600;letter-spacing:-.7px}.insight p{font-size:12px;line-height:1.8;margin-top:15px}.insight .link{font-size:11px;margin-top:18px}.today-aside h3{font-size:13px}.legend{display:grid;gap:12px;margin-top:18px}.legend>span{display:flex;align-items:center;gap:10px;font-size:11px;color:#566a78}.status-symbol{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:7px;font-size:12px;font-weight:600;flex:none}.done{background:#cee5d7;color:#285b41}.missed{background:#f0dadf;color:#864150}.paused{background:#f2e5c3;color:#75561e}.missing{background:#dfe8f0;color:#4d6578}.unplanned{background:#edf1f4;color:#667984}.mixed{background:#c7d9de;color:#365a69}.future{background:#fff;color:#77838c}.footnote{font-size:11px;line-height:1.8;color:#657682;margin-top:17px}.empty{padding:35px;text-align:center}.empty-glyph{width:61px;height:61px;display:grid;place-items:center;background:#edf2f5;border-radius:18px;color:#607f93;margin:0 auto 20px}.empty h2{font-size:20px}.empty p{font-size:13px;max-width:440px;margin:12px auto 20px}.empty>.link{display:flex;margin:10px auto 0;font-size:12px;justify-content:center}.habit-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.habit-config{padding:23px}.habit-config-title{display:flex;gap:12px;align-items:center}.habit-mark{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;color:#25313c;flex:none}.habit-config-title h2{font-size:16px;overflow-wrap:anywhere}.habit-config p{font-size:12px;margin:17px 0 3px}.config-actions{display:flex;gap:8px;margin-top:22px}.config-actions button{font-size:11px;padding:8px 10px}.config-actions button:first-child{flex:1}.add-card{display:flex;flex-direction:column;gap:8px;min-height:225px;background:transparent;border:1px dashed #bccbd5;border-radius:18px;color:#5d798c}.add-card span{font-size:11px;font-weight:400}.archived{margin-top:30px}.archive-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);gap:20px}.calendar-layout{display:grid;grid-template-columns:minmax(340px,1.15fr) minmax(300px,1fr);gap:28px}.calendar-panel{align-self:start}.month-picker{display:flex;align-items:center;gap:8px;justify-content:space-between}.month-picker button{padding:7px;min-width:42px}.month-picker input{border:0;background:transparent;font-size:16px;font-weight:600;color:#25313c;padding:8px;width:180px;min-width:0;max-width:100%}.filter-label{display:block;margin:22px 0 17px;font-size:11px;font-weight:600;color:#617482}.filter-label select{display:block;width:100%;margin-top:6px}.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.calendar-weekdays{font-size:10px;color:#6f818d;text-align:center;margin:20px 0 10px}.calendar-day{min-width:0;min-height:62px;border:1px solid transparent;display:flex;flex-direction:column;gap:1px;padding:7px 0;border-radius:10px;position:relative;font-size:14px;font-weight:400}.calendar-day span{font-size:10px}.calendar-day.selected{outline:2px solid #47677e;outline-offset:1px}.calendar-day.today i{width:4px;height:4px;background:currentColor;border-radius:50%;position:absolute;bottom:4px}.heat-legend{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:25px;font-size:10px;color:#627481}.heat-legend span{display:flex;align-items:center;gap:6px}.heat-legend i{height:10px;width:10px;border:1px solid #d2dce2;border-radius:3px}.stats-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:15px}.segments{display:flex;gap:4px;background:#e7edf1;padding:5px;border-radius:12px}.segments button{border:0;background:transparent;font-size:12px;padding:8px 16px;min-height:36px;color:#647b8a}.segments button.active{background:#fff;box-shadow:0 2px 5px #25313c0c;color:#25313c}.stats-summary{display:flex;gap:35px;align-items:center;margin-top:22px;margin-bottom:24px;background:linear-gradient(110deg,#fff,#f0f5f2)}.stats-summary>div:first-child{flex:1}.stats-summary>div:first-child>strong{font-size:46px;letter-spacing:-2px;font-weight:600;line-height:1.2}.stats-summary p{font-size:12px;margin-top:5px}.status-counts{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;flex:1.5}.status-counts>div{display:grid;grid-template-columns:25px 1fr;align-items:center;gap:7px}.status-counts strong{font-size:25px;font-weight:600}.status-counts>div>span:last-child{font-size:10px;grid-column:1/-1;color:#657785}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.metric-list{display:grid;gap:20px;margin-top:24px}.metric>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;margin-bottom:8px;overflow-wrap:anywhere}.metric>div>span:last-child{display:flex;gap:12px;align-items:center;white-space:nowrap}.metric b{font-size:12px;font-weight:600}.metric small{color:#6f818d;font-size:10px}.progress{height:6px;background:#eaf0f1;border-radius:10px;overflow:hidden}.progress>div{height:100%;background:#80a792;border-radius:10px}.bars{display:flex;gap:4px;height:160px;align-items:stretch;margin-top:25px;overflow-x:auto;padding-bottom:4px}.bar-col{flex:1;min-width:5px;display:flex;flex-direction:column;align-items:center}.bar-track{width:100%;height:130px;background:#edf2f4;display:flex;align-items:flex-end;border-radius:4px;overflow:hidden}.bar-track>div{background:#80a792;width:100%;border-radius:4px 4px 0 0;min-height:0}.bar-col>span{font-size:8px;color:#718490;padding-top:6px}.bar-col:nth-child(2n)>span{opacity:.5}.daily-chart details{margin-top:15px}summary{cursor:pointer;font-size:11px;color:#536f80;min-height:30px;padding:5px 0}.chart-data{display:grid;gap:5px;font-size:11px;max-height:190px;overflow:auto}.partial{display:block;font-size:9px;color:#75838c;margin-top:5px}.info-note{background:#e9f0f4;padding:15px 18px;border-radius:12px;font-size:12px;color:#4c677b;margin:20px 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.settings-grid p{font-size:13px;line-height:1.8}.section-icon{color:#587b8e;margin-bottom:16px}.settings-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.settings-actions button,.settings-actions .button{font-size:12px}.upload{position:relative;overflow:hidden}.upload input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.upload:focus-within{outline:3px solid #527e9f;outline-offset:3px}.data-summary{display:flex;flex-wrap:wrap;gap:9px;margin:22px 0 0}.data-summary span,.pill{background:#eef2f5;border-radius:7px;padding:7px 10px;font-size:11px;color:#5c7484}.instruction-list{padding-left:20px;font-size:12px;display:grid;gap:16px;color:#5b6a77;margin:22px 0}.demo-card{background:#eaf0f3}.demo-card h2{margin-top:15px}.demo-card>button{margin-top:20px}.alert,.save-message{display:flex;align-items:center;gap:9px;border-radius:12px;padding:12px 16px;margin-bottom:20px;font-size:12px}.error{background:#f9e5e7;color:#893d4d;border:1px solid #edcbd0}.alert button{margin-left:auto;border:0;background:transparent;color:inherit;min-height:30px;padding:4px}.save-message{background:#e4f0e8;color:#32664b;flex-wrap:wrap}.save-message>button{background:transparent;border:0;font-size:11px;min-height:30px;padding:4px 8px}.save-message>button:last-child{margin-left:auto}footer{display:flex;justify-content:space-between;border-top:1px solid #dfe6eb;padding:22px 0 26px;margin-top:50px;font-size:8px;letter-spacing:2px;color:#81939e}footer span{letter-spacing:.3px}.bottom-nav{display:none}.modal{border:1px solid #dce5eb;border-radius:22px;padding:30px;width:min(520px,calc(100% - 28px));max-height:calc(100dvh - 40px);overflow:auto;color:#25313c;background:#fff;box-shadow:0 25px 100px #172c3a26}.modal::backdrop{background:#18293680;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:23px}.modal-heading button{border:0;padding:6px}.modal h2{font-size:23px}.modal p{font-size:13px}.modal label:not(.checkbox-label){display:block;font-size:12px;font-weight:600;margin:18px 0}.modal label>input:not([type=checkbox]):not([type=color]){display:block;width:100%;margin-top:7px}.modal input,.filter-label select{background:#f8fafb;border:1px solid #d6e0e7;border-radius:9px;padding:12px;color:#25313c;min-height:45px;font-size:14px;min-width:0}fieldset{padding:0;border:0;margin:22px 0}legend{font-size:12px;font-weight:600;margin-bottom:10px}.presets{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:13px}.presets button{font-size:10px;padding:6px 10px;min-height:34px;font-weight:500}.day-buttons{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;margin:12px 0}.day-buttons button{min-width:0;padding:6px 0;font-size:12px;min-height:44px}.day-buttons button.selected{background:#dce8ee;border-color:#aabfcd;color:#294b62}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:12px;margin:22px 0}.checkbox-label input{width:19px;min-height:19px;accent-color:#45677e}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:28px}.modal-actions button{font-size:12px}.colour-label{display:flex!important;align-items:center;gap:16px}.colour-label input{padding:2px;width:45px;height:34px;min-height:34px}.warning{background:#fcf0df;padding:14px;border-radius:10px;color:#805b30}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes confirm{0%{transform:scale(.87)}to{transform:scale(1)}}@media(min-width:1600px){.workspace main{padding-top:48px}.today-overview{padding:35px}.habit-row{padding:23px}.panel{padding:30px}}@media(max-width:1200px){.sidebar{width:200px;padding:28px 17px}.workspace{margin-left:200px}.workspace main{padding:30px 26px 0}.topbar{padding:0 26px}.today-overview{gap:18px;padding:24px}.overview-detail{padding-left:18px}.ring{width:69px;height:69px}.habit-cards{grid-template-columns:1fr 1fr}.status-counts{gap:13px}.stats-summary{gap:20px}.calendar-layout{gap:20px;grid-template-columns:1fr 1fr}.calendar-panel{padding:20px}.calendar-grid{gap:4px}.calendar-day{min-height:54px}.content-grid{grid-template-columns:minmax(0,1.6fr) minmax(240px,1fr);gap:20px}}@media(max-width:950px){.sidebar{width:85px;padding:25px 14px}.sidebar .brand{justify-content:center}.sidebar .brand>div,.side-caption,.side-foot{display:none}.sidebar nav{margin-top:45px}.sidebar nav button{justify-content:center;padding:15px}.sidebar nav button span{display:none}.workspace{margin-left:85px}.today-overview{grid-template-columns:1.3fr 1fr}.month-result{grid-column:1/-1;border-left:0;border-top:1px solid #ced9df;padding:16px 0 0;display:grid;grid-template-columns:1fr auto;align-items:center}.month-result strong{font-size:24px;margin:0;grid-column:2;grid-row:1/3}.month-result p{margin:3px 0 0}.content-grid{grid-template-columns:1fr}.today-aside,.calendar-layout{grid-template-columns:1fr 1fr}.stats-summary{align-items:flex-start}.status-counts{grid-template-columns:1fr 1fr;gap:15px 25px}.stats-toolbar{flex-wrap:wrap}}@media(max-width:700px){.sidebar{display:none}.workspace{margin-left:0}.topbar{height:74px;padding:0 20px}.topbar .brand{display:flex}.topbar .brand img{width:28px;height:36px}.topbar .brand>div{font-size:17px;letter-spacing:3.5px}.topbar .brand small{font-size:5px;letter-spacing:1.6px;margin-top:4px}.desktop-title{display:none}.top-meta{font-size:9px;gap:5px}.offline{font-size:9px;margin:0}.workspace main{padding:26px 18px 85px;max-width:580px}.page-heading{margin-bottom:24px;align-items:flex-start;flex-wrap:wrap;gap:16px}.page-heading h1{font-size:28px;line-height:1.15;max-width:330px;letter-spacing:-.9px}.page-heading p{font-size:12px;line-height:1.7}.page-heading .eyebrow{font-size:8px;margin-bottom:12px}.page-heading .primary{font-size:12px;width:100%}.today-overview{padding:22px 19px;gap:20px;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);border-radius:16px;margin-bottom:26px}.overview-main{gap:10px}.overview-main h2{font-size:37px}.overview-main h2 span{font-size:22px}.overview-main .eyebrow{font-size:7px;letter-spacing:1px}.overview-main p{font-size:10px}.ring{width:57px;height:57px}.ring:before{inset:5px}.ring span{font-size:12px}.overview-detail{padding-left:16px}.overview-detail>span{font-size:10px}.overview-detail strong{font-size:27px}.overview-detail p{font-size:9px}.month-result{padding:14px 0 0}.month-result strong{font-size:24px}.month-result>span{font-size:10px}.month-result p{font-size:10px}.section-title{margin-bottom:14px}.section-title h2{font-size:17px}.section-title>.small{font-size:9px}.habit-list{gap:10px}.habit-row{gap:12px;padding:16px 13px;border-radius:13px}.habit-number{font-size:9px}.habit-content h3{font-size:13px}.status-label{font-size:10px}.check-button{width:42px;height:42px;min-height:42px}.more-button{min-width:30px;min-height:44px}.today-aside{grid-template-columns:1fr}.today-aside .insight{margin-top:6px}.insight h2{font-size:24px}.panel{padding:22px;border-radius:16px}.today-aside .legend{display:grid;grid-template-columns:1fr 1fr;gap:10px}.footnote{font-size:10px}.bottom-nav{display:flex;justify-content:space-around;position:fixed;bottom:0;left:0;right:0;background:#ffffffef;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid #dbe4ea;padding:8px 6px max(8px,env(safe-area-inset-bottom));z-index:30}.bottom-nav button{flex:1;min-width:0;border:0;border-radius:9px;padding:5px 0;background:transparent;color:#7b8d9a;display:flex;flex-direction:column;gap:4px;min-height:48px}.bottom-nav button span{font-size:9px;font-weight:500}.bottom-nav button.active{color:#294d66;background:#edf3f6}.demo-banner{padding:7px 12px;font-size:9px;gap:7px;justify-content:space-between}.demo-banner>svg{display:none}.demo-banner button{font-size:9px;min-height:30px;white-space:nowrap;padding:4px 7px}.habit-cards{grid-template-columns:1fr;gap:14px}.habit-config{padding:21px}.habit-config-title h2{font-size:16px}.habit-config p{margin-top:15px}.config-actions{margin-top:17px}.add-card{min-height:140px}.archive-row{flex-direction:column;gap:5px;font-size:13px}.calendar-layout{grid-template-columns:minmax(0,1fr);gap:27px}.calendar-panel{padding:20px 16px}.calendar-day{min-height:58px;border-radius:9px}.calendar-day strong{font-size:13px}.calendar-grid,.calendar-weekdays{gap:5px}.month-picker input{font-size:16px;width:185px}.month-picker button{min-width:40px}.heat-legend{gap:8px 10px;font-size:9px}.filter-label{font-size:10px}.calendar-layout .section-title h2{font-size:19px}.stats-toolbar{gap:15px;flex-direction:column;align-items:stretch}.segments{width:100%;justify-content:space-between}.segments button{flex:1;padding:8px 10px;white-space:nowrap;font-size:11px}.stats-toolbar .month-picker{background:#fff;border:1px solid var(--line);padding:5px;border-radius:10px}.stats-summary{display:block;padding:23px}.stats-summary>div:first-child>strong{font-size:43px}.status-counts{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:23px;padding-top:20px;border-top:1px solid #e0e8e4}.status-counts>div{gap:5px;grid-template-columns:1fr}.status-counts .status-symbol{width:22px;height:22px}.status-counts strong{font-size:22px}.status-counts>div>span:last-child{font-size:9px;overflow-wrap:anywhere}.stats-grid{grid-template-columns:1fr;gap:17px}.stats-grid h2{font-size:17px}.metric-list{gap:21px}.metric>div:first-child{font-size:12px}.metric b{font-size:11px}.bars{gap:3px}.settings-grid{grid-template-columns:1fr;gap:18px}.settings-grid h2{font-size:20px}.settings-grid p{font-size:12px}.settings-actions{flex-direction:column}.settings-actions>*{width:100%}.empty{padding:28px 22px}.empty h2{font-size:20px}.empty p,.empty .primary{font-size:12px}.modal{padding:23px 20px;border-radius:18px}.modal h2{font-size:21px}.modal-actions button{font-size:11px;padding:10px 12px}.day-buttons{gap:5px}.presets button{font-size:10px}.save-message{font-size:11px;padding:10px 12px}footer{margin-top:32px;font-size:7px;gap:15px;letter-spacing:1.2px}footer span{font-size:8px;letter-spacing:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.habit-row.missing{background:#fff}.habit-row.paused{background:#fffcf3}.habit-row.missed{background:#fff8f8}.habit-title-link{font:inherit;border:0;background:transparent;text-align:left;padding:0;justify-content:flex-start;overflow-wrap:anywhere;min-height:44px}.habit-details-button{font-size:12px;margin-top:8px}.plot-day{display:flex;flex-direction:column;min-width:0;border:0;border-radius:7px;background:transparent;padding:4px 2px;gap:5px;font-size:10px;font-weight:500;min-height:130px}.plot-day:hover{background:#edf4f6}.plot-day.chosen{outline:2px solid #587e94;outline-offset:-2px}.plot-percent{font-size:10px;color:#39566a;white-space:nowrap}.interactive-bars{display:flex;gap:5px;padding:5px 2px;align-items:stretch}.interactive-bars>.plot-day{flex:1}.plot-track{width:100%;height:115px;position:relative;background:#eff3f5;border-radius:6px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden}.plot-track i{width:100%;border-radius:5px;background:linear-gradient(0deg,#80ae98,#b4d4c1);transition:height .3s ease}.heat-zero .plot-track i{background:#cd8e97}.heat-low .plot-track i{background:linear-gradient(0deg,#ce9b85,#ead0b6)}.heat-medium .plot-track i{background:linear-gradient(0deg,#8caebf,#c4d8e0)}.heat-high .plot-track i{background:linear-gradient(0deg,#72a295,#b1d0c0)}.heat-full .plot-track i{background:linear-gradient(0deg,#497d68,#92bda5)}.plot-track em{font-style:normal;color:#71838e;align-self:center}.chart-scroll{overflow-x:auto;max-width:100%;padding:5px 0 10px;overscroll-behavior-inline:contain}.daily-v2{min-width:0;margin-top:15px}.daily-v2.compact-trend{margin-top:0}.compact-trend .plot-day{min-height:72px;gap:3px}.compact-trend .plot-track{height:38px}.compact-trend .plot-percent{font-size:9px}.compact-trend .chart-scroll{padding-bottom:0}.chart-inspector{display:flex;flex-wrap:wrap;align-items:center;gap:7px 14px;background:#edf3f6;border-radius:11px;padding:13px 15px;margin-top:10px;font-size:12px;min-height:55px}.chart-inspector strong{font-weight:650}.chart-inspector small{font-size:11px;flex-basis:100%;color:#526c7e}.heatmap-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.heat-cell{min-width:0;min-height:58px;display:flex;flex-direction:column;gap:0;padding:8px 2px;border:1px solid #d6e2e5;font-size:13px;transition:background .25s}.heat-cell span{font-size:10px}.heat-cell.selected{outline:2px solid #4c7086;outline-offset:1px}.heat-zero{background:#f2dadd;color:#813e4c}.heat-low{background:#ebd6bc;color:#73512b}.heat-medium{background:#cbdee6;color:#365d72}.heat-high{background:#abcdbd;color:#285a43}.heat-full{background:#54846c;color:#fff}.heat-unplanned{background:#ecf0f2;color:#677984}.heat-open{background:repeating-linear-gradient(135deg,#fff,#fff 5px,#f0f3f5 5px 7px);color:#657782}.heat-scale{display:flex;flex-wrap:wrap;gap:8px 13px;font-size:10px;color:#526979;margin:18px 0}.heat-scale>span{display:flex;gap:5px;align-items:center}.heat-scale i{display:inline-block;width:12px;height:12px;border:1px solid #bfcdd5;border-radius:3px}.stats-heatmap{margin-top:24px;max-width:760px}.period-comparison{margin-top:24px}.week-visual{display:grid;gap:17px;margin-top:22px}.week-visual-row{display:block;border:1px solid #e2e9ed;padding:14px;text-align:left;font-size:12px;background:#f9fbfc}.week-visual-row>div:first-child,.week-caption{display:flex;justify-content:space-between;gap:10px;align-items:center}.week-rail{height:18px;border-radius:6px;background:#e6edf1;margin:12px 0 8px;overflow:hidden}.week-rail i{height:100%;display:block;background:linear-gradient(90deg,#85a9ba,#8ab09a);border-radius:6px;transition:width .3s}.week-caption{font-size:10px;color:#536c7d}.week-visual-row p{font-size:11px;line-height:1.7}.comparison h3{font-size:16px}.comparison-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.comparison-pair>div{background:#edf3f6;padding:18px;border-radius:12px;display:grid;gap:5px}.comparison-pair>div:last-child{background:#e8f1eb}.comparison-pair span{font-size:12px}.comparison-pair strong{font-size:27px;font-weight:650}.comparison-pair small{font-size:11px;color:#536e7e}.comparison p{font-size:12px;margin-top:16px}.habit-month-score{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0}.habit-month-score strong{font-size:36px}.habit-month-score span{font-size:12px;color:#5b7180}.analytic-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding-bottom:15px}.analytic-counts>div{display:grid;gap:5px;font-size:10px}.analytic-counts strong{font-size:20px}.habit-analytics h3{margin-top:26px;margin-bottom:14px}.habit-analytics .comparison{margin-top:25px}.habit-analytics .heatmap-grid{gap:5px}.backup-reminder{background:#f3f4ee}.backup-reminder p{font-size:12px}.backup-reminder button{margin-top:10px;font-size:12px}.backup-reminder .link{display:flex}.today-trend .section-title{margin-bottom:0}.today-trend h3{font-size:13px}.today-trend .link{font-size:11px;min-height:44px}.status-menu button{min-height:44px}.modal{scroll-padding-bottom:30px}.modal-heading h2{overflow-wrap:anywhere;min-width:0}.modal-heading button{flex:none}.stats-grid>section,.content-grid>section,.content-grid>aside{min-width:0}.heat-cell:focus-visible,.plot-day:focus-visible{outline:3px solid #294d66;outline-offset:1px}.heat-cell:hover{filter:brightness(.97)}@media(min-width:1000px){.stats-heatmap{max-width:none}.stats-heatmap .activity-map{max-width:730px;margin:auto}.view-today .today-overview{margin-bottom:24px}}@media(max-width:700px){.view-today .topbar{height:60px}.view-today main{padding-top:17px}.view-today .page-heading{margin-bottom:16px}.view-today .page-heading h1{font-size:25px;max-width:none}.view-today .page-heading p{margin-top:6px;font-size:11px}.view-today .page-heading .eyebrow{display:none}.view-today .today-overview{grid-template-columns:1.25fr 1fr;padding:14px 16px;gap:11px 15px;margin-bottom:18px}.view-today .overview-main .eyebrow{display:none}.view-today .overview-main h2{font-size:31px}.view-today .overview-main p{font-size:9px;margin-top:3px}.view-today .ring{width:48px;height:48px}.view-today .ring span{font-size:10px}.view-today .overview-detail strong{font-size:24px;margin-top:0}.view-today .overview-detail p{display:none}.view-today .month-result{padding-top:9px;grid-template-columns:1fr auto}.view-today .month-result strong{font-size:21px;grid-row:1}.view-today .month-result>span{font-size:10px}.view-today .month-result p{display:block;font-size:9px;grid-column:1/-1;margin-top:0}.view-today .section-title{margin-bottom:10px}.view-today .habit-row{padding:12px 11px}.view-today .content-grid{gap:17px}.view-today .today-aside{gap:15px}.view-today .today-trend{padding:14px 17px}.view-today .today-trend .section-title{margin:0}.view-today .today-trend .link{min-height:32px}.view-today .save-message{margin-bottom:13px}.interactive-bars{gap:4px}.plot-track{height:105px}.plot-day{min-height:142px;min-width:30px}.compact-trend .plot-day{min-width:0;min-height:73px}.chart-inspector{font-size:11px;padding:11px}.heatmap-grid{gap:5px}.heat-cell{min-height:52px}.stats-heatmap .section-title{flex-direction:column;align-items:stretch;gap:15px}.stats-heatmap .month-picker{justify-content:space-between}.heat-scale{font-size:9px;gap:8px}.week-visual-row{padding:12px 10px}.week-caption{font-size:10px;align-items:flex-start}.week-caption>span:last-child{white-space:nowrap}.week-visual-row>div:first-child{font-size:11px}.comparison-pair{gap:9px}.comparison-pair>div{padding:13px}.comparison-pair strong{font-size:24px}.comparison-pair small{font-size:10px}.comparison p{font-size:11px}.habit-analytics .heat-cell{min-height:48px}.habit-analytics .heat-cell span{font-size:9px}.day-buttons{gap:3px}.day-buttons button{min-height:46px}.more-button,.check-button{min-height:44px;min-width:44px}.more-button{min-width:44px}.habit-row{gap:9px}.bottom-nav button{min-height:52px}.modal{max-height:calc(100dvh - 24px);margin:auto}.modal-actions{position:sticky;bottom:-23px;background:#fff;padding:12px 0;margin-top:16px;border-top:1px solid #e3e9ed}.modal .segments{gap:2px}.modal .comparison h3{font-size:15px}}@media(prefers-reduced-motion:reduce){.plot-track i,.week-rail i,.heat-cell{transition:none}}:root{--verum-blue: #7197b1;--verum-silver: #d5dfe5}.verum-panel{background:linear-gradient(115deg,#19252e,#33434f);color:#fff;border:1px solid #6d879650;border-radius:18px;display:grid;grid-template-columns:220px 1fr;min-height:245px;overflow:hidden;position:relative;margin-bottom:24px;box-shadow:0 12px 35px #1c354312}.verum-panel:after{content:"";position:absolute;right:40px;top:-50px;width:130px;height:260px;border-right:1px solid #d0e4f32b;border-bottom:1px solid #d0e4f32b;transform:rotate(30deg);pointer-events:none}.verum-panel img{width:100%;height:100%;max-height:300px;object-fit:cover;object-position:50% 24%;-webkit-mask-image:linear-gradient(90deg,#000 70%,transparent);mask-image:linear-gradient(90deg,#000 70%,transparent)}.verum-panel>div{padding:34px 30px;align-self:center;z-index:1}.verum-panel span{font-size:9px;letter-spacing:2px;color:#bbd1df}.verum-panel h2{font-size:30px;font-weight:500;letter-spacing:-.8px;margin-top:12px}.verum-panel p{color:#c7d6df;font-size:13px;max-width:500px;line-height:1.8}.verum-compact{min-height:110px;grid-template-columns:120px 1fr;border-radius:14px;margin-bottom:18px}.verum-compact img{height:120px;object-position:50% 15%}.verum-compact>div{padding:15px 20px}.verum-compact span{font-size:7px;letter-spacing:1.5px}.verum-compact h2{font-size:22px;margin-top:6px}.verum-compact p{font-size:11px;margin-top:5px}.onboarding{max-width:760px;padding:35px 20px;margin:auto}.intro-v03 .panel{padding:30px}.intro-v03 .primary{margin-top:25px}.view-today .page-heading{display:none}.view-today main{padding-top:20px}.settings-link{font-size:11px;padding:5px 10px;margin-left:auto;margin-right:20px;min-height:40px;border:0;background:transparent}.settings-link span{font-weight:500}.top-meta{max-width:220px;overflow-wrap:anywhere}.day-events{font-size:8px!important;position:absolute;right:3px;top:2px;letter-spacing:1px;color:#355b77}.archive-row{align-items:center;flex-wrap:wrap}.archive-row>button{font-size:11px}.danger{color:#924655}.cloud-panel{margin-top:24px}.cloud-panel form{max-width:520px}.cloud-panel>button{margin:8px 7px 0 0;font-size:12px}.sync-conflict{border:1px solid #d9ad78;background:#fff5e6;padding:20px;border-radius:12px;margin-top:18px}.sync-conflict button{margin:8px 8px 0 0;font-size:11px}.sync-conflict p{font-size:12px}.cloud-panel label,.inline-form label,.session-editor label,.notes-panel label,.reality-check label,.exercise-history label{display:block;font-size:12px;font-weight:600;margin:17px 0 10px}.cloud-panel input,.inline-form input,.inline-form select,.inline-form textarea,.session-editor input,.session-editor textarea,.notes-panel input,.notes-panel textarea,.reality-check textarea,.exercise-history select{display:block;width:100%;min-width:0;font:inherit;border:1px solid #cfdae2;background:#f8fafb;color:#25313c;border-radius:9px;padding:12px;margin-top:7px;font-weight:400;min-height:45px;font-size:14px}.cloud-panel input:focus,.inline-form input:focus,.session-editor input:focus{outline:2px solid #8daebe;outline-offset:1px}textarea{resize:vertical;min-height:80px;max-width:100%}.notes-panel h3{display:flex;gap:8px;align-items:center;font-size:16px}.notes-list{display:grid;gap:12px;margin-top:18px}.notes-list article{padding:15px;background:#edf3f6;border-radius:12px}.notes-list p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.notes-list button{font-size:11px;margin:10px 5px 0 0;min-height:36px;padding:6px 10px}.notes-list small{font-size:10px;color:#557084}.notes-panel{margin-top:20px}.notes-panel form>button{margin-right:7px;font-size:12px}.day-notes{padding:12px 18px;margin-top:20px}.tasks-view{margin-top:26px}.tasks-view .section-title{align-items:center}.tasks-view h2{font-size:18px}.tasks-view .section-title button{font-size:11px;white-space:nowrap}.task-list{display:grid;gap:12px}.task-card{display:flex;align-items:center;gap:13px;padding:18px}.task-card>div{flex:1;min-width:0}.task-card h3{font-size:14px;overflow-wrap:anywhere}.task-card small{font-size:10px;color:#597181}.task-card p{font-size:12px;white-space:pre-wrap}.task-card>button{font-size:11px;padding:8px}.task-done{background:#edf6ef;border-color:#c6decf}.task-cancelled{opacity:.7}.inline-form{margin-bottom:20px}.inline-form>button{margin:12px 7px 0 0;font-size:12px}.form-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:14px}.name-suggestions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 15px}.name-suggestions button{justify-content:flex-start;text-align:left;min-width:0;font-size:11px;padding:9px;gap:7px;background:#eef4f7;border:1px solid #dae5eb;font-weight:500;flex-wrap:wrap}.name-suggestions button span{flex:1;min-width:0;overflow-wrap:anywhere}.name-suggestions small{font-size:9px;color:#5e798c;flex-basis:100%;padding-left:23px}.modal select{display:block;width:100%;min-height:44px;padding:10px;border:1px solid #d6e0e7;border-radius:9px;background:#f8fafb;margin-top:7px;font-size:13px}.modal textarea{display:block;width:100%;font:inherit;border:1px solid #d6e0e7;border-radius:9px;padding:10px;margin-top:7px}.training{display:grid;gap:24px}.training>.verum-panel{margin-bottom:0}.plan-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.plan-grid button{font-size:12px;margin:15px 7px 0 0}.exercise-adder{background:#e9f1f5;border-radius:12px;padding:16px;margin:20px 0}.exercise-adder>button{font-size:12px;margin-top:12px}.field-choices{display:flex;gap:14px}.field-choices label{display:flex;gap:5px;align-items:center}.field-choices input{width:18px;min-height:18px;margin:0}.plan-exercise,.session-exercise{border-top:1px solid #dce5ea;padding-top:22px;margin-top:24px}.plan-exercise .config-actions button{font-size:11px}.session-history{display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #e0e8ed;padding:16px 0;font-size:12px}.session-history button{font-size:11px;flex:none}.set-row{display:flex;align-items:end;gap:12px;margin-top:10px}.set-row>strong{font-size:11px;color:#6a8191;min-width:17px;align-self:center}.set-row label{flex:1;min-width:0;margin:0;font-size:10px}.set-row input{padding:10px 7px;font-size:14px}.set-row>button{flex:none;padding:8px;min-width:40px}.previous-result{border-left:3px solid #9bb5c6;padding:13px 15px;background:#edf3f6;margin:15px 0;border-radius:0 10px 10px 0}.previous-result strong{font-size:11px}.previous-result p{font-size:12px}.session-exercise>button,.session-editor>button{margin:15px 7px 0 0;font-size:12px}.exercise-history select{margin-bottom:20px}.exercise-chart{display:grid;gap:20px}.exercise-chart article{background:#eef4f6;border-radius:12px;padding:17px}.exercise-chart strong{font-size:12px}.exercise-chart .progress{margin:10px 0}.exercise-chart span,.exercise-chart p{font-size:11px}.reality-check{margin:28px 0;display:grid;gap:20px}.reality-check .verum-panel{margin:0}.reality-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:25px 0}.reality-metrics>div{display:grid;gap:6px}.reality-metrics strong{font-size:24px;font-weight:600}.reality-metrics span{font-size:10px;color:#5e7789}.reality-check .panel>p{font-size:13px}.reality-check .panel>h3{margin-top:25px}.review-item{padding:17px 0;border-bottom:1px solid #e1e8ed;font-size:12px}.review-item strong{font-size:12px}.confrontation-jump{display:flex;justify-content:flex-end;margin-bottom:18px}.confrontation-jump button{font-size:11px}.settings-grid+.cloud-panel{margin-top:22px}.modal input[type=date]{width:100%}.settings-link:focus-visible{outline:3px solid #93acbc}.top-meta .save-dot{flex:none}@media(max-width:700px){.topbar{padding:0 16px}.settings-link{margin:0 5px 0 auto;padding:5px;min-width:38px}.settings-link span{display:none}.top-meta{font-size:8px;max-width:100px}.verum-panel{grid-template-columns:115px 1fr;min-height:190px;border-radius:15px}.verum-panel img{height:100%;object-position:50% 25%}.verum-panel>div{padding:18px 12px}.verum-panel span{font-size:6px;letter-spacing:1px}.verum-panel h2{font-size:22px;line-height:1.2;margin-top:8px}.verum-panel p{font-size:11px;line-height:1.7}.verum-panel:after{right:20px;width:80px;height:180px}.verum-compact{grid-template-columns:80px 1fr;min-height:85px;margin-bottom:14px}.verum-compact img{height:88px;object-position:50% 13%}.verum-compact>div{padding:10px 9px}.verum-compact h2{font-size:17px;letter-spacing:-.3px;margin-top:4px}.verum-compact p{font-size:9px;margin-top:3px}.verum-compact span{font-size:5px;letter-spacing:.9px}.view-today main{padding-top:15px}.view-today .today-overview{margin-bottom:15px}.view-today .habit-row{padding:12px 10px}.name-suggestions{gap:5px}.name-suggestions button{font-size:10px;padding:8px;min-height:48px}.task-card{padding:14px 11px;gap:9px;flex-wrap:wrap}.task-card>div{flex-basis:calc(100% - 35px)}.task-card>button{font-size:10px;min-height:40px}.task-card>button:first-of-type{margin-left:25px}.task-card h3{font-size:13px}.form-columns{gap:10px;grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr}.training{gap:17px}.training .panel{padding:20px 16px}.training .section-title{flex-wrap:wrap}.training .section-title>button{font-size:11px}.set-row{gap:7px}.set-row input{font-size:13px;padding:10px 5px}.set-row>strong{min-width:12px}.set-row>button{padding:8px 5px;min-width:34px}.previous-result{padding:12px}.session-history{align-items:flex-start;flex-wrap:wrap;font-size:11px}.session-history button{min-height:40px}.reality-metrics{grid-template-columns:repeat(3,1fr);gap:18px 10px}.reality-metrics strong{font-size:22px}.reality-check .panel>p{font-size:12px}.cloud-panel form .config-actions{flex-wrap:wrap}.cloud-panel form .config-actions button{font-size:11px}.sync-conflict{padding:15px}.sync-conflict button{width:100%;margin-right:0}.day-events{font-size:7px!important;right:2px;top:2px}.intro-v03 .panel{padding:24px 20px}.intro-v03 .panel h2{font-size:22px}.intro-v03 .panel p{font-size:13px}.notes-panel textarea{font-size:14px}.notes-list article{padding:13px}.onboarding{padding:25px 17px}.cloud-panel .info-note button{font-size:10px;width:100%;padding:10px}.archive-row{gap:8px}.bottom-nav button span{font-size:9px}.view-training .page-heading h1,.view-settings .page-heading h1{font-size:25px}.day-notes .notes-panel{margin-top:10px}.exercise-adder{padding:12px}.field-choices{gap:10px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){.confrontation-jump+*{scroll-behavior:auto}}