:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:canvastext;--accent:#2f6fde;--danger:#c93c3c;--border:color-mix(in srgb, currentColor 18%, transparent);--muted:color-mix(in srgb, currentColor 60%, transparent);background:canvas;font-family:system-ui,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{border:1px solid var(--border);color:inherit;cursor:pointer;background:0 0;border-radius:6px;padding:.4rem .9rem}button:disabled{opacity:.6;cursor:progress}button.primary{border-color:var(--accent);background:var(--accent);color:#fff}button.danger{border-color:var(--danger);color:var(--danger)}.app{grid-template-columns:minmax(16rem,22rem) 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.sidebar header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}h1{margin:0;font-size:1.4rem}.note-list{margin:0;padding:0;list-style:none}.note-list button{text-align:left;text-overflow:ellipsis;white-space:nowrap;border:0;width:100%;overflow:hidden}.note-list button[aria-current=true]{background:color-mix(in srgb, var(--accent) 15%, transparent)}.pane{max-width:48rem;padding:1rem 2rem}.note h2{overflow-wrap:anywhere;margin:0}.meta,.hint{color:var(--muted)}.content{overflow-wrap:anywhere;white-space:pre-wrap}.actions{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:1rem;display:flex}.note-form{flex-direction:column;gap:.3rem;display:flex}.note-form input,.note-form textarea{border:1px solid var(--border);color:inherit;background:0 0;border-radius:6px;padding:.5rem}.note-form label:not(:first-of-type){margin-top:.7rem}.note-form [aria-invalid=true]{border-color:var(--danger)}.error,.field-error{color:var(--danger);margin:0}@media (width<44rem){.app{grid-template-rows:auto 1fr;grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.pane{padding:1rem}}