@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--font-heading:"Inter", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--space-1:2.8px;--space-2:5.6px;--space-3:8.4px;--space-4:11.2px;--space-6:16.8px;--space-8:22.4px;--radius-sm:4px;--radius-md:8px;--radius-lg:14px}:root,:root[data-theme=dark]{--color-bg:#161826;--color-surface:#232532;--color-text:#e9e9ed;--color-accent:#9184d9;--color-accent-400:#b5abfc;--color-accent-900:#2b2741;--color-on-accent:#161826;--color-neutral-400:#b2b6ca;--color-neutral-500:#9397ab;--color-neutral-600:#83879b;--color-neutral-700:#7d8196;--color-del:#9397ab;--color-neutral-800:#3f424d;--color-neutral-900:#292b31;--shadow-sm:0 0 0 1px #3f424d;--cat-l:.734;--cat-c:.125;--cat-money-l:.734;--status-l:.734}:root[data-theme=light]{--color-bg:#f7f6fb;--color-surface:#fff;--color-text:#201f2e;--color-accent:#6f61c2;--color-accent-400:#8b7ddb;--color-accent-900:#ece9f9;--color-on-accent:#fff;--color-neutral-400:#57566b;--color-neutral-500:#6e6d82;--color-neutral-600:#6b6a80;--color-neutral-700:#706f85;--color-del:#6e6d82;--color-neutral-800:#dcdae6;--color-neutral-900:#eeecf5;--shadow-sm:0 0 0 1px #dcdae6;--cat-l:.58;--cat-c:.13;--cat-money-l:.64;--status-l:.54}:root[data-theme=warm]{--color-bg:#e8d6b8;--color-surface:#faf3e6;--color-text:#2a2118;--color-accent:#a65c36;--color-accent-400:#c98354;--color-accent-900:#f0dcc3;--color-on-accent:#fff;--color-neutral-400:#6b5d4d;--color-neutral-500:#7d6d5a;--color-neutral-600:#5f5346;--color-neutral-700:#695c4e;--color-del:#5f5346;--color-neutral-800:#ddceb0;--color-neutral-900:#f3e9d4;--shadow-sm:0 0 0 1px #ddceb0;--cat-l:.55;--cat-c:.13;--cat-money-l:.64;--status-l:.54}*{box-sizing:border-box}html,body,#root{height:100%}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);margin:0;font-size:13.5px;line-height:1.5}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-400)}input,select{color:var(--color-text);border-radius:var(--radius-sm);background:0 0;border:none;outline:none;width:100%;padding:2px 4px;font-family:inherit;font-size:13.5px}input:hover,select:hover,.cell-edit:hover{box-shadow:inset 0 0 0 1px var(--color-neutral-800)}input:focus,select:focus,.cell-edit:focus{box-shadow:inset 0 0 0 1.5px var(--color-accent);background:var(--color-bg);outline:none}select{cursor:pointer}.cell-select-custom{align-items:center;gap:2px;display:flex}.cell-select-custom input{flex:1;min-width:0}.cell-select-back{color:var(--color-neutral-500);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;flex-shrink:0;padding:2px 3px;font-size:11px;line-height:1}.cell-select-back:hover{color:var(--color-text);background:var(--color-neutral-900)}option{background:var(--color-surface);color:var(--color-text)}input[type=date]::-webkit-calendar-picker-indicator{filter:invert(.65);cursor:pointer}button{font-family:inherit}:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}[data-c=work]{--c:oklch(var(--cat-l) var(--cat-c) 289);--t:oklch(var(--cat-l) var(--cat-c) 289 / .16)}[data-c=home]{--c:oklch(var(--cat-l) var(--cat-c) 25);--t:oklch(var(--cat-l) var(--cat-c) 25 / .16)}[data-c=health]{--c:oklch(var(--cat-l) var(--cat-c) 165);--t:oklch(var(--cat-l) var(--cat-c) 165 / .16)}[data-c=money]{--c:oklch(var(--cat-money-l) var(--cat-c) 95);--t:oklch(var(--cat-money-l) var(--cat-c) 95 / .16)}[data-c=people]{--c:oklch(var(--cat-l) var(--cat-c) 225);--t:oklch(var(--cat-l) var(--cat-c) 225 / .16)}[data-c=accent]{--c:var(--color-accent);--t:var(--color-accent-900)}.chip{white-space:nowrap;background:var(--t,var(--color-neutral-900));color:var(--c,var(--color-neutral-400));border-radius:99px;padding:2px 9px;font-size:11.5px;display:inline-flex}.status-chip{color:var(--color-on-accent)}.status-chip[data-c=work]{background:oklch(var(--status-l) var(--cat-c) 289)}.status-chip[data-c=home]{background:oklch(var(--status-l) var(--cat-c) 25)}.status-chip[data-c=health]{background:oklch(var(--status-l) var(--cat-c) 165)}[data-tint="1"]{background:var(--t,var(--color-neutral-900))}[data-today="1"]{box-shadow:inset 0 0 0 1.5px var(--color-accent)}[data-dim="1"]{opacity:.4}.text-muted{color:var(--color-neutral-500)}.app-shell{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-body);grid-template-columns:264px 1fr;font-size:13.5px;line-height:1.5;display:grid}.sidebar{border-right:1px solid var(--color-neutral-800);flex-direction:column;display:flex}.brand-block{padding:var(--space-8) var(--space-6) var(--space-6)}.brand-row{align-items:center;gap:var(--space-3);display:flex}.brand-dot{background:var(--color-accent);border-radius:2px;width:10px;height:10px}.brand-name{font-family:var(--font-heading);letter-spacing:-.01em;font-size:15px;font-weight:500}.brand-sub{color:var(--color-neutral-500);margin-top:var(--space-2);padding-left:19px;font-size:11.5px}.storage-warning{margin:0 var(--space-6) var(--space-6);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--t,var(--color-neutral-900));color:var(--c,var(--color-text));font-size:11.5px;line-height:1.5}.onboarding-strip{justify-content:space-between;align-items:center;gap:var(--space-4);background:var(--color-accent-900);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);color:var(--color-text);flex-wrap:wrap;font-size:12.5px;display:flex}.find-box{margin:0 var(--space-6) var(--space-6);border:1px solid var(--color-neutral-800);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);align-items:center;gap:var(--space-3);transition:box-shadow .15s;display:flex;position:relative}.find-box:focus-within{box-shadow:0 0 0 1.5px var(--color-accent);border-color:var(--color-accent)}.find-label{color:var(--color-neutral-600);white-space:nowrap;font-size:12px}.find-box input{flex:1;min-width:0}.find-shortcut{right:var(--space-4);color:var(--color-neutral-600);border:1px solid var(--color-neutral-800);border-radius:var(--radius-sm);pointer-events:none;padding:1px 6px;font-size:10.5px;position:absolute;top:50%;transform:translateY(-50%)}.nav-groups{padding-bottom:var(--space-6);flex:1;overflow-y:auto}.sidebar-footer{padding:var(--space-3) var(--space-6) var(--space-6);border-top:1px solid var(--color-neutral-800)}.sidebar-footer .nav-item{margin:0 calc(var(--space-6) * -1);border-radius:var(--radius-sm)}.nav-group{margin-bottom:var(--space-6)}.nav-group-name{cursor:pointer;letter-spacing:.12em;text-transform:uppercase;color:var(--color-neutral-600);padding:0 var(--space-6) var(--space-3);justify-content:space-between;align-items:center;font-size:10.5px;display:flex}.nav-group-name:hover{color:var(--color-neutral-400)}.nav-group-chevron{transition:transform .15s;display:inline-block;transform:rotate(-90deg)}.nav-group-chevron[data-open="1"]{transform:rotate(0)}.nav-group-desc{color:var(--color-neutral-600);padding:0 var(--space-6) var(--space-3);margin-top:-4px;font-size:11px}.nav-item{align-items:center;gap:var(--space-3);padding:7px var(--space-6);color:var(--color-neutral-400);cursor:pointer;display:flex}.nav-item:hover{background:var(--color-accent-900);color:var(--color-text)}.nav-item[data-on="1"]{background:var(--color-accent-900);color:var(--color-text);box-shadow:inset 2px 0 0 var(--color-accent)}.nav-icon{color:var(--c,var(--color-neutral-700));flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-badge{color:var(--color-neutral-700);margin-left:auto;font-size:10px}.theme-swatch{width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--color-neutral-800);border-radius:50%;display:inline-block}.theme-swatch-dark{background:linear-gradient(135deg,#161826 50%,#9184d9 50%)}.theme-swatch-light{background:linear-gradient(135deg,#f7f6fb 50%,#6f61c2 50%)}.theme-swatch-warm{background:linear-gradient(135deg,#e8d6b8 50%,#b0623a 50%)}.header-link-btn{color:var(--color-neutral-500);cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-shrink:0;margin:-6px -4px;padding:6px 4px;font-family:inherit;font-size:11.5px}.header-link-btn:hover{color:var(--color-text)}.main-col{flex-direction:column;min-width:0;display:flex}.page-header{padding:var(--space-8) var(--space-8) var(--space-6);border-bottom:1px solid var(--color-neutral-800);justify-content:space-between;align-items:flex-start;gap:var(--space-8);flex-wrap:wrap;display:flex}.page-title-row{align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{letter-spacing:-.02em;font-size:27px;font-family:var(--font-heading);margin:0;font-weight:500}.page-sub{color:var(--color-neutral-500);margin-top:var(--space-3);text-wrap:pretty;max-width:88ch}.page-quote{font-style:italic}.page-info-reveal{margin-top:4px}.info-toggle{border:1px solid var(--color-neutral-800);width:20px;height:20px;color:var(--color-neutral-600);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.info-toggle:hover{color:var(--color-text);border-color:var(--color-neutral-600)}.page-header-right{text-align:right;white-space:nowrap;color:var(--color-neutral-600);font-size:11.5px;line-height:1.6}.page-ref{color:var(--color-neutral-700)}.page-body{padding:var(--space-8);gap:var(--space-8);flex-direction:column;flex:1;animation:.22s page-fade-in;display:flex}.welcome-card{background:var(--color-accent-900);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8)}.welcome-title{margin-bottom:var(--space-3);font-size:15px;font-weight:600}.welcome-list{margin:0 0 var(--space-4);padding-left:var(--space-6);color:var(--color-text);font-size:13px;line-height:1.6}.welcome-list li+li{margin-top:4px}.welcome-link{color:var(--color-accent);cursor:pointer;font:inherit;background:0 0;border:none;margin:-10px -6px;padding:10px 6px;text-decoration:underline}.welcome-dismiss{background:0 0}.health-sync-card{margin-top:var(--space-4)}.health-sync-note{color:var(--color-neutral-400);margin:0 0 var(--space-4);font-size:12.5px;line-height:1.6}.health-sync-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.health-sync-label{letter-spacing:.06em;text-transform:uppercase;color:var(--color-neutral-600);min-width:80px;font-size:11px}.health-sync-token{background:var(--color-neutral-900);border-radius:var(--radius-sm);color:var(--color-accent-400);word-break:break-all;padding:4px 8px;font-size:12px}.health-sync-steps{margin-top:var(--space-4)}.health-sync-steps code{background:var(--color-neutral-900);border-radius:3px;padding:1px 5px;font-size:12px}.onboarding-card{flex-direction:column;display:flex}.onboarding-header{justify-content:space-between;align-items:baseline;gap:var(--space-4);display:flex}.onboarding-header .welcome-title{margin-bottom:0}.onboarding-progress-label{color:var(--color-neutral-500);white-space:nowrap;font-size:12px}.onboarding-track{height:4px;margin-top:var(--space-3);background:#0000002e;border-radius:2px;overflow:hidden}.onboarding-fill{background:var(--color-accent);border-radius:2px;height:4px;transition:width .3s}.onboarding-list{margin:var(--space-4) 0;gap:var(--space-3);flex-direction:column;padding:0;list-style:none;display:flex}.onboarding-step{align-items:center;gap:var(--space-4);display:flex}.onboarding-box{flex-shrink:0}.onboarding-step-text{flex:1;min-width:0}.onboarding-step-label{color:var(--color-text);font-size:13px}.onboarding-step-note{color:var(--color-neutral-500);margin-top:1px;font-size:12px}.onboarding-go{flex-shrink:0;padding:5px 12px;font-size:12px}@keyframes page-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.kpi-row{gap:var(--space-4);flex-wrap:wrap;display:flex}.kpi-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6) var(--space-6) var(--space-4);flex:1 0 150px}.kpi-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-600);font-size:10.5px}.kpi-value{font-family:var(--font-heading);letter-spacing:-.025em;margin-top:var(--space-3);color:var(--c,var(--color-text));font-size:30px;font-weight:500}.kpi-note{color:var(--color-neutral-500);margin-top:var(--space-2);min-height:18px;font-size:12px}.kpi-card[data-tappable="1"]{cursor:pointer}.kpi-explain{color:var(--color-neutral-500);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-neutral-800);font-size:11.5px}.kpi-bar-track{background:var(--color-neutral-900);height:4px;margin-top:var(--space-3);border-radius:2px;overflow:hidden}.kpi-bar-fill{background:var(--c,var(--color-accent));border-radius:2px;height:4px}.kpi-link{margin-top:var(--space-4);display:block}.hero-card{background:var(--color-surface);border-radius:var(--radius-lg);border-left:3px solid var(--c,var(--color-accent));padding:var(--space-6) var(--space-8)}.hero-title{font-family:var(--font-heading);letter-spacing:-.01em;font-size:20px;font-weight:500}.hero-sub{color:var(--color-neutral-500);margin-top:4px;font-size:13px}.progress-row{gap:var(--space-6) var(--space-8);padding:var(--space-4) var(--space-2);flex-wrap:wrap;display:flex}.progress-item{flex-direction:column;gap:3px;display:flex}.progress-label{letter-spacing:.08em;text-transform:uppercase;color:var(--color-neutral-600);font-size:10px}.progress-value-row{align-items:baseline;gap:6px;font-size:12.5px;display:flex}.progress-value{font-weight:600}.progress-note{color:var(--color-neutral-600)}.block-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:hidden}.block-header{justify-content:space-between;align-items:baseline;gap:var(--space-6);padding:var(--space-6) var(--space-6) var(--space-4);flex-wrap:wrap;display:flex}.block-title{font-size:15px;font-family:var(--font-heading);margin:0;font-weight:500}.block-note{color:var(--color-neutral-500);font-size:11.5px}.block-body{background:linear-gradient(to right, var(--color-surface) 50%, transparent) left, linear-gradient(to left, var(--color-surface) 50%, transparent) right, linear-gradient(to right, #0000002e, transparent) left, linear-gradient(to left, #0000002e, transparent) right;background-repeat:no-repeat;background-size:24px 100%,24px 100%,10px 100%,10px 100%;background-attachment:local,local,scroll,scroll;overflow-x:auto}.grid-table{min-width:max-content;display:grid}.grid-row{display:contents}.head-cell{padding:var(--space-3) var(--space-6);letter-spacing:.09em;text-transform:uppercase;color:var(--color-neutral-600);border-top:1px solid var(--color-neutral-800);border-bottom:1px solid var(--color-neutral-800);white-space:nowrap;font-size:10.5px}.body-cell,.del-cell{border-bottom:1px solid var(--color-neutral-900)}.body-row:hover .body-cell,.body-row:hover .del-cell{background:var(--color-neutral-900)}.body-cell{padding:7px var(--space-6);align-items:center;min-width:0;transition:background-color .3s;display:flex}.body-row[data-highlight="1"] .body-cell,.body-row[data-highlight="1"] .del-cell{background:var(--color-accent-900)}.body-cell[data-kind=toggle]{padding-left:4px;padding-right:4px}.add-row{grid-column:1/-1}.table-empty{padding:var(--space-6) var(--space-6) var(--space-4);text-align:center;grid-column:1/-1}.table-empty-label{margin:0 0 2px;font-size:13.5px}.table-empty-note{color:var(--color-neutral-500);margin:0;font-size:12.5px}.chart-empty{padding:var(--space-6) var(--space-4);text-align:center}.head-cell:first-child,.body-cell:first-child{z-index:1;background:var(--color-surface);position:sticky;left:0}.body-row:hover .body-cell:first-child{background:var(--color-neutral-900)}.body-row[data-highlight="1"] .body-cell:first-child{background:var(--color-accent-900)}.del-cell{font:inherit;width:100%;padding:7px var(--space-4);text-align:center;cursor:pointer;color:var(--color-del);background:0 0;border:none}.del-cell:hover{color:oklch(var(--cat-l) var(--cat-c) 25)}.add-row{padding:var(--space-4) var(--space-6) var(--space-6);align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.btn-outline{border:1px solid var(--color-accent);color:var(--color-accent);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:7px 14px;font-size:12px}.btn-outline:hover{background:var(--color-accent-900)}.btn-solid{background:var(--color-accent);border:1px solid var(--color-accent);color:var(--color-on-accent);border-radius:var(--radius-md);cursor:pointer;padding:7px 14px;font-size:12px;font-weight:600}.btn-solid:hover{filter:brightness(.94)}.btn-solid:disabled{opacity:.6;cursor:not-allowed;filter:none}.back-today-btn{margin-left:auto}.cell-plain{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cell-datelink{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:inline-flex}.link-badge{font:inherit;color:var(--color-accent);cursor:pointer;white-space:nowrap;background:0 0;border:none;margin:-6px -4px;padding:6px 4px;font-size:11px}.link-badge:hover{color:var(--color-accent-400)}.cell-edit{border-radius:var(--radius-sm);white-space:nowrap;width:100%;min-height:20px;padding:2px 4px;display:inline-block;overflow:hidden}.cell-box{border-radius:var(--radius-sm);background:var(--color-neutral-900);cursor:pointer;width:24px;height:24px;display:inline-block}.cell-box:hover{box-shadow:inset 0 0 0 1.5px var(--color-accent)}.cell-box[data-tint="1"]{background:var(--t,var(--color-accent));animation:.35s cell-check-pulse}@keyframes cell-check-pulse{0%{transform:scale(1)}40%{transform:scale(1.35)}to{transform:scale(1)}}.cell-bar-wrap{align-items:center;gap:var(--space-3);width:100%;display:flex}.cell-bar-track{background:var(--color-neutral-900);border-radius:2px;flex:1;height:4px;overflow:hidden}.cell-bar-fill{background:var(--c,var(--color-accent));height:4px;display:block}.cell-bar-label{color:var(--color-neutral-500);text-align:right;width:38px;font-size:11.5px}.cal-wrap{padding:0 var(--space-6) var(--space-6)}.cal-daynames{grid-template-columns:repeat(7,1fr);display:grid}.cal-dayname{padding:var(--space-3) var(--space-4);letter-spacing:.09em;text-transform:uppercase;color:var(--color-neutral-600);white-space:nowrap;min-width:0;font-size:10.5px;overflow:hidden}.cal-grid{background:var(--color-neutral-800);border-radius:var(--radius-md);grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.cal-cell{background:var(--color-surface);min-width:0;min-height:112px;padding:var(--space-3) var(--space-4);cursor:pointer;flex-direction:column;gap:3px;display:flex}.cal-cell:hover{background:var(--color-neutral-900)}.cal-cell-top{justify-content:space-between;align-items:center;font-size:11.5px;display:flex}.cal-more{color:var(--color-neutral-700);font-size:10px}.cal-events{flex-direction:column;gap:3px;min-width:0;display:flex}.cal-event{white-space:nowrap;text-overflow:ellipsis;padding:3px 6px;font-size:11px;line-height:1.3;display:block;overflow:hidden}.week-grid{margin:0 var(--space-6) var(--space-6);background:var(--color-neutral-800);border-radius:var(--radius-md);grid-template-columns:64px repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.week-cell{background:var(--color-surface);min-height:34px;color:var(--color-neutral-400);align-items:center;padding:5px 7px;font-size:11.5px;display:flex;position:relative}.week-cell[data-tappable="1"]{cursor:pointer}.week-due-list{z-index:5;background:var(--color-surface);box-shadow:var(--shadow-sm);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--color-text);width:168px;max-width:calc(100vw - 2 * var(--space-6));white-space:normal;margin-top:2px;font-size:11.5px;position:absolute;top:100%;left:50%;transform:translate(-50%)}.week-due-list div+div{margin-top:2px}.week-nav{gap:var(--space-4);flex-wrap:wrap;display:flex}.habit-grid-head,.habit-row{gap:var(--space-4) var(--space-6);padding:0 var(--space-6);grid-template-columns:180px 100px 1fr 56px 48px 24px;align-items:center;display:grid}.habit-grid-head{padding-bottom:var(--space-3)}.habit-ticks{gap:3px;display:flex}.habit-ticks span{text-align:center;width:24px;color:var(--color-neutral-700);font-size:10px}.habit-col-label{color:var(--color-neutral-600);text-align:right;font-size:10px}.habit-row{padding-top:var(--space-2);padding-bottom:var(--space-2)}.habit-days{gap:3px;display:flex}.habit-box{width:24px;height:24px}.habit-metric{text-align:right;color:var(--color-neutral-500)}.columns-plot{padding:0 var(--space-6);align-items:flex-end;gap:var(--space-4);border-bottom:1px solid var(--color-neutral-800);height:200px;display:flex}.columns-bar-col{justify-content:flex-end;align-items:center;gap:var(--space-2);flex-direction:column;flex:1 0 44px;height:100%;display:flex}.columns-value{color:var(--color-neutral-400);font-size:11.5px}.columns-bar{border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--c,var(--color-accent));width:100%}.columns-labels{padding:0 var(--space-6);gap:var(--space-4);margin-top:var(--space-3);display:flex}.columns-label{text-align:center;color:var(--color-neutral-600);white-space:nowrap;text-overflow:ellipsis;flex:1 0 44px;font-size:11px;overflow:hidden}.line-wrap{padding:0 var(--space-6);gap:var(--space-4);display:flex}.line-yaxis{height:210px;color:var(--color-neutral-600);text-align:right;flex-direction:column;justify-content:space-between;width:64px;padding:2px 0;font-size:11px;display:flex}.line-plot{flex:1;height:210px;position:relative}.line-gridlines{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.line-gridlines div{background:var(--color-neutral-900);height:1px}.line-gridlines div:last-child{background:var(--color-neutral-800)}.line-svg{width:100%;height:100%;position:absolute;inset:0}.line-xlabels{padding:0 var(--space-6);gap:var(--space-4);margin-top:var(--space-3);padding-left:calc(var(--space-6) + 64px + var(--space-4));display:flex}.line-xlabel{text-align:center;color:var(--color-neutral-600);white-space:nowrap;flex:1;font-size:11px}.donut-wrap{padding:0 var(--space-6) var(--space-6);gap:var(--space-8);grid-template-columns:200px 1fr;align-items:center;display:grid}.donut-svg-wrap{width:180px;height:180px;position:relative}.donut-svg{width:180px;height:180px;transform:rotate(-90deg)}.donut-centre{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.donut-centre-value{font-family:var(--font-heading);letter-spacing:-.02em;font-size:24px;font-weight:500}.donut-centre-note{color:var(--color-neutral-600);font-size:11px}.donut-legend{gap:var(--space-4);flex-direction:column;display:flex}.donut-legend-row{gap:var(--space-4);grid-template-columns:14px 1fr 90px 60px;align-items:center;display:grid}.donut-swatch{background:var(--c,var(--color-accent));border-radius:2px;width:10px;height:10px}.donut-legend-value{text-align:right;color:var(--color-neutral-500)}.donut-legend-share{text-align:right;color:var(--color-neutral-600)}.settings-grid{padding:0 var(--space-6) var(--space-6);gap:var(--space-6) var(--space-8);grid-template-columns:repeat(2,1fr);display:grid}.settings-field{gap:var(--space-4);grid-template-columns:180px 1fr;align-items:center;display:grid}.settings-label{color:var(--color-neutral-500)}.settings-hint{color:var(--color-neutral-500);margin-top:2px;font-size:11px}.settings-groups{padding:0 var(--space-6) var(--space-6);gap:var(--space-6);flex-direction:column;display:flex}.settings-fieldset{border:none;min-width:0;margin:0;padding:0}.settings-fieldset .settings-grid{padding:0}.settings-group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-600);margin:0 0 var(--space-4);padding:0;font-size:10.5px;display:block}.notes-grid{padding:0 var(--space-6) var(--space-6);gap:var(--space-6);display:grid}.notes-term{margin-bottom:var(--space-2)}.notes-body{color:var(--color-neutral-500);text-wrap:pretty;line-height:1.6}.phase-list{padding:0 var(--space-6) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.phase-item{padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-neutral-900)}.phase-item[data-current="1"]{background:var(--color-accent-900);box-shadow:inset 0 0 0 1.5px var(--color-accent)}.phase-header{justify-content:space-between;align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.phase-name{font-size:13.5px;font-weight:600}.phase-range{color:var(--color-neutral-500);font-size:11.5px}.phase-current-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);font-size:10px;font-weight:600}.phase-what{margin-top:var(--space-2);color:var(--color-neutral-400);font-size:12.5px;line-height:1.55}.phase-care{margin-top:var(--space-2);color:var(--color-text);font-size:12.5px;line-height:1.55}.phase-care b{color:var(--color-accent)}.badges-grid{padding:0 var(--space-6) var(--space-6);gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.badge-card{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.badge-medal{background:var(--color-neutral-900);width:44px;height:44px;color:var(--color-neutral-700);box-shadow:inset 0 0 0 1.5px var(--color-neutral-800);border-radius:50%;justify-content:center;align-items:center;font-size:17px;font-weight:700;display:flex}.badge-medal[data-earned="1"]{background:var(--t,var(--color-accent-900));color:var(--c,var(--color-accent));box-shadow:inset 0 0 0 1.5px var(--c,var(--color-accent))}.badge-label{font-size:12px;line-height:1.3}.badge-status{color:var(--color-neutral-600);text-transform:uppercase;letter-spacing:.06em;font-size:10.5px}.account-section-body{padding:0 var(--space-6) var(--space-6);gap:var(--space-4);flex-direction:column;display:flex}.account-fields{gap:var(--space-4);flex-direction:column;display:flex}.account-jump-link{align-self:flex-start}.account-row{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) 0;border-bottom:1px solid var(--color-neutral-900);flex-wrap:wrap;display:flex}.account-row:last-of-type{border-bottom:none;padding-bottom:0}.account-row-label{flex-direction:column;gap:2px;font-size:13.5px;display:flex}.theme-switch-full{gap:var(--space-3);flex-wrap:wrap;display:flex}.theme-option-btn{align-items:center;gap:var(--space-2);border:1px solid var(--color-neutral-800);border-radius:var(--radius-md);padding:var(--space-2) var(--space-4);font:inherit;color:var(--color-text);cursor:pointer;background:0 0;font-size:12.5px;display:flex}.theme-option-btn:hover{border-color:var(--color-neutral-600)}.theme-option-btn[data-on="1"]{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent)}.account-details summary{cursor:pointer;color:var(--color-accent);margin:-4px 0;padding:4px 0;font-size:12.5px}.account-details summary:hover{color:var(--color-accent-400)}.btn-danger{border:1px solid oklch(var(--cat-l) var(--cat-c) 25);color:oklch(var(--cat-l) var(--cat-c) 25);border-radius:var(--radius-md);cursor:pointer;background:0 0;padding:7px 14px;font-size:12px;font-weight:600}.btn-danger:hover{background:oklch(var(--cat-l) var(--cat-c) 25 / .12)}.btn-danger:disabled{opacity:.5;cursor:not-allowed}.btn-outline:disabled{opacity:.6;cursor:not-allowed}.block-card[data-danger="1"]{box-shadow:inset 0 0 0 1.5px oklch(var(--cat-l) var(--cat-c) 25)}.account-delete-confirm{background:var(--color-neutral-900);border-radius:var(--radius-md);padding:var(--space-4);font-size:13px}.account-delete-confirm p{margin:0 0 var(--space-3);color:var(--color-neutral-400);line-height:1.5}.account-delete-confirm-row{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.account-delete-confirm-row input{border:1px solid var(--color-neutral-800);border-radius:var(--radius-md);max-width:260px;padding:var(--space-3) var(--space-4);font-size:13.5px}.mobile-tabs-btn{display:none}@media (width<=900px){html,body,#root{height:100%}.app-shell{grid-template-columns:1fr;height:100dvh;overflow:hidden}.sidebar{z-index:30;border-right:1px solid var(--color-neutral-800);background:var(--color-bg);border-bottom:none;width:84vw;max-width:320px;transition:transform .22s;position:fixed;inset:0;overflow-y:auto;transform:translate(-100%)}.sidebar[data-open="1"]{transform:translate(0)}.sidebar-backdrop{z-index:29;background:#00000080;position:fixed;inset:0}.main-col{height:100dvh;overflow-y:auto}.mobile-tabs-btn{align-items:center;gap:var(--space-2);right:var(--space-6);bottom:var(--space-6);z-index:10;background:var(--color-accent);color:var(--color-bg);box-shadow:var(--shadow-md,0 6px 18px #00000059);cursor:pointer;opacity:0;pointer-events:none;border:none;border-radius:999px;padding:11px 18px;font-family:inherit;font-size:13px;font-weight:500;transition:opacity .4s;display:flex;position:fixed}.mobile-tabs-btn[data-visible="1"]{opacity:1;pointer-events:auto}.mobile-tabs-btn:hover{background:var(--color-accent-400)}.kpi-card{flex:0 1 calc(50% - var(--space-4) / 2);min-width:140px}.settings-grid{grid-template-columns:1fr}.settings-field{gap:var(--space-2);grid-template-columns:1fr}.cal-events{flex-flow:wrap;gap:4px}.cal-event{border-radius:50%;flex:none;width:7px;height:7px;padding:0;font-size:0;line-height:0}.cal-cell{min-height:60px}}.update-banner{z-index:50;justify-content:center;align-items:center;gap:var(--space-4);background:var(--color-accent);color:var(--color-bg);padding:var(--space-3) var(--space-6);font-size:13px;display:flex;position:fixed;top:0;left:0;right:0}.update-banner button{background:var(--color-bg);color:var(--color-accent);border-radius:var(--radius-md);cursor:pointer;border:none;padding:6px 14px;font-family:inherit;font-size:12.5px;font-weight:500}.update-banner button:hover{opacity:.85}.push-optin{margin-top:var(--space-2);align-items:center;gap:var(--space-3);flex-wrap:wrap;font-size:12.5px;display:flex}.push-optin-on{color:var(--color-neutral-500)}.push-optin-error{color:oklch(var(--cat-l) var(--cat-c) 25)}.celebrate-burst{z-index:60;pointer-events:none;width:0;height:0;position:fixed;top:30%;left:50%}.celebrate-dot{border-radius:50%;width:8px;height:8px;animation:1.1s ease-out forwards celebrate-pop;position:absolute;top:0;left:0}@keyframes celebrate-pop{0%{opacity:1;transform:translate(0)scale(0)}70%{opacity:1}to{transform:translate(var(--dx), var(--dy)) scale(1);opacity:0}}.ai-assistant-btn{left:var(--space-6);bottom:var(--space-6);z-index:20;background:var(--color-accent);color:var(--color-bg);box-shadow:var(--shadow-md,0 6px 18px #00000059);cursor:pointer;border:none;border-radius:999px;padding:11px 18px;font-family:inherit;font-size:13px;font-weight:500;position:fixed}.ai-assistant-btn:hover{background:var(--color-accent-400)}.ai-assistant-panel{left:var(--space-6);z-index:20;width:min(340px, calc(100vw - var(--space-6) * 2));background:var(--color-surface);border-radius:var(--radius-lg);max-height:min(480px,70vh);box-shadow:var(--shadow-md,0 6px 18px #00000059);flex-direction:column;display:flex;position:fixed;bottom:76px;overflow:hidden}.ai-assistant-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-neutral-800);font-size:13px;font-weight:600}.ai-assistant-messages{padding:var(--space-3) var(--space-4);gap:var(--space-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.ai-assistant-hint{color:var(--color-neutral-500);font-size:12.5px}.ai-assistant-msg{border-radius:var(--radius-md);max-width:90%;padding:8px 10px;font-size:13px;line-height:1.4}.ai-assistant-msg-user{background:var(--color-accent-900);align-self:flex-end}.ai-assistant-msg-assistant{background:var(--color-neutral-900);align-self:flex-start}.ai-assistant-confirm{background:var(--color-neutral-900);border-radius:var(--radius-md);padding:var(--space-3);font-size:13px}.ai-assistant-confirm-actions{gap:var(--space-3);margin-top:var(--space-2);display:flex}.ai-assistant-input-row{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-neutral-800);display:flex}.ai-assistant-input-row input{flex:1;min-width:0}.quick-capture-btn{left:var(--space-6);bottom:var(--space-6);z-index:20;background:var(--color-accent);color:var(--color-bg);box-shadow:var(--shadow-md,0 6px 18px #00000059);cursor:pointer;border:none;border-radius:999px;padding:11px 18px;font-family:inherit;font-size:13px;font-weight:500;position:fixed}.quick-capture-btn:hover{background:var(--color-accent-400)}.quick-capture-panel{left:var(--space-6);z-index:20;width:min(320px, calc(100vw - var(--space-6) * 2));background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md,0 6px 18px #00000059);flex-direction:column;display:flex;position:fixed;bottom:76px;overflow:hidden}.quick-capture-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-neutral-800);font-size:13px;font-weight:600}.quick-capture-body{padding:var(--space-3) var(--space-4);min-height:20px}.quick-capture-hint{color:var(--color-neutral-500);font-size:12.5px;line-height:1.4}.quick-capture-status{font-size:13px;line-height:1.4}.quick-capture-status-ok{color:var(--color-accent-400)}.quick-capture-status-hint{color:var(--color-neutral-500)}.quick-capture-choices{gap:var(--space-2);flex-direction:column;display:flex}.quick-capture-choice-row{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.quick-capture-input-row{gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-neutral-800);display:flex}.quick-capture-input-row input{flex:1;min-width:0}.auth-shell{background:var(--color-bg);min-height:100vh;padding:var(--space-8);justify-content:center;align-items:center;display:flex}.auth-card{background:var(--color-surface);border-radius:var(--radius-lg);width:min(400px,100%);box-shadow:var(--shadow-sm);padding:var(--space-8)}.auth-title{text-align:center;margin:0 0 var(--space-6);font-size:20px}.auth-body{color:var(--color-neutral-500);text-align:center;margin:0 0 var(--space-6);line-height:1.6}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-field{gap:var(--space-2);color:var(--color-neutral-500);flex-direction:column;font-size:12px;display:flex}.auth-field input{border:1px solid var(--color-neutral-800);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:13.5px}.password-field{display:flex;position:relative}.password-field input{flex:1;padding-right:36px}.password-toggle{width:36px;height:100%;color:var(--color-neutral-500);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0}.password-toggle:hover{color:var(--color-accent)}.auth-submit{width:100%;padding:var(--space-3) var(--space-4);margin-top:var(--space-2)}.auth-hint{text-align:center;color:var(--color-neutral-500);margin:var(--space-3) 0 0;font-size:11.5px}.auth-links{gap:var(--space-2);margin-top:var(--space-6);flex-direction:column;align-items:center;display:flex}.auth-links button{color:var(--color-accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:12.5px}.auth-links button:hover{color:var(--color-accent-400)}.auth-notice{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-4);background:var(--t,var(--color-neutral-900));color:var(--c,var(--color-text));font-size:12.5px;line-height:1.5}.focus-timer{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.focus-timer-left{flex:1;min-width:220px}.focus-timer-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-600);font-size:10.5px}.focus-timer-clock{font-family:var(--font-heading);letter-spacing:-.02em;margin-top:var(--space-2);font-variant-numeric:tabular-nums;font-size:44px;font-weight:500}.focus-timer-track{background:var(--color-neutral-900);height:4px;margin-top:var(--space-4);border-radius:2px;max-width:280px;overflow:hidden}.focus-timer-fill{background:var(--color-accent);border-radius:2px;height:4px;transition:width 1s linear}.focus-timer-done{color:var(--c,var(--color-text));margin-top:var(--space-3);font-size:12.5px}.focus-timer-right{align-items:flex-end;gap:var(--space-3);flex-direction:column;display:flex}.focus-timer-buttons{gap:var(--space-3);display:flex}.focus-timer-sessions{color:var(--color-neutral-500);font-size:12px}.fasting-timer{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6);justify-content:space-between;align-items:center;gap:var(--space-8);flex-wrap:wrap;display:flex}.fasting-timer-left{flex:1;min-width:220px}.fasting-timer-label{letter-spacing:.1em;text-transform:uppercase;color:var(--color-neutral-600);font-size:10.5px}.fasting-timer-clock{font-family:var(--font-heading);letter-spacing:-.02em;margin-top:var(--space-2);font-variant-numeric:tabular-nums;font-size:44px;font-weight:500}.fasting-timer-track{background:var(--color-neutral-900);height:4px;margin-top:var(--space-4);border-radius:2px;max-width:280px;overflow:hidden}.fasting-timer-fill{border-radius:2px;height:4px;transition:width 30s linear}.fasting-timer-fill[data-state=fasting]{background:var(--color-accent)}.fasting-timer-fill[data-state=eating]{background:oklch(73.4% .125 165)}.fasting-timer-right{align-items:flex-end;gap:var(--space-3);flex-direction:column;display:flex}.fasting-timer-note{color:var(--color-neutral-500);text-align:right;max-width:200px;font-size:12px}.journal-card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-6)}.journal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.journal-title{font-size:15px}.journal-sub{color:var(--color-neutral-600);margin-top:var(--space-2);font-size:11.5px}.mic-btn{align-items:center;gap:var(--space-2);border:1px solid var(--color-neutral-800);color:var(--color-neutral-500);border-radius:var(--radius-md);cursor:pointer;background:0 0;flex-shrink:0;padding:6px 12px;font-size:11.5px;display:flex}.mic-btn:hover{border-color:var(--color-neutral-700);color:var(--color-text)}.mic-btn[data-on="1"]{border-color:var(--color-accent);color:var(--color-accent);background:var(--color-accent-900)}.journal-box{resize:vertical;border:1px solid var(--color-neutral-800);border-radius:var(--radius-md);width:100%;min-height:140px;padding:var(--space-4);color:var(--color-text);background:0 0;font-family:inherit;font-size:13.5px;line-height:1.6}.journal-box:hover{box-shadow:inset 0 0 0 1px var(--color-neutral-800)}.journal-box:focus{box-shadow:inset 0 0 0 1.5px var(--color-accent);background:var(--color-bg);outline:none}