:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#fff;--surface:#f4f7f5;--text:#16130f;--text-muted:#5b6460;--border:#dde4e0;--accent:#029e72;--on-accent:#fff;--hover:#0000000f;--selected:#029e7224;--destructive:#d70015;--shadow-color:#000;--backdrop:#00000059;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.9375rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-pill:999px;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121413;--surface:#1b1f1d;--text:#eef2f0;--text-muted:#9aa5a0;--border:#2b312e;--accent:#37b78a;--on-accent:#0b1210;--hover:#ffffff12;--selected:#37b78a33;--destructive:#ff6961;--shadow-color:#000;--backdrop:#00000059}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);margin:0;line-height:1.5}.shell{flex-direction:column;height:100dvh;display:flex}.shell-header{align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-6);border-bottom:1px solid var(--border);background:var(--surface);display:flex}.brand{font-weight:700;font-size:var(--text-lg)}.header-actions,.header-page-actions{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.shell-body{flex:1;min-height:0;display:flex}.primary-nav{gap:var(--space-1);width:76px;padding:var(--space-2);border-right:1px solid var(--border);background:var(--surface);flex-direction:column;flex-shrink:0;display:flex;overflow-y:auto}.primary-nav a{justify-content:center;align-items:center;gap:var(--space-1);min-height:56px;padding:var(--space-2) var(--space-1);border-radius:var(--radius-md);color:var(--text-muted);font-size:var(--text-xs);flex-direction:column;font-weight:500;text-decoration:none;display:flex}.primary-nav a:hover{background:var(--hover);color:var(--text)}.primary-nav a[aria-current=page]{background:var(--selected);color:var(--accent)}.shell-main{flex:1;min-width:0;min-height:0;overflow-y:auto}.shell-main:has(>.two-pane){padding:0;display:flex}.empty-state{text-align:center;max-width:420px;color:var(--text-muted);margin:15vh auto 0}.empty-state h1,.empty-state h2{margin:0 0 var(--space-1);font-size:var(--text-xl);color:var(--text)}button{font:inherit;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--accent);color:var(--on-accent);cursor:pointer;align-items:center;gap:var(--space-2);border:0;display:inline-flex}button:disabled{opacity:.45;cursor:default}button.secondary{color:var(--text-muted);background:0 0}button.secondary:hover:not(:disabled){background:var(--hover);color:var(--text)}button.destructive{background:var(--destructive);color:var(--on-accent)}button.destructive-text{color:var(--destructive);background:0 0;margin-right:auto}button.icon-button{padding:var(--space-2);color:var(--text-muted);background:0 0}button.icon-button:hover{background:var(--hover);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page{max-width:720px;margin:0 auto}.page h1{margin:0 0 var(--space-4);font-size:var(--text-2xl)}.page h2{margin:var(--space-6) 0 var(--space-1);font-size:var(--text-lg)}.facts{gap:var(--space-2) var(--space-6);margin:var(--space-4) 0 0;grid-template-columns:max-content 1fr;display:grid}.facts dt{color:var(--text-muted)}.facts dd{margin:0}.two-pane{flex:1;min-height:0;display:flex}.sidebar{width:260px;padding:var(--space-4) var(--space-2);border-right:1px solid var(--border);background:var(--surface);flex-shrink:0;overflow-y:auto}.sidebar-header{padding:0 var(--space-2) var(--space-2);justify-content:space-between;align-items:center;display:flex}.sidebar-header h1{font-size:var(--text-base);margin:0}.sidebar-lists{margin:0;padding:0;list-style:none}.sidebar-link{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-2);border-radius:var(--radius-sm);color:var(--text);text-decoration:none;display:flex}.sidebar-link:hover{background:var(--hover)}.sidebar-link.active{background:var(--selected);font-weight:600}.pane{flex:1;min-width:0;overflow-y:auto}.list-page,.feed-page{max-width:760px;margin:0 auto}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3) var(--space-6);margin-bottom:var(--space-2);flex-wrap:wrap;display:flex}.page-header h1{align-items:center;gap:var(--space-3);font-size:var(--text-2xl);margin:0;display:flex}.list-notes{margin:var(--space-1) 0 0;color:var(--text-muted);white-space:pre-line}.toolbar{gap:var(--space-1);display:flex}.list-label{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.list-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.list-icon{flex-shrink:0}.badge{padding:1px var(--space-2);border-radius:var(--radius-pill);background:var(--hover);color:var(--text-muted);font-size:var(--text-xs);flex-shrink:0;font-weight:500}.page-header h1 .badge{font-size:var(--text-sm)}.section-header{top:calc(var(--space-6) * -1);margin:var(--space-6) 0 var(--space-1);padding:var(--space-1) 0;background:var(--bg);color:var(--text-muted);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em;font-weight:600;position:sticky}.entry-rows{border:1px solid var(--border);border-radius:var(--radius-md);margin:0;padding:0;list-style:none;overflow:hidden}.entry-row{border-top:1px solid var(--border);position:relative}.entry-row:first-child{border-top:0}.entry-open{width:100%;padding:var(--space-3) var(--space-12) var(--space-3) var(--space-4);color:var(--text);text-align:left;background:0 0;border-radius:0;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.entry-open:hover{background:var(--hover)}.entry-list{align-items:center;gap:var(--space-2);color:var(--text-muted);font-size:var(--text-sm);display:inline-flex}.entry-date{color:var(--text-muted);font-size:var(--text-sm)}.entry-notes{-webkit-line-clamp:2;color:var(--text-muted);font-size:var(--text-md);white-space:pre-line;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tags{gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.tag{padding:1px var(--space-2);border-radius:var(--radius-pill);background:var(--selected);color:var(--text);font-size:var(--text-sm)}.tag-filter{gap:var(--space-2);margin:var(--space-2) 0 0;flex-wrap:wrap;display:flex}button.tag-toggle{padding:var(--space-1) var(--space-3);border:1px solid var(--border);font-size:var(--text-sm);background:0 0}button.tag-toggle:hover{background:var(--hover)}button.tag-toggle[aria-pressed=true]{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.tag-input>label{color:var(--text-muted);font-size:var(--text-sm)}.tag-suggestions{gap:var(--space-2);margin:var(--space-1) 0 0;flex-wrap:wrap;padding:0;list-style:none;display:flex}.tag-suggestions[hidden]{display:none}.tag-suggestions .tag{padding:3px var(--space-3);cursor:pointer}.tag-suggestions .tag[aria-selected=true]{outline:2px solid var(--accent);outline-offset:1px}.row-action{top:var(--space-2);right:var(--space-2);opacity:0;position:absolute}.entry-row:hover .row-action,.row-action:focus-visible{opacity:1}.dialog{width:min(480px, calc(100vw - var(--space-8)));padding:var(--space-6) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);color:var(--text);box-shadow:0 12px 40px color-mix(in srgb, var(--shadow-color) 25%, transparent);max-height:calc(100dvh - var(--space-8));overflow-y:auto}.dialog::backdrop{background:var(--backdrop)}.dialog-title{margin:0 0 var(--space-4);font-size:var(--text-lg)}.dialog-message{margin:0}.dialog-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-6);display:flex}.form{gap:var(--space-3);flex-direction:column;display:flex}.field{gap:var(--space-1);flex-direction:column;display:flex}.field>span{color:var(--text-muted);font-size:var(--text-sm)}.field input,.field textarea{font:inherit;padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.field textarea{resize:vertical}.checkbox-field{align-items:center;gap:var(--space-2);display:flex}.checkbox-field input{width:16px;height:16px;accent-color:var(--accent)}.hint{color:var(--text-muted);font-size:var(--text-sm);margin:0}.error{color:var(--destructive);margin:0}.page-title{min-width:0}@media (width<=700px){.shell-header{--gutter:var(--space-3);gap:var(--space-3);padding-top:max(var(--space-2), env(safe-area-inset-top));padding-bottom:var(--space-2)}.shell-body{flex-direction:column}.primary-nav{width:auto;padding:0 max(var(--space-1), env(safe-area-inset-right)) env(safe-area-inset-bottom) max(var(--space-1), env(safe-area-inset-left));border-top:1px solid var(--border);border-right:0;flex-direction:row;order:1;gap:0;overflow:visible}.primary-nav a{border-radius:0;flex:1;min-height:52px}.primary-nav a[aria-current=page]{background:0 0}.shell-main{--gutter:var(--space-4)}.two-pane[data-narrow-shows=pane] .sidebar,.two-pane[data-narrow-shows=sidebar] .pane{display:none}.sidebar{background:var(--bg);border-right:0;width:100%}.sidebar-header h1{font-size:var(--text-2xl)}.sidebar-link{padding:var(--space-3) var(--space-2);border-bottom:1px solid var(--border);border-radius:0}.pane{--gutter:var(--space-4)}.section-header{top:calc(var(--space-4) * -1)}.page-header{flex-direction:column;align-items:stretch}.page-header h1 .list-name{white-space:normal}.page-header h1{font-size:var(--text-xl)}.list-switcher{width:100%}.empty-state{margin-top:10vh}}@media (hover:none){.row-action{opacity:1}}.shell-header{padding-left:max(var(--gutter,var(--space-6)), env(safe-area-inset-left));padding-right:max(var(--gutter,var(--space-6)), env(safe-area-inset-right))}.shell-main{padding:var(--gutter,var(--space-6)) max(var(--gutter,var(--space-6)), env(safe-area-inset-right)) max(var(--gutter,var(--space-6)), env(safe-area-inset-bottom)) var(--gutter,var(--space-6))}.primary-nav{padding-left:max(var(--space-2), env(safe-area-inset-left));padding-bottom:max(var(--space-2), env(safe-area-inset-bottom))}.sidebar{padding-bottom:max(var(--space-4), env(safe-area-inset-bottom))}.pane{padding:var(--gutter,var(--space-6)) max(var(--gutter,var(--space-6)), env(safe-area-inset-right)) max(var(--gutter,var(--space-6)), env(safe-area-inset-bottom)) var(--gutter,var(--space-6))}@media (width<=700px){.shell-main{padding:var(--gutter) max(var(--gutter), env(safe-area-inset-right)) var(--gutter) max(var(--gutter), env(safe-area-inset-left))}.sidebar{padding-right:max(var(--space-2), env(safe-area-inset-right));padding-bottom:var(--space-4);padding-left:max(var(--space-2), env(safe-area-inset-left))}.pane{padding:var(--gutter) max(var(--gutter), env(safe-area-inset-right)) var(--gutter) max(var(--gutter), env(safe-area-inset-left))}}.picker{border:0;margin:0;padding:0}.picker-label,.color-field>span{margin-bottom:var(--space-1);color:var(--text-muted);font-size:var(--text-sm);padding:0}.icon-grid{gap:var(--space-1);grid-template-columns:repeat(auto-fill,minmax(40px,1fr));display:grid}button.icon-cell{aspect-ratio:1;border-radius:var(--radius-pill);color:var(--text);background:0 0;border:2px solid #0000;justify-content:center;padding:0}button.icon-cell:hover{background:var(--hover)}button.icon-cell[aria-checked=true]{border-color:var(--accent);background:var(--selected)}.current-icon{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);color:var(--text-muted);display:flex}.color-field{flex-direction:column;display:flex}.color-field input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:pointer;width:64px;height:36px;padding:2px}button.reset-color{margin-top:var(--space-1);align-self:flex-start;padding-left:0}.empty-state a{color:var(--accent)}.empty-actions,.settings-actions{justify-content:center;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.settings-actions{margin-top:var(--space-4);justify-content:flex-start}.drop-zone{align-items:center;gap:var(--space-2);padding:var(--space-6);border:2px dashed var(--border);border-radius:var(--radius-md);color:var(--text-muted);text-align:center;flex-direction:column;display:flex}.drop-zone p{margin:0}.drop-zone+.hint{margin:var(--space-2) 0 var(--space-4)}.drop-zone[data-dragging=true]{border-color:var(--accent);background:var(--selected)}.paste-json{font:var(--text-sm) var(--font-mono);padding:var(--space-2) var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text);resize:vertical}button.help-button{margin-right:auto}.import-summary p{margin:0 0 var(--space-2)}.schema-reference h3{margin:var(--space-6) 0 var(--space-2);font-size:var(--text-md)}.schema-reference>p{margin:0 0 var(--space-2)}.schema-fields{margin:0}.schema-field{padding:var(--space-2) 0;border-top:1px solid var(--border)}.schema-field dt{justify-content:space-between;gap:var(--space-2);display:flex}.schema-field dd{font-size:var(--text-sm);flex-direction:column;gap:2px;margin:2px 0 0;display:flex}.requirement{color:var(--text-muted);font-size:var(--text-xs)}.requirement-required{color:var(--text);font-weight:600}.schema-example{white-space:pre-wrap;overflow-wrap:anywhere;margin:0 0 var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-sm);overflow-x:auto}.visually-hidden,.wide-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width>700px){.wide-only{all:revert}}button.hidden-lists-button[data-revealed=true]{color:var(--accent)}.statistics-page{max-width:900px;margin:0 auto}.statistics-controls{align-items:flex-end;gap:var(--space-3) var(--space-6);margin-bottom:var(--space-1);flex-wrap:wrap;display:flex}.segmented{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);padding:2px;display:inline-flex}.segmented button{padding:var(--space-1) var(--space-4);color:var(--text-muted);background:0 0}.segmented button[aria-checked=true]{background:var(--accent);color:var(--on-accent)}.inline-field select{font:inherit;padding:var(--space-2) var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}.line-chart{margin-top:var(--space-6);overflow:hidden}.line-chart svg{font-size:var(--text-xs);display:block}.chart-grid line{stroke:var(--border)}.chart-grid text,.chart-x-label{fill:var(--text-muted)}.chart-line{fill:none;stroke:var(--accent);stroke-width:2.5px;stroke-linejoin:round}.chart-point{fill:var(--bg);stroke:var(--accent);stroke-width:2px}.statistics-empty{margin-top:10vh}.page h3{margin:var(--space-6) 0 var(--space-1);font-size:var(--text-base)}kbd{min-width:1.6em;padding:1px var(--space-2);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);font:var(--text-sm) var(--font-mono);text-align:center;border-bottom-width:2px;display:inline-block}.shortcut-list{gap:var(--space-2);margin:0;display:grid}.shortcut-list>div{gap:var(--space-3);align-items:center;display:flex}.shortcut-list dd{margin:0}.error-screen{min-height:100dvh;padding:15vh var(--space-4) var(--space-4);background:var(--bg);justify-content:center;align-items:flex-start;display:flex}.error-panel{max-width:520px}.error-panel h1{margin:0 0 var(--space-2);font-size:var(--text-xl)}.error-panel p{margin:0 0 var(--space-3)}.error-actions{margin:var(--space-4) 0}.error-details summary{color:var(--text-muted);cursor:pointer}.error-details pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface);font-size:var(--text-sm);overflow-x:auto}.list-icon-placeholder{justify-content:center;align-items:center;width:1.1em;height:1.1em;display:inline-flex}.list-icon-placeholder:before{content:"";border-radius:var(--radius-pill);background:currentColor;width:.5em;height:.5em}.page-header h1:has(>.list-switcher){display:block}button.list-switcher{max-width:100%;margin:calc(var(--space-1) * -1) 0 0 calc(var(--space-2) * -1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);color:var(--text);font:inherit;text-align:left;background:0 0;flex-direction:column;align-items:flex-start;gap:0;display:flex}button.list-switcher:hover{background:var(--hover)}.list-switcher-title{align-items:center;gap:var(--space-3);max-width:100%;display:flex}.list-switcher-chevron{color:var(--text-muted);flex-shrink:0}.list-switcher-meta{color:var(--text-muted);font-size:var(--text-sm);font-weight:400}.switcher{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);color:var(--text);box-shadow:0 12px 40px color-mix(in srgb, var(--shadow-color) 25%, transparent);margin:0;padding:0;position:fixed}.switcher::backdrop{background:0 0}.switcher[data-placement=popover]{width:320px;max-height:min(480px, calc(100dvh - var(--space-8)));margin-top:var(--space-1)}.switcher[data-placement=sheet]{border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0;width:100%;max-width:100%;max-height:75dvh;inset:auto 0 0}.switcher[data-placement=sheet]::backdrop{background:var(--backdrop)}.switcher-content{padding:var(--space-2) var(--space-2) max(var(--space-2), env(safe-area-inset-bottom))}.switcher-lists{margin:0;padding:0;list-style:none}.switcher-link{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text);text-decoration:none;display:flex}.switcher-link:hover{background:var(--hover)}.switcher-link[aria-current=page]{background:var(--selected);font-weight:600}button.switcher-new{width:100%;min-height:44px;margin-top:var(--space-1);padding:var(--space-2) var(--space-3);border-top:1px solid var(--border);border-radius:0}.notice{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-1) max(var(--space-2), env(safe-area-inset-right)) var(--space-1) max(var(--space-6), env(safe-area-inset-left));border-bottom:1px solid var(--border);background:var(--selected);display:flex}.notice[data-tone=neutral],.notice[data-tone=error]{background:var(--hover)}.notice[data-tone=error] .notice-text{color:var(--destructive)}.notice-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;overflow:hidden}.notice>button{padding:var(--space-1) var(--space-3);white-space:nowrap;flex-shrink:0}.notice>button.notice-dismiss{padding:var(--space-2)}@media (width<=700px){.notice{padding-left:max(var(--space-4), env(safe-area-inset-left))}}.menu{z-index:10;min-width:220px;margin-top:var(--space-1);padding:var(--space-1);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);box-shadow:0 12px 40px color-mix(in srgb, var(--shadow-color) 25%, transparent);flex-direction:column;display:flex;position:fixed}.menu[data-placement=sheet]{padding-bottom:max(var(--space-2), env(safe-area-inset-bottom));border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:0;margin:0;inset:auto 0 0}.menu-backdrop{z-index:10;background:var(--backdrop);position:fixed;inset:0}button.menu-item{justify-content:flex-start;gap:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text);text-align:left;background:0 0}button.menu-item:hover,button.menu-item:focus-visible{background:var(--hover)}button.menu-item[aria-disabled=true]{opacity:.45;cursor:default}button.menu-item.destructive-item{color:var(--destructive)}.menu-separator{margin:var(--space-1) 0;border-top:1px solid var(--border)}
