:root{--ink:#1d2525;--muted:#768080;--soft:#a5adab;--line:#e5eae7;--paper:#fbfcfb;--surface:#fff;--surface-2:#f5f8f6;--sidebar:#f5f8f6;--accent:#2c7567;--accent-dark:#205b50;--accent-soft:#e3f2ed;--coral:#e47d68;--mint:#4fae93;--violet:#8876c6;--amber:#d4a44b;--shadow:0 15px 35px rgba(35,72,64,.07)}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink)}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;letter-spacing:-.01em}button{color:inherit;font:inherit;cursor:pointer}:focus:not(:focus-visible){outline:none}button:focus-visible{outline:3px solid rgba(76,153,132,.35);outline-offset:2px}.app-shell{display:flex;min-height:100vh}.sidebar{border-right:1px solid var(--line);display:flex;flex-direction:column;padding:30px 18px 22px;width:240px;flex:none}.brand,.mobile-brand{align-items:center;color:inherit;display:flex;gap:11px;font-family:ui-rounded,Arial Rounded MT Bold,Inter,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.04em;text-decoration:none}.brand:focus-visible,.mobile-brand:focus-visible{border-radius:9px;outline:3px solid rgba(76,153,132,.35);outline-offset:4px}.brand-mark{align-items:center;border-radius:11px;color:white;display:flex;height:31px;justify-content:center;width:31px}.side-nav{display:flex;flex-direction:column;gap:5px;margin-top:55px}.nav-item{align-items:center;background:transparent;border:0;border-radius:10px;color:var(--muted);display:flex;gap:12px;min-height:44px;padding:0 12px;text-align:left;width:100%}.nav-item.active,.nav-item:hover{background:white;box-shadow:0 2px 5px rgba(34,74,66,.04)}.nav-item.active{font-weight:700}.sidebar-bottom{margin-top:auto}.profile{align-items:center;background:none;border:0;border-top:1px solid var(--line);display:flex;gap:9px;margin-top:25px;padding:18px 5px 0;text-align:left;width:100%}.profile small,.profile strong{display:block}.profile small{color:var(--muted);font-size:11px;margin-top:2px}.profile>svg{color:var(--soft);margin-left:auto}.avatar{align-items:center;background:#d8e9e3;border-radius:50%;color:var(--accent-dark);display:flex;font-size:10px;font-weight:700;height:31px;justify-content:center;width:31px}.content{flex:1 1;min-width:0}.topbar{align-items:center;display:flex;height:83px;justify-content:flex-end;padding:0 clamp(25px,5vw,74px)}.mobile-brand{display:none}.account-area{align-items:center;grid-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:auto auto;justify-items:end;grid-row-gap:2px;row-gap:2px}.account-area .theme-toggle{grid-column:1;grid-row:1;margin-right:0}.account-area>.auth-error,.account-area>.auth-panel{grid-column:2;grid-row:1}.account-area .sync-status{grid-column:1/-1;grid-row:2;margin:0}.sync-status{align-items:center;color:var(--muted);display:flex;font-size:12px;gap:6px;white-space:nowrap}.status-dot{background:var(--accent);border-radius:50%;flex:none;height:7px;width:7px}.status-dot.offline{background:var(--soft)}.dismiss-issues{font-size:11px;color:var(--accent);background:none;border:none;padding:0 4px;text-decoration:underline}.icon-button,.more-button{align-items:center;background:transparent;border:0;color:var(--muted);display:flex;justify-content:center;min-height:44px;min-width:44px}.icon-button:hover,.more-button:hover{color:var(--ink)}.page-wrap{margin:0 auto;max-width:1240px;padding:19px clamp(25px,5vw,74px) 70px}.page-heading{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:31px}.eyebrow{color:var(--accent);font-size:12px;font-weight:700;letter-spacing:.08em;margin:0 0 8px;text-transform:uppercase}.page-heading h1{font-family:Space Grotesk,sans-serif;font-size:34px;letter-spacing:-.06em;line-height:1;margin:0 0 9px}.subtitle{color:var(--muted);margin:0}.filter-button,.primary-button{align-items:center;background:var(--accent);border:0;border-radius:9px;color:white;display:flex;font-weight:700;gap:8px;min-height:44px;padding:0 16px}.tab-switcher{display:none}.summary-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:1.1fr 1fr 1fr;margin-bottom:26px}.summary-card{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:13px;display:flex;gap:13px;min-height:116px;padding:19px;position:relative}.summary-card.highlight{border-color:#cde4da}.insight-icon,.summary-icon{align-items:center;border-radius:10px;display:flex;flex:none;height:36px;justify-content:center;width:36px}.coral-bg{background:#fff0ec;color:var(--coral)}.violet-bg{background:#f1effb;color:var(--violet)}.mint-bg{background:#e5f5ef;color:var(--mint)}.amber-bg{background:#fbf4e5;color:var(--amber)}.summary-label{color:var(--muted);display:block;font-size:11px;font-weight:500;margin-bottom:5px}.summary-card strong{display:block;font-family:Space Grotesk,sans-serif;font-size:20px;letter-spacing:-.04em}.summary-card small{color:var(--soft);display:block;font-size:11px;margin-top:3px}.mini-bars{align-items:flex-end;display:flex;gap:3px;height:35px;margin-left:auto}.mini-bars i{background:#b9dece;border-radius:2px;display:block;height:17px;width:4px}.mini-bars i:nth-child(2){height:23px}.mini-bars i:nth-child(3){height:15px}.mini-bars i:nth-child(4){height:29px;background:var(--mint)}.mini-bars i:nth-child(5){height:20px}.mini-bars i:nth-child(6){height:31px;background:var(--mint)}.mini-bars i:nth-child(7){height:25px;background:var(--accent)}.quote-card{display:block;padding-left:24px}.quote-card p{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;margin:7px 0 5px}.quote-card small{color:var(--soft)}.section-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}.section-header{align-items:flex-start;display:flex;justify-content:space-between;padding:23px 24px 17px}.section-header h2,.section-heading h2,.todo-toolbar h2{font-family:Space Grotesk,sans-serif;font-size:18px;letter-spacing:-.04em;margin:0 0 4px}.section-header p,.todo-toolbar p{color:var(--muted);font-size:12px;margin:0}.quiet-button,.text-button{align-items:center;background:none;border:0;color:var(--accent);display:flex;font-size:12px;font-weight:700;gap:4px;min-height:44px;padding:0 4px}.quiet-button svg{transform:rotate(-90deg)}.matrix-scroll{overflow-x:auto}.habit-matrix{min-width:730px}.matrix-row{align-items:center;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(190px,1fr) repeat(7,45px) 105px;min-height:70px;padding:0 24px}.matrix-head{border-top:0;min-height:48px}.habit-label{align-items:center;display:flex;gap:10px}.habit-label>div{min-width:0}.habit-label small,.habit-label strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.habit-label strong{font-size:13px}.habit-label small{color:var(--muted);font-size:11px;margin-top:3px}.habit-dot{border-radius:50%;height:9px;width:9px}.coral{background:var(--coral)}.mint{background:var(--mint)}.violet{background:var(--violet)}.amber{background:var(--amber)}.day{color:var(--soft);font-size:10px;text-align:center}.day span,.day strong{display:block}.day strong{color:var(--muted);font-size:12px;margin-top:3px}.day.today strong{color:var(--accent)}.day.today:before{background:var(--accent-soft);border-radius:10px;content:"";height:31px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:32px;z-index:0}.day{position:relative}.day span,.day strong{position:relative;z-index:1}.check-cell{align-items:center;background:#f2f5f3;border:0;border-radius:8px;display:flex;height:31px;justify-content:center;margin:auto;min-height:31px;min-width:31px;width:31px}.check-cell:hover{background:#e5eee9}.check-cell.partial{background:#b9dece;color:var(--accent-dark)}.check-cell.missed{background:#fff0ed;border:1px solid #f1cfc6;position:relative}.check-cell.missed:after{background:#df937f;content:"";height:2px;transform:rotate(-45deg);width:10px}.strength{align-items:center;display:flex;gap:9px;justify-content:flex-end}.strength>span{color:var(--muted);font-size:11px;white-space:nowrap}.progress-ring{align-items:center;background:conic-gradient(var(--accent) var(--progress),#e8eeeb 0deg);border-radius:50%;display:flex;height:30px;justify-content:center;position:relative;width:30px}.progress-ring:after{background:var(--surface);border-radius:50%;content:"";height:23px;position:absolute;width:23px}.progress-ring span{font-size:8px;font-weight:700;position:relative;z-index:1}.matrix-footer{align-items:center;border-top:1px solid var(--line);color:var(--muted);display:flex;font-size:11px;gap:18px;padding:12px 24px}.matrix-footer span{align-items:center;display:flex;gap:5px}.legend-dot{border-radius:3px;display:inline-block;height:8px;width:8px}.done-dot{background:var(--accent)}.missed-dot{background:#edb9aa}.auto-dot{background:#e5ebe8}.matrix-footer .text-button{margin-left:auto}.section-heading{align-items:center;display:flex;justify-content:space-between;margin:33px 0 12px}.insight-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:1fr 1fr}.insight-card{background:var(--surface);border:1px solid var(--line);border-radius:13px;padding:19px 21px}.insight-title{align-items:center;color:var(--muted);display:flex;font-size:12px;gap:8px}.insight-icon{height:29px;width:29px}.insight-card strong{display:block;font-family:Space Grotesk,sans-serif;font-size:16px;margin-top:15px}.insight-card p{color:var(--muted);font-size:12px;margin:5px 0 15px}.insight-line{background:#e4f2ec;border-radius:4px;height:4px;overflow:hidden}.insight-line i{background:var(--mint);border-radius:4px;display:block;height:100%}.amber-line{background:#f6efde}.amber-line i{background:var(--amber)}.bottom-nav{display:none}.todo-layout{display:grid;grid-gap:31px;gap:31px;grid-template-columns:210px 1fr}.todo-lists{border-right:1px solid var(--line);padding-right:24px}.todo-lists-inner{display:contents}.mobile-list-toggle{display:none}.list-caption{color:var(--soft);font-size:10px;font-weight:700;letter-spacing:.09em;margin:1px 0 10px 10px;text-transform:uppercase}.list-caption.custom{margin-top:32px}.todo-list{align-items:center;background:none;border:0;border-radius:8px;display:flex;gap:9px;min-height:41px;padding:0 10px;text-align:left;width:100%}.todo-list span:last-child{color:var(--soft);font-size:11px;margin-left:auto}.todo-list.active,.todo-list:hover{font-weight:700}.list-dot{border-radius:50%;height:8px;width:8px}.list-dot.work{background:var(--violet)}.list-dot.personal{background:var(--coral)}.list-dot.home{background:var(--mint)}.add-list{align-items:center;background:none;border:0;color:var(--accent);display:flex;font-size:12px;gap:8px;margin-top:18px;min-height:40px;padding:0 10px}.todo-main{max-width:700px}.todo-toolbar{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:17px}.filter-button{color:var(--muted);font-size:12px;font-weight:500}.filter-button,.todo-items{background:var(--surface);border:1px solid var(--line)}.todo-items{border-radius:13px}.todo-item{align-items:center;display:flex;gap:13px;min-height:73px;padding:0 16px}.todo-item:last-child{border-bottom:0}.todo-check{align-items:center;border:1.5px solid #b5c1bc;border-radius:50%;display:flex;height:21px;justify-content:center;min-height:21px;min-width:21px;width:21px}.completed .todo-check{background:var(--accent);border-color:var(--accent)}.todo-copy strong{display:block;font-size:13px}.todo-copy span{color:var(--muted);display:block;font-size:11px;margin-top:6px}.completed .todo-copy strong{color:var(--soft);text-decoration:line-through}.priority{border-radius:4px;font-size:9px;font-style:normal;font-weight:700;margin-right:3px;padding:3px 5px}.priority.high{background:#fff0ec;color:#c87059}.priority.normal{background:#e9f5f0;color:var(--accent)}.priority.low{background:#f0f1f0;color:var(--muted)}.add-todo{align-items:center;background:none;border:1px dashed #b9c9c1;border-radius:10px;color:var(--accent);display:flex;font-size:12px;gap:8px;justify-content:center;margin-top:16px;min-height:48px;width:100%}@media (max-width:850px){.sidebar{width:200px}.matrix-row{grid-template-columns:minmax(175px,1fr) repeat(7,42px) 92px;padding:0 16px}.matrix-footer,.section-header{padding-left:16px;padding-right:16px}.page-wrap{padding-left:25px;padding-right:25px}.summary-grid{grid-template-columns:1fr 1fr}.quote-card{display:none}}@media (max-width:650px){.app-shell{display:block;padding-bottom:calc(71px + env(safe-area-inset-bottom))}.sidebar{display:none}.topbar{height:64px;justify-content:space-between;padding:0 18px}.mobile-brand{display:flex;font-size:16px}.mobile-brand .brand-mark{height:27px;width:27px}.sync-status{font-size:11px;margin-left:auto;margin-right:3px}.sync-status svg{display:none}.page-wrap{padding:21px 16px 40px}.page-heading{align-items:flex-start;display:block;margin-bottom:22px}.page-heading h1{font-size:29px}.subtitle{font-size:13px;line-height:1.4;max-width:300px}.page-heading .primary-button{margin-top:17px;width:100%;justify-content:center}.tab-switcher{background:#eef3f0;border-radius:9px;display:flex;gap:3px;margin-bottom:18px;padding:3px}.tab{align-items:center;background:none;border:0;border-radius:7px;color:var(--muted);display:flex;flex:1 1;font-size:12px;font-weight:600;gap:7px;justify-content:center;min-height:44px}.tab.active{background:white;box-shadow:0 1px 4px rgba(32,70,61,.08);color:var(--accent-dark)}.summary-grid{display:block;margin-bottom:19px}.summary-card{margin-bottom:9px;min-height:91px;padding:16px}.quote-card{display:block;min-height:80px}.quote-card p{display:inline;margin-right:5px}.section-header{align-items:flex-start;padding:18px 15px 13px}.section-header h2{font-size:16px}.quiet-button{font-size:11px}.habit-matrix{min-width:670px}.matrix-row{grid-template-columns:155px repeat(7,40px) 82px;min-height:64px;padding:0 13px}.habit-label strong{font-size:12px}.habit-label small{font-size:10px}.strength>span{display:none}.progress-ring{height:27px;width:27px}.matrix-footer{flex-wrap:wrap;gap:10px;padding:11px 14px}.matrix-footer .text-button{margin-left:0;width:100%}.section-heading{margin:26px 0 10px}.insight-grid{display:block}.insight-card{margin-bottom:9px}.bottom-nav{background:rgba(255,255,255,.95);border-top:1px solid var(--line);bottom:0;display:flex;height:calc(71px + env(safe-area-inset-bottom));justify-content:space-around;left:0;padding:8px 12px calc(6px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:5}.bottom-item{align-items:center;background:none;border:0;color:var(--soft);display:flex;flex-direction:column;font-size:10px;gap:4px;min-height:55px;min-width:64px}.bottom-item.active{color:var(--accent);font-weight:700}.todo-layout{display:block}.todo-lists{border:0;margin:0 0 16px}.mobile-list-toggle{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;color:var(--ink);display:flex;font-size:14px;font-weight:700;gap:8px;justify-content:space-between;min-height:44px;padding:0 14px;width:100%}.mobile-list-toggle svg{color:var(--soft);transition:transform .2s}.todo-lists.mobile-expanded .mobile-list-toggle svg{transform:rotate(180deg)}.todo-lists-inner{display:none}.todo-lists.mobile-expanded .todo-lists-inner{background:var(--surface);border:1px solid var(--line);border-radius:10px;display:block;margin-top:8px;padding:8px 6px}.todo-lists-inner .list-caption{margin:4px 0 6px 10px}.todo-lists-inner .todo-list{width:100}.todo-lists-inner .todo-list span:last-child{display:inline}.todo-lists-inner .list-edit-button{opacity:1;pointer-events:auto}.todo-item{min-height:70px;padding:0 12px}.todo-toolbar{margin-bottom:13px}.todo-toolbar h2{font-size:17px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.form-error{color:#b95d48;font-size:12px;margin:8px 0 0}.auth-panel{gap:8px}.auth-panel,.sign-in-form{align-items:center;display:flex}.sign-in-form{gap:0}.sign-in-form input{background:var(--surface-2);border:1px solid var(--line);border-radius:8px 0 0 8px;color:var(--ink);font-size:13px;min-height:36px;padding:0 10px;width:155px}.sign-in-form input:focus{border-color:var(--accent);outline:none;z-index:1}.sign-in-form input::placeholder{color:var(--soft)}.auth-submit{background:var(--accent);border:1px solid var(--accent);border-radius:0 8px 8px 0;color:white;font-size:12px;font-weight:700;margin-left:-1px;min-height:36px;padding:0 12px;white-space:nowrap}.auth-submit:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.auth-submit:disabled{opacity:.5}.auth-have-code{background:none;border:0;color:var(--accent);font-size:11px;font-weight:700;margin-left:8px;min-height:36px;padding:0 3px;white-space:nowrap}.auth-close{display:none}.signed-in{gap:8px}.auth-email{color:var(--muted);font-size:12px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.otp-form{background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr auto;padding:12px;position:fixed;right:clamp(18px,5vw,74px);top:66px;width:min(330px,calc(100vw - 36px));z-index:20}.otp-copy{grid-column:1/-1;min-width:0}.otp-copy label{display:block;font-size:12px;font-weight:700;margin-bottom:2px}.otp-copy small{color:var(--muted);display:block;font-size:11px;line-height:1.35;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.otp-form .otp-email{border-radius:8px;grid-column:1/-1;width:100%}.otp-form .otp-input{border-radius:8px;font-size:16px;letter-spacing:.12em;width:100%}.otp-form .auth-submit{border-radius:8px;margin:0}.auth-otp-actions{display:flex;gap:14px;grid-column:1/-1}.auth-secondary{background:none;border:0;color:var(--accent);font-size:11px;font-weight:700;min-height:24px;padding:0}.auth-error{background:var(--danger-soft);border-radius:8px;color:var(--danger);font-size:11px;left:50%;max-width:360px;padding:8px 14px;position:fixed;top:16px;transform:translateX(-50%);white-space:nowrap;z-index:20}:root{--muted:#61706b;--soft:#71807a}.sr-only{border:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.tab,.todo-check{min-height:44px}.todo-check{height:44px;min-width:44px;width:44px}button:disabled{cursor:not-allowed;opacity:.58}.undo-toast{align-items:center;background:var(--ink);border-radius:10px;bottom:24px;color:var(--paper);display:flex;gap:12px;padding:10px 14px;position:fixed;right:24px;z-index:10}.undo-toast button{background:transparent;border:0;color:#9ae0c5;font-weight:700;min-height:32px}.update-toast{align-items:center;background:var(--accent-dark);border-radius:10px;bottom:24px;color:var(--paper);display:flex;gap:12px;padding:10px 14px;position:fixed;right:24px;z-index:11}.update-toast button{background:transparent;border:0;color:var(--paper);font-weight:700;min-height:32px;text-decoration:underline}.entry-dialog{border:1px solid var(--line);border-radius:14px;box-shadow:0 20px 60px rgba(20,50,43,.22);color:var(--ink);max-height:min(90dvh,760px);max-width:calc(100vw - 32px);overflow:auto;padding:24px;width:420px}.entry-dialog::-webkit-backdrop{background:rgba(16,32,28,.36)}.entry-dialog::backdrop{background:rgba(16,32,28,.36)}.entry-dialog h2{font-family:ui-rounded,Arial Rounded MT Bold,Inter,sans-serif;font-size:20px;margin:0 0 20px}.entry-dialog label{color:var(--muted);display:block;font-size:12px;font-weight:700;margin-bottom:7px}.entry-dialog input{padding:0 11px}.entry-dialog input,.entry-dialog select,.entry-dialog textarea{background:var(--paper);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;min-height:44px;width:100%}.entry-dialog select,.entry-dialog textarea{margin-bottom:14px;padding:10px 11px}.entry-dialog textarea{min-height:88px;resize:vertical}.entry-dialog input:focus,.entry-dialog select:focus,.entry-dialog textarea:focus{border-color:var(--accent);outline:3px solid rgba(76,153,132,.2)}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}.dialog-actions .quiet-button{color:var(--muted);padding:0 12px}.dialog-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.entry-dialog .dialog-header{margin-bottom:22px}.entry-dialog .dialog-header h2{margin:0}.entry-dialog form>input{margin-bottom:18px}.color-picker{border:0;margin:2px 0 18px;padding:0}.color-picker legend{color:var(--muted);font-size:13px;font-weight:700;margin-bottom:8px;padding:0}.color-picker-trigger{align-items:center;background:var(--field);border:1px solid var(--line);border-radius:8px;color:var(--ink);display:flex;gap:10px;min-height:44px;padding:0 11px;width:100%}.color-picker-trigger>span:nth-child(2){flex:1 1;text-align:left}.color-picker-trigger>svg{color:var(--soft);transition:transform .16s ease}.color-picker-trigger[aria-expanded=true]>svg{transform:rotate(180deg)}.color-preview{border:1px solid color-mix(in srgb,var(--ink) 12%,transparent);border-radius:50%;display:block;height:22px;width:22px}.color-swatches{background:var(--surface-2);border:1px solid var(--line);border-radius:10px;display:grid;grid-gap:4px;gap:4px;grid-template-columns:repeat(10,32px);justify-content:space-between;margin-top:8px;padding:9px}.color-swatch{align-items:center;border:2px solid transparent;border-radius:50%;color:white;display:flex;height:32px;justify-content:center;padding:0;width:32px}.color-swatch:hover{filter:brightness(1.06);transform:scale(1.05)}.color-swatch.selected{border-color:var(--surface);box-shadow:0 0 0 3px var(--ink)}@media (max-width:480px){.color-swatches{gap:8px;grid-template-columns:repeat(5,32px);justify-content:start}}.habit-kind-field{display:block;margin-bottom:18px;max-width:calc(50% - 6px)}.frequency-field{border:0;margin:0 0 18px;padding:0}.frequency-field legend{color:var(--muted);font-size:13px;font-weight:700;margin-bottom:8px;padding:0}.frequency-row{align-items:center;display:flex;flex-wrap:wrap;gap:7px}.entry-dialog .frequency-row label{margin:0}.entry-dialog .frequency-row input{margin:0;min-height:40px;padding:0 8px;text-align:center;width:54px}.frequency-row>span{color:var(--ink);font-size:13px}.frequency-field>small{color:var(--soft);display:block;font-size:11px;margin-top:8px}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).red{background:#c74747}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).deep-orange{background:#d65b32}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).orange{background:#df7b25}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).amber{background:#d79b22}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).yellow{background:#d6b71f;color:#2b2a20}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).lime{background:#8daa35;color:#20271a}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).light-green{background:#62a84d}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).green{background:#318b4b}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).mint{background:#30a67d}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).teal{background:#238f8a}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).cyan{background:#2799aa}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).sky{background:#3b91c8}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).blue{background:#4275c4}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).indigo{background:#5963b9}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).violet{background:#755cb5}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).purple{background:#9253ad}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).pink{background:#c14f87}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).coral{background:#d56862}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).brown{background:#876655}:is(.habit-dot,.habit-detail-mark,.color-swatch,.color-preview).slate{background:#68756f}.dialog-header .icon-button{flex:none;margin:-8px -8px 0 0}.due-date-heading{align-items:center;display:flex;justify-content:space-between}.entry-dialog .due-date-heading label{margin-bottom:7px}.quick-today-toggle{background:transparent;border:1px solid var(--line);border-radius:7px;color:var(--muted);font-size:10px;font-weight:700;margin-bottom:7px;min-height:30px;padding:0 10px}.quick-today-toggle.active,.quick-today-toggle:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-dark)}.habit-label{position:-webkit-sticky;position:sticky;left:0;z-index:2}.habit-matrix .matrix-row:not(.matrix-head) .habit-label,.matrix-head .habit-label{background:var(--surface)}@media (prefers-contrast:more){button:focus-visible{outline:3px solid currentColor;outline-offset:3px}.check-cell,.entry-dialog{border:2px solid}}:root,:root[data-theme=light]{color-scheme:light;--ink:#111815;--muted:#59645f;--soft:#7f8984;--line:#dfe6e2;--paper:#f8faf9;--surface:#ffffff;--surface-2:#f0f4f2;--sidebar:#f2f5f3;--accent:#17845f;--accent-dark:#0e6547;--accent-soft:#dff3ea;--field:#ffffff;--hover:#e9f0ed;--danger:#b74639;--danger-soft:#fae8e5;--shadow:0 12px 32px rgba(12,35,27,.055)}:root[data-theme=dark]{color-scheme:dark;--ink:#f4f7f5;--muted:#a8b3ae;--soft:#77837e;--line:#29332f;--paper:#0c110f;--surface:#121815;--surface-2:#18201c;--sidebar:#0f1512;--accent:#45c893;--accent-dark:#72ddb1;--accent-soft:#183a2e;--field:#171e1b;--hover:#202a25;--danger:#ef897d;--danger-soft:#3a211e;--shadow:none}body,html{color:var(--ink)}.app-shell,body,html{background:var(--paper)}.sidebar{background:var(--sidebar)}.brand-mark{background:var(--accent);border-radius:9px;box-shadow:0 5px 14px rgba(23,132,95,.2)}.nav-item.active,.nav-item:hover{background:var(--surface);box-shadow:none;color:var(--accent-dark)}.topbar{border-bottom:1px solid transparent}.theme-toggle{align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:50%;color:var(--muted);display:flex;height:38px;justify-content:center;margin-right:12px;width:38px}.theme-toggle:hover{background:var(--hover);color:var(--ink)}.primary-button{background:var(--accent);border-radius:10px;box-shadow:none}.primary-button:hover{background:var(--accent-dark)}.summary-card{background:var(--surface-2);border:0;border-radius:11px;min-height:104px}.summary-card.highlight{border:0}.summary-icon{background:var(--accent-soft);color:var(--accent)}.habit-card{background:transparent;border:0;border-radius:0;box-shadow:none}.habit-card .section-header{padding-left:0;padding-right:0}.habit-matrix{background:transparent}.matrix-row{border-color:var(--line);padding-left:0;padding-right:0}.habit-open{background:transparent;border:0;color:inherit;font:inherit;padding:0;text-align:left}.habit-open:hover strong{color:var(--accent-dark)}.habit-matrix .matrix-row:not(.matrix-head) .habit-label,.matrix-head .habit-label{background:var(--paper)}.check-cell{background:var(--surface-2);border:1px solid transparent;border-radius:9px}.check-cell:hover{background:var(--hover);border-color:var(--line)}.check-cell.done{background:var(--accent);border-color:var(--accent);color:#fff}.check-cell.partial{background:color-mix(in srgb,var(--accent) 30%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 40%,transparent);color:var(--accent)}.check-cell.missed{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.check-cell.missed:after{display:none}.progress-ring{background:conic-gradient(var(--accent) var(--progress),var(--line) 0deg)}.progress-ring:after{background:var(--paper)}.matrix-footer{padding-left:0;padding-right:0}.matrix-head{min-height:60px}.day.today{align-items:center;background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:9px;display:flex;flex-direction:column;height:48px;justify-content:center}.day.today:before{display:none}.day.today span,.day.today strong{color:var(--accent-dark)}.habit-dot{flex:none;height:13px;width:13px}.cell-value{letter-spacing:-.03em;line-height:1.05;max-width:36px;overflow:visible;text-align:center}.cell-value,.cell-value small,.cell-value strong{display:block}.cell-value strong{font-weight:800}.cell-value small{font-weight:700;margin-top:2px}.matrix-footer{justify-content:flex-end}.strength-label{color:var(--muted);font-size:10px;font-weight:700;text-align:right;text-transform:uppercase}.matrix-row .strength{gap:6px;justify-content:flex-end}.matrix-row .streak-fire{filter:saturate(1.1);font-size:19px;line-height:1}.matrix-row .strength[aria-label^="0 "] .streak-fire{display:none!important}.matrix-row .strength[aria-label^="0 "]>strong{display:none}.matrix-row .strength>strong{color:var(--ink);font-size:16px;line-height:1;min-width:2ch;text-align:left}.habit-matrix .matrix-row{grid-template-columns:minmax(190px,1fr) repeat(7,45px) 70px}.todo-layout{gap:38px;grid-template-columns:220px minmax(0,720px)}.todo-lists{border-color:var(--line);padding-right:22px}.todo-list-row{position:relative}.todo-list-row .todo-list{min-width:0}.todo-list-name{flex:1 1;min-width:0;overflow:hidden;padding-right:34px;text-overflow:ellipsis;white-space:nowrap}.todo-lists .todo-list>span:last-child{margin-left:auto;min-width:22px;text-align:right}.todo-list{background:transparent;color:var(--muted)}.todo-list.active,.todo-list:hover{background:var(--accent-soft);color:var(--accent-dark)}.list-edit-button{align-items:center;background:transparent;border:0;border-radius:8px;color:var(--soft);display:flex;height:34px;justify-content:center;opacity:0;pointer-events:none;position:absolute;right:31px;top:50%;transform:translateY(-50%);width:34px}.list-edit-button.visible,.list-edit-button:focus-visible,.todo-list-row:hover .list-edit-button{opacity:1;pointer-events:auto}.list-edit-button:hover{background:var(--hover);color:var(--ink)}.new-list-button{margin-top:12px;padding-left:10px}.todo-toolbar{align-items:center;margin-bottom:14px}.todo-toolbar .primary-button{flex:none}.todo-filters{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:18px}.todo-filters button{background:transparent;border:0;border-radius:999px;color:var(--muted);font-size:12px;min-height:36px;padding:0 12px}.todo-filters button:hover{background:var(--hover);color:var(--ink)}.todo-filters button.active{background:var(--accent-soft);color:var(--accent-dark);font-weight:700}.todo-toolbar-actions:empty{display:none}.quick-add-todo{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:11px;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:5px 6px 5px 13px}.quick-add-todo>svg{color:var(--soft);flex:none}.quick-add-todo input{background:transparent;border:0;color:var(--ink);flex:1 1 200px;font:inherit;min-height:42px;min-width:0;outline:0;padding:0 3px}.quick-add-todo input::placeholder{color:var(--soft)}.quick-add-todo:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.quick-due-options{align-items:center;display:flex;flex:none;gap:4px;position:relative}.quick-due-chip,.quick-due-icon{background:var(--surface-2);border:1px solid transparent;border-radius:999px;color:var(--muted);font-size:11px;min-height:32px;padding:0 9px}.quick-due-icon{align-items:center;display:flex;justify-content:center;padding:0;width:34px}.quick-due-chip.active,.quick-due-chip:hover,.quick-due-icon.active,.quick-due-icon:hover{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 28%,transparent);color:var(--accent-dark)}.quick-date-input{height:1px;opacity:0;pointer-events:none;position:absolute;right:0;top:100%;width:1px}.quick-add-todo>button[type=submit]{background:var(--accent);border:0;border-radius:8px;color:white;font-size:12px;font-weight:700;min-height:36px;padding:0 14px}.quick-add-todo>button[type=submit]:disabled{opacity:.45}@media (max-width:650px){.quick-add-todo{gap:4px;padding:4px 5px 4px 10px}.quick-add-todo>svg{display:none}.quick-add-todo>input{flex:1 1 100%;min-height:38px}.quick-due-options{margin-left:0}.quick-add-todo>button[type=submit]{flex:none;margin-left:auto;min-height:34px;padding:0 12px}}.quick-add-habit{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:11px;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:5px 6px 5px 13px}.quick-add-habit>svg{color:var(--soft);flex:none}.quick-add-habit input{background:transparent;border:0;color:var(--ink);flex:1 1 200px;font:inherit;min-height:42px;min-width:0;outline:0;padding:0 3px}.quick-add-habit input::placeholder{color:var(--soft)}.quick-add-habit:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.quick-add-habit>button[type=submit]{background:var(--accent);border:0;border-radius:8px;color:white;font-size:12px;font-weight:700;min-height:36px;padding:0 14px}.quick-add-habit>button[type=submit]:disabled{opacity:.45}.quick-color-options{flex:none;position:relative}.quick-color-trigger{align-items:center;background:var(--surface-2);border:1px solid transparent;border-radius:999px;display:flex;height:34px;justify-content:center;padding:0;width:34px}.quick-color-trigger:hover,.quick-color-trigger[aria-expanded=true]{border-color:color-mix(in srgb,var(--accent) 28%,transparent)}.quick-color-trigger .color-preview{height:20px;width:20px}.quick-color-swatches{position:absolute;right:0;top:calc(100% + 8px);z-index:20}@media (max-width:650px){.quick-add-habit{gap:4px;padding:4px 5px 4px 10px}.quick-add-habit>svg{display:none}.quick-add-habit>input{flex:1 1 100%;min-height:38px}.quick-add-habit>button[type=submit]{flex:none;margin-left:auto;min-height:34px;padding:0 12px}}.quick-add-note{align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:11px;display:flex;gap:8px;margin-bottom:20px;padding:5px 6px 5px 13px}.quick-add-note>svg{color:var(--soft);flex:none}.quick-add-note input{background:transparent;border:0;color:var(--ink);flex:1 1;font:inherit;min-height:42px;min-width:0;outline:0;padding:0 3px}.quick-add-note input::placeholder{color:var(--soft)}.quick-add-note:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 14%,transparent)}.quick-add-note>button[type=submit]{background:var(--accent);border:0;border-radius:8px;color:white;font-size:12px;font-weight:700;min-height:36px;padding:0 14px}.quick-add-note>button[type=submit]:disabled{opacity:.45}.note-composer{background:var(--surface-2);border:1px solid var(--line);border-radius:14px;margin-bottom:24px;overflow:hidden}.note-composer-actions,.note-composer-heading,.saved-notes-heading{align-items:center;display:flex;justify-content:space-between}.note-composer-heading{border-bottom:1px solid var(--line);padding:16px 20px}.note-composer-heading h3,.saved-notes-heading h3{color:var(--ink);font-size:15px;margin:2px 0 0}.note-composer .note-editor-fields{padding-top:16px}.note-composer .note-editor-body{background:var(--field);border:1px solid var(--line);border-radius:9px;display:block;line-height:1.55;margin:16px 20px 0;min-height:170px;padding:13px;resize:vertical;width:calc(100% - 40px)}.note-composer .note-editor-body:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb,var(--accent) 20%,transparent)}.note-composer-actions{gap:8px;padding:14px 20px 18px}.note-composer-actions .primary-button{margin-left:auto}.saved-notes-heading{margin:0 0 12px}.saved-notes-heading span{background:var(--field);border-radius:999px;color:var(--muted);font-size:11px;font-weight:700;padding:3px 8px}.notes-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.note-card{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;display:block;min-height:120px;padding:16px;text-align:left}.note-card:hover{border-color:color-mix(in srgb,var(--accent) 28%,var(--line));box-shadow:var(--shadow)}.note-card strong{color:var(--ink);display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-card p{-webkit-box-orient:vertical;-webkit-line-clamp:3;color:var(--muted);display:-webkit-box;font-size:12px;margin:8px 0 0;overflow:hidden}.note-card span{color:var(--soft);display:block;font-size:11px;margin-top:12px}@media (max-width:650px){.quick-add-note{padding:4px 5px 4px 10px}.quick-add-note>svg{display:none}.notes-grid{grid-template-columns:1fr}.note-composer .note-editor-fields{flex-direction:column;gap:12px}.note-composer-actions,.note-composer-heading{padding-left:14px;padding-right:14px}.note-composer .note-editor-body{margin-left:14px;margin-right:14px;width:calc(100% - 28px)}}.note-editor{background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:640px}.note-editor form{display:flex;flex:1 1;flex-direction:column;min-height:0}.note-editor-header{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:12px;justify-content:space-between;padding:14px 20px}.note-editor-header>.quiet-button{padding:0 4px 0 0}.note-editor-fields{display:flex;gap:16px;padding:20px 20px 0}.note-editor-fields label{color:var(--muted);display:block;font-size:12px;font-weight:700;margin-bottom:6px}.note-editor-fields input,.note-editor-fields select{background:var(--field);border:1px solid var(--line);border-radius:8px;color:var(--ink);font:inherit;min-height:44px;padding:0 11px;width:100%}.note-editor-fields input:focus,.note-editor-fields select:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb,var(--accent) 20%,transparent)}.note-editor-field-title{flex:1 1}.note-editor-fields select{min-width:160px}.note-editor .form-error{margin:12px 20px 0}.note-editor-body{background:transparent;border:0;color:var(--ink);flex:1 1;font:inherit;font-size:15px;line-height:1.6;min-height:0;outline:0;padding:20px;resize:none}.note-editor-body::placeholder{color:var(--soft)}@media (max-width:650px){.note-editor{min-height:calc(100vh - 220px)}.note-editor-fields{flex-direction:column;gap:14px}}.todo-items{background:transparent;border:0;border-radius:0}.todo-item{border-bottom:1px solid var(--line);gap:10px;min-height:72px;padding:0 4px}.todo-item:first-child{border-top:1px solid var(--line)}.todo-copy{background:transparent;border:0;color:inherit;flex:1 1;min-width:0;padding:14px 4px;text-align:left}.todo-copy strong{color:var(--ink);font-size:14px;font-weight:650}.todo-copy>span{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;gap:7px;margin-top:5px}.todo-priority{background:var(--surface-2);border-radius:999px;color:var(--muted);font-size:9px;font-style:normal;font-weight:750;letter-spacing:.04em;padding:3px 6px;text-transform:uppercase}.todo-priority.high{background:var(--danger-soft);color:var(--danger)}.todo-priority.medium{background:var(--accent-soft);color:var(--accent-dark)}.todo-check{background:transparent;border-color:var(--soft);color:#fff;height:28px;min-height:28px;min-width:28px;width:28px}.todo-check:hover{border-color:var(--accent)}.todo-delete{opacity:0}.move-today-button{background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 24%,var(--line));border-radius:8px;color:var(--accent-dark);flex:none;font-size:10px;font-weight:700;min-height:34px;padding:0 10px;white-space:nowrap}.move-today-button:hover{border-color:var(--accent)}.move-today-button:disabled{cursor:wait;opacity:.55}.todo-toolbar-actions{align-items:center;display:flex;gap:8px}.task-sort-control{align-items:center;color:var(--soft);display:flex;font-size:11px;font-weight:700;gap:6px}.task-sort-options{background:var(--field);border:1px solid var(--line);border-radius:8px;display:flex;padding:2px}.task-sort-options button{background:transparent;border:0;border-radius:6px;color:var(--muted);font:inherit;min-height:28px;padding:0 9px}.task-sort-options button.active{background:var(--surface);box-shadow:0 1px 3px color-mix(in srgb,var(--ink) 10%,transparent);color:var(--accent-dark)}.task-sort-options button:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 18%,transparent)}.move-all-today-button{background:transparent;border:1px solid var(--line);border-radius:9px;color:var(--accent-dark);font-size:11px;font-weight:700;min-height:44px;padding:0 12px;white-space:nowrap}.move-all-today-button:hover{background:var(--accent-soft);border-color:var(--accent)}.move-all-today-button:disabled{cursor:wait;opacity:.55}.page-heading{align-items:center;margin-bottom:20px}.page-heading .eyebrow{margin-bottom:0}.completed-row:hover .todo-delete,.todo-delete:focus-visible,.todo-item:hover .todo-delete{opacity:1}.todo-task-group{border-bottom:1px solid var(--line);position:relative}.todo-task-group:first-child{border-top:1px solid var(--line)}.todo-task-group .todo-item{border:0}.todo-item{min-height:54px;position:relative}.todo-item.dragging{opacity:.42}.todo-item.drop-after:after,.todo-item.drop-before:after,.todo-task-group.drop-after:after,.todo-task-group.drop-before:after{background:var(--accent);border-radius:999px;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 16%,transparent);content:"";height:3px;left:4px;pointer-events:none;position:absolute;right:4px;z-index:3}.todo-item.drop-before:after,.todo-task-group.drop-before:after{top:-2px}.todo-item.drop-after:after,.todo-task-group.drop-after:after{bottom:-2px}.todo-drag-handle{align-items:center;background:transparent;border:0;border-radius:6px;color:var(--soft);cursor:-webkit-grab;cursor:grab;display:flex;flex:none;height:28px;justify-content:center;min-height:28px;min-width:24px;opacity:0;padding:0;touch-action:none;transition:opacity .15s ease,color .15s ease,background .15s ease;width:24px}.todo-drag-handle:focus-visible,.todo-item:hover .todo-drag-handle{opacity:1}.todo-drag-handle:focus-visible,.todo-drag-handle:hover:not(:disabled){background:var(--surface-2);color:var(--muted)}.todo-drag-handle:active{cursor:-webkit-grabbing;cursor:grabbing}.todo-drag-handle:disabled{cursor:default;opacity:.3}@media (hover:none),(pointer:coarse){.todo-drag-handle:not(:disabled){opacity:1}}.todo-item:not(.todo-subtask)>.todo-drag-handle{left:-16px;min-width:16px;position:absolute;width:16px}.todo-copy{padding:9px 4px}.todo-title-line{align-items:center;display:flex;flex-wrap:wrap;gap:7px;margin:0!important}.todo-title-line strong{min-width:0}.todo-inline-meta{flex-wrap:wrap;gap:5px;margin-top:4px!important}.subtask-button,.todo-inline-meta{align-items:center;color:var(--soft);display:flex;font-size:11px}.subtask-button{background:transparent;border:0;border-radius:7px;flex:none;font-weight:700;gap:3px;min-height:34px;padding:0 7px}.subtask-button:focus-visible,.subtask-button:hover{background:var(--surface-2);color:var(--muted)}.todo-subtask{margin-left:34px;min-height:30px;padding-left:8px;position:relative}.todo-subtask:before{border-bottom:1px solid var(--line);border-left:1px solid var(--line);content:"";height:15px;left:26px;position:absolute;top:0;width:10px}.todo-subtask .todo-check{height:22px;min-height:22px;min-width:22px;width:22px}.todo-subtask .todo-copy{padding:0 4px}.todo-subtask .todo-copy strong{font-size:13px;font-weight:600}.todo-subtask .todo-delete{min-height:28px;min-width:28px}.todo-subtask .todo-drag-handle{height:22px;min-height:22px;min-width:18px;width:18px}.subtask-entry{align-items:center;display:flex;gap:7px;margin:0 4px 4px 38px;min-height:42px}.subtask-entry>span{color:var(--soft)}.subtask-entry input{background:var(--field);border:1px solid var(--line);border-radius:8px;color:var(--ink);flex:1 1;font:inherit;font-size:13px;min-height:36px;min-width:0;padding:0 10px}.subtask-entry input:focus{border-color:var(--accent);outline:3px solid color-mix(in srgb,var(--accent) 18%,transparent)}.subtask-entry button{background:var(--accent);border:0;border-radius:7px;color:white;font-size:11px;font-weight:700;min-height:34px;padding:0 12px}.subtask-entry button:disabled{opacity:.45}.empty-state{background:var(--surface-2);border:1px dashed var(--line);border-radius:12px;color:var(--muted);margin-top:12px;padding:28px;text-align:center}.completed-tasks{margin-left:258px;margin-top:22px;max-width:700px}.completed-toggle{align-items:center;background:transparent;border:0;border-top:1px solid var(--line);color:var(--muted);display:flex;justify-content:space-between;min-height:52px;padding:0 4px;width:100%}.completed-toggle>span{align-items:center;display:flex;font-size:12px;font-weight:700;gap:8px}.completed-toggle small{align-items:center;background:var(--surface-2);border-radius:999px;color:var(--soft);display:flex;font-size:10px;height:22px;justify-content:center;min-width:22px;padding:0 6px}.completed-toggle>svg{transition:transform .18s ease}.completed-toggle>svg.open{transform:rotate(180deg)}.completed-list{padding-bottom:8px}.completed-list,.completed-task-group{border-bottom:1px solid var(--line)}.completed-task-group:last-child{border-bottom:0}.completed-row{align-items:center;display:flex;gap:10px;min-height:58px;padding:0 4px}.completed-row>div{flex:1 1;min-width:0}.completed-row .todo-check{background:var(--accent);border-color:var(--accent)}.completed-row strong{color:var(--muted);display:block;font-size:13px;text-decoration:line-through}.completed-row span{color:var(--soft);display:block;font-size:10px;margin-top:4px}.completed-subtask{margin-left:34px;min-height:30px}.completed-subtask strong{font-size:12px}.completed-subtask .todo-check{height:22px;min-height:22px;min-width:22px;width:22px}.completed-subtask .todo-delete{min-height:28px;min-width:28px}.completed-row.pending-subtask .todo-check{background:transparent;border-color:var(--soft)}.completed-row.pending-subtask strong{color:var(--ink);text-decoration:none}.completed-empty{color:var(--soft);font-size:12px;margin:0;padding:8px 4px 20px}.entry-dialog{background:var(--surface);border-color:var(--line);box-shadow:0 24px 80px rgba(0,0,0,.28)}.auth-panel input,.entry-dialog input,.entry-dialog select,.entry-dialog textarea{background:var(--field);border-color:var(--line);color:var(--ink)}.entry-dialog::-webkit-backdrop{background:rgba(0,0,0,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.entry-dialog::backdrop{background:rgba(0,0,0,.58);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}@media (max-width:650px){.topbar{gap:5px}.theme-toggle{flex:none;margin-right:0}.account-area{column-gap:5px;margin-left:auto;row-gap:0}.sync-status{font-size:11px}.sign-in-form:not(.expanded) .auth-have-code,.sign-in-form:not(.expanded) input{display:none}.sign-in-form:not(.expanded) .auth-submit{background:none;border:none;color:var(--muted);font-weight:600;margin-left:0;padding:0 6px}.sign-in-form.expanded{position:fixed;top:0;left:0;right:0;background:var(--surface);border-bottom:1px solid var(--line);padding:14px 18px;z-index:15;gap:0}.sign-in-form.expanded input{display:block;flex:1 1;min-width:0;width:auto}.sign-in-form.expanded .auth-close{background:none;border:none;color:var(--muted);display:flex;font-size:20px;margin-left:8px;padding:0 4px}.sign-in-form.otp-form{bottom:auto;display:grid;grid-gap:8px;gap:8px;grid-template-columns:1fr auto;left:12px;padding:12px;right:12px;top:58px;width:auto}.sign-in-form.otp-form .auth-close{margin:0;min-height:28px;min-width:28px;padding:0;position:absolute;right:8px;top:6px}.otp-copy{padding-right:24px}.auth-submit{font-size:11px;padding:0 10px}.auth-email{font-size:11px;max-width:100px}.tab-switcher{display:none}.page-heading{margin-bottom:14px}.page-heading .primary-button{margin-top:10px}.tab.active{background:var(--surface);box-shadow:none;color:var(--accent-dark)}.bottom-nav{background:color-mix(in srgb,var(--surface) 94%,transparent);border-color:var(--line)}.todo-lists-inner .todo-list-row{position:relative}.todo-lists-inner .new-list-button{margin-top:6px}.todo-toolbar{align-items:flex-start;gap:12px}.todo-filters{flex-wrap:nowrap;margin-left:-16px;margin-right:-16px;overflow-x:auto;padding:0 16px 5px}.todo-filters button{flex:none}.todo-delete,.todo-drag-handle:not(:disabled){opacity:1}.subtask-button{min-height:44px}.todo-subtask{margin-left:22px}.subtask-entry{margin-left:24px}.completed-tasks{margin-left:0}}.habit-detail-dialog{border-radius:18px;max-height:min(92dvh,900px);padding:0;width:min(920px,calc(100vw - 32px))}.habit-detail-dialog::-webkit-backdrop{background:rgba(0,0,0,.64)}.habit-detail-dialog::backdrop{background:rgba(0,0,0,.64)}.habit-detail{min-width:0}.habit-detail-header{background:color-mix(in srgb,var(--surface) 94%,transparent);border-bottom:1px solid var(--line);justify-content:space-between;padding:22px 28px;position:-webkit-sticky;position:sticky;top:0;z-index:4}.activity-legend,.habit-badges,.habit-detail-footer>div,.habit-detail-header,.habit-detail-header-actions,.habit-detail-title{align-items:center;display:flex}.habit-detail-title{gap:13px;min-width:0}.habit-detail-title h2{font-family:Space Grotesk,Inter,sans-serif;font-size:25px;letter-spacing:-.045em;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.habit-detail-title .eyebrow{font-size:10px;margin-bottom:5px}.habit-detail-mark{align-items:center;border-radius:11px;color:white;display:flex;flex:none;height:42px;justify-content:center;width:42px}.habit-detail-header-actions{gap:5px}.detail-edit-button{align-items:center;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;color:var(--ink);display:flex;gap:7px;min-height:38px;padding:0 12px}.detail-edit-button:hover{background:var(--hover)}.habit-detail-body{display:flex;flex-direction:column;padding:28px}.detail-hero{align-items:center;display:grid;grid-gap:30px;gap:30px;grid-template-columns:minmax(0,1fr) auto}.detail-description{color:var(--muted);font-size:15px;line-height:1.6;margin:0 0 15px;max-width:600px}.habit-badges{flex-wrap:wrap;gap:7px}.habit-badges span{background:var(--surface-2);border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:11px;padding:6px 10px}.detail-score{align-items:center;display:flex;flex-direction:column;flex:none;gap:7px}.detail-score .progress-ring{height:82px;width:82px}.detail-score .progress-ring:after{height:65px;width:65px}.detail-score .progress-ring span{font-size:18px}.detail-score>span{color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase}.detail-stats{display:grid;grid-gap:1px;gap:1px;grid-template-columns:repeat(4,1fr);margin:27px 0;overflow:hidden}.detail-stats>div{border-left:1px solid var(--line);padding:3px 18px}.detail-stats>div:first-child{border-left:0;padding-left:0}.detail-stats>div:last-child{padding-right:0}.detail-stats span{color:var(--muted);display:block;font-size:11px;margin-bottom:7px}.detail-stats strong{font-family:Space Grotesk,Inter,sans-serif;font-size:26px;letter-spacing:-.04em}.detail-stats strong small{color:var(--soft);font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:0}.detail-section{border-top:1px solid var(--line);padding:25px 0 5px}.detail-section+.detail-section{margin-top:22px}.detail-section-heading{align-items:flex-end;display:flex;justify-content:space-between;margin-bottom:19px}.detail-section-heading .eyebrow{font-size:9px;margin-bottom:5px}.detail-section-heading h3{font-family:Space Grotesk,Inter,sans-serif;font-size:17px;letter-spacing:-.035em;margin:0}.detail-section-heading>span{color:var(--muted);font-size:11px}.month-chart{align-items:flex-end;display:grid;grid-gap:12px;gap:12px;grid-template-columns:repeat(6,1fr);height:190px}.month-column{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;min-width:0}.month-track{background:var(--surface-2);border-radius:7px;display:flex;flex:1 1;margin-bottom:7px;overflow:hidden;position:relative;width:min(58px,72%)}.month-track>span{align-self:flex-end;background:linear-gradient(180deg,var(--accent),var(--accent-dark));border-radius:7px;display:block;min-height:0;transition:height .25s ease;width:100%}.month-column strong{font-size:11px;margin-bottom:3px}.month-column small{color:var(--muted);font-size:10px}.activity-scroll{overflow-x:auto;padding:2px 0 8px}.activity-grid{display:grid;grid-gap:4px;gap:4px;grid-auto-columns:11px;grid-auto-flow:column;grid-template-rows:repeat(7,11px);min-width:max-content}.activity-grid>span,.activity-legend i{background:var(--surface-2);border:1px solid color-mix(in srgb,var(--line) 65%,transparent);border-radius:3px;display:block;height:11px;width:11px}.activity-grid>span.success,.activity-legend i.success{background:var(--accent);border-color:var(--accent)}.activity-legend i.partial{background:#b9dece;border-color:#8dc4aa}.activity-grid>span.miss,.activity-legend i.miss{background:var(--danger-soft);border-color:color-mix(in srgb,var(--danger) 35%,transparent)}.activity-grid>span.skip{background:var(--soft);border-color:var(--soft);opacity:.55}.activity-legend{color:var(--muted);font-size:10px;gap:12px}.activity-legend span{align-items:center;display:flex;gap:5px}.habit-detail-footer{align-items:center;border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:25px;padding-top:20px}.habit-detail-footer p{color:var(--soft);font-size:10px;margin:0}.habit-detail-footer>div{gap:12px}.danger-button{background:transparent;border:0;border-radius:8px;color:var(--danger);font-weight:700;min-height:40px;padding:0 10px}.danger-button:hover{background:var(--danger-soft)}.history-range-label select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--surface-2);border:1px solid var(--line);border-radius:9px;color:var(--ink);font:inherit;font-size:12px;min-height:38px;padding:0 34px 0 12px}.history-range-label{position:relative}.history-range-label:after{border-bottom:2px solid var(--muted);border-right:2px solid var(--muted);content:"";height:6px;pointer-events:none;position:absolute;right:13px;top:13px;transform:rotate(45deg);width:6px}.history-chart{align-items:flex-end;display:grid;grid-gap:9px;gap:9px;grid-template-columns:repeat(5,1fr);height:190px}.history-chart.history-week{grid-template-columns:repeat(7,1fr)}.history-chart.history-year{gap:5px;grid-template-columns:repeat(12,1fr)}.history-column{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:flex-end;min-width:0}.history-track{background:var(--surface-2);border-radius:7px;display:flex;flex:1 1;margin-bottom:7px;overflow:hidden;width:min(54px,72%)}.history-track>span{align-self:flex-end;background:linear-gradient(180deg,var(--accent),var(--accent-dark));border-radius:7px;display:block;width:100%}.history-column strong{font-size:10px;margin-bottom:3px}.history-column small{color:var(--muted);font-size:9px}.calendar-scroll{display:flex;gap:14px;margin:0 -28px;overflow-x:auto;padding:3px 28px 14px;scroll-padding-left:28px;scroll-snap-type:x proximity}.history-calendar{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;flex:0 0 254px;padding:15px;scroll-snap-align:start}.history-calendar h4{font-family:Space Grotesk,Inter,sans-serif;font-size:13px;margin:0 0 13px}.calendar-days,.calendar-weekdays{display:grid;grid-gap:4px;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-weekdays{color:var(--soft);font-size:8px;margin-bottom:5px;text-align:center}.calendar-blank,.calendar-day{align-items:center;aspect-ratio:1;border-radius:6px;display:flex;justify-content:center;min-width:0}.calendar-day{background:var(--surface);border:1px solid var(--line);color:var(--muted)}.calendar-day:not(:disabled){cursor:pointer}.calendar-day:not(:disabled):hover{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 18%,transparent)}.calendar-day:disabled{cursor:default;opacity:.38}.calendar-day b{font-size:8px;font-weight:650}.calendar-day{position:relative}.calendar-day.success{background:var(--accent);border-color:var(--accent);color:#fff}.calendar-day.success+.calendar-day.success:after{background:var(--accent);content:"";height:2px;left:-5px;position:absolute;top:50%;transform:translateY(-50%);width:5px;z-index:1}.calendar-day.partial+.calendar-day.success:after,.calendar-day.success+.calendar-day.partial:after{background:color-mix(in srgb,var(--accent) 45%,transparent);content:"";height:2px;left:-5px;position:absolute;top:50%;transform:translateY(-50%);width:5px;z-index:1}.calendar-day.partial+.calendar-day.partial:after{background:color-mix(in srgb,var(--accent) 30%,transparent);content:"";height:2px;left:-5px;position:absolute;top:50%;transform:translateY(-50%);width:5px;z-index:1}.calendar-days{overflow:hidden}.calendar-day.partial{background:#b9dece;border-color:#8dc4aa;color:var(--accent-dark)}.calendar-day.miss{background:var(--surface);border-color:var(--line);color:var(--muted)}.calendar-day.skip{background:var(--hover);color:var(--soft)}.calendar-scroll{scrollbar-color:var(--soft) transparent;scrollbar-width:thin}.calendar-hint{color:var(--soft);display:block;font-size:9px;margin-bottom:7px;text-align:right}.calendar-tools{align-items:flex-end;display:flex;flex-direction:column}.calendar-bulk-toggle{display:flex;justify-content:flex-end;margin-top:10px}.bulk-checkin{align-items:end;background:var(--surface-2);border:1px solid var(--line);border-radius:12px;display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr)) auto;margin:6px 0 0;padding:13px}.bulk-checkin label{color:var(--muted);font-size:10px;font-weight:700}.bulk-checkin input{background:var(--field);border:1px solid var(--line);border-radius:8px;color:var(--ink);display:block;font:inherit;margin-top:6px;min-height:40px;padding:0 9px;width:100%}.bulk-checkin .primary-button{min-height:40px;white-space:nowrap}.detail-section-heading>div:last-child .activity-legend{justify-content:flex-end}.strength-plot{display:grid;grid-template-columns:34px minmax(0,1fr)}.strength-y-axis{color:var(--soft);display:flex;flex-direction:column;font-size:8px;height:164px;justify-content:space-between;padding-top:8px;text-align:right}.strength-plot-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-color:var(--soft) transparent;scrollbar-width:thin}.strength-plot-scroll svg{color:var(--muted);display:block;margin-inline:auto;overflow:visible}.strength-plot-scroll svg[aria-label*=month],.strength-plot-scroll svg[aria-label*=year]{width:100%}.strength-gridline{stroke:var(--line);stroke-width:1}.strength-line{fill:none;stroke:var(--accent);stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.strength-point{fill:var(--surface);stroke:var(--accent);stroke-width:3}.strength-x-label{fill:currentColor;font-family:Inter,sans-serif;font-size:8px}.strength-explainer{color:var(--soft);font-size:10px;line-height:1.5;margin:10px 0 0 34px}.best-streak-section{align-items:center;background:linear-gradient(135deg,var(--accent-soft),color-mix(in srgb,var(--surface) 75%,var(--accent-soft)));border:1px solid color-mix(in srgb,var(--accent) 22%,var(--line));border-radius:14px;display:grid;grid-gap:14px;gap:14px;grid-template-columns:auto 1fr auto;margin:28px 0 22px;padding:19px 21px}.best-streak-fire{align-items:center;background:var(--surface);border-radius:12px;display:flex;font-size:24px;height:46px;justify-content:center;width:46px}.best-streak-section .eyebrow{font-size:9px;margin-bottom:5px}.best-streak-section h3{font-family:Space Grotesk,Inter,sans-serif;font-size:16px;letter-spacing:-.025em;margin:0}.best-streak-section>strong{color:var(--accent-dark);font-size:12px}label[for=habit-question]{font-size:0}@media (max-width:650px){.habit-detail-dialog{border-radius:16px 16px 0 0;margin:auto 0 0;max-height:94dvh;max-width:100vw;width:100vw}.habit-detail-header{padding:17px 18px}.habit-detail-title h2{font-size:20px}.detail-edit-button{font-size:0;padding:0;width:38px;justify-content:center}.habit-detail-body{padding:21px 18px 26px}.detail-hero{gap:15px}.detail-score .progress-ring{height:66px;width:66px}.detail-score .progress-ring:after{height:51px;width:51px}.detail-score .progress-ring span{font-size:14px}.detail-stats{gap:18px 8px;grid-template-columns:1fr 1fr}.detail-stats>div,.detail-stats>div:first-child,.detail-stats>div:last-child{border-left:0;padding:0}.detail-stats>div:nth-child(2n){border-left:1px solid var(--line);padding-left:16px}.month-chart{gap:5px;height:165px}.month-track{width:70%}.detail-section-heading{align-items:flex-start}.activity-legend,.detail-section-heading>span{display:none}.habit-detail-footer{align-items:flex-start;flex-direction:column;gap:10px}.habit-detail-footer>div{align-self:flex-end}.history-chart{height:160px}.history-chart.history-year{gap:3px}.history-chart.history-year .history-column strong{display:none}.calendar-scroll{margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px;scroll-padding-left:18px}.calendar-hint{display:none}.strength-plot{grid-template-columns:29px minmax(0,1fr)}.strength-explainer{margin-left:29px}.best-streak-section{grid-template-columns:auto 1fr;padding:16px}.best-streak-section>strong{grid-column:2}.bulk-checkin{grid-template-columns:1fr 1fr}.bulk-checkin .primary-button{grid-column:1/-1;justify-content:center}.todo-toolbar{gap:10px}.todo-toolbar-actions{align-items:stretch;flex-direction:column-reverse}.move-all-today-button{min-height:36px}}.habit-card{min-width:0;overflow:hidden}.matrix-scroll{container-type:inline-size;max-width:100%;overflow:hidden;width:100%}.habit-matrix,.habit-matrix .matrix-row{max-width:100%;min-width:0;width:100%}.habit-matrix .matrix-row{grid-template-columns:minmax(140px,1fr) repeat(7,44px) 64px;padding-left:0;padding-right:0}.habit-label{max-width:100%;min-width:0;width:100%}.habit-label>span:last-child{min-width:0;overflow:hidden}.matrix-row .strength,.strength-label{justify-content:center;padding:0;text-align:center}.check-cell{background:transparent!important;border:0!important;height:44px;isolation:isolate;min-height:44px;min-width:44px;position:relative;width:44px}.check-cell:before{background:var(--surface-2);border:1px solid transparent;border-radius:9px;content:"";inset:4px;position:absolute;z-index:0}.check-cell>*{position:relative;z-index:1}.check-cell:hover:before{background:var(--hover);border-color:var(--line)}.check-cell.done:before{background:var(--accent);border-color:var(--accent)}.check-cell.done+.check-cell.done:after{background:var(--accent);content:"";height:2px;left:-6px;position:absolute;top:50%;transform:translateY(-50%);width:12px;z-index:0}.check-cell.done+.check-cell.partial:after,.check-cell.partial+.check-cell.done:after{background:color-mix(in srgb,var(--accent) 45%,transparent);content:"";height:2px;left:-6px;position:absolute;top:50%;transform:translateY(-50%);width:12px;z-index:0}.check-cell.partial+.check-cell.partial:after{background:color-mix(in srgb,var(--accent) 30%,transparent)}.check-cell.partial+.check-cell.partial:after,.check-cell.prev-done.done:after{content:"";height:2px;left:-6px;position:absolute;top:50%;transform:translateY(-50%);width:12px;z-index:0}.check-cell.prev-done.done:after{background:var(--accent)}.check-cell.prev-done.partial:after,.check-cell.prev-partial.done:after{background:color-mix(in srgb,var(--accent) 45%,transparent);content:"";height:2px;left:-6px;position:absolute;top:50%;transform:translateY(-50%);width:12px;z-index:0}.check-cell.prev-partial.partial:after{background:color-mix(in srgb,var(--accent) 30%,transparent);content:"";height:2px;left:-6px;position:absolute;top:50%;transform:translateY(-50%);width:12px;z-index:0}.check-cell.missed:before{background:var(--surface-2);border-color:transparent}.cell-value strong{font-size:9px}.cell-value small{font-size:7.5px}@container (max-width:511px){.habit-matrix .matrix-row{grid-template-columns:minmax(120px,1fr) repeat(6,44px) 64px}.matrix-row>.check-cell:nth-child(2),.matrix-row>.day:nth-child(2){display:none}}@container (max-width:447px){.habit-matrix .matrix-row{grid-template-columns:minmax(110px,1fr) repeat(5,44px) 60px}.matrix-row>.check-cell:nth-child(3),.matrix-row>.day:nth-child(3){display:none}}@container (max-width:389px){.habit-matrix .matrix-row{grid-template-columns:minmax(90px,1fr) repeat(4,44px) 56px}.matrix-row>.check-cell:nth-child(4),.matrix-row>.day:nth-child(4){display:none}}@container (max-width:321px){.habit-matrix .matrix-row{grid-template-columns:minmax(0,1fr) repeat(3,44px) 52px}.matrix-row>.check-cell:nth-child(5),.matrix-row>.day:nth-child(5){display:none}}@media (max-width:650px){.page-wrap{padding-left:14px;padding-right:14px}.summary-grid{display:grid;grid-gap:6px;gap:6px;grid-template-columns:repeat(3,minmax(0,1fr))}.summary-card{display:block;margin:0;min-height:76px;padding:11px 9px}.summary-card .summary-icon,.summary-card small{display:none}.summary-card strong{font-size:16px}.summary-label{font-size:9px}.habit-card .section-header{padding:15px 0 11px}.habit-card .section-header p{font-size:10px}.habit-matrix .matrix-row{min-height:61px}.habit-label{gap:7px}.habit-label small{display:block;font-size:9px;margin-top:2px}.habit-label strong{font-size:11px}.habit-dot{height:10px;width:10px}.day{font-size:8px}.day strong{font-size:10px}.day.today{height:43px}.matrix-row .streak-fire{display:inline-block;font-size:16px}.matrix-row .strength{gap:4px}.matrix-row .strength>strong{font-size:14px;min-width:1.5ch}.strength-label{font-size:8px}.matrix-footer{gap:10px;padding:10px 0}.matrix-footer span{font-size:9px}}@media (max-width:370px){.summary-grid{grid-template-columns:1fr 1fr}.summary-card:last-child{display:none}}body{font-size:15px}.best-streak-section>strong,.completed-toggle>span,.entry-dialog label,.eyebrow,.history-range-label select,.quiet-button,.section-header p,.sync-status,.text-button,.todo-filters button,.todo-toolbar p{font-size:13px}.activity-legend,.bulk-checkin label,.calendar-hint,.completed-row span,.detail-stats span,.detail-stats strong small,.habit-badges span,.habit-detail-footer p,.habit-label small,.strength-explainer,.summary-card small,.summary-label,.todo-copy>span,.todo-lists .todo-list>span:last-child{font-size:11px}.detail-stats span,.detail-stats strong small,.habit-badges span,.habit-label small,.summary-card small,.summary-label,.todo-copy>span,.todo-lists .todo-list>span:last-child{font-size:12px}.habit-label strong{font-size:14px}.todo-copy strong{font-size:15px}.best-streak-section .eyebrow,.completed-empty,.completed-toggle small,.detail-score>span,.history-column small,.history-column strong,.list-caption,.month-column small,.move-today-button,.quick-today-toggle{font-size:11px}.completed-empty{font-size:13px}.todo-priority{font-size:10px}.calendar-day b,.calendar-weekdays,.strength-x-label,.strength-y-axis{font-size:9px}.cell-value strong{font-size:10px}.cell-value small{font-size:8.5px}@media (max-width:650px){.bottom-item{font-size:11px}.summary-label{font-size:10px}.habit-card .section-header p{font-size:11px}.habit-label strong{font-size:12px}.habit-label small{font-size:10px}.day{font-size:9px}.day strong{font-size:11px}.strength-label{font-size:9px}}