:root{--bg:#f7f8fc;--surface:#fff;--sidebar:#161b30;--side-text:#aab1ca;--ink:#22263d;--muted:#8990a4;--accent:#6266d9;--line:#e8eaf2;--hover:#f0f1f9;--shadow:0 18px 56px #29314d15}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;color:var(--ink);background:var(--bg)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,.editor:focus-visible{outline:2px solid #8b8cf4;outline-offset:2px}.hidden{display:none!important}.shell{display:grid;grid-template-columns:246px 308px minmax(0,1fr);height:100dvh;min-height:520px}.sidebar{display:flex;flex-direction:column;background:var(--sidebar);color:var(--side-text);min-height:0}.sidebar-top{padding:29px 20px 40px;display:flex;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:white;font-weight:750;letter-spacing:-.5px;font-size:20px}.brand-icon{display:inline-grid;place-items:center;width:32px;height:32px;background:linear-gradient(140deg,#9ca5ff,#555bd8);border-radius:10px;color:white;font-size:20px;box-shadow:0 6px 16px #6266d943}.workspace-label,.list-heading,.eyebrow{font-size:10px;font-weight:750;letter-spacing:1.3px}.workspace-label{padding:0 23px 13px;color:#79839e}.nav-item{display:flex;gap:12px;align-items:center;width:calc(100% - 24px);margin:1px 12px;background:none;border:0;color:#d9dded;text-align:left;padding:12px 13px;border-radius:9px;font-size:13px}.nav-item:hover,.book-row:hover,.section-row:hover{background:#ffffff13}.nav-emoji{font-size:21px;width:20px;line-height:1}.list-heading{display:flex;align-items:center;justify-content:space-between;color:#818aa7;margin:28px 19px 14px 23px}.icon-btn{background:none;border:0;color:inherit;font-size:21px;line-height:1;padding:5px 7px;border-radius:7px}.icon-btn:hover{background:#9198ad20}.books{overflow:auto;flex:1;padding:0 12px}.book-row,.section-row{display:flex;gap:10px;align-items:center;padding:10px;border-radius:8px;cursor:pointer;font-size:13px;color:#dbe0f1}.book-row.active,.section-row.active{background:#ffffff19;color:white}.book-dot{height:11px;width:11px;border-radius:4px;flex-shrink:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.tiny-action{background:none;border:0;color:#99a2bf;opacity:.55;font-size:19px;padding:0 3px}.tiny-action:hover{opacity:1;color:white}.section-row{padding-left:26px;color:#adb7d0;font-size:12px}.add-section{color:#99a6cd;border:0;background:none;padding:9px 26px;font-size:12px}.sidebar-bottom{display:flex;align-items:center;gap:9px;padding:18px 13px;border-top:1px solid #ffffff17}.avatar{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;color:#fff;background:#535ac1;font-weight:bold}.account{flex:1;min-width:0}.account strong,.account small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account strong{font-size:12px;color:#fff}.account small{font-size:10px;color:#8d99b8}.sidebar-bottom form{margin:0}.sidebar-bottom .icon-btn{font-size:18px}.page-list{display:flex;flex-direction:column;background:#fafbff;border-right:1px solid var(--line);min-width:0;min-height:0}.page-list-header{height:126px;padding:29px 23px 13px;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.eyebrow{color:#9ca3b6;padding-top:3px}.page-list h2{font-size:23px;margin:8px 0 0;letter-spacing:-.8px;overflow-wrap:anywhere}.new-page{background:var(--accent);color:white;border-radius:9px;padding:7px 12px;font-size:22px;box-shadow:0 6px 16px #6266d92e}.new-page:hover{background:#5357bd}.searchbar{display:flex;align-items:center;gap:9px;margin:0 17px 17px;padding:10px 13px;background:#f0f2f9;border:1px solid #e8eaf3;border-radius:9px;color:#868da2}.searchbar span{font-size:21px;line-height:1}.searchbar input{background:transparent;border:0;outline:0;width:100%;font-size:12px;color:var(--ink)}.pages{flex:1;overflow:auto;padding:0 11px}.page-card{display:block;text-align:left;background:transparent;border:1px solid transparent;border-radius:11px;width:100%;padding:16px 13px;margin-bottom:6px;color:var(--ink)}.page-card:hover{background:#f0f1fa}.page-card.selected{background:white;border-color:#e5e7f3;box-shadow:0 4px 12px #393e5610}.page-card-title{font-size:13px;font-weight:690;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-card-sub{display:flex;gap:7px;align-items:center;margin-top:9px;font-size:10px;color:#9ca3b2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-pages{padding:30px 18px;color:var(--muted);font-size:12px;line-height:1.7}.list-footer{padding:14px 23px;display:flex;justify-content:space-between;font-size:10px;color:#a6adbb;border-top:1px solid var(--line)}.editor-area{background:white;display:flex;flex-direction:column;min-height:0;min-width:0}.editor-top{height:76px;padding:0 35px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.editor-top #breadcrumb{font-size:12px;color:#939bb1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-actions{display:flex;align-items:center;gap:12px}.editor-actions .icon-btn{color:#8d95a8}.editor-actions #saveStatus{font-size:11px;color:#999faf;white-space:nowrap}.edit-pane{overflow:auto;flex:1}.paper{max-width:850px;padding:58px 66px 120px;margin:auto}.note-title{display:block;width:100%;font-size:37px;font-weight:750;letter-spacing:-1.4px;border:0;outline:0;color:#242944;background:transparent;line-height:1.2}.note-title::placeholder{color:#c2c6d5}.note-meta{color:#a6abbd;font-size:11px;margin:18px 0 28px}.toolbar{display:flex;gap:3px;flex-wrap:wrap;padding:8px 0;border-bottom:1px solid var(--line);border-top:1px solid var(--line);margin-bottom:28px;position:sticky;top:0;background:white;z-index:1}.toolbar button{padding:7px 10px;border:0;border-radius:5px;background:transparent;color:#6e7690;font-size:13px}.toolbar button:hover{background:#eff0fa;color:#4348b1}.toolbar-sep{margin:5px 7px;border-left:1px solid #e2e4ee}.editor{min-height:380px;outline:0;font-size:15px;line-height:1.9;color:#393f53;overflow-wrap:anywhere}.editor:empty:before{content:attr(data-placeholder);color:#b5bbcb}.editor h1,.editor h2,.editor h3{color:#282d45;line-height:1.3}.editor blockquote{border-left:3px solid var(--accent);margin:16px 0;padding:3px 20px;color:#737b99;background:#f8f8fd}.editor pre{white-space:pre-wrap;background:#f3f4f9;border-radius:8px;padding:16px;font-size:13px}.empty-state{margin:auto;text-align:center;padding:30px}.empty-illustration{display:inline-grid;place-items:center;width:90px;height:90px;background:#f0f0ff;color:var(--accent);border-radius:28px;font-size:50px}.empty-state h2{font-size:25px;margin:20px 0 10px}.empty-state p{font-size:13px;color:var(--muted);margin-bottom:25px}.primary,.secondary{border:0;padding:12px 18px;border-radius:9px;font-weight:650;font-size:12px}.primary{color:white;background:var(--accent)}.primary:hover{background:#5357bd}.secondary{background:#eef0f8;color:#626981}.mobile-only{display:none}.auth-body{min-height:100dvh;display:grid;place-items:center;background:radial-gradient(circle at 80% 10%,#e5e5ff,transparent 40%),#f7f8fd;padding:25px}.auth-panel{background:white;border:1px solid var(--line);box-shadow:var(--shadow);width:min(100%,420px);padding:40px;border-radius:19px}.brand.big{color:var(--ink);margin-bottom:30px}.auth-panel h1{font-size:25px;letter-spacing:-.7px}.muted{font-size:13px;line-height:1.7;color:var(--muted)}.auth-panel label,dialog label{display:block;font-size:12px;font-weight:650;margin:20px 0 7px}.auth-panel input,dialog input{width:100%;margin-top:5px;padding:12px;border:1px solid #dde0ee;border-radius:9px;background:#fcfcff}.auth-submit{width:100%;margin-top:25px}.auth-footer{font-size:11px;color:#aeb4c2;text-align:center;margin-top:24px}.alert{background:#fff0f0;color:#ae3030;border-radius:8px;padding:10px;font-size:12px}dialog{border:1px solid var(--line);border-radius:15px;box-shadow:var(--shadow);padding:28px;width:min(440px,90vw)}dialog::backdrop{background:#12172a85}dialog h2{margin:0 0 6px;font-size:21px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:23px}#toast{position:fixed;bottom:24px;right:24px;background:#252b43;color:white;border-radius:9px;padding:12px 18px;font-size:12px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(10px);transition:all .2s;z-index:9}#toast.show{opacity:1;transform:translateY(0)}@media(max-width:1100px){.shell{grid-template-columns:210px 260px minmax(0,1fr)}.paper{padding:42px 34px}}@media(max-width:740px){.shell{grid-template-columns:220px minmax(0,1fr)}.sidebar{position:fixed;z-index:5;inset:0 auto 0 0;width:240px;transform:translateX(-100%);transition:transform .2s}.sidebar.open{transform:translateX(0)}.page-list{grid-column:1;width:220px}.editor-area{grid-column:2}.mobile-only{display:inline-block}.page-list-header{padding:22px 13px 11px}.page-list h2{font-size:19px}.paper{padding:28px 22px}.note-title{font-size:29px}.editor-top{padding:0 17px}}@media(max-width:520px){.shell{grid-template-columns:155px minmax(0,1fr)}.page-list{width:155px}.page-list-header{height:115px}.page-list h2{font-size:17px}.searchbar{margin:0 8px 12px}.pages{padding:0 5px}.page-card{padding:12px 7px}.page-card-sub{font-size:9px}.editor-top{height:60px;padding:0 10px}.editor-actions{gap:0}.editor-actions #saveStatus{display:none}.paper{padding:24px 14px}.note-title{font-size:25px}.toolbar button{padding:7px}.editor{font-size:14px}.list-footer{padding:10px}}

/* v1.1 Markdown keyboard assistance */
.md-tip{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:11px;color:#828aa1;margin:-11px 0 23px;line-height:1.7}.md-tip kbd{font-size:10px;font-family:ui-monospace,monospace;padding:1px 5px;background:#f0f2f9;border:1px solid #e5e8f1;border-radius:4px;color:#555d75}.md-tip button{border:0;background:#f0f1fc;color:#5358ac;border-radius:6px;padding:3px 9px;cursor:pointer;font-size:11px}.editor code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;background:#f1f3f8;border-radius:4px;padding:1px 4px;font-size:.9em}.editor pre code{background:none;padding:0}

/* 1.2 editor: tables, click-to-toggle checklists, code panels */
.editor table{border-collapse:collapse;width:100%;margin:18px 0;table-layout:fixed;font-size:14px}.editor th,.editor td{border:1px solid #dfe3ee;padding:9px 12px;min-width:50px;vertical-align:top;overflow-wrap:anywhere}.editor th{background:#f1f3fa;text-align:left;font-weight:700}.editor tr:nth-child(even) td{background:#fbfcff}.editor ul[data-type="checklist"]{padding-left:28px;list-style:none}.editor ul[data-type="checklist"]>li{position:relative;min-height:25px;margin:5px 0}.editor ul[data-type="checklist"]>li::before{content:"";position:absolute;left:-26px;top:.52em;width:15px;height:15px;border:1.7px solid #939bb5;border-radius:4px;background:white;cursor:pointer}.editor ul[data-type="checklist"]>li[data-checked="1"]{color:#8991a5;text-decoration:line-through}.editor ul[data-type="checklist"]>li[data-checked="1"]::before{content:"✓";color:white;text-decoration:none;font-size:12px;line-height:14px;text-align:center;font-weight:800;background:#6266d9;border-color:#6266d9}.editor pre{border:1px solid #e5e7f0;background:#f4f5fa;white-space:pre-wrap;overflow-wrap:anywhere;tab-size:4}.editor pre code{display:block;font-size:13px;line-height:1.65;white-space:pre-wrap}.toolbar button[data-insert]{font-weight:650}@media(max-width:520px){.editor table{font-size:12px}.editor th,.editor td{padding:6px}}

/* v1.3 revisions */
.history-open{background:#f1f1fc;border:1px solid #e1e4f3;color:#5359a9;border-radius:7px;padding:7px 11px;font-weight:650;font-size:12px}.history-open:hover{background:#e7e8fd}.history-dialog{width:min(960px,95vw);max-width:95vw;padding:22px}.history-top{display:flex;justify-content:space-between;gap:18px;align-items:start}.history-top h2{margin:0}.history-top p{margin:8px 0 18px}.history-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:20px;min-height:400px}.history-list{border:1px solid var(--line);border-radius:9px;max-height:55vh;overflow:auto;padding:8px;font-size:12px;color:var(--muted)}.history-item{display:block;border:0;border-radius:7px;text-align:left;width:100%;padding:12px;background:transparent;color:var(--ink)}.history-item:hover,.history-item.active{background:#eff0fd}.history-item strong,.history-item small{display:block;overflow-wrap:anywhere}.history-item small{margin-top:6px;color:var(--muted)}.history-preview{min-width:0;display:flex;flex-direction:column}.history-preview h3{margin:0 0 6px;overflow-wrap:anywhere}.history-preview-content{flex:1;min-height:280px;border:1px solid var(--line);border-radius:8px;margin:12px 0;overflow:hidden}.history-preview-content iframe{width:100%;height:100%;min-height:280px;border:0}.history-preview .primary{align-self:flex-start}.history-preview .primary:disabled{opacity:.5;cursor:not-allowed}@media(max-width:650px){.history-layout{grid-template-columns:1fr}.history-list{max-height:150px}.history-dialog{padding:14px}.history-open{padding:6px}}

/* v1.4 attachments */
.attachment-panel{margin:0 0 22px;border:1px solid #e8eaf2;border-radius:10px;padding:10px 13px;background:#fcfcff}
.attachment-head{font-size:11px;letter-spacing:.04em;font-weight:700;color:#78819c;display:flex;gap:8px;align-items:center}
.attachment-head span{background:#eeeefb;border-radius:15px;padding:1px 7px;color:#6468ae}
.attachment-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.attachment-list:empty{display:none}
.attachment-item{display:flex;align-items:center;gap:9px;max-width:100%;padding:7px 9px;border-radius:8px;background:#f0f2f9;font-size:12px}
.attachment-item a{color:#4852a7;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;max-width:210px}
.attachment-item small{color:#8e94aa;white-space:nowrap}.attachment-item button{background:transparent;border:0;color:#b04e62;font-size:11px}
.editor img{max-width:100%;height:auto;display:block;margin:15px 0;border-radius:8px}

/* v1.5 tags and internal links */
.tag-editor{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:12px 0 18px;font-size:12px;color:#8990a4}.tag-chips{display:flex;gap:6px;flex-wrap:wrap}.tag-chip{border:1px solid #dfe2f4;color:#5359ad;background:#f1f2ff;border-radius:18px;font-size:11px;padding:5px 9px}.tag-editor #editTags{border:0;border-radius:7px;background:#f3f4fa;color:#6068aa;padding:6px 9px;font-size:11px}.editor a{color:#525cd2;text-decoration:underline;text-underline-offset:2px;cursor:pointer}

/* v1.7: light/dark modes, accessible overlays, compact screens */
:root{color-scheme:light}
:root[data-theme="dark"]{color-scheme:dark;--bg:#10131d;--surface:#1b2030;--sidebar:#101424;--side-text:#c2c8dd;--ink:#edf0fa;--muted:#a7adc1;--accent:#858aff;--line:#343a50;--hover:#30364b;--shadow:0 18px 56px #0005}
[data-theme="dark"] .page-list,[data-theme="dark"] .editor-area,[data-theme="dark"] .toolbar,[data-theme="dark"] dialog,[data-theme="dark"] .auth-panel{background:var(--surface);color:var(--ink)}
[data-theme="dark"] .page-card,[data-theme="dark"] .note-title,[data-theme="dark"] .editor,[data-theme="dark"] .editor h1,[data-theme="dark"] .editor h2,[data-theme="dark"] .editor h3{color:var(--ink)}
[data-theme="dark"] .page-card:hover,[data-theme="dark"] .page-card.selected,[data-theme="dark"] .searchbar,[data-theme="dark"] .attachment-panel,[data-theme="dark"] .attachment-item,[data-theme="dark"] .editor blockquote,[data-theme="dark"] .editor pre,[data-theme="dark"] .editor code,[data-theme="dark"] .editor th,[data-theme="dark"] .editor tr:nth-child(even) td{background:#252b3c;color:var(--ink);border-color:var(--line)}
[data-theme="dark"] .toolbar button,[data-theme="dark"] .history-open,[data-theme="dark"] .secondary,[data-theme="dark"] .tag-chip,[data-theme="dark"] #editTags,[data-theme="dark"] .md-tip kbd,[data-theme="dark"] .md-tip button{background:#282e44;color:#c9ceff;border-color:var(--line)}
[data-theme="dark"] .editor td,[data-theme="dark"] .editor th,[data-theme="dark"] .attachment-panel,[data-theme="dark"] .page-card.selected{border-color:var(--line)}
[data-theme="dark"] .searchbar input,[data-theme="dark"] dialog input,[data-theme="dark"] .auth-panel input{color:var(--ink);background:#252b3c;border-color:var(--line)}
[data-theme="dark"] .editor blockquote,[data-theme="dark"] .editor ul[data-type="checklist"]>li{color:#c6cbda}
[data-theme="dark"] .md-tip,[data-theme="dark"] .note-meta,[data-theme="dark"] .attachment-head{color:var(--muted)}
[data-theme="dark"] .auth-body{background:var(--bg)}
.nav-scrim{position:fixed;inset:0;background:#080c1bb8;z-index:4}.nav-scrim[hidden]{display:none}
#themeToggle{font-size:19px;min-width:32px}
@media(max-width:600px){
 .shell{display:block;position:relative;height:100dvh;min-height:0}
 .page-list{height:100%;width:100%;border-right:0}
 .page-list-header{height:100px;padding:20px 22px 10px}
 .page-list h2{font-size:23px}
 .pages{padding:0 12px}.page-card{padding:16px}
 .editor-area{display:none;height:100%;width:100%;position:absolute;inset:0;z-index:2}
 .shell.mobile-reading .page-list{display:none}
 .shell.mobile-reading .editor-area{display:flex}
 .editor-top{height:62px;padding:0 12px}
 .editor-top #breadcrumb{flex:1;min-width:0}
 .editor-actions{gap:4px}.editor-actions #saveStatus{display:none}
 .editor-actions .history-open{font-size:11px;padding:6px}
 .paper{padding:25px 18px 80px}.note-title{font-size:29px}
 .editor{min-height:45vh;font-size:16px}
 .toolbar{max-height:125px;overflow-y:auto;align-content:flex-start}
 #backToPages{font-size:23px;display:inline-block;flex-shrink:0}
 .history-dialog{max-height:92dvh;overflow:auto}
}
@media(min-width:601px){#backToPages{display:none!important}}
@media(prefers-reduced-motion:reduce){.sidebar,#toast{transition:none}}

/* v1.8 notebook navigation and reorder indicators */
.collapse-book{background:transparent;border:0;color:inherit;cursor:pointer;padding:2px 5px;flex:0 0 auto;font-size:13px}
.page-card[draggable="true"],.section-row[draggable="true"]{cursor:grab}
.page-card.drag-target,.section-row.drag-target{outline:2px dashed var(--accent,#6266d9);outline-offset:-3px}

/* v1.9 focus writing and contextual formatting controls */
.toolbar button.is-active{background:var(--accent);color:#fff;border-radius:6px}
.toolbar button:focus-visible,.history-open:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.shell.focus-writing{display:block;height:100dvh}
.shell.focus-writing .sidebar,.shell.focus-writing .page-list,.shell.focus-writing #navScrim{display:none!important}
.shell.focus-writing .editor-area{display:flex!important;position:relative!important;width:100%;height:100dvh;inset:auto;max-width:none}
.shell.focus-writing .editor-top{max-width:1040px;width:100%;margin:0 auto;flex-shrink:0}
.shell.focus-writing .edit-pane{width:100%;overflow-y:auto}
.shell.focus-writing .paper{max-width:880px;margin:0 auto;padding:35px 32px 90px}
.shell.focus-writing #backToPages{display:none!important}
.shell.focus-writing .editor{font-size:17px;line-height:1.85;min-height:55vh}
@media(max-width:600px){.shell.focus-writing .paper{padding:22px 17px 80px}.shell.focus-writing .editor-top{padding:0 10px}.shell.focus-writing .editor-actions .history-open{padding:5px 7px}}


/* v2.0 HTML-compatible hybrid editor */
.editor-stats{font-size:11px;color:var(--muted);margin:-10px 0 22px;text-align:right;letter-spacing:.01em}
.source-editor{display:block;width:100%;min-height:55vh;resize:vertical;border:1px solid var(--line);border-radius:10px;padding:20px;background:var(--surface);color:var(--ink);font:13px/1.75 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;overflow-wrap:anywhere}
.source-editor:focus{outline:2px solid var(--accent);outline-offset:2px}
.toolbar.source-active button:not(#sourceMode){opacity:.45}
.toolbar #sourceMode{border:1px solid var(--line);font-weight:700;color:var(--accent)}
.toolbar #sourceMode[aria-pressed="true"]{background:var(--accent);color:white}
@media(max-width:600px){.source-editor{min-height:55vh;padding:12px;font-size:12px}}

/* v2.1 — explicit accessible light/dark switch and improved table controls */
#themeToggle.theme-switch{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:1px solid #ffffff35;background:#ffffff16;color:#fff;border-radius:999px;padding:7px 10px;min-width:78px;font-size:12px;white-space:nowrap;cursor:pointer}
#themeToggle.theme-switch:hover{background:#ffffff29}
#themeToggle.theme-switch .theme-symbol{font-size:16px;line-height:1}
#themeToggle.theme-switch:focus-visible{outline:2px solid #c9c9ff;outline-offset:2px}
[data-theme="dark"] #themeToggle.theme-switch{background:#444c68;border-color:#747c99;color:#fff}
#tableAddRow,#tableAddCol,#tableDelRow{border:1px solid var(--line);font-size:12px}
.editor table{border-collapse:collapse;max-width:100%;overflow-wrap:anywhere}
.editor table td,.editor table th{min-width:55px}
@media(max-width:740px){#themeToggle.theme-switch{min-width:67px;padding:6px 8px}}

/* v2.2 text selection toolbar and checklist controls */
.floating-toolbar{position:fixed;z-index:30;display:flex;align-items:center;gap:3px;padding:6px;border:1px solid var(--line);border-radius:11px;background:var(--surface,#fff);box-shadow:0 12px 34px #0003;color:var(--ink)}
.floating-toolbar[hidden]{display:none!important}
.floating-toolbar button{min-width:34px;min-height:32px;border:0;border-radius:6px;background:transparent;color:var(--ink);cursor:pointer}
.floating-toolbar button:hover,.floating-toolbar button:focus-visible{background:var(--hover);outline:2px solid var(--accent);outline-offset:0}
[data-theme="dark"] .floating-toolbar{background:#252b3c;border-color:#515973;color:#edf0fa}
[data-theme="dark"] .floating-toolbar button{color:#edf0fa}
#addChecklistTask{font-weight:650}
@media(max-width:520px){.floating-toolbar{max-width:calc(100vw - 16px)}.floating-toolbar button{min-width:32px}}

/* v2.3 notebook page filter and long-document heading navigation */
.page-filter{display:flex;align-items:center;padding:5px 12px;border-bottom:1px solid var(--line);gap:5px;background:var(--surface)}
.page-filter input{min-width:0;flex:1;background:transparent;color:var(--ink);border:1px solid var(--line);border-radius:7px;padding:7px 9px;font:inherit;font-size:12px}
.page-filter button{border:0;background:transparent;color:var(--muted);font-size:19px;cursor:pointer}
.note-outline{margin:0 0 12px;font-size:12px;color:var(--muted)}
.note-outline details{border:1px solid var(--line);border-radius:9px;padding:7px 12px;background:var(--surface)}
.note-outline summary{cursor:pointer;font-weight:650}
#noteOutline{display:flex;flex-direction:column;gap:2px;padding:9px 0 2px;max-height:200px;overflow:auto}
.outline-link{border:0;text-align:left;border-radius:6px;background:transparent;color:var(--ink);padding:5px 7px;cursor:pointer;font:inherit;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.outline-link:hover,.outline-link:focus-visible{background:var(--hover);outline:1px solid var(--accent)}
.outline-h2{padding-left:20px}.outline-h3{padding-left:33px}.outline-h4{padding-left:45px}
#tableDelCol{border:1px solid var(--line);font-size:12px}

/* v2.4: template buttons in narrow layouts */
#newFromTemplate,#saveTemplate{white-space:nowrap}
@media(max-width:800px){#newFromTemplate{font-size:12px;padding:5px 7px}#saveTemplate{font-size:12px;padding:5px 7px}}