@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(./bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(./figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f3ea;--surface:#fffdf8;--surface-2:#f1ece0;--surface-3:#e7e0d0;--ink:#1f1b14;--ink-2:#5c5548;--ink-3:#736b5c;--line:#3c2d1421;--line-strong:#3c2d1442;--accent:#c8440d;--accent-ink:#fffaf3;--accent-soft:#fbe6d6;--good:#1a7f37;--bad:#c0352b;--shadow:0 1px 2px #3c2d140f, 0 8px 24px -14px #3c2d1438;--overlay:#1f1b146b;--water:#2a78d6;--food:#eb6834;--steps:#1baf7a;--focus:#eda100;--habits:#e87ba4;--workout:#008300;--sleep:#6250d6;--grid:#e8e2d4;--axis:#c9c1ae;--heat-0:#efe9db;--heat-1:#fbd9b5;--heat-2:#f6ae6d;--heat-3:#e0702b;--heat-4:#a8410d;--radius:18px;--radius-sm:12px;--font:"Figtree Variable", system-ui, -apple-system, "Segoe UI", sans-serif;--display:"Bricolage Grotesque Variable", "Figtree Variable", system-ui, sans-serif;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px)}@media (prefers-color-scheme:dark){:root:where(:not([data-theme=light])){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151411;--surface:#211f1b;--surface-2:#2d2a24;--surface-3:#3a362e;--ink:#f3efe6;--ink-2:#c8c2b4;--ink-3:#a29b8c;--line:#fff5e11c;--line-strong:#fff5e13d;--accent:#f08a24;--accent-ink:#1f1405;--accent-soft:#43290f;--good:#4cc26c;--bad:#f0776c;--shadow:0 1px 2px #0000004d;--overlay:#0009;--water:#3987e5;--food:#d95926;--steps:#199e70;--focus:#c98500;--habits:#d55181;--workout:#008300;--sleep:#9085e9;--grid:#322f28;--axis:#4a463c;--heat-0:#2d2a24;--heat-1:#5a3415;--heat-2:#96521c;--heat-3:#d07420;--heat-4:#f7a648}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#151411;--surface:#211f1b;--surface-2:#2d2a24;--surface-3:#3a362e;--ink:#f3efe6;--ink-2:#c8c2b4;--ink-3:#a29b8c;--line:#fff5e11c;--line-strong:#fff5e13d;--accent:#f08a24;--accent-ink:#1f1405;--accent-soft:#43290f;--good:#4cc26c;--bad:#f0776c;--shadow:0 1px 2px #0000004d;--overlay:#0009;--water:#3987e5;--food:#d95926;--steps:#199e70;--focus:#c98500;--habits:#d55181;--workout:#008300;--sleep:#9085e9;--grid:#322f28;--axis:#4a463c;--heat-0:#2d2a24;--heat-1:#5a3415;--heat-2:#96521c;--heat-3:#d07420;--heat-4:#f7a648}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font:400 15px/1.45 var(--font);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}h1,h2,h3,h4,p{margin:0}h1{font:700 26px/1.15 var(--display);letter-spacing:-.02em}h2{font:650 17px/1.25 var(--display);letter-spacing:-.01em}h3{font:600 15px/1.3 var(--font)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}img{max-width:100%;display:block}ul{margin:0;padding:0;list-style:none}svg{flex:none}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.small{font-size:13px}.tiny{font-size:12px}.bold{font-weight:600}.nowrap{white-space:nowrap}.tabular{font-variant-numeric:tabular-nums}.clip{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row{align-items:center;gap:10px;min-width:0;display:flex}.row.top{align-items:flex-start}.row.wrap{flex-wrap:wrap}.between{justify-content:space-between}.grow{flex:1;min-width:0}.stack{flex-direction:column;gap:12px;min-width:0;display:flex}.stack.tight{gap:6px}.stack.loose{gap:20px}.center{text-align:center}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.frame{min-height:100dvh}.main{max-width:1080px;padding:calc(16px + var(--safe-t)) 16px calc(96px + var(--safe-b));margin:0 auto}.nav{z-index:30;background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);padding-bottom:var(--safe-b);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav a{color:var(--ink-3);flex-direction:column;align-items:center;gap:3px;padding:9px 2px 8px;font-size:11px;font-weight:550;display:flex}.nav a.active{color:var(--accent)}.nav a.nav-brand,.nav a.nav-settings{display:none}@media (width>=900px){.frame{grid-template-columns:208px minmax(0,1fr);display:grid}.nav{border-top:0;border-right:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;flex-direction:column;gap:2px;height:100dvh;padding:18px 12px;display:flex;position:sticky;top:0}.nav a{color:var(--ink-2);border-radius:12px;flex-direction:row;gap:11px;padding:10px 12px;font-size:14.5px}.nav a:hover{background:var(--surface-2)}.nav a.active{background:var(--accent-soft);color:var(--accent)}.nav a.nav-brand{font:700 20px var(--display);letter-spacing:-.02em;color:var(--ink);align-items:center;gap:10px;padding:2px 10px 18px;display:flex}.nav a.nav-brand:hover{background:0 0}.nav a.nav-settings{margin-top:auto;display:flex}.main{width:100%;padding:28px 28px 48px}}.page-head{justify-content:space-between;align-items:center;gap:12px;min-height:40px;margin-bottom:14px;display:flex}.back{color:var(--ink-2);align-items:center;gap:4px;margin-bottom:8px;font-size:14px;display:inline-flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0;padding:15px}.card.flush{padding:0;overflow:hidden}.card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.card-title{color:var(--ink-2);align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:600;display:flex}.swatch{background:var(--c,var(--accent));border-radius:50%;flex:none;width:9px;height:9px}.grid{gap:12px;display:grid}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.fit{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}@media (width>=700px){.grid.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.grid.cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.span-all{grid-column:1/-1}.big{letter-spacing:-.02em;font-size:26px;font-weight:650;line-height:1.1}.hero-num{letter-spacing:-.03em;font-size:52px;font-weight:700;line-height:1}.unit{color:var(--ink-3);letter-spacing:0;margin-left:3px;font-size:13px;font-weight:500}.btn{background:var(--surface-2);min-height:40px;color:var(--ink);white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:600;transition:background .12s,transform 80ms;display:inline-flex}.btn:hover{background:var(--surface-3)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:color-mix(in srgb, var(--accent) 88%, var(--ink))}.btn.ghost{color:var(--ink-2);background:0 0}.btn.ghost:hover{background:var(--surface-2)}.btn.danger{color:var(--bad)}.btn.block{width:100%}.btn.sm{border-radius:10px;min-height:32px;padding:0 10px;font-size:13px}.icon-btn{width:38px;height:38px;color:var(--ink-2);border-radius:11px;flex:none;justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover{background:var(--surface-2)}.icon-btn.sm{border-radius:9px;width:30px;height:30px}.icon-btn.filled{background:var(--surface-2)}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field>label,.field-label{color:var(--ink-2);font-size:13px;font-weight:550}.input{background:var(--surface);border:1px solid var(--line-strong);border-radius:11px;outline:none;width:100%;min-width:0;min-height:42px;padding:8px 12px;font-size:16px}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent)}textarea.input{resize:vertical;min-height:70px}select.input{appearance:auto}.search{position:relative}.search svg{color:var(--ink-3);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.search .input{padding-left:38px}.seg{background:var(--surface-2);scrollbar-width:none;border-radius:12px;gap:2px;padding:3px;display:flex;overflow-x:auto}.seg::-webkit-scrollbar{display:none}.seg button{min-height:34px;color:var(--ink-2);white-space:nowrap;border-radius:9px;flex:1 0 auto;padding:0 12px;font-size:13.5px;font-weight:600}.seg button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0000001a}.chips{scrollbar-width:none;gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips.wrap{flex-wrap:wrap;overflow:visible}.chip{border:1px solid var(--line-strong);min-height:32px;color:var(--ink-2);background:var(--surface);text-transform:capitalize;white-space:nowrap;border-radius:99px;flex:none;padding:0 12px;font-size:13px;font-weight:550}.chip.on{background:var(--ink);border-color:var(--ink);color:var(--bg)}.weekday-picker{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.weekday-picker button{background:var(--surface-2);height:38px;color:var(--ink-2);border-radius:10px;font-size:12.5px;font-weight:600}.weekday-picker button.on{background:var(--accent);color:var(--accent-ink)}.stepper{background:var(--surface-2);border-radius:12px;align-items:center;display:flex}.stepper button{width:42px;height:44px;color:var(--ink-2);flex:none;justify-content:center;align-items:center;display:flex}.stepper input{text-align:center;appearance:textfield;background:0 0;border:0;outline:none;flex:1;width:100%;min-width:30px;height:44px;font-size:18px;font-weight:650}.stepper input::-webkit-inner-spin-button{display:none}.check{border:2px solid var(--line-strong);color:#0000;border-radius:9px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;transition:background .12s,border-color .12s;display:flex}.check.on{background:var(--c,var(--accent));border-color:var(--c,var(--accent));color:#fff}dialog.sheet{background:var(--surface);width:100%;max-width:100%;max-height:92dvh;color:var(--ink);border:0;border-radius:22px 22px 0 0;margin:auto auto 0;padding:0;overflow:hidden;box-shadow:0 -8px 40px #00000040}dialog.sheet[open]{flex-direction:column;animation:.2s ease-out rise;display:flex}dialog.sheet.full{height:92dvh}dialog.sheet::backdrop{background:var(--overlay);animation:.2s fade}.sheet-head{justify-content:space-between;align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.sheet-body{overscroll-behavior:contain;flex:1;min-height:0;padding:4px 16px 18px;overflow-y:auto}.sheet-foot{padding:12px 16px calc(12px + var(--safe-b));border-top:1px solid var(--line);gap:8px;display:flex}@media (width>=640px){dialog.sheet{border-radius:22px;max-width:520px;margin:auto}dialog.sheet.full{max-width:640px;height:84dvh}}@keyframes rise{0%{opacity:0;transform:translateY(24px)}}@keyframes fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.toast{left:50%;bottom:calc(76px + var(--safe-b));z-index:60;background:var(--ink);max-width:calc(100vw - 32px);color:var(--bg);border-radius:13px;align-items:center;gap:12px;padding:10px 14px;font-size:14px;animation:.18s rise;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 8px 30px #0000004d}.toast button{color:inherit;font-weight:700;text-decoration:underline}.dock{z-index:25;left:12px;right:12px;bottom:calc(68px + var(--safe-b));pointer-events:none;flex-direction:column;gap:6px;display:flex;position:fixed}.dock>*{pointer-events:auto}.timer-pill{background:var(--ink);color:var(--bg);border-radius:14px;align-items:center;gap:8px;padding:7px 8px 7px 14px;display:flex;box-shadow:0 6px 24px #00000047}.timer-pill .time{font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.timer-pill button{color:inherit;background:color-mix(in srgb, var(--bg) 16%, transparent);border-radius:9px;min-height:30px;padding:0 9px;font-size:13px;font-weight:600}@media (width>=900px){.dock{width:320px;bottom:18px;left:auto;right:18px}.toast{bottom:24px}}.list>li+li,.list>*+*{border-top:1px solid var(--line)}.item{text-align:left;align-items:center;gap:11px;width:100%;min-width:0;padding:11px 15px;display:flex}button.item:hover,a.item:hover{background:color-mix(in srgb, var(--surface-2) 55%, transparent)}.thumb{object-fit:cover;background:var(--surface-2);width:48px;height:48px;color:var(--ink-3);border-radius:11px;flex:none;justify-content:center;align-items:center;display:flex}.icon-tile{background:color-mix(in srgb, var(--c,var(--accent)) 16%, transparent);width:36px;height:36px;color:var(--ink);border-radius:11px;flex:none;justify-content:center;align-items:center;display:flex}.badge{background:var(--surface-2);color:var(--ink-2);white-space:nowrap;border-radius:99px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-flex}.badge.accent{background:var(--accent-soft);color:var(--accent)}.empty{text-align:center;color:var(--ink-2);flex-direction:column;align-items:center;gap:10px;padding:26px 16px;display:flex}.empty svg{color:var(--ink-3)}.bar{background:var(--surface-2);border-radius:99px;height:8px;overflow:hidden}.bar>i{background:var(--c,var(--accent));border-radius:99px;height:100%;transition:width .3s;display:block}.bar.over>i{background:var(--bad)}.macro-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.macro-grid .tiny{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.datebar{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:14px;display:grid}.datebar button{color:var(--ink-3);border-radius:13px;flex-direction:column;align-items:center;gap:2px;padding:7px 0 8px;font-size:11.5px;font-weight:550;display:flex}.datebar button .d{color:var(--ink);font-size:15.5px;font-weight:650}.datebar button.on{background:var(--ink);color:var(--bg)}.datebar button.on .d{color:var(--bg)}.datebar button.future .d{color:var(--ink-3)}.datebar .dot{background:0 0;border-radius:50%;width:5px;height:5px}.datebar .dot.some{background:var(--axis)}.datebar .dot.good{background:var(--accent)}.hero{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:18px;display:grid}.pillar-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 12px;display:grid}@media (width>=560px){.pillar-list{grid-template-columns:repeat(3,minmax(0,1fr))}}.mood-row{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.mood-row button{background:var(--surface-2);color:var(--ink-2);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:7px 0;font-size:11px;font-weight:550;display:flex}.mood-row button.on{background:var(--accent);color:var(--accent-ink)}.set-table{border-collapse:collapse;width:100%;font-size:14px}.set-table th{color:var(--ink-3);text-align:center;padding:3px 2px 5px;font-size:11.5px;font-weight:600}.set-table td{text-align:center;padding:3px 2px}.set-table tr.done{background:color-mix(in srgb, var(--workout) 9%, transparent)}.set-table td:first-child{width:30px;color:var(--ink-2);border-radius:9px 0 0 9px;font-weight:600}.set-table td:last-child{border-radius:0 9px 9px 0;width:66px}.set-input{text-align:center;border:1px solid var(--line);background:var(--surface-2);appearance:textfield;border-radius:9px;outline:none;width:100%;max-width:76px;height:36px;font-size:15.5px;font-weight:600}.set-input::-webkit-inner-spin-button{display:none}.set-input:focus{border-color:var(--accent)}.ex-img{aspect-ratio:4/3;object-fit:cover;background:var(--surface-2);border-radius:12px;width:100%}.week{gap:10px;display:grid}@media (width>=1000px){.week.wide{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.week.wide .plan-item{flex-wrap:wrap}}.day-col{background:var(--surface);border:1px solid var(--line);border-radius:15px;min-width:0;padding:10px}.day-col.today{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.plan-item{align-items:center;gap:8px;min-width:0;padding:7px 2px;font-size:14px;display:flex}.plan-item+.plan-item{border-top:1px solid var(--line)}.plan-item.done .plan-title{color:var(--ink-3);text-decoration:line-through}.chart{width:100%;position:relative}.chart svg{display:block;overflow:visible}.chart text{fill:var(--ink-3);font-size:11px;font-family:var(--font);font-variant-numeric:tabular-nums}.chart-tip{z-index:5;pointer-events:none;background:var(--ink);color:var(--bg);white-space:nowrap;border-radius:9px;padding:6px 9px;font-size:12px;line-height:1.35;position:absolute;transform:translate(-50%,-100%)}.chart-tip b{font-weight:650}.legend{color:var(--ink-2);flex-wrap:wrap;gap:4px 12px;font-size:12.5px;display:flex}.legend span{align-items:center;gap:5px;display:inline-flex}.legend i{background:var(--c);border-radius:3px;width:9px;height:9px}.table-toggle{color:var(--ink-3);margin-top:6px;font-size:12.5px}.table-toggle summary{cursor:pointer}.data-table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin-top:6px;font-size:13px}.data-table th,.data-table td{text-align:right;border-bottom:1px solid var(--line);padding:4px 6px}.data-table th:first-child,.data-table td:first-child{text-align:left}.table-scroll{max-height:220px;overflow:auto}.heatmap{scrollbar-width:thin;gap:3px;padding-bottom:4px;display:flex;overflow-x:auto}.heatmap .wk{flex-direction:column;gap:3px;display:flex}.heatmap .cell{background:var(--heat-0);border-radius:3px;width:13px;height:13px;padding:0}.heatmap .cell.blank{background:0 0}.stat-delta{color:var(--ink-2);align-items:center;gap:2px;font-size:12px;font-weight:600;display:inline-flex}.focus-ring{width:220px;height:220px;margin:4px auto;position:relative}.focus-ring .inner{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.onboard{max-width:480px;padding:calc(24px + var(--safe-t)) 18px calc(28px + var(--safe-b));flex-direction:column;gap:18px;min-height:100dvh;margin:0 auto;display:flex}.brand-mark{border-radius:15px;width:54px;height:54px}.steps-dots{gap:5px;display:flex}.steps-dots i{background:var(--surface-3);border-radius:9px;flex:1;height:4px}.steps-dots i.on{background:var(--accent)}.option{text-align:left;border:1px solid var(--line-strong);border-radius:13px;width:100%;padding:11px 14px;display:block}.option.on{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.frame:has(.dock) .main{padding-bottom:calc(160px + var(--safe-b))}