:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:var(--font-sans);--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans SC", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--canvas:#f5f4ef;--surface:#fffefa;--surface-subtle:#eeefe9;--text:#262a26;--muted:#646b63;--line:#e3e4dc;--accent:#41674c;--accent-ink:#fffefa;--status-pending:#426a4e;--status-synced:#5c6e5d;--status-warning:#8c5f1f;--status-error:#a64d43;--disabled-button-bg:#dedfd7;--disabled-button-text:#5e645d;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-display:clamp(2.7rem, 9vw, 4.5rem);--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-reading:1.75;--tracking-normal:0;--tracking-tight:.03em;--tracking-wide:.17em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-20:5rem;--radius-sm:.3rem;--radius-md:.55rem;--radius-lg:.8rem;--radius-xl:.9rem;--radius-pill:999px;--border-width:1px;--focus-width:3px;--focus-offset:3px;--touch-target:44px;--shadow-toolbar:0 .4rem 1.2rem #262a2629;--z-toolbar:2;--duration-fast:.12s;--duration-normal:.18s;--duration-reduced:1ms;--ease-standard:ease;--ease-emphasized:cubic-bezier(.2, .8, .2, 1);--viewport-height:100vh;--viewport-min-width:20rem;--measure-page:50rem;--measure-landing:34rem;--measure-settings:42rem;--measure-reading:42rem;--size-landing-action:8rem;--min-height-editor:9rem;--min-height-editor-narrow:8rem;--min-height-edit:7rem;--font-size-inline-code:.92em;--page-gutter-wide:1.5rem;--page-gutter-narrow:1rem}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--canvas:#191c18;--surface:#222620;--surface-subtle:#2b3029;--text:#e6e9e2;--muted:#a4aa9e;--line:#373d35;--accent:#a4c5a7;--accent-ink:#1c261e;--status-pending:#a4c5a7;--status-synced:#b0b9aa;--status-warning:#e8bd76;--status-error:#f09b90;--disabled-button-bg:#373d35;--disabled-button-text:#c2c9bd;--shadow-toolbar:0 .4rem 1.2rem #0000005c}}*{box-sizing:border-box}body{min-width:var(--viewport-min-width);min-height:var(--viewport-height);background:var(--canvas);color:var(--text);font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}.page-shell{width:min(100%, var(--measure-page));padding:var(--space-10) var(--page-gutter-wide) var(--space-20);margin:0 auto}.landing-page{min-height:var(--viewport-height);padding-top:var(--space-12);padding-bottom:var(--space-12);align-content:center;display:grid}.landing-content{width:min(100%, var(--measure-landing));margin:0 auto}.landing-content h1{margin:var(--space-1) 0 0;font-size:var(--text-display);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight)}.landing-description{margin:var(--space-4) 0 var(--space-8);color:var(--muted);font-size:var(--text-lg);line-height:var(--line-height-reading)}.landing-login{min-width:var(--size-landing-action);min-height:var(--touch-target);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.landing-login:hover{opacity:.88}.app-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-10);display:flex}.header-tools,.settings-header-actions{align-items:center;gap:var(--space-3);display:flex}.settings-link,.back-link,.logout-link{white-space:nowrap}.brand-kicker{margin:0 0 var(--space-1);color:var(--muted);font-size:var(--text-xs);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-wide)}.brand-block h1{font-size:var(--text-2xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-tight);margin:0}.device-state{padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--line);border-radius:var(--radius-pill);color:var(--muted);font-size:var(--text-xs);white-space:nowrap;margin:0}.status-chip{min-height:var(--touch-target);align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--line);border-radius:var(--radius-pill);background:var(--surface);color:var(--muted);font-size:var(--text-xs);font-weight:var(--font-weight-medium);display:inline-flex}.status-chip:before{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);content:"";background:currentColor;flex:none}.status-chip-info{color:var(--status-pending)}.status-chip-ok{color:var(--status-synced)}.status-chip-warning{color:var(--status-warning)}.status-chip-error{color:var(--status-error)}main{gap:var(--space-12);display:grid}.section-heading{margin-bottom:var(--space-4)}.section-heading h2,.timeline-heading h2{font-size:var(--text-lg);font-weight:var(--font-weight-semibold);margin:0}.section-heading p{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--text-sm)}.capture-form{padding:var(--space-4) var(--space-5) var(--space-3);border:var(--border-width) solid var(--line);border-radius:var(--radius-xl);background:var(--surface)}.capture-form:focus-within{outline:var(--focus-width) solid var(--accent);outline-offset:var(--focus-offset)}.capture-form textarea{width:100%;min-height:var(--min-height-editor);padding:var(--space-1) 0;color:var(--text);font-size:var(--text-md);line-height:var(--line-height-reading);resize:vertical;background:0 0;border:0;display:block}.capture-form textarea::placeholder{color:var(--muted);opacity:.78}.capture-form textarea:focus-visible{outline:none}.block-editor{position:relative}.block-editor-input,.block-editor-preview{width:100%;min-height:var(--touch-target);padding:var(--space-2) 0;color:var(--text);font-size:var(--text-md);line-height:var(--line-height-reading);overflow-wrap:anywhere;background:0 0;border:0;display:block}.block-editor-input{resize:vertical}.block-editor-input::placeholder{color:var(--muted);opacity:.78}.block-editor-input:focus-visible{outline:none}.block-editor-preview{cursor:text;white-space:pre-wrap}.block-editor-preview-empty{color:var(--muted)}.block-editor-row+.block-editor-row{margin-top:var(--space-1)}.block-toolbar{z-index:var(--z-toolbar);gap:var(--space-1);padding:var(--space-1);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-toolbar);flex-wrap:wrap;display:flex;position:absolute;top:0;right:0}.block-toolbar button{min-width:var(--touch-target);min-height:var(--touch-target);padding:var(--space-2);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-sm);background:0 0;border:0}.block-toolbar button:hover,.block-toolbar button:focus-visible{background:var(--surface-subtle)}.block-editor-hint{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--text-xs)}.editor-footer{justify-content:flex-end;align-items:center;gap:var(--space-4);padding-top:var(--space-3);border-top:var(--border-width) solid var(--line);display:flex}.primary-button,.secondary-button,.load-more-button{min-height:var(--touch-target);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);transition:opacity var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.primary-button{background:var(--accent);color:var(--accent-ink);border:0}.primary-button:hover:not(:disabled){opacity:.88}.primary-button:disabled{cursor:not-allowed;background:var(--disabled-button-bg);color:var(--disabled-button-text)}.secondary-button,.load-more-button{border:var(--border-width) solid var(--line);background:var(--surface);color:var(--text)}.secondary-button:hover:not(:disabled),.load-more-button:hover{border-color:var(--accent)}.secondary-button:disabled{cursor:not-allowed;opacity:.65}.sync-toolbar,.row-actions,.settings-actions,.profile-actions{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.sync-toolbar{margin-top:var(--space-3);color:var(--muted);font-size:var(--text-xs);justify-content:space-between}.local-only-note{margin:var(--space-3) 0 0;color:var(--muted);font-size:var(--text-xs);line-height:var(--line-height-normal)}.form-error,.feed-error{color:var(--status-error)}.form-error{margin:var(--space-3) 0 0;font-size:var(--text-sm)}.timeline-heading{justify-content:space-between;align-items:baseline;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.record-count,.filter-count{color:var(--muted);font-size:var(--text-xs)}.filter-bar{align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);grid-template-columns:minmax(0,1fr) auto;display:grid}.filter-input,.search-input{width:100%;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--surface);color:var(--text);font-size:var(--text-sm)}.filter-input::placeholder,.search-input::placeholder{color:var(--muted)}.memo-list{margin:0;padding:0;list-style:none}.memo-row{padding:var(--space-5) 0;border-top:var(--border-width) solid var(--line)}.memo-summary{margin:0 0 var(--space-2);color:var(--text);font-size:var(--text-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);overflow-wrap:anywhere}.memo-content,.conflict-content,.markdown-content{overflow-wrap:anywhere;font-size:var(--text-md);line-height:var(--line-height-reading);margin:0}.markdown-content>:first-child{margin-top:0}.markdown-content>:last-child{margin-bottom:0}.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:var(--space-4) 0 var(--space-2);font-size:var(--text-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}.markdown-content p,.markdown-content ul,.markdown-content ol,.markdown-content blockquote,.markdown-content pre{margin:0 0 var(--space-3)}.markdown-content ul,.markdown-content ol{padding-left:var(--space-6)}.markdown-content blockquote{padding-left:var(--space-3);border-left:var(--focus-width) solid var(--line);color:var(--muted)}.markdown-content pre,.markdown-code{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-subtle);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--line-height-normal);white-space:pre-wrap;overflow-wrap:anywhere;overflow-x:auto}.markdown-content pre code{font:inherit}.markdown-content hr{margin:var(--space-4) 0;border:0;border-top:var(--border-width) solid var(--line)}.markdown-inline-code{padding:0 var(--space-1);border-radius:var(--radius-sm);background:var(--surface-subtle);font-family:var(--font-mono);font-size:var(--font-size-inline-code)}.markdown-link{color:var(--accent);text-underline-offset:var(--space-1);text-decoration:underline}.markdown-tag{min-height:var(--touch-target);margin:0 var(--space-1);padding:0 var(--space-2);border:var(--border-width) solid var(--line);border-radius:var(--radius-pill);background:var(--surface-subtle);color:var(--accent);font:inherit;cursor:pointer;align-items:center;display:inline-flex}.markdown-tag:hover{border-color:var(--accent)}.row-actions{margin-top:var(--space-3)}.edit-form textarea{width:100%;min-height:var(--min-height-edit);padding:var(--space-3);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--surface);color:var(--text);font-size:var(--text-md);line-height:var(--line-height-reading);resize:vertical;display:block}.conflict-panel,.failed-panel,.profile-card,.settings-form,.profile-section{margin-top:var(--space-3);padding:var(--space-3);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.conflict-panel{border-color:var(--status-warning)}.conflict-panel h3,.profile-card h3{margin:0 0 var(--space-3);font-size:var(--text-sm)}.conflict-label{margin:0 0 var(--space-1);color:var(--muted);font-size:var(--text-xs)}.conflict-actions{margin-top:var(--space-3)}.failed-panel{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--status-error);font-size:var(--text-sm);display:flex}.load-more-button{margin:var(--space-4) auto 0;display:flex}.memo-metadata{justify-content:space-between;align-items:center;gap:var(--space-4);margin-top:var(--space-3);color:var(--muted);font-size:var(--text-xs);display:flex}.sync-state{min-height:var(--touch-target);align-items:center;gap:var(--space-2);white-space:nowrap;display:inline-flex}.sync-state:before{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-pill);content:"";background:currentColor}.sync-state-local,.sync-state-pending-sync{color:var(--status-pending)}.sync-state-synced{color:var(--status-synced)}.sync-state-conflict{color:var(--status-warning)}.sync-state-failed{color:var(--status-error)}.empty-state,.feed-message{padding:var(--space-5) var(--space-4);border:var(--border-width) solid var(--line);border-radius:var(--radius-lg);background:var(--surface)}.empty-state:before{width:var(--space-4);height:var(--space-4);margin-bottom:var(--space-3);border:var(--border-width) solid var(--muted);border-radius:var(--radius-pill);content:"";display:block}.empty-title{font-size:var(--text-md);font-weight:var(--font-weight-semibold);margin:0}.empty-description{margin:var(--space-2) 0 var(--space-3);color:var(--muted);font-size:var(--text-sm);line-height:var(--line-height-reading)}.filter-empty-state{padding:var(--space-4) 0;color:var(--muted)}.filter-empty-state p{margin:0}.text-button{min-height:var(--touch-target);padding:var(--space-2);border-radius:var(--radius-sm);color:var(--accent);font-size:var(--text-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.text-button:hover{text-underline-offset:var(--space-1);text-decoration:underline}.feed-message{color:var(--muted);font-size:var(--text-sm);margin:0}.settings-section,.profile-section{max-width:var(--measure-settings)}.settings-form{gap:var(--space-2);padding:var(--space-5);display:grid}.settings-form label,.profile-label{margin-top:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-weight-semibold)}.settings-form input{width:100%;min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:var(--border-width) solid var(--line);border-radius:var(--radius-md);background:var(--canvas);color:var(--text);font-size:var(--text-md)}.settings-form input::placeholder{color:var(--muted);opacity:.8}.security-note,.saved-token-state,.settings-message,.profile-note{margin:var(--space-1) 0 0;color:var(--muted);font-size:var(--text-xs);line-height:var(--line-height-reading)}.settings-actions,.profile-actions{margin-top:var(--space-2)}.settings-message{color:var(--accent)}.device-identity{margin-top:var(--space-4);padding-top:var(--space-3);border-top:var(--border-width) solid var(--line)}.device-identity h3{font-size:var(--text-sm);margin:0}.device-id-value,.profile-device-id{margin-top:var(--space-2);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--line);border-radius:var(--radius-sm);background:var(--surface-subtle);font-size:var(--text-sm);word-break:break-all;display:inline-block}.profile-card{padding:var(--space-4);margin-top:0}.profile-card+.profile-card{margin-top:var(--space-3)}.profile-card p{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--text-sm);line-height:var(--line-height-reading)}.profile-stats{gap:var(--space-3);margin:var(--space-3) 0 0;grid-template-columns:repeat(auto-fit,minmax(0,1fr));display:grid}.profile-stat{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-subtle)}.profile-stat dt{color:var(--muted);font-size:var(--text-xs)}.profile-stat dd{margin:var(--space-1) 0 0;font-size:var(--text-lg);font-weight:var(--font-weight-semibold)}.visually-hidden{width:var(--border-width);height:var(--border-width);clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);border:0;padding:0;position:absolute;overflow:hidden}.visually-hidden.block-editor-edit:focus-visible{width:auto;height:auto;margin:var(--space-2);clip:auto;clip-path:none;white-space:normal;outline-offset:var(--focus-offset);position:static;overflow:visible}@media (width<=600px){.page-shell{padding:var(--space-6) var(--page-gutter-narrow) var(--space-14)}.app-header{margin-bottom:var(--space-8);align-items:flex-start}.header-tools,.settings-header-actions{align-items:flex-end;gap:var(--space-1);flex-direction:column}main{gap:var(--space-10)}.capture-form{padding:var(--space-3) var(--space-3) var(--space-2)}.capture-form textarea{min-height:var(--min-height-editor-narrow)}.filter-bar{gap:var(--space-2);grid-template-columns:1fr}.filter-count{justify-self:end}.status-chip{white-space:normal}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:var(--duration-reduced)!important}}