/* Templates share the same layout and have a light and dark palette. */
:root { --note-font: var(--sans); }
:root[data-template=paper] {
  --ink:#382d25;--body:#51453a;--muted:#7d6c5d;--faint:#8c7b6d;--accent:#a75032;--accent-strong:#883f26;--accent-soft:#f7e9db;--accent-ink:#944125;
  --paper:#fffaf1;--canvas:#f5eee3;--sidebar:#f8f0e4;--hover:#efe5d6;--raised:#fffaf1;--line:#e5d9c8;--check-border:#ad9782;--done:#8a7868;
  --note-font:Charter,'Iowan Old Style','Palatino Linotype',Georgia,serif;
}
:root[data-template=paper][data-theme=dark] {
  --ink:#f4eadb;--body:#e2d4c1;--muted:#b9a68f;--faint:#ad9a84;--accent:#e6ad84;--accent-strong:#f3c59f;--accent-soft:#49382b;--accent-ink:#efbb94;--on-accent:#2a2119;
  --paper:#29251f;--canvas:#24201b;--sidebar:#302a23;--hover:#3a3229;--raised:#302a23;--line:#4a4034;--check-border:#9d856a;--done:#af9c82;
}
:root[data-template=sage] {
  --ink:#253b30;--body:#385145;--muted:#62786a;--faint:#708375;--accent:#3d7357;--accent-strong:#2a593f;--accent-soft:#e7f0e5;--accent-ink:#315e43;
  --paper:#fbfdf9;--canvas:#f0f5ed;--sidebar:#f0f5ed;--hover:#e5ecdf;--raised:#fbfdf9;--line:#dce6d8;--check-border:#8fa58f;--done:#768774;
  --note-font:ui-rounded,'SF Pro Rounded',var(--sans);
}
:root[data-template=sage][data-theme=dark] {
  --ink:#eaf1e5;--body:#d4dfce;--muted:#a5b69e;--faint:#9ead98;--accent:#b3cf9f;--accent-strong:#c7dfb6;--accent-soft:#354532;--accent-ink:#bfd7ad;--on-accent:#202a1c;
  --paper:#202822;--canvas:#1b221d;--sidebar:#273029;--hover:#323d32;--raised:#29332a;--line:#3c4a3d;--check-border:#849a79;--done:#9baa91;
}
:root[data-template=mono] {
  --ink:#191b20;--body:#35383e;--muted:#666970;--faint:#777b82;--accent:#30333a;--accent-strong:#101216;--accent-soft:#eaecef;--accent-ink:#24262c;
  --paper:#fff;--canvas:#f5f5f6;--sidebar:#f5f5f6;--hover:#e9eaed;--raised:#fff;--line:#e0e1e5;--check-border:#9b9ea5;--done:#7e8188;
  --note-font:var(--mono);
}
:root[data-template=mono][data-theme=dark] {
  --ink:#f1f2f4;--body:#d7d9dd;--muted:#acafb6;--faint:#9fa3ac;--accent:#e1e4eb;--accent-strong:#fff;--accent-soft:#34373d;--accent-ink:#e1e4eb;--on-accent:#191b20;
  --paper:#18191b;--canvas:#131416;--sidebar:#202124;--hover:#2c2e32;--raised:#24262a;--line:#383b41;--check-border:#868b95;--done:#999ea8;
}
.note-title,.rich-note.ProseMirror,.rich-note h1,.rich-note h2,.rich-note h3,.rich-note h4,.rich-note h5,.rich-note h6 { font-family:var(--note-font); }
:root[data-template=paper] .note-title { font-weight:600;letter-spacing:-.7px; }
:root[data-template=mono] .note-title { font-size:30px;letter-spacing:-1px;font-weight:550; }
.layout.no-folders .sidebar { display:none; }
.layout.no-folders[data-screen=library] .notes-pane { display:flex; }

