.jm-icon{display:inline-block;flex-shrink:0;width:var(--size-icon);height:var(--size-icon);aspect-ratio:1;overflow:hidden;color:inherit;fill:none}.jm-button:where(:not(.clear)){display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-control)}.jm-button:where(:not(.clear)):not(:disabled){cursor:pointer}.jm-button:where(:not(.clear)):not(:disabled):active{translate:0 var(--space-1)}.jm-button:where(:not(.clear)) span{white-space:nowrap}.jm-button:where(:not(.clear)).ghost:not(:disabled){color:var(--control-ghost-text);background:var(--control-ghost-background)}.jm-button:where(:not(.clear)).ghost:not(:disabled):is(:hover,:focus){color:var(--control-ghost-text-hover);background:var(--control-ghost-background-hover)}.jm-button:where(:not(.clear)).secondary:not(:disabled){color:var(--control-secondary-text);background:var(--control-secondary-background)}.jm-button:where(:not(.clear)).secondary:not(:disabled):is(:hover,:focus){color:var(--control-secondary-text-hover);background:var(--control-secondary-background-hover)}.jm-button:where(:not(.clear)).primary:not(:disabled){color:var(--control-primary-text);background:var(--control-primary-background)}.jm-button:where(:not(.clear)).primary:not(:disabled):is(:hover,:focus){color:var(--control-primary-text-hover);background:var(--control-primary-background-hover)}.jm-button:where(:not(.clear)).xs{min-inline-size:var(--size-control-xs);block-size:var(--size-control-xs);padding-inline:var(--space-3);gap:var(--space-2)}.jm-button:where(:not(.clear)).s{min-inline-size:var(--size-control-s);block-size:var(--size-control-s);padding-inline:var(--space-3);gap:var(--space-2)}.jm-button:where(:not(.clear)).m{min-inline-size:var(--size-control-m);block-size:var(--size-control-m);padding-inline:var(--space-3);gap:var(--space-2)}.jm-button:where(:not(.clear)).m span{padding:0 var(--space-3)}.jm-button:where(:not(.clear)):disabled{background:var(--control-disabled-background);border-color:var(--control-disabled-background);color:var(--control-disabled-text);cursor:not-allowed}.jm-input{position:relative}.jm-input.default input{border-radius:var(--radius-control);border:1px solid var(--control-default-border)}.jm-input.ghost input{border:0;background-color:transparent}.jm-input.xs input{height:var(--size-control-xs)}.jm-input.s input{height:var(--size-control-s)}.jm-input.m input{height:var(--size-control-m)}.jm-input input[type=number]::-webkit-inner-spin-button{display:none}.jm-input .suffix{color:var(--color-text-secondary);font-size:.6875rem}.jm-input:has(.suffix){display:flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-mono)}.jm-input:has(.suffix) input[type=number]{text-align:right}.jm-passkey-gate{display:flex;min-block-size:100dvb;padding:var(--space-5);align-items:center;justify-content:center}.jm-passkey-gate__panel{display:flex;flex-direction:column;gap:var(--space-5);inline-size:min(100%,420px);padding:var(--space-7);background:var(--color-bg-surface);border-radius:var(--radius-control)}.jm-passkey-gate__brand{font-weight:var(--font-weight-bold)}.jm-passkey-gate__error{color:#f0f}*,*:before,*:after{box-sizing:border-box;outline:none}*:not(dialog){margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.4;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}textarea{display:block;field-sizing:content;color:inherit}a{text-decoration:none}a:visited{color:currentcolor}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}ul,ol{list-style:none;padding-inline-start:0}#app{isolation:isolate}:root{color-scheme:light;--color-bg-default: light-dark(#efefef, #efefef);--color-bg-secondary: light-dark(#e4e4e4, #e4e4e4);--color-bg-surface: light-dark( rgb(250 250 250 / 95%), rgb(250 250 250 / 95%) );--color-bg-selection: light-dark(#fff, #fff);--color-bg-backdrop: light-dark(rgb(51 51 51 / 25%), rgb(51 51 51 / 25%));--color-bg-accent: light-dark(#1f6ce5, #1f6ce5);--color-activity-0: #eef0f2;--color-activity-1: #d1e7dd;--color-activity-2: #93c9ad;--color-activity-3: #5b9d7c;--color-activity-4: #2f6f51;--blur-s: 8px;--blur-m: 12px;--radius-checkbox: 6px;--radius-control: 12px;--radius-popover: 12px;--radius-calendar: 24px;--radius-card: 32px;--corner-shape-default: superellipse(1.5);--size-control-xs: 24px;--size-control-s: 32px;--size-control-m: 40px;--size-checkbox: 20px;--size-header: 50px;--size-icon: 16px;--shadow-s: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-m: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--control-default-background: light-dark(#fff, #fff);--control-default-border: light-dark(#e5e5e5, #e5e5e5);--control-default-text: light-dark(#333, #333);--control-primary-background: light-dark(#333, #333);--control-primary-background-hover: light-dark(#454545, #454545);--control-primary-text: light-dark(#fafafa, #fafafa);--control-primary-text-hover: light-dark(#fafafa, #fafafa);--control-secondary-background: light-dark( rgb(51 51 51 / 5%), rgb(51 51 51 / 5%) );--control-secondary-background-hover: light-dark(#e6e6e6, #e6e6e6);--control-secondary-text: light-dark( var(--color-text-default), var(--color-text-default) );--control-secondary-text-hover: light-dark( var(--color-text-default), var(--color-text-default) );--control-ghost-background: light-dark(transparent, transparent);--control-ghost-background-hover: light-dark( rgb(51 51 51 / 5%), rgb(51 51 51 / 5%) );--control-ghost-text: light-dark( var(--color-text-default), var(--color-text-default) );--control-ghost-text-hover: light-dark( var(--color-text-default), var(--color-text-default) );--control-disabled-background: light-dark(#e8e8e8, #e8e8e8);--control-disabled-text: light-dark(#ccc, #ccc);--control-disabled-border: light-dark(#ddd, #ddd);--space-1: 2px;--space-2: 4px;--space-3: 8px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-7: 24px;--space-8: 32px;--space-9: 40px;--space-10: 48px;--space-12: 80px}:root{--color-1: #eea316;--color-2: #48b4a7;--color-3: #9ba9ea;--color-4: #ffd577;--color-5: #7386be;--color-6: #683496;--color-7: #5fa87b;--color-8: #f3a5bd;--color-9: #9da363;--color-10: #8f88e7;--color-11: #7798e7;--color-12: #c92e3e;--color-13: #326b96;--color-14: #c8b1ff;--color-15: #d4df90;--color-16: #87b91c;--color-17: #829c17;--color-18: #d65710;--color-19: #8fb890;--color-20: #ff865e;--color-21: #1a7645;--color-22: #446463;--color-23: #29518c;--color-24: #bccf01;--color-25: #ffc526;--color-26: #8c5c1e;--color-27: #018472;--color-28: #356ac6;--color-29: #57be6d;--color-30: #f2b356;--color-31: #8fc766;--color-32: #046a55;--color-33: #bd93d3;--color-34: #37708b;--color-35: #b2b6c1;--color-36: #583657}:root{--font-default: "IBM Plex Sans", "Segoe UI", arial, sans-serif;--font-mono: "IBM Plex Mono", monospace;--color-text-default: light-dark(#333, #333);--color-text-secondary: light-dark(rgb(51 51 51 / 52%), rgb(51 51 51 / 52%));--color-text-accent: light-dark(#4086f6, #4086f6);--font-weight-normal: 400;--font-weight-bold: 700;--font-size-default: 1rem;--font-size-logo: 1.25rem}body{color:var(--color-text-default);font:var(--font-weight-normal) 16px/1.4 var(--font-default)}h1,h2,h3,h4,h5{font-weight:var(--font-weight-bold)}.checkbox{position:relative;appearance:none;margin:0 var(--space-3) 0 0;display:grid;place-content:center;border:1px solid transparent;width:var(--size-checkbox);height:var(--size-checkbox);border-radius:var(--radius-checkbox);box-shadow:0 24px 16px -20px #00000040}.checkbox:not(:disabled){border-color:var(--control-default-border);background-color:var(--control-default-background);color:var(--control-default-text);cursor:pointer}.checkbox:not(:disabled):checked{background-color:var(--control-primary-background);border-color:var(--control-primary-background);color:var(--control-primary-text)}.checkbox:checked:before{content:"";position:absolute;inset:50%;width:11.92px;height:7.92px;clip-path:shape(from 91.26% 2.01%,curve to 98.67% 2.64% with 93.42% -.9%/96.74% -.62%,curve to 98.25% 13.78% with 100.6% 5.89%/100.41% 10.87%,line to 35.59% 97.99%,curve to 28.31% 97.57% with 33.49% 100.82%/30.27% 100.64%,line to 1.46% 55.47%,curve to 1.61% 44.31% with -.55% 52.33%/-.47% 47.33%,curve to 9.03% 44.53% with 3.7% 41.29%/7.03% 41.38%,line to 32.38% 81.14%,line to 91.26% 2.01%,close);background-color:currentcolor;translate:-50% -50%}.checkbox:disabled:is(:hover,:active,:focus){outline:none;background:var(--control-disabled-background);color:var(--control-disabled-text);border-color:var(--control-disabled-border);cursor:not-allowed}.jm-popover,.jm-select::picker(select){min-inline-size:min(200px,calc(100vw - 16px));max-inline-size:calc(100vw - 16px);max-block-size:80vh;overflow:auto;padding:var(--space-2);color:var(--color-text-default);background:var(--color-bg-surface);border:0;border-radius:var(--radius-popover);box-shadow:var(--shadow-m);-webkit-backdrop-filter:blur(var(--blur-s));backdrop-filter:blur(var(--blur-s))}.jm-popover{inset:auto;margin:0;position-area:block-end span-inline-end;position-try-fallbacks:flip-block,flip-inline,flip-block flip-inline}.jm-popover>:is(.jm-button,.jm-switch),.jm-select option{display:flex;gap:var(--space-4);align-items:center;justify-content:flex-start;padding:var(--space-3) var(--space-4);border-radius:calc(var(--radius-popover) - var(--space-2));color:var(--color-text-default)}.jm-popover>:is(.jm-button,.jm-switch){inline-size:100%;min-block-size:var(--size-control-m);border:0;background:transparent;text-align:start}.jm-popover>:is(.jm-button,.jm-switch)>span{white-space:nowrap}.jm-popover>:is(.jm-button,.jm-switch):not(:disabled),.jm-select option:not(:disabled){cursor:pointer}.jm-popover>:is(.jm-button,.jm-switch):not(:disabled):is(:hover,:focus-visible,:active),.jm-select option:not(:disabled):is(:hover,:focus,:active){background:var(--control-ghost-background-hover)}.jm-popover>:is(.jm-button,.jm-switch):disabled,.jm-select option:disabled{color:var(--control-disabled-text);cursor:not-allowed}html{background:var(--color-bg-default)}body{inline-size:min(450px,calc(100% - var(--space-9)));margin-inline:auto}main{padding-bottom:var(--space-12);padding-top:var(--space-6)}*,*:before,*:after{corner-shape:var(--corner-shape-default)}.page-header{display:flex;gap:var(--space-5);align-items:center;justify-content:space-between;margin-block-end:var(--space-6)}.activity-day:nth-child(n+10 of.activity-day){content-visibility:auto;contain-intrinsic-block-size:auto 320px}.activity-day .check{display:flex;flex:none;align-items:center;justify-content:center;inline-size:24px;block-size:24px;border-radius:50%;color:contrast-color(var(--color-activity-4));background:var(--color-activity-4)}.activity-day li{display:flex;gap:var(--space-3);align-items:flex-start;padding:var(--space-3)}.activity-day li p{min-inline-size:0;overflow-wrap:anywhere}.activity-day li:nth-last-child(1) .check{color:contrast-color(var(--color-activity-1));background:var(--color-activity-1)}.activity-day li:nth-last-child(2) .check{color:contrast-color(var(--color-activity-2));background:var(--color-activity-2)}.activity-day li:nth-last-child(3) .check{color:contrast-color(var(--color-activity-3));background:var(--color-activity-3)}.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}:is(.chores-all,.chores-due,.todo-list-card,.shopping-card) .task-item .content{min-inline-size:0;overflow-wrap:anywhere}.skip-link{position:fixed;inset-block-start:var(--space-3);inset-inline-start:var(--space-3);z-index:5;padding:var(--space-3);background:var(--color-bg-surface);transform:translateY(-200%)}.skip-link:focus{transform:none}.app-sync-status{position:fixed;inset-block-end:calc(var(--size-control-m) + var(--space-9));inset-inline-end:var(--space-3);z-index:4;margin:0;padding:var(--space-2);background:var(--color-bg-surface);font-size:.8125rem}.app-sync-status:empty{padding:0}.app-sync-error{position:sticky;inset-block-start:0;z-index:4;display:flex;flex-wrap:wrap;gap:var(--space-3);padding:var(--space-4);background:var(--color-bg-surface);border:1px solid var(--control-default-border);border-radius:var(--radius-control)}.app-sync-error p{flex-basis:100%;margin:0}
