:root{--bg: #f7f5ef;--surface: #fbfaf6;--ink: #151a22;--ink-2: #3f4550;--muted: #5c6270;--placeholder: #6b7180;--accent: #1f52ff;--accent-ink: #ffffff;--rule: #d7d3c8;--rule-strong: #171b22;--field-border: #858074;--card-border: #b8b3a6;--focus: #1f52ff;--danger: #b42318;--pending: #5c6270;--category-blue: #1f52ff;--category-green: #1d7a3a;--category-amber: #9a5b00;--category-red: #b42318;--category-purple: #6d3fc9;--category-teal: #0f7382;--category-pink: #b0306f;--category-grey: #5c6270;--font-ui: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-content: Charter, "Iowan Old Style", Georgia, "Times New Roman", serif;--font-meta: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--text-body: 1.0625rem;--text-meta: .8125rem;--text-lead: 1.125rem;--line-body: 1.55;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--content-width: 45rem;--touch-target: 2.75rem;--radius: 4px;--motion-fast: .12s;--motion-normal: .18s;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #14161a;--surface: #1b1e24;--ink: #ecebe6;--ink-2: #c3c5c9;--muted: #a0a4ad;--placeholder: #8d919b;--accent: #7c9cff;--accent-ink: #14161a;--rule: #2c3038;--rule-strong: #ecebe6;--field-border: #6e7380;--card-border: #454a55;--focus: #7c9cff;--danger: #f97066;--pending: #a0a4ad;--category-blue: #7c9cff;--category-green: #5cc27f;--category-amber: #e0a24a;--category-red: #f97066;--category-purple: #b69bff;--category-teal: #4fc3d1;--category-pink: #f07fb5;--category-grey: #a0a4ad;color-scheme:dark}}:root[data-theme=dark]{--bg: #14161a;--surface: #1b1e24;--ink: #ecebe6;--ink-2: #c3c5c9;--muted: #a0a4ad;--placeholder: #8d919b;--accent: #7c9cff;--accent-ink: #14161a;--rule: #2c3038;--rule-strong: #ecebe6;--field-border: #6e7380;--card-border: #454a55;--focus: #7c9cff;--danger: #f97066;--pending: #a0a4ad;--category-blue: #7c9cff;--category-green: #5cc27f;--category-amber: #e0a24a;--category-red: #f97066;--category-purple: #b69bff;--category-teal: #4fc3d1;--category-pink: #f07fb5;--category-grey: #a0a4ad;color-scheme:dark}:root[data-theme=light]{color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{min-height:100dvh;-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh;background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-body);line-height:var(--line-body);padding-bottom:env(safe-area-inset-bottom,0px)}h1,h2,h3,p{margin:0}button,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}::placeholder{color:var(--placeholder);opacity:1}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-shell{display:flex;flex-direction:column;gap:var(--space-5);min-height:100dvh;padding:var(--space-4) var(--space-4) var(--space-7);padding-bottom:calc(var(--space-7) + var(--keyboard-inset, 0px))}.app-shell__header,.app-shell__main{width:100%;max-width:var(--content-width);margin-inline:auto}.app-shell__header{display:grid;grid-template-columns:minmax(3.5rem,1fr) minmax(0,30rem) minmax(3.5rem,1fr);align-items:start;column-gap:var(--space-2);padding-top:env(safe-area-inset-top,0px)}.header-start{display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:var(--touch-target)}.header-end{display:flex;justify-content:flex-end}.wordmark{font-size:var(--text-lead);font-weight:600;letter-spacing:-.01em;line-height:1.2;color:var(--ink)}@media(max-width:47.99rem){.wordmark{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}.header-action{display:grid;place-items:center;width:var(--touch-target);height:var(--touch-target);padding:0;border:0;border-radius:var(--radius);background:transparent;color:var(--ink-2);cursor:pointer}.header-action[aria-disabled=true]{color:var(--muted);cursor:default}.icon{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.header-status{min-height:1.25rem;font-family:var(--font-meta);font-size:var(--text-meta);color:var(--muted);white-space:nowrap}.storage-page{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-5);padding:var(--space-4);border-left:3px solid var(--danger);background:var(--surface)}.storage-page__title{font-size:var(--text-lead);font-weight:600}.storage-page__causes{margin:0;padding-left:var(--space-5);color:var(--ink-2)}.storage-page__causes li+li{margin-top:var(--space-1)}.composer-panel{display:flex;flex-direction:column}.composer{display:block;width:100%;min-height:8.5rem;padding:var(--space-3) var(--space-4);border:1px solid var(--field-border);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-family:var(--font-content);font-size:var(--text-lead);line-height:var(--line-body);resize:vertical;field-sizing:content}.composer:focus,.composer:focus-visible,.note-editor__field:focus,.note-editor__field:focus-visible{border-color:var(--focus);outline:1px solid var(--focus);outline-offset:0}.composer:disabled{border-style:dashed;border-color:var(--card-border);background:var(--bg);color:var(--muted);cursor:progress}.composer-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2)}.composer-status,.composer-counter,.composer-hint{font-family:var(--font-meta);font-size:var(--text-meta);color:var(--muted)}.composer-status{min-height:1.25rem}.composer-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);min-height:var(--touch-target)}.composer-hint{margin-top:0}.composer-footer .button{flex:none}.composer-warning,.composer-error{margin-top:var(--space-3);padding:var(--space-3);border-left:3px solid var(--danger);background:var(--surface);color:var(--ink);font-size:var(--text-body)}.composer-warning{border-left-color:var(--muted);color:var(--ink-2)}.composer-error{display:flex;flex-direction:column;gap:var(--space-2)}.note-list{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-6)}.note-list--empty{gap:var(--space-2);padding-top:var(--space-5);border-top:1px solid var(--rule)}.note-list__empty-title{font-size:var(--text-body);font-weight:600;color:var(--ink-2)}.note-list__empty-body{color:var(--muted)}.note-list__day{display:flex;flex-direction:column;gap:var(--space-3)}.note-list__heading{position:sticky;top:env(safe-area-inset-top,0px);z-index:1;padding:var(--space-1) 0;background:var(--bg);font-family:var(--font-meta);font-size:var(--text-meta);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.note-list__entries{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.note-entry{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-3) var(--space-1);border:1px solid var(--card-border);border-radius:var(--radius);background:var(--bg);animation:entry-appear var(--motion-normal) ease-out}.note-entry--editing{padding-bottom:var(--space-3)}@keyframes entry-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.note-entry{animation:none}}.note-entry__meta{display:flex;align-items:baseline;gap:var(--space-3);font-family:var(--font-meta);font-size:var(--text-meta);color:var(--muted)}.note-entry--pending .note-entry__meta,.note-entry--pending .note-entry__content{color:var(--pending)}.note-entry__content{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:12;overflow:hidden;font-family:var(--font-content);font-size:var(--text-body);line-height:var(--line-body);white-space:pre-wrap;overflow-wrap:anywhere}.note-entry__content--expanded{display:block;overflow:visible;-webkit-line-clamp:unset}.note-list__more{align-self:flex-start;min-height:var(--touch-target);padding:0;border:0;background:none;color:var(--accent);font-family:var(--font-meta);font-size:var(--text-meta);cursor:pointer}.note-list__more:hover{text-decoration:underline}.note-entry:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.note-entry__actions{display:flex;flex-wrap:wrap;align-items:center;column-gap:var(--space-3)}.note-entry--completed .note-entry__content{color:var(--muted);text-decoration:line-through;text-decoration-thickness:1px}.note-entry__complete{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--touch-target);color:var(--ink-2);font-family:var(--font-meta);font-size:var(--text-meta);cursor:pointer}.note-entry__checkbox{width:1.125rem;height:1.125rem;margin:0;accent-color:var(--accent);cursor:pointer}.note-entry__action{align-self:flex-start;min-height:var(--touch-target);padding:0;border:0;background:none;color:var(--accent);font-family:var(--font-meta);font-size:var(--text-meta);cursor:pointer}.note-entry__action:hover{text-decoration:underline}.note-entry__chips,.active-filters__list,.entry-panel__tags{display:flex;flex-wrap:wrap;gap:0 var(--space-2);margin:0;padding:0;list-style:none}.tag-chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--touch-target);padding:0;border:0;background:none;color:var(--ink-2);font-family:var(--font-meta);font-size:var(--text-meta);cursor:pointer}.tag-chip__label{display:inline-block;max-width:16rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-chip .tag-chip__label{padding:.3rem .6rem;border:1px solid var(--rule);border-radius:1rem;background:var(--surface)}.tag-chip:hover .tag-chip__label{border-color:var(--rule-strong)}.active-filters{display:flex;flex-wrap:wrap;align-items:center;gap:0 var(--space-3)}.category-swatch{display:inline-block;flex:none;width:.625rem;height:.625rem;margin-right:.375rem;border-radius:2px;background:var(--category-grey);vertical-align:baseline}.category-swatch--blue{background:var(--category-blue)}.category-swatch--green{background:var(--category-green)}.category-swatch--amber{background:var(--category-amber)}.category-swatch--red{background:var(--category-red)}.category-swatch--purple{background:var(--category-purple)}.category-swatch--teal{background:var(--category-teal)}.category-swatch--pink{background:var(--category-pink)}.category-swatch--grey{background:var(--category-grey)}.entry-panel{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2);padding:var(--space-3) var(--space-4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);cursor:default}.entry-panel__title{font-family:var(--font-meta);font-size:var(--text-meta);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.entry-panel__tag{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-meta);font-size:var(--text-meta);color:var(--ink-2)}.entry-panel__note,.entry-panel__status{font-family:var(--font-meta);font-size:var(--text-meta);color:var(--muted)}.entry-panel__status{min-height:1.25rem}.entry-panel__remove{display:grid;place-items:center;width:var(--touch-target);height:var(--touch-target);padding:0;border:0;background:none;color:var(--ink-2);font-size:var(--text-body);cursor:pointer}.entry-panel__add{display:flex;gap:var(--space-2)}.entry-panel__field{flex:1;min-width:0;min-height:var(--touch-target);padding:0 var(--space-3);border:1px solid var(--field-border);border-radius:var(--radius);background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:var(--text-body)}.entry-panel__field::placeholder{color:var(--placeholder)}.entry-panel__field:focus,.entry-panel__field:focus-visible,.entry-panel__select:focus,.entry-panel__select:focus-visible{border-color:var(--focus);outline:1px solid var(--focus);outline-offset:0}.entry-panel__choices{display:flex;flex-direction:column;margin:0;padding:0;border:0}.entry-panel__choices .settings-option{font-size:var(--text-meta)}.entry-panel__select{min-height:var(--touch-target);padding:0 var(--space-2);border:1px solid var(--field-border);border-radius:var(--radius);background:var(--bg);color:var(--ink);font-size:var(--text-meta)}.entry-panel__footer{display:flex;justify-content:flex-end}.note-editor{display:flex;flex-direction:column;gap:var(--space-2)}.note-editor__field{display:block;width:100%;min-height:6rem;padding:var(--space-2) var(--space-3);border:1px solid var(--field-border);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-family:var(--font-content);font-size:var(--text-lead);line-height:var(--line-body);resize:vertical;field-sizing:content}.note-editor__meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-3)}.note-editor__hint,.note-editor__counter{font-family:var(--font-meta);font-size:var(--text-meta);color:var(--muted)}.note-editor__warning{padding:var(--space-2) var(--space-3);border-left:3px solid var(--muted);background:var(--surface);color:var(--ink-2);font-size:var(--text-meta)}.note-editor__warning--error{border-left-color:var(--danger);color:var(--ink)}.note-editor__actions{display:flex;gap:var(--space-2)}.button{min-height:var(--touch-target);padding:0 var(--space-4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-size:var(--text-meta);cursor:pointer}.button--primary{border-color:var(--accent);background:var(--accent);color:var(--accent-ink)}.button:hover{border-color:var(--rule-strong)}.button--primary:hover{border-color:var(--accent);filter:brightness(1.08)}.button[aria-disabled=true]{border-color:var(--muted);background:var(--muted);color:var(--accent-ink);cursor:default}.button[aria-disabled=true]:hover{border-color:var(--muted);filter:none}.note-entry__action--danger{color:var(--danger)}.list-error{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-4);padding:var(--space-3);border-left:3px solid var(--danger);background:var(--surface);color:var(--ink)}.toast-region{position:fixed;right:var(--space-4);bottom:calc(var(--space-4) + env(safe-area-inset-bottom,0px));left:var(--space-4);display:flex;justify-content:center;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-4);max-width:var(--content-width);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface);box-shadow:0 1px 2px #0000001f;pointer-events:auto;animation:toast-appear var(--motion-fast) ease-out}@keyframes toast-appear{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.toast{animation:none}}.toast__text{color:var(--ink);font-size:var(--text-meta)}.toast__action{min-width:var(--touch-target);min-height:var(--touch-target);padding:0 var(--space-3);border:0;border-radius:var(--radius);background:transparent;color:var(--accent);font-size:var(--text-meta);font-weight:600;cursor:pointer}.toast__action:hover{text-decoration:underline}.search{position:relative;display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.search__frame{display:flex;align-items:center;min-height:var(--touch-target);border:1px solid var(--field-border);border-radius:var(--radius);background:transparent}.search__frame:focus-within{border-color:var(--focus);outline:1px solid var(--focus);outline-offset:0}.search__field{flex:1;min-width:0;min-height:calc(var(--touch-target) - 2px);padding:0 var(--space-3);border:0;background:transparent;color:var(--ink);font-family:var(--font-ui);font-size:var(--text-body)}.search__field:focus{outline:none}.search__field::placeholder{color:var(--placeholder)}.search__filters{position:relative;display:grid;flex:none;place-items:center;width:var(--touch-target);height:calc(var(--touch-target) - 2px);padding:0;border:0;border-left:1px solid var(--rule);border-radius:0 var(--radius) var(--radius) 0;background:transparent;color:var(--ink-2);cursor:pointer}.search__filters[aria-expanded=true]{color:var(--accent)}.search__filters-count{position:absolute;top:4px;right:4px;min-width:1rem;padding:0 3px;border-radius:.5rem;background:var(--accent);color:var(--accent-ink);font-family:var(--font-meta);font-size:.6875rem;line-height:1rem;text-align:center}.filters{position:absolute;top:calc(var(--touch-target) + var(--space-1));right:0;left:0;z-index:5;display:flex;flex-direction:column;gap:var(--space-3);min-width:min(18rem,calc(100vw - 2 * var(--space-4)));max-height:60vh;overflow-y:auto;padding:var(--space-3) var(--space-4);border:1px solid var(--rule);border-radius:var(--radius);background:var(--bg);box-shadow:0 2px 8px #00000024}.filters__switch{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--touch-target);font-size:var(--text-meta);cursor:pointer}.filters__switch input{order:2;width:1.125rem;height:1.125rem;accent-color:var(--accent)}.filters__group{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;border:0}.filters__option{font-size:var(--text-meta)}.filters__tags{display:flex;flex-wrap:wrap;gap:0 var(--space-2);margin:0;padding:0;list-style:none}.filters__count{color:var(--muted)}.tag-chip[aria-pressed=true] .tag-chip__label{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--ink);font-weight:600}.filters__footer{display:flex;justify-content:flex-end}.search__status{min-height:1.25rem;padding-inline:var(--space-1);font-family:var(--font-meta);font-size:var(--text-meta);color:var(--muted)}.dialog-layer{position:fixed;inset:0;display:grid;place-items:center;padding:var(--space-4);z-index:10}.dialog-backdrop{position:absolute;inset:0;background:#0006}.dialog{position:relative;display:flex;flex-direction:column;gap:var(--space-5);width:min(32rem,100%);max-height:min(90dvh,44rem);overflow-y:auto;padding:var(--space-5);border:1px solid var(--rule);border-radius:var(--radius);background:var(--bg);color:var(--ink)}.dialog:focus-visible,.dialog__title:focus-visible{outline:none}.dialog__title{font-size:var(--text-lead);font-weight:600}.dialog__actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--rule)}.settings-group{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;border:0}.settings-group__legend{padding:0;font-family:var(--font-meta);font-size:var(--text-meta);font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.settings-option{display:flex;align-items:center;gap:var(--space-3);min-height:var(--touch-target);cursor:pointer}.settings-option input[type=radio],.settings-option input[type=checkbox]{width:1.125rem;height:1.125rem;accent-color:var(--accent)}.settings-note,.settings-version{font-family:var(--font-meta);font-size:var(--text-meta);color:var(--muted)}.category-list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.category-list__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-1) var(--space-3);padding:var(--space-1) 0;border-bottom:1px solid var(--rule)}.category-list__name{display:inline-flex;align-items:center;min-width:0;overflow-wrap:anywhere}.category-list__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2) var(--space-3)}.category-list__confirm{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.link-button--danger{color:var(--danger)}.button--danger{border-color:var(--danger);color:var(--danger)}.status-list{display:flex;flex-direction:column;gap:var(--space-1);margin:0}.status-list__row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-2);padding:var(--space-1) 0;border-bottom:1px solid var(--rule);font-family:var(--font-meta);font-size:var(--text-meta)}.status-list__row dt{color:var(--muted)}.status-list__row dd{display:flex;align-items:center;gap:var(--space-3);margin:0;color:var(--ink);text-align:right}.button-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}.link-button{min-height:var(--touch-target);padding:0;border:0;background:none;color:var(--accent);font-family:var(--font-meta);font-size:var(--text-meta);text-decoration:underline;cursor:pointer}.settings-error{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-left:3px solid var(--danger);background:var(--surface);color:var(--ink);font-size:var(--text-meta)}.settings-statement{color:var(--ink-2);font-size:var(--text-body);line-height:var(--line-body)}.settings-loss__list{margin:var(--space-1) 0 0;padding-left:var(--space-4);list-style:disc}.settings-option--stacked{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);font-family:var(--font-meta);font-size:var(--text-meta)}.settings-option--stacked input[type=file]{width:100%;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--field-border);border-radius:var(--radius);background:var(--surface);color:var(--ink);font-family:var(--font-meta);font-size:var(--text-meta);cursor:pointer}.restore{display:flex;flex-direction:column;gap:var(--space-4)}.restore__intro,.restore__done{font-family:var(--font-meta);font-size:var(--text-meta);color:var(--muted)}.restore__done{display:flex;flex-direction:column;gap:var(--space-3)}.app-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--rule);font-family:var(--font-meta);font-size:var(--text-meta);color:var(--ink-2)}.app-banner__dash{color:var(--muted)}.app-banner__action{min-height:var(--touch-target);padding-inline:var(--space-4);font-family:var(--font-meta);font-size:var(--text-meta)}.backup-reminder{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin-top:var(--space-2);font-family:var(--font-meta);font-size:var(--text-meta);color:var(--muted)}.backup-reminder__action{min-height:var(--touch-target);padding:0;border:0;background:none;color:var(--accent);font-family:var(--font-meta);font-size:var(--text-meta);text-decoration:underline;cursor:pointer}.backup-reminder__action:disabled{color:var(--muted);cursor:default}@media(min-width:40rem){.note-entry{padding-inline:var(--space-4)}.note-entry__actions{column-gap:var(--space-4)}.app-shell{padding:var(--space-6) var(--space-5) var(--space-7);padding-bottom:calc(var(--space-7) + var(--keyboard-inset, 0px))}}