/* A compact sheet, with tabs and actions that stay reachable on a phone. */
dialog.settings-dialog { width:min(590px,calc(100vw - 32px));height:min(710px,calc(100dvh - 40px));overflow:hidden; }
.settings-dialog form { display:flex;flex-direction:column;height:100%;min-height:0; }
.settings-dialog .dialog-heading { flex-shrink:0;padding-bottom:17px; }
.settings-dialog .dialog-body { flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable; }
.settings-dialog .dialog-footer { flex-shrink:0;padding-top:12px;padding-bottom:17px;border-top:1px solid var(--line); }
.settings-tabs { display:flex;position:sticky;top:0;z-index:1;gap:5px;padding:4px 0 10px;background:var(--raised);border-bottom:1px solid var(--line); }
.settings-tabs button { flex:1;min-width:0;min-height:40px;border-radius:7px;color:var(--muted);font-size:13px; }
.settings-tabs button:hover { background:var(--hover); }
.settings-tabs button[aria-selected=true] { background:var(--accent-soft);color:var(--accent-ink);font-weight:600; }
.settings-panel { padding-top:21px; }
.settings-panel:focus-visible { outline:2px solid var(--accent);outline-offset:-2px; }
.settings-label,.settings-section h3 { font-size:12px;font-weight:600;color:var(--body);margin:0 0 12px; }
.template-options { border:0;padding:0;margin:0 0 12px;min-width:0; }
.template-grid { display:grid;grid-template-columns:1fr 1fr;gap:12px; }
.template-option { display:block;position:relative;cursor:pointer;border:1px solid var(--line);border-radius:10px;padding:8px;min-width:0; }
.template-option:has(input:checked) { border-color:var(--accent);box-shadow:0 0 0 1px var(--accent); }
.template-option:has(input:focus-visible) { outline:2px solid var(--accent);outline-offset:4px; }
.template-option input { position:absolute;opacity:0;width:1px;height:1px; }
.template-preview { display:flex;gap:14px;height:78px;border-radius:5px;overflow:hidden;background:var(--preview-paper);color:var(--preview-ink); }
.preview-sidebar { width:24%;background:var(--preview-side);padding:14px 7px;display:flex;flex-direction:column;gap:7px; }
.template-preview i { display:block;height:3px;border-radius:2px;background:currentColor;opacity:.15; }
.preview-sidebar i:first-child { background:var(--preview-accent);opacity:.8; }
.preview-note { flex:1;display:flex;flex-direction:column;gap:5px;padding:9px 17px 12px 0; }
.preview-note b { font-size:23px;letter-spacing:-.5px;font-weight:550;line-height:1.4; }
.preview-note i:last-child { width:70%; }
.preview-orbit { --preview-paper:#fff;--preview-side:#f0f3fb;--preview-ink:#192642;--preview-accent:#4562ee; }
.preview-paper { --preview-paper:#fffaf1;--preview-side:#f3e7d7;--preview-ink:#382d25;--preview-accent:#a75032;font-family:Georgia,serif; }
.preview-sage { --preview-paper:#fbfdf9;--preview-side:#e5ecdf;--preview-ink:#253b30;--preview-accent:#3d7357;font-family:ui-rounded,var(--sans); }
.preview-mono { --preview-paper:#fff;--preview-side:#eceef0;--preview-ink:#191b20;--preview-accent:#30333a;font-family:var(--mono); }
[data-theme=dark] .preview-orbit { --preview-paper:#24232e;--preview-side:#3c354f;--preview-ink:#f0edf5;--preview-accent:#c5b5ed; }
[data-theme=dark] .preview-paper { --preview-paper:#29251f;--preview-side:#49382b;--preview-ink:#f4eadb;--preview-accent:#e6ad84; }
[data-theme=dark] .preview-sage { --preview-paper:#202822;--preview-side:#354532;--preview-ink:#eaf1e5;--preview-accent:#b3cf9f; }
[data-theme=dark] .preview-mono { --preview-paper:#18191b;--preview-side:#34373d;--preview-ink:#f1f2f4;--preview-accent:#e1e4eb; }
.template-caption { display:flex;align-items:baseline;justify-content:space-between;gap:5px;padding:10px 2px 2px; }
.template-caption strong { font-size:12px;font-weight:550; }
.template-caption small { font-size:10px;color:var(--muted); }
.setting-row { display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 0;border-bottom:1px solid var(--line);min-height:62px; }
.setting-copy { flex:1;min-width:0; }
.setting-copy strong { display:block;font-size:13px;font-weight:550; }
.setting-copy small { display:block;font-size:12px;line-height:1.65;color:var(--muted);margin-top:5px; }
.setting-row select { appearance:none;-webkit-appearance:none;background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right 12px center;background-size:12px 8px;padding:8px 35px 8px 10px;min-height:40px;max-width:45%;border:1px solid var(--line);border-radius:7px;color:var(--body);background-color:var(--paper);font-size:12px; }
.setting-switch { appearance:none;-webkit-appearance:none;position:relative;flex:0 0 40px;width:40px;height:24px;margin:0;border:1px solid var(--check-border);border-radius:20px;background:var(--hover);cursor:pointer; }
.setting-switch::after { content:'';position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:var(--muted);transition:transform .15s; }
.setting-switch:checked { background:var(--accent);border-color:var(--accent); }
.setting-switch:checked::after { transform:translateX(16px);background:var(--on-accent); }
.setting-switch:disabled { opacity:.45;cursor:default; }
.setting-row select:disabled { opacity:.5; }
.setting-detail { color:var(--muted);font-size:12px;line-height:1.65;margin:12px 0; }
.setting-detail code { color:var(--body);font-family:var(--mono);font-size:11px; }
.settings-section { margin-top:25px; }
.settings-section .dialog-actions { margin:0 -9px; }
.settings-footnote { font-size:11px!important;color:var(--faint)!important;margin:23px 0 14px; }
.security-summary { display:flex;align-items:flex-start;gap:10px;padding-bottom:4px; }
.security-dot { width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:5px;flex-shrink:0; }
.security-summary>div { flex:1; }
.security-summary strong { font-size:13px;font-weight:550; }
.security-summary p { font-size:12px;line-height:1.65;color:var(--muted);margin:5px 0 0; }
.security-badge { color:var(--accent-ink);background:var(--accent-soft);border-radius:5px;padding:4px 7px;font-size:10px;white-space:nowrap; }
.settings-help { border-bottom:1px solid var(--line);padding:7px 0 15px;margin-top:5px; }
.settings-help summary { cursor:pointer;font-size:12px;font-weight:550;padding:10px 0; }
.settings-help p { color:var(--muted);font-size:12px;line-height:1.75;margin:6px 0 12px; }
@media(max-width:700px) {
  dialog.settings-dialog { width:calc(100vw - 24px);height:calc(100dvh - 32px);max-height:calc(100dvh - 32px); }
  .settings-dialog .dialog-heading { padding:17px 19px 11px; }
  .settings-dialog .dialog-body { padding-left:19px;padding-right:19px;scrollbar-gutter:auto; }
  .settings-dialog .dialog-footer { padding:12px 19px; }
  .settings-tabs { gap:2px; }.settings-tabs button { font-size:12px;min-height:44px; }
  .template-caption { display:block; }.template-caption small { display:block;margin-top:3px; }
  .template-grid { gap:11px; }.template-preview { height:74px;gap:10px; }
  .setting-row { gap:16px; }.setting-row select { font-size:16px;max-width:49%;padding-right:32px; }
  .security-badge { padding:4px 5px;font-size:9px; }
  :root[data-template=mono] .note-title { font-size:27px; }
}

:root { --select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23666970' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
:root[data-theme=dark] { --select-chevron:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='m1 1 5 5 5-5' fill='none' stroke='%23acafb6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
.shortcut-list { margin:4px 0 7px; }
.shortcut-list>div { display:flex;align-items:center;justify-content:space-between;gap:15px;padding:9px 0;color:var(--muted);font-size:12px; }
.shortcut-list dd { margin:0;font-size:11px; }.shortcut-list code { display:inline-block;color:var(--body);background:var(--sidebar);border:1px solid var(--line);border-radius:4px;padding:3px 6px;font:11px var(--mono); }