.container.s-ceclvn{--title-bar-height:2.5rem;background-color:var(--system-color-light);width:100%;height:100%;color:var(--system-color-light-contrast);border-radius:inherit;font-family:var(--system-font-family);grid-template-columns:15rem 1fr;display:grid;overflow:hidden}.container.s-ceclvn.dark{box-shadow:inset 0 0 0 .9px hsla(var(--system-color-dark-hsl), .2), 0 0 0 1.5px hsla(var(--system-color-light-hsl), .5)}.sidebar.s-ceclvn{background-color:hsla(var(--system-color-dark-hsl), .04);border-right:1px solid hsla(var(--system-color-dark-hsl), .1);flex-direction:column;display:flex}body.dark .sidebar.s-ceclvn{background-color:hsla(var(--system-color-light-hsl), .03)}.sidebar-header.s-ceclvn{height:var(--title-bar-height);justify-content:flex-end;align-items:center;padding:0 .6rem;display:flex}.icon-button.s-ceclvn{color:#f29a0d;border-radius:.375rem;place-items:center;padding:.3rem;transition:background-color .12s;display:grid}.icon-button.s-ceclvn:hover{background-color:hsla(var(--system-color-dark-hsl), .08)}.icon-button.s-ceclvn svg{font-size:1.3rem}.search-box.s-ceclvn{background-color:hsla(var(--system-color-dark-hsl), .06);border-radius:.375rem;align-items:center;gap:.3rem;margin:0 .6rem .5rem;padding:.3rem .5rem;display:flex}.search-box.s-ceclvn svg{opacity:.5;font-size:1rem}.search-box.s-ceclvn input:where(.s-ceclvn){color:inherit;background:0 0;border:none;outline:none;flex:1;font-size:.85rem}.note-list.s-ceclvn{flex:1;padding:0 .4rem;list-style:none;overflow-y:auto}.note-list-item.s-ceclvn{text-align:left;border-radius:.5rem;flex-direction:column;gap:.15rem;width:100%;margin-bottom:.15rem;padding:.5rem .6rem;transition:background-color .12s;display:flex}.note-list-item.s-ceclvn:hover{background-color:hsla(var(--system-color-dark-hsl), .05)}.note-list-item.s-ceclvn.active{color:#1a1400;background-color:#fab442}.note-title.s-ceclvn{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.note-meta.s-ceclvn{opacity:.7;gap:.4rem;font-size:.78rem;display:flex}.note-preview.s-ceclvn{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.empty-list.s-ceclvn{text-align:center;opacity:.5;padding:1rem;font-size:.85rem;list-style:none}.editor.s-ceclvn{flex-direction:column;min-width:0;display:flex}.editor-header.s-ceclvn{height:var(--title-bar-height);border-bottom:1px solid hsla(var(--system-color-dark-hsl), .08);justify-content:space-between;align-items:center;padding:0 .8rem;display:flex}.editor-date.s-ceclvn{opacity:.55;font-size:.78rem}.editor-area.s-ceclvn{resize:none;color:inherit;font-family:var(--system-font-family);background:0 0;border:none;outline:none;flex:1;padding:1rem 1.25rem;font-size:1rem;line-height:1.5}.no-selection.s-ceclvn{opacity:.6;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.75rem;display:flex}.no-selection.s-ceclvn button:where(.s-ceclvn){color:#1a1400;background-color:#fab442;border-radius:.5rem;padding:.4rem .9rem;font-weight:600}