:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,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{font:inherit;color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:.375rem;padding:.5rem 1rem}.shell{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:1fr;height:100dvh;display:grid;overflow:hidden}.pane-list,.pane-detail{grid-area:1/1;min-width:0;min-height:0;overflow-y:auto}.sync-strip{grid-area:2/1/auto/-1}@media (width<=760px){.shell--list-open .pane-detail,.shell--note-open .pane-list,.new-note-header{display:none}}@media (width>=761px){.shell{grid-template-columns:340px minmax(0,1fr)}.pane-list{border-right:1px solid color-mix(in srgb, currentColor 15%, transparent);grid-column:1}.pane-detail{grid-column:2}.fab{display:none}}.note-list{flex-direction:column;height:100%;display:flex}.note-list-header{border-bottom:1px solid color-mix(in srgb, currentColor 15%, transparent);align-items:center;gap:.5rem;padding:.75rem;display:flex}.note-list-header .search-field{flex:1;min-width:0}.menu-container{position:relative}.menu-container [role=menu]{z-index:10;color:canvastext;border:1px solid color-mix(in srgb, currentColor 15%, transparent);background:canvas;border-radius:.375rem;flex-direction:column;min-width:12rem;padding:.25rem;display:flex;position:absolute;top:100%;right:0;box-shadow:0 4px 12px #00000026}.menu-container [role=menuitem],.menu-container [role=menuitemcheckbox]{text-align:left;border:none;border-radius:.25rem;padding:.5rem .75rem}.menu-helper{opacity:.65;margin:0;padding:0 .75rem .5rem;font-size:.8rem}.row-list{flex:1;overflow-y:auto}.row{text-align:left;border:none;border-bottom:1px solid color-mix(in srgb, currentColor 8%, transparent);background:0 0;border-radius:0;flex-direction:column;align-items:flex-start;width:100%;padding:.75rem;display:flex}.row[aria-current=true]{background:color-mix(in srgb, currentColor 8%, transparent)}.row-title{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-weight:600;overflow:hidden}.row-title--muted{opacity:.6;font-style:italic;font-weight:400}.row-meta{opacity:.65;align-items:center;gap:.35rem;font-size:.8rem;display:flex}.outbox-dot{background:#d97706;border-radius:50%;width:.45rem;height:.45rem;display:inline-block}.fab{border-radius:50%;width:3.25rem;height:3.25rem;font-size:1.5rem;line-height:1;position:fixed;bottom:4rem;right:1.25rem}.empty-state{text-align:center;padding:2rem 1.25rem}.skeleton{flex-direction:column;gap:.5rem;margin-top:1.5rem;display:flex}.skeleton-row{background:color-mix(in srgb, currentColor 12%, transparent);border-radius:.25rem;height:1rem}.editor{flex-direction:column;gap:.75rem;height:100%;padding:.75rem;display:flex}.editor-toolbar{align-items:center;gap:.5rem;display:flex}.editor-toolbar .spacer{flex:1}.editor-toolbar .status{opacity:.65;font-size:.85rem}.trash-banner,.conflict-banner{background:color-mix(in srgb, currentColor 8%, transparent);border-radius:.375rem;align-items:center;gap:.75rem;padding:.75rem;display:flex}.title-field .title{width:100%;color:inherit;background:0 0;border:none;padding:.25rem 0;font-size:1.25rem;font-weight:600}.title-field .title--placeholder::placeholder{opacity:.6;font-style:italic}.title-hint{opacity:.65;margin:.25rem 0 0;font-size:.8rem}.body{resize:none;width:100%;color:inherit;background:0 0;border:none;flex:1;padding:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem}.size-strip{background:#d9770633;border-radius:.375rem;margin:0;padding:.5rem .75rem;font-size:.85rem}.sync-strip{text-align:center;border:none;border-top:1px solid color-mix(in srgb, currentColor 15%, transparent);width:100%;color:inherit;background:0 0;flex:none;margin:0;padding:.5rem;font-size:.85rem}button.sync-strip--action{cursor:pointer}.pick-a-note{opacity:.6;justify-content:center;align-items:center;height:100%;display:flex}.preview{flex:1;overflow-y:auto}.signin,.boot-failed{text-align:center;max-width:28rem;margin:4rem auto;padding:0 1.25rem}.signin .error-code{opacity:.7;overflow-wrap:anywhere;font-family:ui-monospace,monospace;font-size:.85em}