@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-400-normal-B7HHA2Vw.woff2)format("woff2"),url(/assets/patrick-hand-latin-400-normal-Df9_VoRQ.woff)format("woff")}@font-face{font-family:Patrick Hand;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/patrick-hand-latin-ext-400-normal-Dno5CMlI.woff2)format("woff2"),url(/assets/patrick-hand-latin-ext-400-normal-C2ywpnn3.woff)format("woff")}@font-face{font-family:Playwrite FR Moderne;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/playwrite-fr-moderne-300-BFnas-J8.woff2)format("woff2")}:root{--ink-blue:#1d3fa6;--ink-black:#24242b;--ink-red:#c42a3a;--ink-green:#1b7340;--graphite:#55555f;--hl-yellow:#ffec50bf;--hl-pink:#ff8cc899;--hl-green:#8cf078a6;--paper:#fbf9f3;--rule-strong:#6e7ad266;--rule-fine:#828cd724;--rule-vertical:#6e7ad238;--margin-red:#e8728a;--row:64px;--font-title:"Playwrite FR Moderne", cursive;--font-hand:"Patrick Hand", cursive}*{box-sizing:border-box}body{min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--paper);color:var(--ink-black);font:21px/32px var(--font-hand);margin:0}button,input,select,textarea{font:inherit;font-size:max(1em,16px)}h1{font:300 28px/64px var(--font-title);color:var(--ink-blue);margin:0}p{margin:0}:focus-visible{outline:2px solid var(--ink-blue);outline-offset:4px}.seyes{background-color:var(--paper);background-image:linear-gradient(to right, transparent 63px, var(--margin-red) 63px, var(--margin-red) 64.5px, transparent 64.5px), repeating-linear-gradient(to bottom, transparent 0 31px, var(--rule-strong) 31px 32px), repeating-linear-gradient(to bottom, transparent 0 7px, var(--rule-fine) 7px 8px), repeating-linear-gradient(to right, transparent 0 31px, var(--rule-vertical) 31px 32px);position:relative}.notebook{min-height:100dvh;padding:32px 16px 32px 72px}.app-shell{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.sheet{position:relative}.sheet-content{height:calc(100dvh - env(safe-area-inset-top));padding-bottom:calc(86px + env(safe-area-inset-bottom));overflow-y:auto}.shell-header{min-height:32px;margin-left:64px}.page-content{padding:32px 16px 32px 72px}.page-title{text-decoration:underline;-webkit-text-decoration-color:var(--ink-red);text-decoration-color:var(--ink-red);text-underline-offset:7px;font-size:22px;text-decoration-thickness:2px}.tab-bar{padding:0 6px env(safe-area-inset-bottom);background:#d9d3c5;align-items:flex-end;gap:3px;display:flex;position:fixed;inset:auto 0 0}.tab{color:var(--ink-black);font-size:17px;line-height:24px;text-decoration:none}.tab-today{background:#f7e27a}.tab-history{background:#efb3c9}.tab-habits{background:#b4dcb6}.tab-profile{background:#b3c8ee}.tab-bar .tab{border-radius:10px 10px 0 0;flex:1;justify-content:center;min-width:0;height:78px;padding-top:16px;display:flex}.tab-bar .tab[aria-current=page]{height:86px;padding-top:22px;box-shadow:inset 0 1px #fff9}.desktop-tabs{display:none}.without-tabs .sheet-content{padding-bottom:env(safe-area-inset-bottom)}@media (width>=900px){.app-shell{background:#e9e6df;padding:36px 0}.sheet{width:640px;margin:0 auto}.sheet-content{height:calc(100dvh - 72px - env(safe-area-inset-top) - env(safe-area-inset-bottom));border-radius:2px;min-height:400px;padding-bottom:32px;box-shadow:0 1px 2px #00000026,0 18px 40px #0000002e}.tab-bar{display:none}.desktop-tabs{flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;top:60px;right:-128px}.desktop-tabs .tab{border-radius:0 12px 12px 0;align-items:center;width:118px;height:56px;padding-left:20px;font-size:18px;display:flex;box-shadow:2px 2px 4px #00000014}.desktop-tabs .tab[aria-current=page]{width:132px;padding-left:28px}.desktop-tabs .tab[aria-current=page] span{border-bottom:2px solid var(--ink-black);line-height:22px}}.shell-header{justify-content:flex-end;align-items:center;padding-right:16px;display:flex}.sync-indicator{min-height:44px;font:16px var(--font-hand);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;display:inline-flex}.sync-glyph{border:1.6px solid;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:13px;line-height:1;display:flex}.sync-synced{color:var(--ink-green)}.sync-synced .sync-glyph{background:var(--ink-green);border-color:var(--ink-green);color:#fff}.sync-pending{color:var(--ink-blue)}.sync-offline{color:var(--graphite)}.sync-offline .sync-glyph{border-style:dashed}.sync-error{color:var(--ink-red)}.sync-error .sync-glyph{background:var(--ink-red);border-color:var(--ink-red);color:#fff}.sync-detail{border:2px solid var(--ink-black);width:min(360px,100vw - 32px);color:var(--ink-black);border-radius:14px 9px 12px 8px;padding:24px}.sync-detail::backdrop{background:#00000059}.sync-detail h2{font:300 22px/1.5 var(--font-title);color:var(--ink-blue)}.sync-detail button{min-height:44px;color:var(--ink-blue);background:var(--paper);border:1.8px solid var(--ink-black);border-radius:9px;margin:8px;padding:0 12px}.sync-retry{color:var(--graphite);font-size:16px}.page-content:has(.welcome-page){padding:0 16px 0 0}.welcome-page{padding-bottom:32px}.welcome-greeting{min-height:32px;color:var(--graphite);margin:0 0 0 72px;font-size:18px;line-height:32px}.welcome-page h1{min-height:64px;text-decoration:underline;-webkit-text-decoration-color:var(--ink-red);text-decoration-color:var(--ink-red);text-underline-offset:7px;align-items:flex-end;margin:0 0 0 72px;padding-bottom:0;font-size:22px;line-height:32px;text-decoration-thickness:2px;display:flex}.welcome-intro{min-height:32px;color:var(--graphite);margin:0 0 32px 72px;padding-top:6px;font-size:18px;line-height:32px}.welcome-options{border:0;min-width:0;margin:0;padding:0}.welcome-row{min-height:64px;margin-left:72px;display:flex}.welcome-row-copy{flex:1;min-width:0}.welcome-name{overflow-wrap:anywhere;width:fit-content;max-width:100%;font-size:21px;line-height:32px;display:block}.welcome-selected .welcome-name{background:linear-gradient(transparent 55%, var(--hl-yellow) 55% 90%, transparent 90%)}.welcome-row small{height:32px;color:var(--graphite);font-size:16px;line-height:32px;display:block}.welcome-row .notebook-checkbox{flex:none;width:56px;height:44px}.welcome-custom{border-bottom:2px solid var(--ink-black);align-items:flex-end;min-height:64px;margin-left:72px;display:flex}.welcome-custom .notebook-field{flex:1;min-width:0;font-size:16px}.welcome-custom .notebook-field input{border:0;width:100%;min-width:0;height:32px;padding:0;font-size:21px}.welcome-custom>button{color:var(--ink-blue);font:inherit;white-space:nowrap;text-underline-offset:5px;cursor:pointer;background:0 0;border:0;height:32px;padding:0;text-decoration:underline}.welcome-custom>button:disabled{opacity:.4;cursor:default}.welcome-confirm{padding:28px 8px max(24px, env(safe-area-inset-bottom)) 0;background:linear-gradient(to bottom, transparent, var(--paper) 34%);margin-left:72px;position:sticky;bottom:0}.welcome-confirm .notebook-button{width:100%;height:auto;min-height:48px;padding:0 8px;font-size:20px}.welcome-confirm p{text-align:center;color:var(--graphite);margin:6px 0 0;font-size:17px}.welcome-error{color:var(--ink-red);margin-left:72px}@media (width>=900px){.page-content:has(.welcome-page){padding-right:48px}}.login-cover{min-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom));background-color:#2d4c96;background-image:linear-gradient(90deg,#00000040 0 22px,#ffffff1a 22px 24px,#0000 24px),repeating-linear-gradient(115deg,#ffffff09 0 2px,#0000 2px 5px);justify-content:center;align-items:center;padding:80px 26px 44px 46px;display:flex}.login-wrapper{flex-direction:column;gap:22px;width:100%;max-width:400px;display:flex}.login-label{background:var(--paper);border-radius:22px;padding:6px;box-shadow:0 3px #0000002e,0 10px 24px #0000002e}.login-form{border:2px solid var(--ink-blue);border-radius:17px;flex-direction:column;gap:12px;padding:16px 18px 18px;display:flex}.login-form h1{text-align:center;font:300 30px/1.3 var(--font-title);text-decoration:underline;-webkit-text-decoration-color:var(--ink-red);text-decoration-color:var(--ink-red);text-underline-offset:7px;text-decoration-thickness:2px}.login-subtitle{text-align:center;color:var(--graphite);margin-top:-4px;font-size:18px}.login-form label{color:var(--graphite);flex-direction:column;font-size:16px;display:flex}.login-form input{border:0;border-bottom:2px dotted var(--ink-black);width:100%;min-width:0;height:40px;color:var(--ink-blue);background:0 0;border-radius:0;padding:0 0 3px;font-size:21px}.password-field{border-bottom:2px dotted var(--ink-black);margin-top:-12px;display:flex}.password-field input{border:0}.password-field button{min-height:44px;color:var(--ink-blue);text-underline-offset:5px;background:0 0;border:0;font-size:16px;text-decoration:underline}.login-submit{background:var(--ink-blue);height:48px;color:var(--paper);cursor:pointer;border:0;border-radius:14px 9px 12px 8px/9px 13px 8px 12px;margin-top:8px;padding:0 22px;font-size:20px}.login-submit:disabled{opacity:.6;cursor:wait}.login-form a,.login-portal-unavailable{text-align:center;color:var(--ink-blue);text-underline-offset:5px;font-size:18px}.login-portal-unavailable{color:var(--graphite)}.login-error{color:var(--ink-red);font-size:18px}.login-directory{color:#fff;text-align:center;font-size:18px}.notebook-checkbox{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex;position:relative}.notebook-checkbox.highlighted:before{content:"";background:var(--hl-yellow);border-radius:2px 5px 3px 6px;position:absolute;inset:22px 0 6px;transform:skew(-8deg)}.notebook-checkbox svg{position:relative;overflow:visible}.checkbox-tick{stroke-dasharray:36;animation:.25s both tick}@keyframes tick{0%{stroke-dashoffset:36px}to{stroke-dashoffset:0}}.notebook-button{min-width:44px;min-height:48px;font:20px var(--font-hand);cursor:pointer;border:0;border-radius:14px 9px 12px 8px/9px 13px 8px 12px;padding:0 22px}.button-primary{background:var(--ink-blue);color:var(--paper)}.button-secondary{border:1.8px solid var(--ink-black);color:var(--ink-black);background:0 0;border-radius:9px 14px 8px 12px/13px 8px 12px 9px}.button-destructive{color:var(--ink-red);text-underline-offset:5px;background:0 0;text-decoration:underline}.notebook-link{min-width:44px;min-height:44px;color:var(--ink-blue);text-underline-offset:5px;align-items:center;display:inline-flex}.notebook-field{color:var(--graphite);flex-direction:column;font-size:16px;display:flex}.notebook-field input{min-width:44px;min-height:44px;font:21px var(--font-hand);color:var(--ink-blue);border:0;border-bottom:2px solid var(--ink-black);background:0 0;border-radius:0;padding:0 0 4px}.notebook-score{align-items:center;gap:10px;font-size:17px;display:inline-flex}.score-bar{border:1.4px solid var(--ink-black);border-radius:2px;width:56px;height:9px;display:inline-block;overflow:hidden}.score-bar>span{background:repeating-linear-gradient(-45deg,currentColor 0 1.5px,#0000 1.5px 3.5px);height:100%;display:block}.habit-badge{border:1.8px solid;border-radius:52% 46% 50% 48%/48% 52% 46% 50%;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;line-height:1;display:inline-flex}.sheet-backdrop{z-index:50;background:#00000059;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.bottom-sheet{width:100%;max-width:640px;max-height:90dvh;padding:12px 20px calc(42px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;overflow-y:auto;box-shadow:0 -6px 24px #0000002e}.bottom-sheet h2{font:300 22px/1.4 var(--font-title);color:var(--ink-blue)}.sheet-handle{background:#24242b40;border-radius:2px;width:40px;height:4px;margin:0 auto 10px}.notebook-stepper{align-items:center;gap:12px;display:inline-flex}.notebook-stepper button{border:1.8px solid var(--ink-black);min-width:48px;min-height:48px;color:var(--ink-black);background:0 0;border-radius:12px;font-size:24px}.notebook-stepper output{text-align:center;min-width:44px;font-size:24px}.notebook-switch{min-width:44px;min-height:44px;color:var(--ink-black);background:0 0;border:0;align-items:center;gap:12px;display:inline-flex}.switch-track{border:1.8px solid var(--ink-black);border-radius:14px;width:44px;height:26px;padding:2px;display:flex}.switch-track>span{background:var(--graphite);border-radius:50%;width:18px;height:18px}.notebook-switch[aria-checked=true] .switch-track{background:var(--ink-blue);justify-content:flex-end}.notebook-switch[aria-checked=true] .switch-track>span{background:var(--paper)}.notebook-segmented{flex-wrap:wrap;display:inline-flex}.notebook-segmented button{border:1.8px solid var(--ink-black);min-width:44px;min-height:44px;color:var(--ink-black);background:0 0;padding:0 12px}.notebook-segmented button[aria-checked=true]{background:var(--hl-yellow)}@media (prefers-reduced-motion:reduce){.checkbox-tick{stroke-dashoffset:0;animation:none}}.empty-day{margin:32px 0 64px 72px}.empty-day p{min-height:32px;margin:0;line-height:32px;transform:translateY(6px)}.empty-day-title{color:var(--ink-black);font-size:21px}.empty-day-hint{color:var(--graphite);font-size:17px}.empty-day-arrow{height:64px;font:300 26px/64px var(--font-title);color:var(--ink-red);margin:32px 0 0 24px}.empty-day-action{align-items:center;min-height:64px;font-size:19px;display:flex}.empty-day-action a{text-underline-offset:5px;align-items:center;min-height:44px;display:inline-flex}.empty-day-add{background:var(--ink-blue);color:var(--paper);border-radius:14px 9px 12px 8px/9px 13px 8px 12px;padding:8px 22px;font-size:20px;text-decoration:none}.empty-day-add:hover{color:var(--paper)}.loading-day-heading{border:2px solid var(--ink-black);min-height:44px;color:var(--graphite);border-radius:255px 12px 225px/12px 225px 12px 255px;align-items:center;margin:10px 0 10px 70px;padding:0 12px;font-size:19px;display:flex}.loading-day-row{height:64px;margin-left:72px;display:flex}.loading-day-lines{flex-direction:column;flex:1;justify-content:space-around;padding:6px 0;display:flex}.loading-day-lines span{background:repeating-linear-gradient(-45deg,#55555f47 0 2px,#55555f1f 2px 5px);border-radius:6px;height:12px;animation:1.5s ease-in-out infinite alternate day-skeleton-pulse;display:block}.loading-day-check{opacity:.35;flex:none;justify-content:center;width:56px;padding-top:4px;display:flex}.loading-day-hint{color:var(--graphite);margin:32px 0 0 72px;font-size:16px;line-height:32px}.today-state-message{color:var(--graphite);margin:32px 0 0 72px;font-size:19px}.today-initial-sync{white-space:nowrap;color:var(--ink-blue);margin-left:auto;font-size:16px}.today-initial-sync span{border:1.6px dotted;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;margin-right:6px;display:inline-flex}@keyframes day-skeleton-pulse{0%{opacity:1}to{opacity:.45}}@media (prefers-reduced-motion:reduce){.loading-day-lines span{animation:none}}.page-content:has(.today-page){padding:32px 16px 32px 0}.today-navigation{height:32px;color:var(--graphite);align-items:center;gap:2px;margin-left:64px;font-size:18px;display:flex}.today-navigation>button:not(.sync-indicator){width:44px;height:44px;color:var(--ink-blue);cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:26px}.today-navigation>button:disabled{opacity:.25;cursor:default}.today-navigation>span{text-align:center;min-width:84px}.today-navigation .sync-indicator{white-space:nowrap;margin-left:auto}.today-date{align-items:flex-end;height:64px;display:flex}.today-number{text-align:center;width:64px;font:400 24px/1 var(--font-title);color:var(--ink-red);flex:none;padding-bottom:8px}.today-date-title{margin-left:8px;padding-bottom:4px;line-height:1.1;position:relative}.today-date-title:after{content:"";background:var(--ink-red);height:2px;position:absolute;bottom:-2px;left:-2px;right:-4px}.today-date-title small{font:18px var(--font-hand);color:var(--graphite);white-space:nowrap}.today-progress{align-items:center;gap:8px;min-height:32px;margin-left:72px;font-size:19px;display:flex;transform:translateY(5px)}.today-progress small{color:var(--graphite);white-space:nowrap;font-size:16px}.day-progress-bar{border:1.6px solid var(--ink-black);border-radius:3px 6px 4px 5px/5px 3px 6px;flex-shrink:1;width:80px;min-width:20px;height:12px;overflow:hidden}.day-progress-bar>span{background:var(--hl-yellow);height:100%;transition:width .45s;display:block}.day-complete{color:var(--ink-green);background:linear-gradient(transparent 55%, var(--hl-green) 55% 90%, transparent 90%);font-size:21px}.today-left{height:32px;color:var(--graphite);text-align:right;margin-left:72px;font-size:17px}.habit-row{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:pan-y;height:64px;display:flex;position:relative}.habit-row-main{text-align:left;cursor:pointer;background:0 0;border:0;flex:1;min-width:0;padding:0;display:flex}.habit-more{background:var(--paper);min-width:44px;height:24px;color:var(--ink-blue);cursor:pointer;opacity:0;pointer-events:none;border:0;position:absolute;bottom:0;right:0}.habit-row:focus-within .habit-more,.habit-row:hover .habit-more{opacity:1;pointer-events:auto}.habit-actions{flex-direction:column;gap:4px;display:flex}.habit-actions button{text-align:left;min-height:52px;font:20px var(--font-hand);color:var(--ink-black);cursor:pointer;background:0 0;border:0;align-items:center;gap:14px;padding:0;display:flex}.habit-actions button>span:first-child{text-align:center;flex:none;width:26px;font-size:22px}.habit-actions button:first-child>span:first-child{color:var(--ink-green)}.habit-actions small{color:var(--graphite);font-size:16px}.habit-row-badge{flex:none;justify-content:center;width:64px;padding-top:2px;display:flex}.habit-row-copy{flex:1;min-width:0;padding-left:8px}.habit-row-name{white-space:nowrap;text-overflow:ellipsis;height:32px;font-size:21px;line-height:32px;display:block;overflow:hidden;transform:translateY(6px)}.habit-row-name small{color:var(--graphite);font-size:16px}.habit-name-highlight{background-image:linear-gradient(var(--hl-yellow), var(--hl-yellow));background-position:0 85%;background-repeat:no-repeat;background-size:0 14px;transition:background-size .45s .25s}.habit-done .habit-name-highlight{background-size:100% 14px}.habit-row .notebook-score{height:32px;color:var(--graphite);white-space:nowrap;gap:8px;font-size:16px;display:flex;overflow:hidden;transform:translateY(5px)}.habit-row .score-bar{flex:none;width:44px;height:8px}.habit-row>.notebook-checkbox{flex:none;align-self:flex-start;width:56px;height:44px;margin-top:-5px}.day-note{margin:32px 0 0 72px}.day-note label{width:fit-content;height:32px;font:300 17px/32px var(--font-title);isolation:isolate;padding-left:6px;display:block;position:relative}.day-note label:before{content:"";z-index:-1;background:repeating-linear-gradient(45deg,#f4a9c4cc 0 6px,#fff6 6px 10px);width:84px;height:20px;position:absolute;top:6px;left:-6px;transform:rotate(-4deg)}.day-note textarea{resize:vertical;width:100%;height:96px;font:20px/32px var(--font-hand);color:var(--ink-blue);background:0 0;border:0;border-radius:0;margin:0;padding:5px 0 0;display:block}.today-error{color:var(--ink-red);margin-left:72px}@media (width>=900px){.page-content:has(.today-page){padding-right:48px}.day-progress-bar{width:112px}}@media (prefers-reduced-motion:reduce){.habit-name-highlight,.day-progress-bar>span{transition:none}}.history-error{border:2px solid var(--ink-red,#c42a3a);border-radius:255px 12px 225px/12px 225px 12px 255px;margin:32px 16px 32px 70px;padding:6px 14px 18px}.history-error h2{color:var(--ink-red,#c42a3a);font-size:22px;font-weight:400}.history-error-actions{flex-wrap:wrap;gap:16px;display:flex}.history-error-actions button{min-height:44px;font:inherit;color:var(--ink-blue,#1d3fa6);background:0 0;border:1px solid;border-radius:8px;padding:6px 14px}.history-error-actions button:disabled{opacity:.5}.history-error-detail{color:var(--graphite);overflow-wrap:anywhere;font-size:14px}.history-loading{margin:32px 16px 32px 70px}.history-skeleton{grid-template-columns:repeat(7,1fr);gap:8px;display:grid}.history-skeleton span{background:#6e7ad22e;border-radius:4px;height:32px}.page-content:has(.day-history-page){padding:32px 16px 64px 0}.day-history-navigation{justify-content:space-between;align-items:center;gap:8px;height:32px;margin-left:72px;display:flex}.day-history-navigation a{color:var(--ink-blue);font-size:19px;text-decoration:none}.day-history-date{align-items:flex-end;height:64px;margin-left:72px;display:flex}.day-history-date h1{font:300 19px/32px var(--font-title);text-decoration:underline;-webkit-text-decoration-color:var(--ink-red);text-decoration-color:var(--ink-red);text-underline-offset:7px;margin:0;text-decoration-thickness:2px;transform:translateY(4px)}.day-history-date h1 span{color:var(--ink-red);font-weight:400}.day-history-progress{align-items:center;min-height:64px;margin-left:70px;display:flex}.day-history-progress>div{border:2px solid var(--ink-black);border-radius:255px 12px 225px/12px 225px 12px 255px;flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-height:44px;padding:0 8px;font-size:19px;display:flex}.day-history-progress .day-progress-bar{flex:1;max-width:84px}.day-history-progress small{color:var(--graphite);white-space:nowrap;font-size:16px}.day-history-editable,.day-history-message{min-height:32px;color:var(--graphite);margin:0 0 0 72px;font-size:16px;line-height:32px}.day-history-message[role=alert]{color:var(--ink-red)}.day-history-page .day-note{border:2px solid var(--ink-blue);border-radius:12px 225px 12px 255px/255px 12px 225px;margin-left:70px;padding:0 12px;position:relative}.day-history-page .day-note label{color:var(--ink-blue);padding-left:0}.day-history-page .day-note label:before{display:none}.day-history-page .day-note:before{content:"";background:repeating-linear-gradient(45deg,#b4dcb6e6 0 6px,#fff6 6px 10px);width:70px;height:22px;position:absolute;top:-12px;right:18px;transform:rotate(6deg)}@media (width>=900px){.page-content:has(.day-history-page){padding-right:48px}}.habits-page{margin:-32px -16px -32px -72px;padding:32px 16px 64px 0}.habits-page h1{height:64px;margin-left:72px;padding-top:32px;line-height:32px}.habits-help{color:var(--graphite);margin:0 0 32px 72px;font-size:16px;line-height:32px}.habits-list{margin:0;padding:0;list-style:none}.habits-management-sortable{position:relative}.habits-management-sortable.is-dragging{z-index:3;background:var(--paper);border-radius:4px;box-shadow:0 8px 18px #0000002e}.habits-management-swipe-window{position:relative;overflow:hidden}.habits-management-row{height:64px;padding-left:72px;display:flex;position:relative}.habits-management-row.is-revealed{background:var(--paper);transform:translate(-192px)}.habits-management-row-link{min-width:0;color:var(--ink-black);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;flex:1;text-decoration:none;display:block}.habits-management-row-name{white-space:nowrap;text-overflow:ellipsis;height:32px;padding-top:6px;line-height:32px;display:block;overflow:hidden}.habits-management-row-meta{height:32px;color:var(--graphite);white-space:nowrap;align-items:center;gap:8px;padding-top:5px;font-size:16px;line-height:32px;display:flex;overflow:hidden}.habits-management-ink{border-radius:2px;flex:none;width:18px;height:4px}.habits-management-handle{width:56px;height:44px;color:var(--graphite);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:0 0;border:0;flex:none;font-size:30px;line-height:44px}.habits-management-handle:active{cursor:grabbing}.habits-management-actions{display:flex;position:absolute;inset:0 0 0 auto}.habits-management-actions>*{width:96px;color:var(--ink-black);cursor:pointer;background:#ffec50bf;border:0;justify-content:center;align-items:center;font-size:18px;text-decoration:none;display:flex}.habits-management-actions>button{background:#ff8cc899}.habits-management-actions-toggle{clip-path:inset(50%);width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.habits-management-actions-toggle:focus-visible{clip-path:none;z-index:4;width:auto;height:32px;top:0;right:56px}.habits-management-create{align-items:center;height:64px;margin-left:72px;display:flex}.habits-management-create a{height:48px;color:var(--paper);background:var(--ink-blue);border-radius:14px 9px 12px 8px/9px 13px 8px 12px;padding:0 22px;font-size:20px;line-height:48px;text-decoration:none;display:inline-block}.habits-archive-toggle{color:var(--graphite);cursor:pointer;background:0 0;border:0;margin:32px 0 0 72px;padding:0;font-size:19px;line-height:32px;display:block}.archived-habits .habits-management-row-link{color:var(--graphite)}.habits-management-restore{color:var(--ink-blue);text-underline-offset:5px;cursor:pointer;background:0 0;border:0;flex:none;padding:0 0 0 8px;font-size:17px;text-decoration:underline}.habits-error{color:var(--ink-red);margin-left:72px}.habit-form-page{padding:0 16px 64px 72px}.habit-form-toolbar{justify-content:space-between;gap:12px;min-height:44px;display:flex}.habit-form-toolbar button,.habit-form-actions>button:not(.notebook-button){color:var(--ink-blue);font:19px var(--font-hand);text-underline-offset:5px;background:0 0;border:0;min-height:44px;padding:0;text-decoration:underline}.habit-form-page .page-title{white-space:normal;margin:20px 0 32px}.habit-form-fields,.habit-form-group{border:0;min-width:0;margin:0;padding:0}.habit-form-group{margin:32px 0}.habit-form-group legend{font:300 16px/32px var(--font-title);color:var(--ink-blue);padding:0}.habit-form-icons,.habit-form-inks,.habit-form-days,.habit-form-actions,.habit-form-confirmation{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.habit-form-icons>button,.habit-form-days>button{border:1.6px dashed var(--graphite);min-width:44px;min-height:44px;color:var(--ink-black);background:0 0;border-radius:48%;padding:0}.habit-form-icons>button[aria-pressed=true],.habit-form-days>button[aria-pressed=true]{border:1.8px solid var(--ink-blue);background:var(--hl-yellow)}.habit-form-inks>button{width:56px;min-height:76px;color:var(--ink-black);background:0 0;border:0;flex-direction:column;align-items:center;gap:8px;padding:8px 0;font-size:16px;display:flex}.habit-form-swatch{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.habit-form-inks [aria-pressed=true] .habit-form-swatch{outline:2px solid var(--ink-black);outline-offset:3px}.habit-form-frequency{align-items:center;gap:12px;min-height:64px;font-size:20px;display:flex}.habit-form-frequency input{width:24px;height:24px;accent-color:var(--ink-blue);margin:0}.habit-form-days{gap:0}.habit-form-days>button{width:14.2857%;min-width:0;max-width:44px;font-size:18px}.habit-form-save{width:100%}.habit-form-actions{justify-content:space-between;margin-top:16px}.habit-form-actions .notebook-button{padding:0;font-size:19px}.habit-form-help{color:var(--graphite);font-size:16px}.habit-form-error{color:var(--ink-red)}.habit-form-page button:disabled{opacity:.5}.habit-form-confirmation{justify-content:flex-end}.history-calendar{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.history-calendar-weekday{text-align:center;height:32px;color:var(--graphite);line-height:32px}.history-calendar-day{min-width:0;height:44px;color:var(--ink-black);border-radius:3px;justify-content:center;align-items:center;text-decoration:none;display:flex;position:relative}.history-calendar-complete{background:#8cf078a6}.history-calendar-partial{background:linear-gradient(135deg,#0000 50%,#ffec50bf 50%)}.history-calendar-day small{color:var(--ink-green);font-size:14px;position:absolute;bottom:0;left:4px}.history-calendar-skipped small{text-align:center;color:var(--graphite);left:0;right:0}.history-calendar-future,.history-calendar-unscheduled,.history-calendar-unknown{color:#9a9aa4}.history-calendar[data-habit-ink] .history-calendar-complete{color:inherit;background:0 0}.history-calendar[data-habit-ink] .history-calendar-complete small{color:inherit}.history-calendar-today{border:1.8px solid var(--ink-red);text-align:center;width:32px;height:30px;color:var(--ink-red);border-radius:50% 46% 52% 44%}.history-calendar-note{border-top:11px solid var(--ink-red);border-left:11px solid #0000;position:absolute;top:0;right:0}.history-stat-trio{border:2px solid var(--ink-black);text-align:center;border-radius:255px 12px 225px/12px 225px 12px 255px;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;min-height:76px;margin:16px 0;display:grid}.history-stat-trio dd{margin:0;font-size:26px;line-height:30px}.history-stat-trio div:first-child dd{color:var(--ink-blue)}.history-stat-trio dt{color:var(--graphite);font-size:16px;line-height:20px}.history-line-chart,.history-heatmap svg{width:100%;height:auto;color:var(--ink-blue);display:block;overflow:visible}.history-line-chart text,.history-heatmap text{font:16px var(--font-hand);fill:var(--graphite)}.history-heatmap-legend{color:var(--graphite);align-items:center;gap:6px;line-height:32px;display:flex}.history-heatmap-legend span{border:1px solid #0000001f;width:16px;height:16px}.history-page{--ink-muted:var(--graphite);padding-bottom:64px}.history-month-nav{align-items:center;gap:2px;min-height:32px;display:flex}.history-month-nav button{width:44px;min-height:44px;color:var(--ink-blue);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:26px}.history-month-nav button:disabled{opacity:.25;cursor:default}.history-month-nav span{text-align:center;min-width:110px;color:var(--ink-muted);font-size:18px}.history-view-selector{margin:16px 0 32px;font-size:18px}.history-view-selector .notebook-segmented{gap:18px}.history-view-selector .notebook-segmented button{color:var(--ink-muted);border:0;padding:0}.history-view-selector .notebook-segmented button[aria-checked=true]{color:var(--ink-black);background:linear-gradient(#0000 50%,#ff8cc899 50%)}.history-calendar-legend{color:var(--ink-muted);margin:16px 0 32px;font-size:16px;line-height:30px}.history-page h2{font-family:var(--font-title);color:var(--ink-blue);margin:24px 0 32px;font-size:16px;font-weight:300;line-height:32px}.history-habit-list{margin:0;padding:0;list-style:none}.history-habit-list a{min-height:48px;color:var(--ink-blue);justify-content:space-between;align-items:center;gap:12px;text-decoration:none;display:flex}.history-habit-list small{color:var(--ink-muted)}.habit-history-monthly-bars{width:100%;height:auto;display:block}.habit-history-monthly-bars text{font:18px var(--font-hand);fill:var(--graphite)}.habit-history-page{padding-bottom:64px}.habit-history-return{min-height:44px;color:var(--ink-blue);align-items:center;font-size:19px;text-decoration:none;display:inline-flex}.habit-history-page .page-title{overflow-wrap:anywhere}.habit-history-metadata,.habit-history-explanation{color:var(--graphite);margin:0;font-size:17px;line-height:32px}.habit-history-summary{min-height:96px;color:var(--graphite);align-items:center;gap:18px;font-size:17px;line-height:26px;display:flex}.habit-history-summary>div>div:first-child{color:var(--ink-black);font-size:19px}.habit-history-score{color:var(--habit-history-ink);white-space:nowrap;border:2.4px solid;border-radius:50% 46% 52% 44%/52% 48% 50% 46%;padding:0 14px;font-size:40px;line-height:56px}.habit-history-page h2{font:300 16px/32px var(--font-title);color:var(--ink-blue);margin:24px 0 32px}.habit-history-page .history-line-chart{color:var(--habit-history-ink)}.habit-history-month-nav{align-items:center;margin-top:32px;display:flex}.habit-history-month-nav h2{text-align:center;flex:1;margin:0}.habit-history-month-nav button{width:44px;min-height:44px;font:inherit;color:var(--ink-blue);cursor:pointer;background:0 0;border:0;font-size:26px}.habit-history-month-nav button:disabled{opacity:.25;cursor:default}.habit-history-edit{border:1.8px solid var(--ink-black);min-height:48px;color:var(--ink-black);border-radius:9px 14px 8px 12px/13px 8px 12px 9px;align-items:center;margin-top:32px;padding:0 20px;font-size:20px;text-decoration:none;display:inline-flex}