@font-face{font-family:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-vietnamese-400-normal-CRcqvyg1.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-400-normal-BuGn0gnm.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-ext-400-normal-CiZNW1ec.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-400-normal-DYBYyMQr.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/be-vietnam-pro-latin-400-normal-PpnXBOrz.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-400-normal-bXgqVju9.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-vietnamese-500-normal-DREgrEoJ.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-500-normal-CfdwVo8-.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-ext-500-normal-h0Fp6aX0.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-500-normal-CK0UkkKf.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/be-vietnam-pro-latin-500-normal-B6LVzGNe.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-500-normal-BJkVuMHw.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-vietnamese-700-normal-Csr0PCuG.woff2)format("woff2"),url(/assets/be-vietnam-pro-vietnamese-700-normal-By_5yT39.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-ext-700-normal-C8_gqRu2.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-ext-700-normal-4Hjo2OtD.woff)format("woff");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:Be Vietnam Pro;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/be-vietnam-pro-latin-700-normal-DlW1Zbsh.woff2)format("woff2"),url(/assets/be-vietnam-pro-latin-700-normal-C2EtzaOi.woff)format("woff");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{--font:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;--ink:#1c1b22;--muted:#6c6977;--faint:#9a97a3;--paper:#f8f8f7;--surface:#fff;--soft:#f1f0f3;--line:#e5e3e8;--line-strong:#d3d1d8;--danger:#c0383e;--danger-soft:#fbeceb;--accent:var(--ink);--accent-contrast:#fff;--weekend:color-mix(in srgb, var(--ink) 2.5%, var(--surface));--today:color-mix(in srgb, var(--ink) 6%, var(--surface));--text-xs:12px;--text-sm:14px;--text-md:16px;--text-lg:20px;--text-xl:28px;--text-2xl:40px;--r-control:6px;--r-panel:10px;--shadow-pop:0 1px 2px #14121e0f, 0 12px 32px #14121e1f;--page-x:clamp(16px, 4vw, 48px);color-scheme:light}:root.dark{--ink:#ecebf0;--muted:#a3a0ae;--faint:#6f6c7a;--paper:#121117;--surface:#18171e;--soft:#222129;--line:#2a2932;--line-strong:#3a3943;--danger:#f0787c;--danger-soft:#f0787c1f;--accent-contrast:#121117;--shadow-pop:0 1px 2px #0000004d, 0 12px 32px #00000073;color-scheme:dark}:root.high-contrast{--ink:#17161c;--muted:#484550;--faint:#625e6b;--paper:#f8f8f7;--surface:#fff;--soft:#eeedf1;--line:#d1ced6;--line-strong:#77717f;--danger:#a32632;--danger-soft:#fbecef;--accent-contrast:#fff;--weekend:#f3f2f5;--today:#e4e1e8;--shadow-pop:0 1px 2px #14121e1a, 0 12px 32px #14121e29;color-scheme:light}:root.dark.high-contrast{--ink:#fff;--muted:#d5d2dc;--faint:#bbb7c4;--paper:#0b0a0e;--surface:#111015;--soft:#26242d;--line:#5d5965;--line-strong:#aaa5b1;--danger:#ff8c91;--danger-soft:#ff8c9129;--accent-contrast:#0b0a0e;--weekend:#1b1921;--today:#302d38;--shadow-pop:0 1px 2px #00000073, 0 12px 32px #0009;color-scheme:dark}*{box-sizing:border-box}html{background:var(--paper)}body{min-height:100vh;font-family:var(--font);font-size:var(--text-sm);color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased;margin:0;line-height:1.45}h1,h2,h3,p{margin:0}h1,h2,h3{letter-spacing:-.01em;text-wrap:balance;font-weight:700;line-height:1.2}button,input,select{font:inherit;color:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed}a{color:inherit}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.button{border-radius:var(--r-control);min-height:40px;font-size:var(--text-sm);white-space:nowrap;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:500;line-height:1;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.button.small{min-height:32px;padding:0 12px}.button.primary{background:var(--accent);color:var(--accent-contrast)}.button.primary:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 84%, var(--surface))}.button.secondary{background:var(--surface);border-color:var(--line-strong)}.button.secondary:hover:not(:disabled){background:var(--soft)}.button.danger{background:var(--danger);color:var(--accent-contrast)}.button.danger:hover:not(:disabled){background:color-mix(in srgb, var(--danger) 88%, var(--ink))}.button.danger-ghost{color:var(--danger)}.button.danger-ghost:hover:not(:disabled){background:var(--danger-soft)}.button:disabled{opacity:.45}.icon-button{border-radius:var(--r-control);width:32px;height:32px;color:var(--muted);background:0 0;border:0;flex:none;place-items:center;padding:0;display:inline-grid}.icon-button:hover:not(:disabled){background:var(--soft);color:var(--ink)}.icon-button:disabled{opacity:.35}.inline-link{color:var(--ink);text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:500;text-decoration:underline 1px;display:inline}label{font-size:var(--text-sm);gap:6px;font-weight:500;display:grid}input,select{border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface);width:100%;height:40px;color:var(--ink);font-size:var(--text-md);padding:0 12px;font-weight:400}input::placeholder{color:var(--faint)}input:focus,select:focus{border-color:var(--ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--ink) 12%, transparent);outline:none}input:disabled,select:disabled{background:var(--soft);border-color:var(--line);color:var(--muted);cursor:not-allowed}input[type=checkbox]{width:16px;height:16px;accent-color:var(--ink);box-shadow:none;margin:0;padding:0}.field-hint{color:var(--muted);font-size:var(--text-xs);font-weight:400}fieldset{border:0;gap:8px;min-width:0;margin:0;padding:0;display:grid}legend{font-size:var(--text-sm);margin-bottom:8px;padding:0;font-weight:500}.form-error,.form-success{border-radius:var(--r-control);font-size:var(--text-sm);padding:10px 12px}.form-error{background:var(--danger-soft);color:var(--danger)}.form-success{background:var(--soft);color:var(--ink)}.switch{background:var(--faint);border:0;border-radius:999px;flex:none;width:40px;height:24px;padding:0;transition:background-color .15s;position:relative}.switch:after{content:"";background:var(--surface);border-radius:50%;width:18px;height:18px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.switch[aria-checked=true]{background:var(--ink)}.switch[aria-checked=true]:after{transform:translate(16px)}.switch:disabled{opacity:.45}.segmented{border-radius:var(--r-control);background:var(--soft);flex:none;grid-auto-columns:1fr;grid-auto-flow:column;gap:2px;padding:3px;display:inline-grid}.segmented.full{width:100%;display:grid}.segmented button{height:32px;color:var(--muted);font-size:var(--text-sm);white-space:nowrap;background:0 0;border:0;border-radius:4px;padding:0 12px;font-weight:500}.segmented button:hover:not(:disabled){color:var(--ink)}.segmented button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #00000014, 0 0 0 1px var(--line)}.segmented.locked{opacity:.6}.menu{z-index:40;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);min-width:200px;box-shadow:var(--shadow-pop);padding:4px;position:absolute}.menu button{border-radius:var(--r-control);width:100%;min-height:36px;color:var(--ink);font-size:var(--text-sm);text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:0 10px;display:flex}.menu button svg{color:var(--muted);flex:none}.menu button:hover:not(:disabled),.menu button.active{background:var(--soft)}.menu button:disabled{opacity:.45}.menu button.danger,.menu button.danger svg{color:var(--danger)}.menu-check{flex:none;place-items:center;width:16px;display:grid}.menu-label{text-overflow:ellipsis;overflow:hidden}.menu-divider{background:var(--line);height:1px;margin:4px 0}.brand{color:var(--ink);font-size:var(--text-lg);letter-spacing:-.02em;background:0 0;border:0;align-items:center;gap:10px;padding:0;font-weight:700;display:inline-flex}.brand-mark{border-radius:6px;width:28px;height:28px;display:block}.brand-large{font-size:var(--text-xl)}.brand-large .brand-mark{border-radius:8px;width:36px;height:36px}.avatar{aspect-ratio:1;box-sizing:border-box;border:1px solid var(--line);background:var(--soft);width:40px;min-width:40px;height:40px;min-height:40px;color:var(--ink);font-size:var(--text-sm);border-radius:50%;flex:none;place-items:center;font-weight:700;display:inline-grid;overflow:hidden}.avatar.small{width:32px;min-width:32px;height:32px;min-height:32px;font-size:var(--text-xs)}.avatar.large{width:64px;min-width:64px;height:64px;min-height:64px;font-size:var(--text-lg)}.avatar.owner{border-color:var(--line-strong);width:24px;min-width:24px;height:24px;min-height:24px;font-size:var(--text-xs);font-weight:600}.avatar img{border-radius:inherit;object-fit:cover;width:100%;height:100%;display:block}.habit-color{background:var(--habit-color);border-radius:3px;flex:none;width:10px;height:10px}.chip{border:1px solid var(--line-strong);height:26px;color:var(--muted);font-size:var(--text-xs);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-weight:500;display:inline-flex}.chip svg{width:14px;height:14px}.badge{background:var(--soft);color:var(--muted);font-size:var(--text-xs);border-radius:4px;padding:1px 6px;font-weight:500}.list-panel{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface)}.empty-panel{border:1px dashed var(--line-strong);border-radius:var(--r-panel);color:var(--muted);text-align:center;justify-items:center;gap:8px;padding:64px 24px;display:grid}.empty-panel h2{color:var(--ink);font-size:var(--text-md);margin-top:8px}.empty-panel p{max-width:44ch}.app-shell{flex-direction:column;min-height:100vh;display:flex}.app-header{height:64px;padding:0 var(--page-x);border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;gap:16px;display:flex}.header-actions{align-items:center;gap:20px;display:flex}.sync-state{color:var(--muted);font-size:var(--text-xs);align-items:center;gap:6px;display:inline-flex}.sync-pulse{background:#d99a1e;border-radius:50%;width:6px;height:6px;animation:1.2s infinite pulse}.sync-state.offline .sync-pulse{background:var(--faint);animation:none}@keyframes pulse{50%{opacity:.35}}.tally{color:var(--muted);white-space:nowrap}.tally strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:700}.profile-menu{position:relative}.profile-menu .menu{top:calc(100% + 6px);right:0}.profile-button{background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;height:40px;padding:0 8px 0 4px;font-weight:500;display:inline-flex}.profile-button:hover{background:var(--soft)}.profile-button>svg{color:var(--muted)}.offline-banner{padding:8px var(--page-x);border-bottom:1px solid var(--line);background:var(--soft);color:var(--muted);font-size:var(--text-xs);text-align:center}.toast{z-index:150;border-radius:var(--r-control);background:var(--ink);max-width:calc(100vw - 32px);color:var(--paper);box-shadow:var(--shadow-pop);padding:12px 16px;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.loading-screen{place-items:center;min-height:100vh;display:grid}.loading-screen .brand-mark{border-radius:10px;width:44px;height:44px;animation:1s infinite pulse}.board-page{width:min(1440px,100%);padding:24px var(--page-x) 64px;flex:1;margin:0 auto}.board-bar{flex-wrap:wrap;align-items:center;gap:8px 24px;margin-bottom:16px;display:flex}.board-switcher{flex:320px;align-items:center;gap:4px;min-width:0;padding:2px 0;display:flex}.board-tabs-scroll{scrollbar-width:none;flex:0 auto;align-items:center;gap:4px;min-width:0;display:flex;overflow-x:auto}.board-tabs-scroll::-webkit-scrollbar{display:none}.board-tabs-scroll>button{height:34px;color:var(--muted);font-size:var(--text-sm);background:0 0;border:1px solid #0000;border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 12px;font-weight:500;display:inline-flex}.board-tabs-scroll>button:hover{background:var(--soft);color:var(--ink)}.board-tabs-scroll>button.active{border-color:var(--line);background:var(--surface);color:var(--ink);box-shadow:0 1px 2px #0c0b100f}.board-tabs-scroll>button.community-tab.active{border-color:color-mix(in srgb, var(--accent) 35%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.board-add{flex:none}.board-add .folder-picker-button{border:1px dashed var(--line-strong);border-radius:999px;justify-content:center;width:34px;height:34px;margin:0;padding:0}.board-add .folder-menu{left:auto;right:0}.board-add .folder-menu.align-start{left:0;right:auto}.board-toolbar{flex:none;justify-content:flex-end;align-items:center;gap:16px;margin-left:auto;display:flex}.community-actions .button-label{margin-left:-4px}.community-actions .button.primary .button-label{margin-left:0}.community-actions{align-items:center;gap:8px;min-height:32px;display:flex}.folder-picker{min-width:0;position:relative}.folder-picker-button{border-radius:var(--r-control);height:40px;font-size:var(--text-lg);letter-spacing:-.01em;background:0 0;border:0;align-items:center;gap:6px;margin-left:-8px;padding:0 8px;font-weight:700;display:inline-flex}.folder-picker-button span{text-overflow:ellipsis;white-space:nowrap;max-width:min(40vw,480px);overflow:hidden}.folder-picker-button svg{color:var(--muted);flex:none}.folder-picker-button:hover{background:var(--soft)}.folder-menu{max-width:min(300px,100vw - 32px);top:calc(100% + 6px);left:-8px}.date-navigation{flex:none;align-items:center;gap:4px;display:flex}.range-label{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-right:12px}.habit-board{--name:clamp(200px, 21vw, 280px);--stats:168px;--cell-min:32px;border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface)}.board-grid{grid-template-columns:var(--name) 8px repeat(var(--days), minmax(var(--cell-min), 1fr)) 8px var(--stats);display:grid}.board-gutter{background:var(--surface)}.date-row{border-bottom:1px solid var(--line);height:56px}.date-row>:first-child{border-top-left-radius:calc(var(--r-panel) - 1px)}.date-row>:last-child{border-top-right-radius:calc(var(--r-panel) - 1px)}.name-head{border-right:1px solid var(--line)}.date-head{color:var(--muted);font-size:var(--text-xs);flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.date-head strong{min-width:28px;color:var(--ink);font-size:var(--text-md);font-variant-numeric:tabular-nums;text-align:center;border-radius:4px;padding:1px 4px;font-weight:500}.date-head.weekend{background:var(--weekend)}.date-head.today{background:var(--today);color:var(--ink)}.date-head.today strong{background:var(--ink);color:var(--paper);font-weight:700}.stats-head,.habit-stats{border-left:1px solid var(--line);text-align:center;grid-template-columns:repeat(3,1fr);align-items:center;display:grid}.stats-head span{color:var(--muted);font-size:var(--text-xs)}.habit-row{border-bottom:1px solid var(--line);height:48px}.habit-row:last-child{border-bottom:0}.habit-row:last-child>:first-child{border-bottom-left-radius:calc(var(--r-panel) - 1px)}.habit-row:last-child>:last-child{border-bottom-right-radius:calc(var(--r-panel) - 1px)}.habit-streak{color:var(--muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:2px;font-weight:500;display:none}.habit-streak svg{color:var(--habit-color)}.habit-name-cell{border-right:1px solid var(--line);align-items:center;gap:10px;min-width:0;padding:0 8px 0 16px;display:flex;position:relative}.habit-name{min-width:0;font-size:var(--text-md);text-align:left;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;flex:1;padding:8px 0;font-weight:500;overflow:hidden}.habit-name:hover{text-underline-offset:3px;text-decoration:underline 1px}.habit-name:disabled{color:var(--ink);cursor:default}.habit-name:disabled:hover{text-decoration:none}.owner-info{flex:none;position:relative}.owner-avatar{background:0 0;border:0;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;display:grid}.owner-avatar:hover .avatar,.owner-avatar:focus-visible .avatar{border-color:var(--ink)}.owner-tooltip{z-index:45;border-radius:var(--r-control);background:var(--ink);width:max-content;max-width:min(240px,100vw - 32px);color:var(--surface);box-shadow:var(--shadow-pop);font-size:var(--text-xs);white-space:normal;padding:8px 10px;line-height:1.35;position:absolute;bottom:calc(100% + 6px);right:0}.row-menu-spacer{flex:none;width:32px;height:32px}.row-menu{flex:none;position:relative}.row-menu .menu{top:calc(100% + 4px);right:0}.habit-cell{background:0 0;border:0;padding:0;position:relative}.habit-cell.weekend{background:var(--weekend)}.habit-cell.today{background:var(--today)}.habit-cell:disabled{cursor:default}.habit-cell:focus-visible{outline-offset:-2px}.habit-cell:before{content:"";border:1px solid var(--line);border-radius:4px;transition:background-color .12s,border-color .12s;position:absolute;inset:6px 3px}.habit-cell.done:before{border-color:var(--habit-color);background:var(--habit-color)}.habit-cell.skipped:before{border-color:var(--habit-color);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--habit-color) 55%, transparent) 0 2px, transparent 2px 7px)}.habit-cell.off-schedule:not(.done):not(.skipped):before{background:var(--line-strong);border:0;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;inset:50% auto auto 50%}.habit-cell.done:after{content:"";border:solid var(--mark);border-width:0 2px 2px 0;width:5px;height:10px;margin:-7px 0 0 -3px;position:absolute;top:50%;left:50%;transform:rotate(45deg)}.habit-cell.skipped:after{content:"";background:var(--ink);width:10px;height:2px;box-shadow:0 0 0 2px var(--surface);border-radius:1px;margin:-1px 0 0 -5px;position:absolute;top:50%;left:50%}.habit-cell:not(:disabled):hover:before{border-color:var(--habit-color)}.habit-cell:not(:disabled):hover:not(.done):not(.skipped):before{background:color-mix(in srgb, var(--habit-color) 12%, transparent)}.habit-cell.off-schedule:not(.done):not(.skipped):not(:disabled):hover:before{background:var(--habit-color)}.habit-stats span{color:var(--muted);font-size:var(--text-md);font-variant-numeric:tabular-nums}.habit-stats span:first-child{color:var(--ink);font-weight:500}.empty-board{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);text-align:center;flex-direction:column;align-items:center;padding:80px 24px;display:flex}.empty-chain{grid-template-columns:repeat(7,28px);gap:6px;margin-bottom:32px;display:grid}.empty-chain i{border:1px solid var(--line-strong);border-radius:4px;height:22px}.empty-chain i.on{background:#fb7185;border-color:#fb7185}.empty-board h1{max-width:24ch;font-size:var(--text-xl);letter-spacing:-.02em;margin-bottom:8px}.empty-board p{max-width:44ch;color:var(--muted);font-size:var(--text-md);margin-bottom:24px}.detail-page{width:min(1120px,100%);padding:32px var(--page-x) 64px;flex:1;margin:0 auto}.back-link{border-radius:var(--r-control);height:32px;color:var(--muted);background:0 0;border:0;align-items:center;gap:6px;margin:0 0 16px -8px;padding:0 8px;font-weight:500;display:inline-flex}.back-link:hover{background:var(--soft);color:var(--ink)}.history-card{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);padding:32px}.history-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:32px;display:flex}.history-title{align-items:center;gap:12px;min-width:0;display:flex}.history-title .habit-color{border-radius:4px;width:14px;height:14px}.history-title h1{font-size:var(--text-xl);letter-spacing:-.02em;overflow-wrap:anywhere}.history-actions{gap:8px;display:flex}.history-subhead{color:var(--muted);font-size:var(--text-sm);margin-bottom:12px;font-weight:500}.heatmap-scroll{padding-bottom:4px;overflow-x:auto}.heatmap{grid-template-columns:32px repeat(53,minmax(9px,1fr));gap:3px;min-width:620px;display:grid}.heatmap-month{color:var(--muted);font-size:var(--text-xs);white-space:nowrap;grid-row:1;padding-bottom:4px}.heatmap-day{color:var(--muted);font-size:var(--text-xs);grid-column:1;align-self:center;line-height:1}.heatmap i{aspect-ratio:1;background:var(--soft);border-radius:2px}.heatmap i.done{background:var(--habit-color)}.heatmap i.skipped{background:repeating-linear-gradient(135deg, var(--habit-color) 0 1.5px, var(--soft) 1.5px 4px)}.heatmap i.outside{background:0 0}.heatmap-legend{color:var(--muted);font-size:var(--text-xs);gap:16px;margin-top:12px;display:flex}.heatmap-legend span{align-items:center;gap:6px;display:inline-flex}.heatmap-legend i{background:var(--soft);border-radius:2px;width:10px;height:10px}.heatmap-legend i.done{background:var(--habit-color)}.heatmap-legend i.skipped{background:repeating-linear-gradient(135deg, var(--habit-color) 0 1.5px, var(--soft) 1.5px 4px)}.detail-stats{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);gap:16px;margin-top:32px;padding-top:24px;display:grid}.detail-stats div{gap:2px;display:grid}.detail-stats strong{font-size:var(--text-xl);font-variant-numeric:tabular-nums;font-weight:700}.detail-stats span{color:var(--muted)}.page{width:min(1040px,100%);padding:40px var(--page-x) 64px;flex:1;margin:0 auto}.page-title{margin-bottom:32px}.page-title h1{font-size:var(--text-2xl);letter-spacing:-.02em}.page-title p{max-width:60ch;color:var(--muted);font-size:var(--text-md);margin-top:8px}.archive-list article{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:12px 16px;display:flex}.archive-list article:last-child{border-bottom:0}.archive-list h2{min-width:0;font-size:var(--text-md);overflow-wrap:anywhere;flex:1;font-weight:500}.row-actions{flex:none;gap:8px;display:flex}.settings-layout{grid-template-columns:200px minmax(0,1fr);align-items:start;gap:40px;display:grid}.settings-nav{gap:2px;display:grid;position:sticky;top:24px}.settings-nav button{border-radius:var(--r-control);height:40px;color:var(--muted);text-align:left;white-space:nowrap;background:0 0;border:0;align-items:center;gap:10px;padding:0 12px;font-weight:500;display:flex}.settings-nav button svg{flex:none}.settings-nav button:hover:not(:disabled){background:var(--soft);color:var(--ink)}.settings-nav button.active{background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}.settings-nav button:disabled{opacity:.55;cursor:wait}.settings-content{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);min-height:480px;padding:32px}.settings-content>.form-success{margin-bottom:24px}.settings-form{gap:24px;display:grid}.settings-form>label,.settings-form>.form-columns{max-width:480px}.settings-form>.button{justify-self:start}.settings-form h3{font-size:var(--text-md)}.avatar-setting{align-items:center;gap:16px;display:flex}.avatar-setting>div{gap:4px;display:grid}.avatar-setting span{color:var(--muted);font-size:var(--text-sm)}.avatar-actions{align-items:center;gap:8px;margin-top:6px;display:flex}.avatar-actions label{position:relative;overflow:hidden}.avatar-actions input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.avatar-actions .disabled{opacity:.5;pointer-events:none}.section-heading{border-bottom:1px solid var(--line);gap:4px;padding-bottom:24px;display:grid}.section-heading h2{font-size:var(--text-lg)}.section-heading p,.settings-note{color:var(--muted)}.form-columns{grid-template-columns:1fr 1fr;gap:16px;display:grid}.form-divider{background:var(--line);height:1px}.settings-group{gap:12px;display:grid}.settings-group+.settings-group{border-top:1px solid var(--line);padding-top:24px}.permission-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 16px;display:flex}.permission-row:last-child{border-bottom:0}.permission-row>div:first-child{gap:2px;min-width:0;display:grid}.permission-row strong{overflow-wrap:anywhere;font-weight:500}.permission-row span{color:var(--muted);font-size:var(--text-xs)}.inline-form{gap:8px;max-width:420px;display:flex}.inline-form input{flex:1;min-width:0}.friend-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px;display:flex}.friend-row:last-child{border-bottom:0}.friend-name{text-align:left;background:0 0;border:0;flex:1;min-width:0;padding:0;display:grid}.friend-name strong{font-weight:500}.friend-name small{color:var(--muted);font-size:var(--text-xs)}.friend-name:hover strong{text-underline-offset:3px;text-decoration:underline 1px}.theme-options{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.theme-options button{border:1px solid var(--line-strong);border-radius:var(--r-panel);background:var(--surface);text-align:left;justify-items:start;gap:2px;padding:16px;display:grid}.theme-options button svg{color:var(--muted);margin-bottom:24px}.theme-options button strong{font-weight:500}.theme-options button small{color:var(--muted);font-size:var(--text-xs)}.theme-options button:hover:not(:disabled){border-color:var(--faint)}.theme-options button.active{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.theme-options button.active svg{color:var(--ink)}.theme-options button:disabled{opacity:.45}.toggle-list{display:grid}.toggle-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:16px 0;display:flex}.toggle-row>div{gap:2px;display:grid}.toggle-row strong{font-weight:500}.toggle-row span{color:var(--muted)}.contrast-setting{border:1px solid var(--line);border-radius:var(--r-control);padding:16px}:root.high-contrast :focus-visible{outline:3px solid var(--ink);outline-offset:3px}:root.high-contrast input:focus-visible,:root.high-contrast select:focus-visible{box-shadow:none}:root.high-contrast .habit-cell:focus-visible,:root.high-contrast .board-tabs-scroll>button:focus-visible,:root.high-contrast .settings-nav button:focus-visible{outline-offset:-3px}:root.high-contrast .board-tabs-scroll>button.active,:root.high-contrast .segmented button.active,:root.high-contrast .settings-nav button.active{border-color:var(--ink);background:var(--ink);color:var(--accent-contrast);box-shadow:none}:root.high-contrast .habit-cell:not(.done):not(.skipped):before{border-color:var(--line-strong)}:root.high-contrast .habit-cell.skipped:before{background:repeating-linear-gradient(135deg, var(--habit-color) 0 2px, transparent 2px 7px)}:root.high-contrast .button:disabled,:root.high-contrast .icon-button:disabled{opacity:.6}:root.high-contrast .switch[aria-checked=false]{background:var(--soft);box-shadow:inset 0 0 0 1px var(--line-strong)}:root.high-contrast .switch[aria-checked=false]:after{background:var(--muted);box-shadow:none}:root.high-contrast .menu,:root.high-contrast .modal-card{border-color:var(--line-strong)}:root.high-contrast .row-menu-button{opacity:1}.data-action{border:1px solid var(--line-strong);border-radius:var(--r-panel);max-width:480px;color:var(--ink);align-items:center;gap:16px;padding:16px;text-decoration:none;display:flex}.data-action:hover{background:var(--soft)}.data-action>svg{color:var(--muted);flex:none}.data-action span{gap:2px;display:grid}.data-action strong{font-weight:500}.data-action small{color:var(--muted);font-size:var(--text-xs)}.data-action.disabled{opacity:.45;cursor:not-allowed}.danger-zone{border-top:1px solid var(--line);justify-items:start;gap:8px;padding-top:24px;display:grid}.danger-zone p{color:var(--muted);margin-bottom:8px}.admin-settings{gap:24px;display:grid}.create-user-form{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--paper);gap:16px;padding:20px;display:grid}.create-user-form h3{font-size:var(--text-md)}.create-user-form p{color:var(--muted);margin-top:2px}.create-user-fields{grid-template-columns:1fr 1fr;gap:16px;display:grid}.create-user-actions{justify-content:space-between;align-items:center;gap:16px;display:flex}.checkbox-label{align-items:center;gap:8px;font-weight:400;display:flex}.user-card-heading{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.user-card-heading h3{font-size:var(--text-md)}.user-card-heading p{color:var(--muted);font-size:var(--text-xs)}.user-list article{border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:14px 20px;display:grid}.user-list article:last-child{border-bottom:0}.user-identity{gap:2px;min-width:0;display:grid}.user-identity strong{overflow-wrap:anywhere;align-items:center;gap:8px;font-weight:500;display:flex}.user-identity span,.user-identity time{color:var(--muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-control{color:var(--muted);align-items:center;gap:10px;font-weight:400;display:flex}.user-loading{color:var(--muted);padding:24px 20px}.modal-layer{z-index:100;background:#0c0b1073;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--line);border-radius:var(--r-panel);background:var(--surface);width:min(520px,100%);max-height:calc(100vh - 48px);position:relative;overflow:auto;box-shadow:0 24px 64px #0c0b103d}.modal-card form{gap:20px;padding:28px;display:grid}.modal-card h2{font-size:var(--text-lg);padding-right:40px}.folder-modal{width:min(400px,100%)}.community-modal{width:min(480px,100%)}.avatar-crop-modal{width:min(460px,100%)}.avatar-crop-content{gap:20px;padding:28px;display:grid}.avatar-crop-content>div:first-child{gap:4px;display:grid}.avatar-crop-content>div:first-child p{color:var(--muted)}.crop-viewport{border:1px solid var(--line-strong);background:var(--soft);cursor:grab;touch-action:none;user-select:none;border-radius:50%;width:280px;height:280px;margin:0 auto;position:relative;overflow:hidden}.crop-viewport.dragging{cursor:grabbing}.crop-viewport img{pointer-events:none;max-width:none;position:absolute;top:50%;left:50%}.crop-control,.crop-position-controls label{grid-template-columns:76px 1fr;align-items:center;gap:12px;font-weight:500;display:grid}.crop-position-controls{gap:10px;display:grid}.crop-control input,.crop-position-controls input{width:100%;box-shadow:none;accent-color:var(--ink);padding:0}.community-members{gap:20px;padding:28px;display:grid}.community-member-list{max-height:320px;overflow:auto}.habit-choice-list{gap:8px;display:grid}.habit-choice-list label{border:1px solid var(--line);border-radius:var(--r-control);cursor:pointer;align-items:center;gap:10px;padding:12px;font-weight:400;display:flex}.habit-choice-list label:has(input:checked){border-color:var(--ink);background:var(--soft)}.habit-choice-list .habit-color{background:var(--habit-color);width:10px;height:24px}.modal-close{position:absolute;top:20px;right:20px}.modal-actions{align-items:center;gap:8px;padding-top:4px;display:flex}.modal-actions .spacer{flex:1}.color-row{flex-wrap:wrap;gap:10px;display:flex}.color-row button{background:var(--swatch);border:0;border-radius:6px;width:28px;height:28px;padding:0;position:relative}.color-row button.selected:after{content:"";border:2px solid var(--swatch);border-radius:9px;position:absolute;inset:-4px}.disclosure{color:var(--muted);background:0 0;border:0;justify-self:start;align-items:center;gap:6px;padding:0;font-weight:500;display:inline-flex}.disclosure:hover{color:var(--ink)}.disclosure svg{transition:transform .15s}.disclosure[aria-expanded=true] svg{transform:rotate(180deg)}.advanced-panel{border-top:1px solid var(--line);gap:20px;padding-top:20px;display:grid}.check-row{grid-template-columns:16px 1fr;align-items:start;gap:10px;font-weight:400;display:grid}.check-row input{margin-top:2px}.check-row span{gap:2px;display:grid}.check-row strong{font-weight:500}.check-row small{color:var(--muted);font-size:var(--text-xs)}.day-picker{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.day-picker button{border:1px solid var(--line-strong);border-radius:var(--r-control);background:var(--surface);height:36px;color:var(--muted);font-size:var(--text-sm);font-weight:500}.day-picker button:hover{color:var(--ink)}.day-picker button.active{border-color:var(--ink);background:var(--ink);color:var(--paper)}.override-note{border-radius:var(--r-control);background:var(--soft);color:var(--muted);padding:10px 12px}.auth-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{gap:24px;width:min(380px,100%);display:grid}.auth-panel>.brand{justify-self:center;margin-bottom:8px}.auth-form{gap:16px;display:grid}.auth-submit{width:100%;min-height:44px;margin-top:8px}.profile-shell{min-height:100vh}.profile-header{height:64px;padding:0 var(--page-x);border-bottom:1px solid var(--line);background:var(--surface);justify-content:space-between;align-items:center;display:flex}.profile-header .back-link{margin:0}.public-profile{width:min(880px,100%);padding:48px var(--page-x) 64px;margin:0 auto}.profile-intro{align-items:center;gap:16px;margin-bottom:32px;display:flex}.profile-intro>div{flex:1;min-width:0}.profile-intro h1{font-size:var(--text-2xl);letter-spacing:-.02em;overflow-wrap:anywhere}.profile-intro p{color:var(--muted);font-size:var(--text-md)}.profile-list article{border-bottom:1px solid var(--line);gap:14px;padding:20px;display:grid}.profile-list article:last-child{border-bottom:0}.profile-habit-top{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.profile-habit-top h2{min-width:0;font-size:var(--text-md);overflow-wrap:anywhere;font-weight:500}.profile-habit-top .folder-name{color:var(--muted)}.profile-stats{color:var(--muted);white-space:nowrap;gap:16px;margin-left:auto;display:flex}.profile-stats strong{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}.profile-chain{grid-template-columns:repeat(28,1fr);gap:3px;display:grid}.profile-chain i{border:1px solid var(--line);border-radius:3px;height:20px}.profile-chain i.done{border-color:var(--habit-color);background:var(--habit-color)}.profile-chain i.skipped{border-color:var(--habit-color);background:repeating-linear-gradient(135deg, color-mix(in srgb, var(--habit-color) 55%, transparent) 0 1.5px, transparent 1.5px 5px)}.profile-not-found{text-align:center;place-content:center;justify-items:center;gap:8px;min-height:100vh;padding:24px;display:grid}.profile-not-found .brand{margin-bottom:24px}.profile-not-found h1{font-size:var(--text-xl)}.profile-not-found p{color:var(--muted);margin-bottom:16px}@media (hover:hover){.row-menu-button{opacity:0}.habit-row:hover .row-menu-button,.row-menu-button:focus-visible,.row-menu-button[aria-expanded=true]{opacity:1}}@media (width<=900px){.habit-board{--name:240px;--stats:0px}.stats-head,.habit-stats{display:none}.habit-streak{display:inline-flex}.date-row .board-gutter:nth-last-child(2){border-top-right-radius:calc(var(--r-panel) - 1px)}.habit-row:last-child .board-gutter:nth-last-child(2){border-bottom-right-radius:calc(var(--r-panel) - 1px)}.sync-state>span:last-child{display:none}.settings-layout{grid-template-columns:1fr;gap:16px}.settings-nav{display:flex;position:static;overflow-x:auto}.settings-nav button{flex:none}}@media (width<=600px){.app-header,.profile-header{height:56px}.header-actions{gap:12px}.sync-state,.profile-name{display:none}.board-page{padding:20px 12px 48px}.board-switcher{margin-left:-12px;margin-right:-12px;padding-left:12px;padding-right:12px}:root:not(.high-contrast) .board-tabs-scroll.fade-end:not(:focus-within){mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000)}.tally{display:none}.board-toolbar{gap:8px;width:100%}.date-navigation{flex:1;min-width:0}.range-label{text-overflow:ellipsis;flex:1;min-width:0;margin-right:0;overflow:hidden}.community-actions .button.primary{width:32px;padding:0}.community-actions .button-label{display:none}.board-grid{grid-template-columns:repeat(var(--days), minmax(0, 1fr));padding:0 6px}.board-gutter,.name-head{display:none}.date-row{height:56px}.board-gutter+.date-head{border-top-left-radius:calc(var(--r-panel) - 1px)}.date-head strong{min-width:24px;font-size:var(--text-sm)}.habit-row{height:auto;padding-bottom:6px}.habit-name-cell{border-right:0;grid-column:1/-1;gap:8px;height:40px;padding:0 0 0 6px}.habit-cell{height:40px}.habit-cell:before{inset:2px 3px}.empty-board{padding:56px 20px}.detail-page,.page{padding:24px 16px 48px}.history-card{padding:20px}.detail-stats{grid-template-columns:1fr 1fr;row-gap:20px}.page-title h1{font-size:var(--text-xl)}.settings-content{padding:20px}.form-columns,.create-user-fields,.theme-options{grid-template-columns:1fr}.theme-options button svg{margin-bottom:12px}.permission-row{flex-direction:column;align-items:stretch;gap:10px}.permission-row .segmented{display:grid}.user-list article{grid-template-columns:auto minmax(0,1fr);gap:8px 12px;padding:14px 16px}.admin-control,.user-list .button{grid-column:2;justify-self:start}.archive-list article{flex-wrap:wrap}.archive-list .row-actions{width:100%;padding-left:22px}.modal-layer{align-items:end;padding:0}.modal-card{border-radius:var(--r-panel) var(--r-panel) 0 0;width:100%;max-height:92vh}.modal-card form,.avatar-crop-content{padding:24px 20px}.modal-actions{grid-template-columns:1fr 1fr;display:grid}.modal-actions .spacer{display:none}.modal-actions .button.danger-ghost{grid-area:2/1/auto/-1}.day-picker{gap:2px}.day-picker button{font-size:var(--text-xs)}.public-profile{padding:32px 16px 48px}.profile-intro h1{font-size:var(--text-xl)}.profile-stats{width:100%;margin-left:20px}.profile-chain{gap:2px}.profile-chain i{border-radius:2px;height:16px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.sync-banner{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.sync-banner>span{flex:320px}.extension-origin{overflow-wrap:anywhere;font-size:12px;display:block}