:root{color-scheme:light dark;--bg: #fbfaf8;--surface: #ffffff;--text: #1b1a18;--text-muted: #66625c;--border: #e2ded8;--border-strong: #cbc5bc;--accent: #1c5d86;--accent-soft: #eaf2f8;--danger: #96271a;--danger-soft: #fbeeeb;--mark-bg: #fdf0b8;--font-sans: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--step--1: .8125rem;--step-0: 1rem;--step-1: 1.125rem;--step-2: 1.375rem;--step-3: 1.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius: 4px;--measure: 40rem}@media(prefers-color-scheme:dark){:root{--bg: #17181a;--surface: #1d1e21;--text: #e9e7e3;--text-muted: #a5a09a;--border: #2f3033;--border-strong: #43454a;--accent: #82b6da;--accent-soft: #1e2a33;--danger: #f0a294;--danger-soft: #33211e;--mark-bg: #4a4020}}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font-sans);line-height:1.6;-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--text)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius)}a{color:var(--accent)}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:var(--space-4);top:var(--space-4);z-index:1;padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border-strong)}.page{max-width:46rem;margin:0 auto;padding:var(--space-6) var(--space-4) var(--space-12)}.site-header{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:baseline;justify-content:space-between;padding-bottom:var(--space-4);border-bottom:1px solid var(--border)}.site-header h1{margin:0;font-size:var(--step-2);letter-spacing:-.01em}.site-header h1 a{color:inherit;text-decoration:none}main{margin-top:var(--space-6)}.note-count{margin:0 0 var(--space-4);color:var(--text-muted);font-size:var(--step--1)}.note-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--border)}.note-list li{border-bottom:1px solid var(--border)}.note-list a{display:flex;gap:var(--space-3);align-items:baseline;justify-content:space-between;padding:var(--space-3) var(--space-1);color:inherit;text-decoration:none}.note-list a:hover{background:var(--accent-soft)}.note-list .title{font-size:var(--step-1)}.note-list time{flex:none;color:var(--text-muted);font-size:var(--step--1);font-variant-numeric:tabular-nums}.badge{margin-left:var(--space-2);padding:0 var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius);color:var(--text-muted);font-size:var(--step--1);white-space:nowrap}.search{margin:0 0 var(--space-6)}.search label{display:block;margin-bottom:var(--space-1);color:var(--text-muted);font-size:var(--step--1)}.search-row{display:flex;gap:var(--space-2)}.search-row input[type=search]{flex:1 1 auto;min-width:0}.search-row button{flex:none}.hint{margin:var(--space-2) 0 0;color:var(--text-muted);font-size:var(--step--1)}.page-wide{max-width:82rem}.editor-layout{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:60rem){.editor-layout{grid-template-columns:1fr 1fr;align-items:start}}.editor-pane,.preview-pane{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.editor-pane .cm-editor{min-height:24rem;font-family:var(--font-mono);font-size:var(--step--1)}.editor-pane:focus-within{outline:2px solid var(--accent);outline-offset:2px}.editor-pane .cm-editor .cm-content{caret-color:currentColor}.preview-pane{min-height:24rem;padding:var(--space-4);overflow-wrap:break-word}.header-actions{display:flex;flex-wrap:wrap;gap:var(--space-2);align-items:center}.button{display:inline-block;padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--bg);border:1px solid transparent;border-radius:var(--radius);text-decoration:none}.editor-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;margin-top:var(--space-4)}.editor-status{min-height:1.5rem;margin:0 0 var(--space-2);color:var(--text-muted);font-size:var(--step--1)}.editor-status[data-kind=error]{color:var(--danger)}.conflict{margin-bottom:var(--space-4);padding:var(--space-4);background:var(--danger-soft);border-left:3px solid var(--danger);border-radius:var(--radius)}.conflict p{margin-top:0}kbd{padding:0 var(--space-1);border:1px solid var(--border-strong);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--step--1)}.note-body h1,.preview-pane h1{font-size:var(--step-3)}.note-body h2,.preview-pane h2{font-size:var(--step-2)}.note-body h3,.preview-pane h3{font-size:var(--step-1)}.note-body table,.preview-pane table{border-collapse:collapse;width:100%}.note-body th,.note-body td,.preview-pane th,.preview-pane td{padding:var(--space-1) var(--space-2);border:1px solid var(--border);text-align:left}.note-body pre,.preview-pane pre{padding:var(--space-3);overflow-x:auto;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--step--1);line-height:1.5;tab-size:4}.note-body code,.preview-pane code{font-family:var(--font-mono);font-size:.95em}.note-body blockquote,.preview-pane blockquote{margin-left:0;padding-left:var(--space-4);border-left:3px solid var(--border-strong);color:var(--text-muted)}.note-body img,.preview-pane img{max-width:100%;height:auto}.note-body hr,.preview-pane hr{border:0;border-top:1px solid var(--border)}mark{padding:0 var(--space-1);background:var(--mark-bg);color:inherit;border-radius:2px}.result-list,.snippet-list{margin:0;padding:0;list-style:none}.result-list>li{padding:var(--space-4) 0;border-bottom:1px solid var(--border)}.result-title{margin:0 0 var(--space-2);font-size:var(--step-1)}.snippet-list li{margin:var(--space-1) 0;color:var(--text-muted);font-size:var(--step--1);overflow-wrap:break-word}.snippet-line{display:inline-block;min-width:2.5rem;color:var(--border-strong);font-variant-numeric:tabular-nums;text-align:right}.note-title{margin:0 0 var(--space-2);font-size:var(--step-3);letter-spacing:-.015em}.note-meta{margin:0 0 var(--space-6);color:var(--text-muted);font-size:var(--step--1)}.note-raw{margin:0;padding:var(--space-4);overflow-x:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--font-mono);font-size:var(--step--1);line-height:1.5;tab-size:4}input[type=search],input[type=text],input[type=password]{width:100%;max-width:var(--measure);padding:var(--space-2) var(--space-3);background:var(--surface);color:inherit;border:1px solid var(--border-strong);border-radius:var(--radius);font:inherit}button{padding:var(--space-2) var(--space-4);background:var(--accent);color:var(--bg);border:1px solid transparent;border-radius:var(--radius);font:inherit;cursor:pointer}button.secondary{background:transparent;color:var(--accent);border-color:var(--border-strong)}.alert{margin:0 0 var(--space-4);padding:var(--space-3);background:var(--accent-soft);border-left:3px solid var(--accent);border-radius:var(--radius)}.empty{padding:var(--space-8) 0;color:var(--text-muted);text-align:center}