:root{--color-bg:#fff;--color-surface:#f4f4f5;--color-text:#18181b;--color-text-secondary:#71717a;--color-border:#e4e4e7;--color-accent:#0e7490;--color-on-accent:#fff;--color-danger:#dc2626;--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, monospace;--text-sm:.875rem;--text-base:1.0625rem;--text-lg:1.25rem;--text-xl:1.75rem;--text-2xl:2.125rem;--leading:1.5;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:999px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}:root:not([data-theme=light]){--color-bg:#000;--color-surface:#1c1c1e;--color-text:#f4f4f5;--color-text-secondary:#a1a1aa;--color-border:#2c2c2e;--color-accent:#22d3ee;--color-on-accent:#000;--color-danger:#f87171}}:root[data-theme=dark]{--color-bg:#000;--color-surface:#1c1c1e;--color-text:#f4f4f5;--color-text-secondary:#a1a1aa;--color-border:#2c2c2e;--color-accent:#22d3ee;--color-on-accent:#000;--color-danger:#f87171;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background-color:var(--color-bg)}body{background-color:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}#root{min-height:100dvh}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}input,textarea,select{font-size:max(16px, var(--text-base))}a{color:var(--color-accent)}::selection{background-color:color-mix(in srgb, var(--color-accent) 30%, transparent)}.app{flex-direction:column;min-height:100dvh;display:flex}.page-header{z-index:10;padding-top:var(--safe-top);padding-left:var(--safe-left);padding-right:var(--safe-right);background-color:color-mix(in srgb, var(--color-bg) 85%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:.5px solid var(--color-border);position:sticky;top:0}.page-header__bar{align-items:center;gap:var(--space-2);max-width:720px;height:44px;padding:0 var(--space-2);grid-template-columns:1fr auto 1fr;margin:0 auto;display:grid}.page-header__side{align-items:center;min-width:0;display:flex}.page-header__side--end{justify-content:flex-end}.page-header__title{max-width:60vw;font-size:var(--text-base);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;overflow:hidden}.header-button{min-width:44px;min-height:44px;padding:0 var(--space-1);border-radius:var(--radius-sm);color:var(--color-accent);font-size:var(--text-base);background:0 0;border:none;justify-content:center;align-items:center;gap:2px;text-decoration:none;display:inline-flex}.header-button:active{opacity:.5}.page-content{width:100%;max-width:720px;padding-top:var(--space-4);padding-right:max(var(--space-4), var(--safe-right));padding-bottom:calc(var(--space-6) + var(--safe-bottom));padding-left:max(var(--space-4), var(--safe-left));flex:1;margin:0 auto}.text-secondary{color:var(--color-text-secondary)}.list-group{margin:0 0 var(--space-5);border-radius:var(--radius-md);background-color:var(--color-surface);padding:0;list-style:none;overflow:hidden}.list-group__item+.list-group__item{border-top:.5px solid var(--color-border)}.list-group__link{justify-content:space-between;align-items:center;gap:var(--space-3);min-height:44px;padding:var(--space-3) var(--space-4);color:var(--color-text);text-decoration:none;display:flex}.list-group__link:active{background-color:var(--color-border)}.list-group__link svg{color:var(--color-text-secondary);flex-shrink:0}.note-row{padding:var(--space-3) var(--space-4);color:var(--color-text);flex-direction:column;gap:2px;text-decoration:none;display:flex}.note-row:active{background-color:var(--color-border)}.note-row__title{white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.note-row__meta{gap:var(--space-2);min-width:0;font-size:var(--text-sm);color:var(--color-text-secondary);display:flex}.note-row__date{flex-shrink:0}.note-row__preview{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.empty-state{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-secondary)}.note-raw{font-family:var(--font-sans);white-space:pre-wrap;word-break:break-word;margin:0}