@font-face{font-family:Quattro;src:url(/fonts/quattro-regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Quattro;src:url(/fonts/quattro-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Quattro;src:url(/fonts/quattro-italic.woff2)format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Quattro;src:url(/fonts/quattro-bold-italic.woff2)format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{--paper:#f6f4ef;--sidebar:#f6f4ef;--ink:#26241f;--muted:#8a8478;--faint:#b3ada1;--line:#e6e2d9;--hover:#eeebe4;--accent:#b85c38;--selection:#ead9cc;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Quattro,ui-monospace,SF Mono,Menlo,monospace;font-size:15px}@media (prefers-color-scheme:dark){:root{--paper:#181715;--sidebar:#181715;--ink:#e4dfd5;--muted:#8a857b;--faint:#5c5851;--line:#2a2825;--hover:#221f1c;--accent:#e08a62;--selection:#4a3428}}*{box-sizing:border-box}::selection{background:var(--selection)}html,body,#app{height:100%;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none;padding:0}.quiet{color:var(--muted);letter-spacing:.02em;font-size:.8rem;text-decoration:none;transition:color .12s}.quiet:hover{color:var(--ink)}.quiet.danger:hover{color:var(--accent)}input{background:0 0;border:none;outline:none}input::placeholder,textarea::placeholder{color:var(--faint)}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}kbd{font:inherit;color:var(--faint);font-size:.75rem}.login{flex-direction:column;gap:1.5rem;width:260px;margin:32vh auto 0;display:flex}.wordmark{letter-spacing:.02em;font-weight:700}.login input{border-bottom:1px solid var(--line);padding:.5rem 0;transition:border-color .15s}.login input:focus{border-color:var(--ink)}.login-error{min-height:1.2em;color:var(--accent);margin:-.75rem 0 0;font-size:.8rem}.layout{grid-template-columns:280px 1fr;height:100%;display:grid}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.sidebar-head,.sidebar-foot{justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 1.5rem .75rem;display:flex}.sidebar-foot{padding:1rem 1.5rem 1.25rem}.heading{letter-spacing:.02em;align-items:center;gap:.6rem;font-weight:700;display:flex}.search{margin:0 1.5rem .75rem;padding:.35rem 0;font-size:.85rem}.list{scrollbar-width:thin;scrollbar-color:var(--line) transparent;flex:1;margin:0;padding:0 .75rem;list-style:none;overflow-y:auto}.item{cursor:pointer;color:var(--muted);border-radius:6px;align-items:baseline;gap:.75rem;padding:.55rem .75rem;transition:color .1s,background .1s;display:flex}.item:hover{color:var(--ink)}.item.selected{color:var(--ink);background:var(--hover)}.item-title{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.item-date{color:var(--faint);flex-shrink:0;font-size:.75rem}.empty{color:var(--faint);padding:.55rem .75rem;font-size:.85rem}.hint{color:var(--faint);font-size:.75rem}.status{color:var(--faint);cursor:default;align-items:center;gap:.4rem;font-size:.75rem;font-weight:400;display:flex}.status:before{content:"";background:var(--faint);border-radius:50%;width:5px;height:5px}.status[data-state=syncing]:before{background:var(--muted);animation:1s ease-in-out infinite pulse}.status[data-state=error]{color:var(--accent)}.status[data-state=error]:before{background:var(--accent)}@keyframes pulse{50%{opacity:.3}}.editor-pane{flex-direction:column;align-items:center;min-width:0;min-height:0;padding:0 2rem;display:flex}.editor-meta{width:100%;max-width:680px;color:var(--faint);justify-content:space-between;align-items:center;gap:1rem;padding:1.6rem 0 0;font-size:.8rem;display:flex}.editor-meta .actions{opacity:0;gap:1.25rem;transition:opacity .15s;display:flex}.editor-pane:hover .editor-meta .actions,.editor-meta .actions:focus-within{opacity:1}.editor{flex:1;width:100%;min-height:0;font-size:1.15rem}.editor.cm-focused{outline:none}.editor .cm-scroller{scrollbar-width:none;font-family:inherit;line-height:1.75}.editor .cm-content{max-width:680px;caret-color:var(--accent);margin:0 auto;padding:2.5rem 0 40vh}.editor .cm-line{padding:0}.editor .cm-cursor{border-left:1.5px solid var(--accent)}.editor .cm-selectionBackground,.editor.cm-focused .cm-selectionBackground{background:var(--selection)!important}.editor .cm-content ::selection{background:var(--selection)!important}.editor .cm-placeholder{color:var(--faint)}.editor .cm-content[contenteditable=false]{color:var(--muted)}.editor .md-h1{font-size:1.6em;font-weight:700;line-height:1.4}.editor .md-h2{font-size:1.3em;font-weight:700;line-height:1.45}.editor .md-h3{font-size:1.1em;font-weight:700}.editor .md-bold{font-weight:700}.editor .md-italic{font-style:italic}.editor .md-mark{color:var(--faint)}.editor-meta .divider{background:var(--line);width:1px}.placeholder{align-items:baseline;gap:.75rem;margin:auto;display:flex}@media (width<=720px){.layout{grid-template-rows:40% 60%;grid-template-columns:minmax(0,1fr)}.sidebar{border-right:none;border-bottom:1px solid var(--line)}.editor-meta .actions{opacity:1}}