/* Still redesign (design/design_handoff_still_redesign). Loaded after style.css and overrides it. */
@font-face{font-family:Geist;src:url(fonts/Geist-Variable.woff2) format('woff2');font-weight:100 900;font-style:normal;font-display:block}
@font-face{font-family:Geist;src:url(fonts/Geist-Italic-Variable.woff2) format('woff2');font-weight:100 900;font-style:italic;font-display:block}
@font-face{font-family:'Geist Mono';src:url(fonts/GeistMono-Variable.woff2) format('woff2');font-weight:100 900;font-display:block}

/* Tokens: light Color is the default; .bw = Black & white; .dark = dark mode. */
:root{--tint:#f4f4f2;--app:var(--tint);--ink:#1d1b22;--sub:#4b4753;--body:#36323d;--muted:#8f8a9a;--faint:#a29eac;--tile:#55515c;--mid:#6b6773;--raised:#fff;--field:#fff;--card:rgba(255,255,255,.72);--sheet:#fff;--btn:rgba(255,255,255,.75);--icon-fg:#55515c;--bar:rgba(255,255,255,.88);--sep:#e2dfe8;--hover:rgba(140,130,150,.14);--raised-shadow:0 1px 2px rgba(40,20,60,.06),0 10px 22px -12px rgba(40,20,60,.26);--pop-shadow:0 0 0 1px rgba(40,20,60,.06),0 24px 50px -18px rgba(40,20,60,.35);--writing-font:Geist,-apple-system,sans-serif;--writing-size:18px;--writing-line:1.75;--writing-width:640px;
 --paper:var(--sheet);--panel:rgba(140,130,150,.08);--line:var(--sep);--green:var(--tile);--accent:var(--hover);--selection:#e5dcf5;--selection-focused:#e5dcf5;
 --avatar:#e5dcf5;--empty-tile:#e7e5f2;--quote-hl:#f6dbe4;--grain-opacity:.22;--grain-blend:multiply}
body{--app:var(--tint)}body[data-tint=linen]{--tint:#f5f0e8}body[data-tint=mist]{--tint:#ecf1f3}body[data-tint=sage]{--tint:#edf1ea}body[data-tint=blush]{--tint:#f8efed}body[data-tint=sand]{--tint:#f1eadc}
body.bw{--app:#f2f2f1;--avatar:#e6e6e4;--empty-tile:#ecebe9;--quote-hl:#e6e6e4;--selection:#e6e6e4;--selection-focused:#e6e6e4}
body.dark{--mid:#aaa5b5;--tile:#d6d2dc;--app:#141316;--ink:#efedf2;--sub:#bdb8c6;--body:#d6d2dc;--raised:#2a292e;--field:#232226;--card:rgba(255,255,255,.045);--sheet:#1c1b1f;--btn:rgba(255,255,255,.08);--icon-fg:#d6d2dc;--bar:rgba(42,41,46,.9);--sep:#3a3840;--avatar:#302a3e;--empty-tile:#2d2a38;--quote-hl:#5a3443;--grain-opacity:.06;--grain-blend:screen;--selection:#302a3e;--selection-focused:#3a3248;--panel:rgba(255,255,255,.05);--muted:#a19cac}
body.dark.bw{--avatar:#2a292e;--empty-tile:#2a292e;--quote-hl:#3a3840;--selection:#3a3840;--selection-focused:#46444c}
[data-pastel=mint]{--p:#cfeedd;--pd:#3f5c4c;--pl:#e6f6ed;--pk:#26362d}[data-pastel=lilac]{--p:#e5dcf5;--pd:#56487a;--pl:#f1ecfa;--pk:#302a3e}[data-pastel=sky]{--p:#d3e6f7;--pd:#3d5a78;--pl:#e7f1fa;--pk:#25313d}[data-pastel=blush]{--p:#f6dbe4;--pd:#7a4256;--pl:#fbedf2;--pk:#3a2930}[data-pastel=butter]{--p:#e7e5f2;--pd:#56516f;--pl:#f2f1f8;--pk:#2d2a38}[data-pastel=peach]{--p:#f8dcc8;--pd:#7a4a2c;--pl:#fcede2;--pk:#3b2c22}[data-pastel=greyPale]{--p:#f2f1f3;--pd:#3a3843;--pl:#f7f7f8;--pk:#2f2e33}[data-pastel=greySoft]{--p:#e4e4e7;--pd:#3a3843;--pl:#efeff1;--pk:#2f2e33}[data-pastel=greyLight]{--p:#d4d3d9;--pd:#3a3843;--pl:#dfdee3;--pk:#2f2e33}[data-pastel=greyMid]{--p:#c4c3cb;--pd:#3a3843;--pl:#cfced4;--pk:#2f2e33}[data-pastel=greyDusty]{--p:#afadb8;--pd:#3a3843;--pl:#bab8c1;--pk:#2f2e33}[data-pastel=greyDeep]{--p:#9a97a5;--pd:#3a3843;--pl:#a4a2ae;--pk:#2f2e33}[data-pastel=redPale]{--p:#f7e4e3;--pd:#7a221f;--pl:#fcf3f3;--pk:#3c2625}[data-pastel=orangePale]{--p:#f7ebe3;--pd:#7a431f;--pl:#fcf7f3;--pk:#3c2e25}[data-pastel=amberPale]{--p:#f7f0e3;--pd:#7a5c1f;--pl:#fcf9f3;--pk:#3c3425}[data-pastel=yellowPale]{--p:#f7f5e3;--pd:#7a711f;--pl:#fcfbf3;--pk:#3c3a25}[data-pastel=limePale]{--p:#f0f7e3;--pd:#597a1f;--pl:#f8fcf3;--pk:#343c25}[data-pastel=greenPale]{--p:#e3f7e7;--pd:#1f7a2e;--pl:#f3fcf5;--pk:#253c29}[data-pastel=tealPale]{--p:#e3f7f4;--pd:#1f7a6b;--pl:#f3fcfa;--pk:#253c38}[data-pastel=cyanPale]{--p:#e3f2f7;--pd:#1f637a;--pl:#f3f9fc;--pk:#25363c}[data-pastel=bluePale]{--p:#e3ecf7;--pd:#1f467a;--pl:#f3f7fc;--pk:#252f3c}[data-pastel=indigoPale]{--p:#e3e3f7;--pd:#1f1f7a;--pl:#f3f3fc;--pk:#25253c}[data-pastel=purplePale]{--p:#efe3f7;--pd:#541f7a;--pl:#f8f3fc;--pk:#32253c}[data-pastel=pinkPale]{--p:#f7e3ee;--pd:#7a1f50;--pl:#fcf3f8;--pk:#3c2531}[data-pastel=redSoft]{--p:#f1cccb;--pd:#8b2623;--pl:#f8e3e3;--pk:#3c2625}[data-pastel=orangeSoft]{--p:#f1dacb;--pd:#8b4c23;--pl:#f8ebe3;--pk:#3c2e25}[data-pastel=amberSoft]{--p:#f1e4cb;--pd:#8b6823;--pl:#f8f1e3;--pk:#3c3425}[data-pastel=yellowSoft]{--p:#f1edcb;--pd:#8b8023;--pl:#f8f5e3;--pk:#3c3a25}[data-pastel=limeSoft]{--p:#e3f1cb;--pd:#658b23;--pl:#f0f8e3;--pk:#343c25}[data-pastel=greenSoft]{--p:#cbf1d1;--pd:#238b34;--pl:#e3f8e6;--pk:#253c29}[data-pastel=tealSoft]{--p:#cbf1eb;--pd:#238b79;--pl:#e3f8f4;--pk:#253c38}[data-pastel=cyanSoft]{--p:#cbe7f1;--pd:#23718b;--pl:#e3f2f8;--pk:#25363c}[data-pastel=blueSoft]{--p:#cbdbf1;--pd:#23508b;--pl:#e3ecf8;--pk:#252f3c}[data-pastel=indigoSoft]{--p:#cbcbf1;--pd:#23238b;--pl:#e3e3f8;--pk:#25253c}[data-pastel=purpleSoft]{--p:#e1cbf1;--pd:#5f238b;--pl:#efe3f8;--pk:#32253c}[data-pastel=pinkSoft]{--p:#f1cbdf;--pd:#8b235a;--pl:#f8e3ee;--pk:#3c2531}[data-pastel=redBright]{--p:#efa19f;--pd:#832421;--pl:#f4bbb9;--pk:#3c2625}[data-pastel=orangeBright]{--p:#efbf9f;--pd:#834821;--pl:#f4d0b9;--pk:#3c2e25}[data-pastel=amberBright]{--p:#efd49f;--pd:#836221;--pl:#f4e0b9;--pk:#3c3425}[data-pastel=yellowBright]{--p:#efe79f;--pd:#837921;--pl:#f4eeb9;--pk:#3c3a25}[data-pastel=limeBright]{--p:#d2ef9f;--pd:#5f8321;--pl:#def4b9;--pk:#343c25}[data-pastel=greenBright]{--p:#9fefac;--pd:#218331;--pl:#b9f4c3;--pk:#253c29}[data-pastel=tealBright]{--p:#9fefe2;--pd:#218372;--pl:#b9f4ea;--pk:#253c38}[data-pastel=cyanBright]{--p:#9fdbef;--pd:#216a83;--pl:#b9e5f4;--pk:#25363c}[data-pastel=blueBright]{--p:#9fc2ef;--pd:#214b83;--pl:#b9d2f4;--pk:#252f3c}[data-pastel=indigoBright]{--p:#9f9fef;--pd:#212183;--pl:#b9b9f4;--pk:#25253c}[data-pastel=purpleBright]{--p:#ce9fef;--pd:#5a2183;--pl:#dbb9f4;--pk:#32253c}[data-pastel=pinkBright]{--p:#ef9fca;--pd:#832155;--pl:#f4b9d8;--pk:#3c2531}[data-pastel=redDusty]{--p:#ddc6c5;--pd:#6d3836;--pl:#e8d9d8;--pk:#3c2625}[data-pastel=orangeDusty]{--p:#ddcfc5;--pd:#6d4c36;--pl:#e8dfd8;--pk:#3c2e25}[data-pastel=amberDusty]{--p:#ddd5c5;--pd:#6d5b36;--pl:#e8e3d8;--pk:#3c3425}[data-pastel=yellowDusty]{--p:#dddbc5;--pd:#6d6836;--pl:#e8e7d8;--pk:#3c3a25}[data-pastel=limeDusty]{--p:#d4ddc5;--pd:#596d36;--pl:#e3e8d8;--pk:#343c25}[data-pastel=greenDusty]{--p:#c5ddc9;--pd:#366d3f;--pl:#d8e8db;--pk:#253c29}[data-pastel=tealDusty]{--p:#c5ddd9;--pd:#366d64;--pl:#d8e8e6;--pk:#253c38}[data-pastel=cyanDusty]{--p:#c5d7dd;--pd:#365f6d;--pl:#d8e4e8;--pk:#25363c}[data-pastel=blueDusty]{--p:#c5d0dd;--pd:#364e6d;--pl:#d8dfe8;--pk:#252f3c}[data-pastel=indigoDusty]{--p:#c5c5dd;--pd:#36366d;--pl:#d8d8e8;--pk:#25253c}[data-pastel=purpleDusty]{--p:#d3c5dd;--pd:#56366d;--pl:#e2d8e8;--pk:#32253c}[data-pastel=pinkDusty]{--p:#ddc5d2;--pd:#6d3653;--pl:#e8d8e1;--pk:#3c2531}[data-pastel=redDeep]{--p:#cf8481;--pd:#6d2422;--pl:#d89a97;--pk:#3c2625}[data-pastel=orangeDeep]{--p:#cfa081;--pd:#6d4022;--pl:#d8b197;--pk:#3c2e25}[data-pastel=amberDeep]{--p:#cfb581;--pd:#6d5422;--pl:#d8c297;--pk:#3c3425}[data-pastel=yellowDeep]{--p:#cfc881;--pd:#6d6622;--pl:#d8d197;--pk:#3c3a25}[data-pastel=limeDeep]{--p:#b3cf81;--pd:#516d22;--pl:#c0d897;--pk:#343c25}[data-pastel=greenDeep]{--p:#81cf8e;--pd:#226d2e;--pl:#97d8a2;--pk:#253c29}[data-pastel=tealDeep]{--p:#81cfc2;--pd:#226d61;--pl:#97d8cd;--pk:#253c38}[data-pastel=cyanDeep]{--p:#81bccf;--pd:#225a6d;--pl:#97c8d8;--pk:#25363c}[data-pastel=blueDeep]{--p:#81a3cf;--pd:#22426d;--pl:#97b3d8;--pk:#252f3c}[data-pastel=indigoDeep]{--p:#8181cf;--pd:#22226d;--pl:#9797d8;--pk:#25253c}[data-pastel=purpleDeep]{--p:#af81cf;--pd:#4e226d;--pl:#bd97d8;--pk:#32253c}[data-pastel=pinkDeep]{--p:#cf81ab;--pd:#6d224a;--pl:#d897ba;--pk:#3c2531}

/* Global */
body{font:13px/1.4 Geist,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;background:var(--app);color:var(--ink);display:grid;grid-template-columns:232px 316px minmax(0,1fr);grid-template-rows:minmax(0,1fr);height:100vh;min-width:760px;min-height:560px;overflow:hidden;transition:background .5s}
button,input,textarea,select,kbd{font-family:inherit}
::selection{background:var(--selection)}
body ::-webkit-scrollbar{width:0;height:0}
body.focus,body.layout-editor{grid-template-columns:minmax(0,1fr)}
body.focus>.sidebar,body.focus>.note-list,body.layout-editor>.sidebar,body.layout-editor>.note-list{display:none}
body.layout-notes{grid-template-columns:316px minmax(0,1fr)}body.layout-notes>.sidebar{display:none}
#grain{position:fixed;inset:0;pointer-events:none;z-index:60;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .25 0 0 0 .5 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");opacity:var(--grain-opacity);mix-blend-mode:var(--grain-blend)}
.still-mark{display:inline-block;transform:rotate(var(--spin,0deg));transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}
@media (prefers-reduced-motion:reduce){.still-mark{transform:none!important;transition:none!important}.note-card,.new-note,.round-btn,.note-icon,.color-switch span{transition:none!important}}
svg.lucide{stroke-width:1.5}

/* Sidebar */
.sidebar{background:none;border:0;padding:14px 12px 12px;display:flex;flex-direction:column;min-height:0;overflow:hidden}
.traffic-space{height:14px;margin-bottom:16px;-webkit-app-region:drag;flex:none}
.sidebar .brand{display:flex;align-items:center;gap:9px;padding:0 8px;margin:0 0 16px;font:inherit;letter-spacing:0}
.brand-tile{width:28px;height:28px;border-radius:9px;background:#55515c;color:#fff;display:grid;place-items:center;font-size:16px;flex:none}
.wordmark{font-size:20px;font-weight:650;letter-spacing:-.035em;color:var(--ink)}
.sidebar .new-note{display:flex;align-items:center;gap:10px;background:var(--raised);border:0;border-radius:999px;padding:10px 14px;margin:0 0 18px;font-size:13px;font-weight:500;color:var(--ink);box-shadow:0 1px 2px rgba(40,20,60,.06),0 6px 16px -8px rgba(40,20,60,.18);transition:transform .25s cubic-bezier(.3,1.4,.5,1)}
.sidebar .new-note:hover{transform:translateY(-1px);color:var(--ink)}.sidebar .new-note:active{transform:scale(.98)}
.new-dot{width:20px;height:20px;border-radius:50%;background:#55515c;color:#fff;display:grid;place-items:center;flex:none}.new-dot svg{width:12px;height:12px;stroke-width:2.2}
.sidebar .new-note kbd{margin-left:auto;font:11px Geist,sans-serif;color:#a29eac}
.sidebar nav{display:flex;flex-direction:column;gap:2px;margin:0}
.sidebar .nav,.sidebar .folder,.sidebar .tag,.sidebar [data-saved-search]{display:flex;align-items:center;gap:11px;width:100%;padding:8px 12px;margin:0;border-radius:999px;text-align:left;font-size:13px;font-weight:400;color:var(--sub);background:transparent;box-shadow:none;transition:background .2s}
.sidebar .nav svg,.sidebar .tag svg,.sidebar [data-saved-search] svg{width:16px;height:16px;color:#8f8a9a;flex:none}
.sidebar .nav:hover,.sidebar .folder:hover,.sidebar .tag:hover,.sidebar [data-saved-search]:hover{background:var(--hover);color:var(--sub)}
.sidebar .nav.active,.sidebar .folder.active,.sidebar .tag.active,.sidebar [data-saved-search].active,body.dark .sidebar .nav.active,body.dark .sidebar .folder.active,body.dark .sidebar .tag.active{background:var(--raised);color:var(--ink);font-weight:550;box-shadow:var(--raised-shadow)}
.sidebar .nav.active svg{color:var(--icon-fg)}
.nav-label,.notebook-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nav-count,.sidebar .folder>.nav-count{font-size:11px;font-weight:400;color:#a29eac;margin-left:auto}
.sidebar .folder{gap:12px}
.swatch{width:14px;height:14px;border-radius:5px;background:var(--p);flex:none;transition:background .3s}body.bw .swatch{background:transparent;box-shadow:inset 0 0 0 1.5px #b4b4b8}body.dark:not(.bw) .swatch{background:var(--p)}
.tag-hash{width:14px;text-align:center;color:#a29eac;font-weight:500;flex:none}
.sidebar .section-label{display:flex;align-items:center;font-size:11px;font-weight:500;letter-spacing:0;color:#a29eac;margin:24px 12px 8px;padding:0;text-transform:none}
.sidebar .section-label button{margin-left:auto;width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#a29eac;opacity:0;transition:opacity .2s}.sidebar .section-label:hover button,.sidebar .section-label button:focus-visible{opacity:1}.sidebar .section-label button:hover{background:var(--hover)}.sidebar .section-label svg{width:13px;height:13px}
.sidebar .sidebar-scroll{display:flex;flex-direction:column;gap:2px;overflow-y:auto;flex:1;min-height:0;margin:0;padding:0}
#folders,#tags,#saved-searches{display:flex;flex-direction:column;gap:2px}
.sidebar-scroll .tag-heading{margin-top:18px}
#saved-searches .section-label{margin-top:18px!important}
#plugin-ribbon:empty{display:none}#plugin-ribbon{display:flex;flex-wrap:wrap;gap:4px;padding:8px 4px}#plugin-ribbon button{padding:6px 10px;border-radius:999px;font-size:12px;color:var(--sub)}#plugin-ribbon button:hover{background:var(--hover)}
.space-card{padding:12px;border-radius:18px;background:var(--card);box-shadow:0 1px 2px rgba(40,20,60,.04);flex:none;margin-top:12px}
.space-row{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border-radius:12px}
.space-row:hover .space-name{text-decoration:underline;text-decoration-color:var(--sep);text-underline-offset:3px}
.space-avatar{width:30px;height:30px;border-radius:50%;background:var(--avatar);display:grid;place-items:center;font-weight:600;color:var(--ink);flex:none;transition:background .3s}
.space-text{flex:1;min-width:0;display:flex;flex-direction:column}.space-name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.space-mode{font-size:11px;color:#a29eac;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.space-controls{display:flex;align-items:center;gap:8px;margin-top:10px}
.dark-toggle{flex:none;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.75);color:var(--icon-fg);transition:transform .3s cubic-bezier(.3,1.5,.5,1)}body.dark .dark-toggle{background:var(--btn)}.dark-toggle:hover{transform:rotate(-20deg) scale(1.08);color:var(--icon-fg)}.dark-toggle svg{width:14px;height:14px}
.color-label{margin-left:auto;font-size:11.5px;color:#a29eac}
.color-switch{display:flex;width:38px;height:22px;border-radius:999px;background:#d6d6d4;padding:3px;transition:background .3s;flex:none}.color-switch span{width:16px;height:16px;border-radius:50%;background:#fff;transform:translateX(0);transition:transform .35s cubic-bezier(.3,1.5,.5,1),background .3s;box-shadow:0 1px 3px rgba(0,0,0,.25)}
.color-switch[aria-checked=true]{background:#6b6773}.color-switch[aria-checked=true] span{background:#cfeedd;transform:translateX(16px)}
.tint-row{margin-top:12px;padding-top:11px;border-top:1px solid rgba(40,20,60,.07)}.tint-row[hidden]{display:none}
.tint-head{font-size:11px;color:#a29eac;margin-bottom:8px;display:flex;justify-content:space-between}.tint-head span:last-child{color:var(--sub)}
.tint-swatches{display:flex;gap:7px}.tint-swatches button{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(40,20,60,.14);transition:transform .2s}.tint-swatches button:hover{transform:scale(1.12)}.tint-swatches button[aria-checked=true]{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #6b6773}

/* Note list */
.note-list{background:none;border:0;display:flex;flex-direction:column;padding:0 6px;min-height:0;overflow:hidden}
.list-header{padding:44px 6px 14px 10px;display:block;border:0;flex:none}
.list-title-row{display:flex;align-items:center;gap:8px;height:32px}.list-title-row[hidden]{display:none}
.note-list #list-title{margin:0;font:650 26px/1.2 Geist,sans-serif;letter-spacing:-.035em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}
.count-pill{font-size:12px;font-weight:600;background:var(--field);border-radius:999px;padding:2px 8px;color:var(--ink)}
.list-actions{margin-left:auto;display:flex;color:#8f8a9a}
.round-button{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#8f8a9a;margin:0}.round-button:hover{background:var(--hover);color:#8f8a9a}.round-button svg{width:15px;height:15px}.round-button[aria-pressed=true]{background:var(--btn)}
.search-pill{display:flex;align-items:center;gap:9px;height:32px;padding:0 4px 0 12px;margin:0;border-radius:999px;background:var(--field);color:#a29eac;box-shadow:0 1px 2px rgba(40,20,60,.06);border:0}.search-pill[hidden]{display:none}.search-pill svg{width:15px;height:15px;flex:none}
.search-pill input{flex:1;min-width:0;outline:none;border:0;background:none;color:var(--ink);font-size:13px;padding:0}.search-pill input::placeholder{color:#a29eac}
#search-close{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;color:#a29eac}#search-close:hover{background:var(--hover)}
#notes{display:flex;flex-direction:column;gap:8px;padding:4px 4px 20px;overflow-y:auto;flex:1;min-height:0;margin:0}
.note-list .note-card{display:block;width:100%;text-align:left;padding:14px 16px;margin:0;border:0;border-radius:18px;background:var(--pl);box-shadow:none;transform:none;color:var(--ink);transition:transform .45s cubic-bezier(.3,1.4,.5,1),box-shadow .3s,background .4s}
.note-list .note-card:hover{box-shadow:0 1px 2px rgba(40,20,60,.06),0 12px 24px -14px rgba(40,20,60,.3);color:var(--ink)}
.note-list .note-card.selected{background:var(--p);box-shadow:var(--raised-shadow);transform:rotate(-.6deg) translateY(-1px)}
body.bw .note-list .note-card{background:rgba(255,255,255,.55)}body.bw .note-list .note-card.selected{background:#fff}
body.dark .note-list .note-card{background:#1f1e22}body.dark .note-list .note-card.selected{background:var(--pk)}body.dark.bw .note-list .note-card.selected{background:#2a292e}
.card-meta{display:flex;align-items:center;gap:7px;font-size:11.5px;font-weight:500;color:var(--pd)}body.dark .card-meta{color:var(--p)}body.bw .card-meta{color:#9a9a9e}
.card-icon{font-size:13px;width:14px;text-align:center}.card-date{margin-left:auto}
.note-list .card-title{display:block;font:600 15.5px/1.35 Geist,sans-serif;letter-spacing:-.015em;margin-top:5px;color:var(--ink)}
.note-list .card-excerpt{display:none;margin:5px 0 0;font-size:13px;line-height:1.5;color:#4b4753;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
body.dark .note-list .card-excerpt{color:var(--sub)}
.note-list .note-card.selected .card-excerpt,body.previews .note-list .card-excerpt{display:-webkit-box}
.quiet-corner{margin:24px 4px;padding:34px 22px;border-radius:22px;background:var(--card);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--ink)}
.empty-tile{width:64px;height:64px;border-radius:22px;background:var(--empty-tile);display:grid;place-items:center;font-size:30px;color:#55515c;transform:rotate(-6deg)}body.dark .empty-tile{color:var(--icon-fg)}
.empty-title{font-size:16px;font-weight:600;letter-spacing:-.015em;margin-top:10px}.empty-copy{font-size:13px;line-height:1.5;color:#7a7682;max-width:210px;text-wrap:pretty}body.dark .empty-copy{color:var(--sub)}
.empty-button{margin-top:8px;padding:8px 16px;border-radius:999px;background:var(--raised);font-weight:500;color:var(--ink);box-shadow:0 1px 2px rgba(40,20,60,.1),0 6px 14px -8px rgba(40,20,60,.25)}.empty-button:hover{color:var(--ink);transform:translateY(-1px)}

/* Editor sheet */
main{position:relative;margin:10px 10px 10px 4px;border-radius:24px;background:var(--sheet);display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden;box-shadow:0 1px 2px rgba(40,20,60,.05),0 30px 60px -40px rgba(40,20,60,.3);transition:margin .4s;outline:0}
body.focus main,body.layout-editor main{margin:10px}body.layout-notes main{margin:10px 10px 10px 4px}
body.dropping main{outline:2px dashed var(--mid);outline-offset:-8px}
#document-scroll{overflow-y:auto;flex:1;min-height:0;padding:0 0 150px!important}
.typewriter #document-scroll{padding-bottom:35vh!important}
#document-scroll>*{max-width:none!important;margin-left:0!important;margin-right:0!important}
#tabs{display:flex;gap:4px;padding:8px 16px 0;background:transparent;border:0;flex:none;position:absolute;top:56px;left:0;right:0;z-index:6;pointer-events:none}#tabs[hidden]{display:none}#tabs .note-tab{pointer-events:auto;background:var(--btn);border-radius:999px;display:flex;align-items:center;font-size:11.5px;backdrop-filter:blur(8px)}#tabs .note-tab button{padding:4px 4px 4px 10px;color:var(--sub);max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tabs .note-tab .tab-close{padding:4px 8px 4px 2px}#tabs .note-tab.active{background:var(--raised);box-shadow:var(--raised-shadow)}#tabs .note-tab.active button{color:var(--ink)}
.cover-wrap{position:relative}
.cover-band{height:64px;background:transparent;background-size:cover;background-position:center;transition:height .45s cubic-bezier(.3,1,.4,1),background-color .6s}
main.has-cover .cover-band{height:190px;background-color:var(--p)}body.bw main.has-cover .cover-band{background-color:#ecebe9}body.dark main.has-cover .cover-band{background-color:var(--pk)}body.dark.bw main.has-cover .cover-band{background-color:#2a292e}main.cover-image .cover-band{background-color:transparent!important}
main .toolbar{position:absolute;top:0;left:0;right:0;height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 16px 0 28px;font-size:12.5px;font-weight:500;color:#8f8a9a;background:none;border:0;-webkit-app-region:no-drag;z-index:5}
main.has-cover .toolbar{color:var(--pd)}body.bw main.has-cover .toolbar{color:#55515c}body.dark main.has-cover .toolbar{color:var(--p)}body.dark.bw main.has-cover .toolbar{color:#bdb8c6}main.cover-image .toolbar{color:#fff!important}
.toolbar-left{display:flex;align-items:center;gap:6px;min-width:0}
main .crumb{padding:5px 10px;margin-left:-10px;border-radius:999px;background:transparent;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:none;font-size:12.5px;color:inherit}main.cover-image .crumb{background:rgba(0,0,0,.25)}
.toolbar-actions{display:flex;gap:6px;color:var(--icon-fg)}
main .round-btn{width:32px;height:32px;border-radius:50%;background:var(--btn);display:grid;place-items:center;color:var(--icon-fg);margin:0;padding:0;transition:transform .2s}main .round-btn:hover{transform:scale(1.07);background:var(--btn);color:var(--icon-fg)}main .round-btn svg{width:15px;height:15px}main .round-btn[aria-expanded=true]{background:var(--raised)}
#pin.is-pinned{color:var(--pd)}body.dark #pin.is-pinned{color:var(--p)}body.bw #pin.is-pinned{color:var(--ink)}#pin.is-pinned svg{fill:currentColor}
.nav-history:disabled{opacity:.35}
.change-cover{position:absolute;right:20px;bottom:14px;opacity:0;padding:7px 12px;border-radius:999px;background:var(--bar);font-size:12px;font-weight:500;color:var(--icon-fg);display:flex;align-items:center;gap:6px;transition:opacity .25s;backdrop-filter:blur(8px)}.change-cover[hidden]{display:none}.change-cover svg{width:13px;height:13px}
.note-head:hover .change-cover,.note-head.picking .change-cover{opacity:1}
.head-column{position:relative;width:min(640px,calc(100% - 80px));margin:0 auto}
.note-icon{display:grid;place-items:center;width:76px;height:76px;margin-top:6px;border-radius:24px;background:var(--raised);box-shadow:0 0 0 1px rgba(40,20,60,.05),0 10px 24px -12px rgba(40,20,60,.3);font-size:38px;color:var(--icon-fg);transition:transform .3s cubic-bezier(.3,1.5,.5,1),margin .45s}.note-icon[hidden]{display:none}.note-icon:hover{transform:rotate(-6deg) scale(1.04);color:var(--icon-fg)}
main.has-cover .note-icon{margin-top:-40px}
.add-row{display:flex;gap:6px;height:30px;margin-top:6px;opacity:0;transition:opacity .25s}.note-head:hover .add-row,.note-head.picking .add-row{opacity:1}
main.has-cover .add-row{margin-top:18px}main.has-icon .add-row{margin-top:8px}
.add-pill{display:flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:12.5px;color:#8f8a9a}.add-pill:hover{background:var(--hover);color:#8f8a9a}.add-pill[hidden]{display:none}.add-pill svg{width:14px;height:14px}
.picker{position:absolute;z-index:30;padding:14px;border-radius:18px;background:var(--raised);box-shadow:var(--pop-shadow)}.picker[hidden]{display:none}
.cover-picker{right:20px;top:calc(100% + 8px);width:300px}
.icon-picker{left:0;top:40px;width:296px}main.has-icon .icon-picker{top:90px}main.has-icon.has-cover .icon-picker{top:44px}
.picker-head{display:flex;justify-content:space-between;align-items:center;font-size:11.5px;font-weight:500;color:#8f8a9a;margin-bottom:10px}
.cover-swatches{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.cover-swatches button{height:34px;border-radius:10px;background:var(--p);transition:transform .2s}.cover-swatches button:hover{transform:scale(1.07)}.cover-swatches button[aria-checked=true]{box-shadow:0 0 0 2px #fff,0 0 0 3.5px #6b6773}
.picker-actions{display:flex;gap:8px;margin-top:12px}.picker-upload{flex:1;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px;border-radius:12px;background:var(--hover);font-size:12.5px;font-weight:500;color:var(--ink)}.picker-upload svg{width:14px;height:14px}
.picker-remove{padding:9px 12px;border-radius:12px;font-size:12.5px;color:#8f8a9a}.picker-remove.small{padding:3px 8px;border-radius:999px;font-size:11.5px}.picker-remove:hover{background:var(--hover);color:#8f8a9a}
.icon-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.icon-grid button{height:38px;border-radius:11px;font-size:20px;color:var(--icon-fg);transition:transform .2s}.icon-grid button:hover{background:var(--hover);transform:scale(1.08);color:var(--icon-fg)}.icon-grid button[aria-checked=true]{background:#f1eff3}body.dark .icon-grid button[aria-checked=true]{background:#3a3840}
.doc-column{width:min(var(--writing-width,640px),calc(100% - 80px));margin:0 auto}
.document-meta{display:none}
#preview,#editor-surface{margin-top:12px}

/* Body typography: reading view */
.markdown{font-family:var(--writing-font);font-size:var(--writing-size);line-height:var(--writing-line);color:var(--body);overflow-wrap:anywhere}
.markdown h1{font:650 34px/1.12 var(--writing-font);letter-spacing:-.03em;margin:0 0 20px;color:var(--ink);text-wrap:balance}
.markdown p{margin:0 0 20px;text-wrap:pretty}
.markdown h2{font:650 24px/1.25 var(--writing-font);letter-spacing:-.025em;margin:34px 0 12px;color:var(--ink)}.markdown h3{font:640 20px/1.3 var(--writing-font);letter-spacing:-.02em;margin:28px 0 10px;color:var(--ink)}.markdown h4,.markdown h5,.markdown h6{font:640 17px/1.35 var(--writing-font);letter-spacing:-.01em;margin:22px 0 8px;color:var(--ink)}
.markdown ul,.markdown ol{margin:0 0 20px;padding-left:1.3em}.markdown li{margin:0 0 6px}
.markdown ul:has(>li>input[type=checkbox]){list-style:none;padding:0}
.markdown li:has(>input[type=checkbox]){display:block;position:relative;padding:11px 14px 11px 47px;margin-bottom:8px;border-radius:14px;background:var(--pl);font-size:17px;line-height:1.45;color:#2c2930;transition:background .3s}
body.bw .markdown li:has(>input[type=checkbox]){background:#f4f4f3}body.dark .markdown li:has(>input[type=checkbox]){background:#242328;color:#e4e0ea}
.markdown li:has(>input[type=checkbox]:checked){color:#a29eac;text-decoration:line-through}body.dark .markdown li:has(>input[type=checkbox]:checked){color:#77737f}
.markdown input[type=checkbox],.cm-task-checkbox{-webkit-appearance:none;appearance:none;flex:none;width:21px;height:21px;margin:0;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 2px #cbc6d4;display:inline-grid;place-items:center;cursor:pointer;transition:transform .3s cubic-bezier(.3,1.8,.5,1),background .25s;vertical-align:middle}
body.dark .markdown input[type=checkbox],body.dark .cm-task-checkbox{box-shadow:inset 0 0 0 2px #4a4850}
.markdown input[type=checkbox]:checked,.cm-task-checkbox:checked{background:var(--pd) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") center/11px no-repeat;box-shadow:none}
body.bw .markdown input[type=checkbox]:checked,body.bw .cm-task-checkbox:checked{background-color:#6b6773}
body.dark .markdown input[type=checkbox]:checked,body.dark .cm-task-checkbox:checked{background:var(--p) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231c1b1f' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") center/11px no-repeat}
body.dark.bw .markdown input[type=checkbox]:checked,body.dark.bw .cm-task-checkbox:checked{background-color:#bdb8c6}
.markdown li:has(>input[type=checkbox])>input[type=checkbox]{position:absolute;left:14px;top:13px}
.markdown input[type=checkbox].pop,.cm-task-checkbox.pop{animation:still-pop .22s cubic-bezier(.3,1.8,.5,1)}
@keyframes still-pop{50%{transform:scale(1.25)}}
.markdown blockquote{border:0;margin:26px 0 22px;padding:0;background:none;font-style:normal;font-size:20px;line-height:1.4;font-weight:560;letter-spacing:-.015em;color:var(--ink);text-wrap:balance}
body.dark .markdown blockquote{background:none}
.markdown blockquote p{display:inline;margin:0;background:linear-gradient(var(--quote-hl),var(--quote-hl)) 0 85%/100% 40% no-repeat;transition:background .4s}
.markdown a{color:var(--pd,#56487a);text-decoration:none;border-bottom:1px solid currentColor}.markdown a:hover{text-decoration:none;opacity:.8}body.bw .markdown a{color:var(--ink)}body.dark .markdown a{color:var(--p)}body.dark.bw .markdown a{color:var(--ink)}
.markdown code,.markdown pre{font-family:'Geist Mono',SFMono-Regular,monospace;font-size:.86em;background:var(--panel);border-radius:6px}.markdown code{padding:2px 5px}.markdown pre{padding:14px 16px}
.markdown hr{border:0;border-top:1px solid var(--sep);margin:32px 0}
.markdown mark,.cm-highlight{background:var(--quote-hl);color:inherit;border-radius:3px;padding:0 2px}
.markdown table{border-collapse:collapse;font-size:.9em;overflow-wrap:normal;margin-bottom:1em}.markdown th,.markdown td{border:1px solid var(--sep);padding:6px 10px}
.markdown img{max-width:100%;border-radius:6px}
#note-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:30px}
#note-tags button{font-size:12.5px;font-weight:500;padding:5px 12px;border-radius:999px;background:var(--p);color:var(--pd);border:0}
body.bw #note-tags button{background:#f0f0ee;color:#55515c}body.dark #note-tags button{background:var(--pk);color:var(--p)}body.dark.bw #note-tags button{background:#2a292e;color:#bdb8c6}

/* Body typography: live editor */
#editor-surface .cm-editor{color:var(--body)}
#editor-surface .cm-content{font-family:var(--writing-font)!important;font-size:var(--writing-size)!important;line-height:var(--writing-line)!important;caret-color:#55515c!important}
body.dark #editor-surface .cm-content{caret-color:#d6d2dc!important}
#editor-surface .cm-line{padding:0}
.cm-blank-line{font-size:11px!important;line-height:20px!important}
.cm-hline-1{font-size:34px!important;line-height:1.12!important;font-weight:650;letter-spacing:-.03em;color:var(--ink);padding:0 0 20px!important}
.cm-hline-2,.cm-hline-3,.cm-hline-4,.cm-hline-5,.cm-hline-6{line-height:1.3!important;font-weight:640;letter-spacing:-.02em;color:var(--ink);padding:30px 0 10px!important}.cm-hline-2{font-size:24px!important}.cm-hline-3{font-size:20px!important}.cm-hline-4,.cm-hline-5,.cm-hline-6{font-size:17px!important}
.cm-heading1,.cm-heading2,.cm-heading3{font-size:inherit!important;line-height:inherit!important;font-weight:inherit}
.cm-task-line{background:var(--pl);background-clip:padding-box;border-radius:14px;border-bottom:8px solid transparent;padding:11px 14px!important;font-size:17px;line-height:1.45!important;color:#2c2930}
body.bw .cm-task-line{background-color:#f4f4f3}body.dark .cm-task-line{background-color:#242328;color:#e4e0ea}
.cm-task-checkbox{margin:-3px 12px 0 0!important}
.cm-completed-task{opacity:1!important;color:#a29eac!important;text-decoration:line-through}body.dark .cm-completed-task{color:#77737f!important}
.cm-blockquote{border:0!important;padding:26px 0 22px!important;background:none!important;font-style:normal!important;font-size:20px;line-height:1.4!important;font-weight:560;letter-spacing:-.015em;color:var(--ink)}
.cm-quote-text{background:linear-gradient(var(--quote-hl),var(--quote-hl)) 0 85%/100% 40% no-repeat}
.cm-link,.cm-url,.cm-wikilink{color:var(--pd,#56487a)}body.bw .cm-link,body.bw .cm-wikilink{color:var(--ink)}body.dark .cm-link,body.dark .cm-wikilink{color:var(--p)}
.cm-wikilink{text-decoration-color:currentColor}
.cm-code{font-family:'Geist Mono',monospace}

/* Floating format bar */
main #formatting{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);display:flex;align-items:center;gap:2px;padding:5px;margin:0;border:0;border-radius:999px;background:var(--bar);color:var(--icon-fg);box-shadow:0 0 0 1px rgba(40,20,60,.08),0 14px 30px -12px rgba(40,20,60,.3);backdrop-filter:blur(12px);z-index:10;white-space:nowrap}
main #formatting[hidden]{display:none}
main #formatting>button{width:34px;height:34px;min-width:0;border-radius:50%;display:grid;place-items:center;color:var(--icon-fg);font-size:13px;padding:0}
main #formatting>button:hover{background:var(--hover);color:var(--icon-fg)}main #formatting>button svg{width:16px;height:16px}
.fmt-b{font-weight:700}.fmt-i{font-style:italic;font-size:15px!important}.fmt-h{font-weight:600}
.fmt-sep{width:1px;height:16px;background:var(--sep);margin:0 4px}
.bar-words{display:flex;align-items:center;gap:7px;font-size:12px;color:#8f8a9a;padding:0 14px 0 6px;font-variant-numeric:tabular-nums}.bar-words .still-mark{font-size:14px}
body.hide-stats .bar-words{display:none}body.hide-stats #formatting .fmt-sep:last-of-type{display:none}

/* Popovers, menus, dialogs */
.popover{background:var(--raised);border:0;border-radius:18px;box-shadow:var(--pop-shadow);color:var(--ink)}
.menu-popover{padding:6px;min-width:250px}.menu-popover button{font-size:13px;color:var(--ink);border-radius:10px}.menu-popover button svg{color:#8f8a9a}.menu-popover button:hover:not(:disabled),.menu-popover button:focus-visible{background:var(--hover)}.menu-popover hr{border-top-color:var(--sep)}
.menu-popover .hint{margin-left:auto;font-size:11px;color:#a29eac;padding-left:12px}
.submenu-items{border-left-color:var(--sep)}
.type-panel select{background:var(--field);border-color:var(--sep);color:var(--ink);font-family:inherit}
.info-popover h3{font-family:inherit}.segmented{background:var(--hover)}.segmented button[aria-selected=true]{background:var(--sheet)}
.stat-card,.stat-dates>div{background:var(--hover)}
#modal{background:var(--sheet);color:var(--ink);border:0;border-radius:24px;box-shadow:var(--pop-shadow);font-family:inherit}
#modal::backdrop{background:rgba(29,27,34,.18);backdrop-filter:blur(3px)}
#modal h2,#modal-title{font:650 22px/1.2 Geist,sans-serif;letter-spacing:-.025em}
#modal .action{border-radius:999px;background:var(--hover);color:var(--ink);font-size:12px;padding:9px 14px}#modal .action.primary{background:#55515c;color:#fff}#modal .action.primary:hover{color:#fff;opacity:.92}
#modal .modal-input,#modal input:not([type=checkbox]):not([type=radio]),#modal select,#modal textarea{font-family:inherit;border-radius:12px;background:var(--field);border:1px solid var(--sep);color:var(--ink)}
.modal-row{border-top-color:var(--sep)}
#toast{font-family:inherit;border-radius:999px;background:#2a292e;color:#efedf2;box-shadow:var(--pop-shadow)}
body.dark #toast{background:#efedf2;color:#1d1b22}
#toast[popover]{position:fixed;inset:auto auto 55px 50%;margin:0;border:0;overflow:visible;max-width:min(640px,calc(100vw - 40px))}
#assistant{background:var(--sheet);border:0;margin:10px 10px 10px 0;border-radius:24px;box-shadow:0 1px 2px rgba(40,20,60,.05),0 30px 60px -40px rgba(40,20,60,.3);font-family:inherit}
#assistant h2{font:650 22px/1.2 Geist,sans-serif;letter-spacing:-.025em}
body.with-assistant{grid-template-columns:232px 316px minmax(360px,1fr) 340px}
body.with-assistant main{margin-right:6px}
@media(max-width:1350px){body.with-assistant{grid-template-columns:232px minmax(380px,1fr) 330px}body.with-assistant>.note-list{display:none}}
body.with-assistant.focus,body.with-assistant.layout-editor{grid-template-columns:minmax(450px,1fr) 340px}body.with-assistant.layout-notes{grid-template-columns:316px minmax(360px,1fr) 340px}
.agenda-flower,.tiny-mark,.aster-mark{color:var(--tile)}
.cm-tooltip{background:var(--raised)!important;border:0!important;border-radius:12px!important;box-shadow:var(--pop-shadow)!important;font-family:inherit!important;color:var(--ink)!important}
.cm-panels{background:var(--sheet)!important;border-color:var(--sep)!important;z-index:20!important}
/* Search in Note: match the app instead of bare form controls. */
.cm-search{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;padding:10px 36px 10px 12px!important;font:13px var(--ui-font,-apple-system,sans-serif)!important;color:var(--ink)}
.cm-search br{flex-basis:100%;content:"";height:0}
.cm-search .cm-textfield{font:inherit;color:var(--ink);background:var(--raised,var(--paper));border:1px solid var(--sep)!important;border-radius:8px;padding:5px 8px;min-width:180px;outline:none}
.cm-search .cm-textfield:focus{border-color:var(--ink)!important}
.cm-search .cm-button{font:inherit;color:var(--ink);background:none!important;background-image:none!important;border:1px solid var(--sep)!important;border-radius:999px;padding:4px 11px;cursor:pointer;text-transform:capitalize}
.cm-search .cm-button:hover{background:var(--hover,rgba(0,0,0,.05))!important}
.cm-search label{display:inline-flex;align-items:center;gap:4px;color:var(--muted);font-size:12px}
.cm-search button[name=close]{position:absolute;top:8px;right:10px;font-size:18px;color:var(--muted);background:none;border:0;cursor:pointer}

body [hidden]{display:none!important}
.sidebar .nav .nav-label,.sidebar .folder .notebook-name,.sidebar .tag .notebook-name{font-size:13px;margin-left:0;color:inherit}
.sidebar .nav .nav-count{font-size:11px;color:#a29eac}
#document-scroll>.doc-column{margin:0 auto!important;max-width:none!important;width:min(var(--writing-width,640px),calc(100% - 80px))}
body .markdown p,body .markdown ul,body .markdown ol,body .markdown li{color:var(--body)}
body .markdown h1,body.dark .markdown h1{color:var(--ink)}
body.dark .markdown p,body.dark .markdown li{color:var(--body)}
body .markdown li:has(>input[type=checkbox]){color:#2c2930}body.dark .markdown li:has(>input[type=checkbox]){color:#e4e0ea}
body .markdown li:has(>input[type=checkbox]:checked){color:#a29eac}body.dark .markdown li:has(>input[type=checkbox]:checked){color:#77737f}
body .markdown a{color:var(--pd,#56487a);border-bottom-color:currentColor}body.bw .markdown a,body.dark.bw .markdown a{color:var(--ink)}body.dark:not(.bw) .markdown a{color:var(--p)}
main .toolbar-left #breadcrumb{font-size:12.5px;font-weight:500;color:inherit;max-width:none;margin-left:-10px}
body .markdown strong{color:inherit;font-weight:650}
.head-column{pointer-events:none}.head-column>*{pointer-events:auto}.add-row{pointer-events:none}.add-row>*{pointer-events:auto}
.change-cover{z-index:4}
body:not(.show-tabs) #tabs{display:none!important}#tabs{top:14px;left:50%;right:auto;transform:translateX(-50%);max-width:46%;padding:0;overflow:hidden}
.cm-hline-1{padding:0 0 6px!important}
.cm-hline-2,.cm-hline-3,.cm-hline-4,.cm-hline-5,.cm-hline-6{padding:18px 0 0!important}
.cm-blockquote{padding:12px 0 8px!important}
/* 0.4.1: title bar icons, wordmark logo, collapsible sections, in-pane views, tasks */
.titlebar{display:flex;align-items:center;justify-content:space-between;height:28px;margin:-4px 0 12px;-webkit-app-region:drag;flex:none}
.titlebar .traffic-space{height:28px;margin:0;width:70px;flex:none}
.titlebar-actions{display:flex;gap:4px;-webkit-app-region:no-drag}
.title-icon{width:30px;height:28px;border-radius:8px;display:grid;place-items:center;color:#8f8a9a}.title-icon:hover{background:var(--hover);color:var(--icon-fg)}.title-icon svg{width:17px;height:17px}
.title-icon[data-state=saving] svg{animation:still-breathe 1.2s ease-in-out infinite}.title-icon[data-state=error],.title-icon[data-state=conflict]{color:#b5533c}
@keyframes still-breathe{50%{opacity:.45}}
@media (prefers-reduced-motion:reduce){.title-icon[data-state=saving] svg{animation:none}}
.sidebar .brand{padding:0 8px;margin:0 0 16px;height:30px}
.brand-logo{height:30px;width:auto;display:block;user-select:none;-webkit-user-drag:none}
.brand-logo.dark-only{display:none}body.dark .brand-logo.light-only{display:none}body.dark .brand-logo.dark-only{display:block}
.sidebar .section-label[data-collapse]{cursor:pointer;user-select:none;gap:4px;margin-left:6px;padding:2px 6px;border-radius:8px}
.sidebar .section-label[data-collapse]:hover{color:var(--sub)}
.collapse-chev{width:13px!important;height:13px!important;transition:transform .2s;flex:none}
[aria-expanded=false]>.collapse-chev,[aria-expanded=false] .collapse-chev{transform:rotate(-90deg)}
#folders.collapsed,#tags.collapsed{display:none}
.tint-head{width:100%;text-align:left;border-radius:8px;padding:2px 0;cursor:pointer}.tint-label{display:flex;align-items:center;gap:4px}.tint-head:hover .tint-label{color:var(--sub)}
.tint-row:has(.tint-head[aria-expanded=false]) .tint-head{margin-bottom:0}
#view-pane{position:absolute;inset:0;z-index:15;background:var(--sheet);overflow-y:auto;padding:0 0 60px}
.view-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:22px 24px 14px 40px;background:var(--sheet)}
#view-title{margin:0;font:650 26px/1.15 Geist,sans-serif;letter-spacing:-.035em;color:var(--ink)}
#view-body{padding:0 40px 40px;max-width:980px;margin:0 auto 0 0;color:var(--ink)}
#view-body .dialog-intro{color:var(--muted);font-size:13px;margin:0 0 18px}
body.viewing #formatting{display:none}
#view-body .graph-stage{background:var(--hover);border-radius:18px}#view-body .graph-svg line{stroke:var(--sep)}#view-body .graph-svg circle{fill:var(--tile)}#view-body .graph-svg text{fill:var(--sub);font-family:Geist,sans-serif}
#view-body .library-table-wrap{max-height:none}
.tasks-list{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
#view-body .task-row,#modal .task-row{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border:0;border-radius:14px;background:var(--pl,var(--hover));font-family:Geist,sans-serif}
body.bw .task-row{background:#f4f4f3!important}body.dark .task-row{background:#242328!important}
.task-row span{font:400 16px/1.45 Geist,sans-serif!important;color:#2c2930}body.dark .task-row span{color:#e4e0ea}
.task-row.done span{color:#a29eac;text-decoration:line-through;opacity:1}body.dark .task-row.done span{color:#77737f}
.task-row button{display:block;font-size:11.5px;color:var(--pd,#8f8a9a);margin-top:4px;padding:0;font-weight:500}body.dark .task-row button{color:var(--p,#bdb8c6)}body.bw .task-row button{color:#8f8a9a}
.task-row input[type=checkbox]{-webkit-appearance:none;appearance:none;flex:none;width:21px;height:21px;margin:1px 0 0;border-radius:50%;background:transparent;box-shadow:inset 0 0 0 2px #cbc6d4;display:inline-grid;place-items:center;cursor:pointer;transition:transform .3s cubic-bezier(.3,1.8,.5,1),background .25s}
.task-row input[type=checkbox]:checked{background:var(--pd,#6b6773) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12.5l4.5 4.5L19 7.5'/></svg>") center/11px no-repeat;box-shadow:none}
body.bw .task-row input[type=checkbox]:checked{background-color:#6b6773}body.dark .task-row input[type=checkbox]{box-shadow:inset 0 0 0 2px #4a4850}body.dark .task-row input[type=checkbox]:checked{box-shadow:none}
.completed-group{margin-top:22px}.completed-group summary{cursor:pointer;font-size:12.5px;font-weight:600;color:var(--muted);padding:6px 2px;list-style:none;display:flex;align-items:center;gap:6px}.completed-group summary::before{content:'›';display:inline-block;transition:transform .2s;font-size:15px}.completed-group[open] summary::before{transform:rotate(90deg)}.completed-group summary::-webkit-details-marker{display:none}.completed-group .tasks-list{margin-top:10px}
.tasks-empty{padding:28px 0;color:var(--muted)}
body.viewing main .toolbar{z-index:16;pointer-events:none}body.viewing main .toolbar .toolbar-actions{pointer-events:auto}
body.viewing main .toolbar .toolbar-left,body.viewing #pin,body.viewing #assistant-toggle{visibility:hidden}
body.viewing main .toolbar{color:#8f8a9a}
.view-head{padding-right:112px}
#view-close{position:absolute;right:112px;top:24px}
#view-close{right:178px;top:14px}.view-head{padding-right:220px}
/* 0.4.2: one shared top row (centre y=40), custom pastel window buttons, Bear icons, BIU pill, Aa popover */
.window-controls{position:fixed;top:33px;left:21px;z-index:70;display:flex;gap:9px;-webkit-app-region:no-drag}
.win-btn{width:14px;height:14px;border-radius:50%;padding:0;display:grid;place-items:center;box-shadow:inset 0 0 0 .5px rgba(40,20,60,.18);transition:background .2s}
/* Each button takes clicks in a 24px square around its dot, so a near miss still lands. */
.window-controls .win-btn{position:relative}.window-controls .win-btn::before{content:"";position:absolute;inset:-5px -4.5px;border-radius:6px}
.win-btn svg{width:9px;height:9px;fill:none;stroke-width:1.5;stroke-linecap:round;opacity:0;transition:opacity .15s}
.window-controls:hover .win-btn svg,.win-btn:focus-visible svg{opacity:1}
.win-close{background:#f6dbe4}.win-close svg{stroke:#7a4256}
.win-min{background:#efe6c4}.win-min svg{stroke:#6b5a26}
.win-zoom{background:#cfeedd}.win-zoom svg{stroke:#3f5c4c}
body.window-inactive .win-btn{background:#dcdcda!important}body.dark.window-inactive .win-btn{background:#3a3840!important}
body.bw .win-close,body.bw .win-min,body.bw .win-zoom{background:#d6d6d4}body.bw .win-btn svg{stroke:#55515c}
.win-btn:focus-visible{outline:2px solid var(--mid);outline-offset:2px}
.titlebar{height:24px;margin:14px 0 24px;justify-content:flex-end}
.titlebar-actions{gap:10px;margin-right:4px}
.title-icon{width:26px;height:24px;border-radius:6px;color:#a3a3a8}.title-icon:hover{background:transparent;color:#7d7d83}body.dark .title-icon{color:#8e8e93}body.dark .title-icon:hover{color:#bdbdc2}
.bear-icon{width:22px;height:22px}.title-icon svg{width:22px!important;height:22px!important}
.title-icon[data-state=error],.title-icon[data-state=conflict]{color:#c46a52}
.sidebar .brand{margin:0 0 18px;padding:0 10px}
.list-header{padding:24px 6px 16px 12px}
main .toolbar{height:60px}
main .chrome-pill{background:var(--btn);border:1px solid rgba(40,20,60,.08);border-radius:999px;box-shadow:none;padding:3px;gap:2px;display:flex;align-items:center;backdrop-filter:blur(8px)}
body.dark main .chrome-pill{border-color:rgba(255,255,255,.08)}
main .pill-part{height:30px;min-width:34px;padding:0 9px;border-radius:999px;color:var(--icon-fg);font:600 13px Geist,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:1px}
main .pill-part svg{width:17px;height:17px}main .pill-part:hover,main .pill-part[aria-expanded=true]{background:var(--hover)}
main .pill-biu{letter-spacing:.02em}main .pill-biu b{font-weight:800}main .pill-biu i{font-style:italic;font-weight:500}main .pill-biu u{font-weight:500;text-underline-offset:2px}
main .pill-biu[aria-pressed=true]{background:var(--raised);box-shadow:var(--raised-shadow);color:var(--ink)}body.dark main .pill-biu[aria-pressed=true]{background:rgba(255,255,255,.14)}
main .pill-biu[aria-pressed=false]{opacity:1}
body.focus main .toolbar,body.layout-editor main .toolbar{padding-left:104px}
body.layout-notes .list-header{padding-left:92px}
.menu-label{flex:1}
/* Format bar: one rhythm, single divider */
main #formatting{gap:0;padding:5px 6px}
main #formatting>button{width:36px;height:36px;margin:0 1px}
main #formatting>span{border-left:0!important;margin:0}
main #formatting .fmt-sep{width:1px;height:18px;background:var(--sep);margin:0 6px;border:0}
main #formatting .bar-words{border:0;padding:0 12px 0 4px;height:36px}
.fmt-text{font:600 14px Geist,sans-serif!important;letter-spacing:-.02em}
body.hide-stats #formatting .fmt-sep:last-of-type{display:none}
.text-popover{width:290px;padding:14px}.text-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 0;font-size:12.5px;color:var(--muted)}
.seg-choice{display:flex;background:var(--hover);border-radius:999px;padding:2px}.seg-choice button{padding:5px 10px;border-radius:999px;font-size:12px;color:var(--sub)}.seg-choice button[aria-checked=true]{background:var(--raised);color:var(--ink);box-shadow:var(--raised-shadow)}
.font-mono{font-family:'Geist Mono',monospace!important}
.stepper{display:flex;align-items:center;gap:4px;background:var(--hover);border-radius:999px;padding:2px}.stepper button{width:30px;height:26px;border-radius:999px;color:var(--ink)}.stepper button:hover{background:var(--raised)}#text-smaller{font-size:11px}#text-bigger{font-size:16px}.stepper output{min-width:26px;text-align:center;font-variant-numeric:tabular-nums;font-size:12.5px;color:var(--ink)}
/* Cards, title, alignment */
.card-dot{width:8px;height:8px;border-radius:50%;background:var(--pd);opacity:.55;margin:0 3px;flex:none}body.dark .card-dot{background:var(--p)}body.bw .card-dot{background:#9a9a9e}
.markdown .note-title{font:650 34px/1.12 var(--writing-font)!important;letter-spacing:-.03em!important;margin:0 0 20px!important;color:var(--ink)!important;text-wrap:balance}
.head-column,#document-scroll>.doc-column{width:min(var(--writing-width,640px),calc(100% - 80px))}
.sidebar nav,.sidebar #folders,.sidebar #tags{padding:0}
.sidebar .section-label[data-collapse]{margin:22px 0 6px 0;padding:2px 12px}
.sidebar .section-label .collapse-chev{margin-left:-2px}
.sidebar .nav,.sidebar .folder,.sidebar .tag{padding:8px 12px}
.note-list .list-header{padding-top:24px}
main .pill-biu{gap:3px;padding:0 11px}main .pill-biu i{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:14px;margin:0 1px}
/* 0.5.0: thumbnails, tag chips, footnotes, locked notes, smart views, tag tree */
.card-thumbs{display:flex;gap:6px;margin-top:8px}
.card-thumbs img{width:96px;aspect-ratio:16/10;object-fit:cover;border-radius:4px;background:#fff;border:1px solid rgba(0,0,0,.09);box-shadow:none;opacity:0;transition:opacity .3s}
.card-thumbs img.loaded{opacity:1}
body.dark .card-thumbs img{background:rgba(255,255,255,.04);border-color:rgba(255,255,255,.1)}
.card-lock{float:right;font-size:12px;margin-top:-20px;opacity:.7}
.tag-chip,.cm-tag-chip{display:inline-block;font:500 .78em/1.5 Geist,sans-serif;padding:1px 9px;border-radius:999px;background:var(--p);color:var(--pd);vertical-align:.08em;border:0;cursor:pointer;letter-spacing:0}
.cm-tag-chip{cursor:text;padding:0 6px}
body.bw .tag-chip,body.bw .cm-tag-chip{background:#f0f0ee;color:#55515c}body.dark .tag-chip,body.dark .cm-tag-chip{background:var(--pk);color:var(--p)}body.dark.bw .tag-chip,body.dark.bw .cm-tag-chip{background:#2a292e;color:#bdb8c6}
.markdown sup.footnote-ref a{border:0;font-size:.72em;padding:0 2px;font-weight:600}
.markdown .footnotes{margin-top:36px;padding-top:16px;border-top:1px solid var(--sep);font-size:.85em;color:var(--muted)}.markdown .footnotes li{margin-bottom:6px}
.markdown u{text-decoration-thickness:1.5px;text-underline-offset:3px}
.recovery-key{font:600 20px/1.4 'Geist Mono',monospace;letter-spacing:.06em;text-align:center;padding:16px;border-radius:14px;background:var(--hover);margin:6px 0 12px;user-select:all}
.locked-banner{margin-top:8px}
body.note-locked #formatting{display:none}
.sidebar .smart-label{margin-top:16px}
#smart-views{display:flex;flex-direction:column;gap:2px}#smart-views.collapsed{display:none}
.tag-fold{width:14px;text-align:center;color:#a29eac;font-size:11px;flex:none;cursor:pointer}
/* 0.5.0 Settings: compact Mac preferences panel with icon tabs and a two-column form */
#modal.settings-window{width:780px;max-width:calc(100vw - 48px);max-height:calc(100vh - 80px);padding:0;border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
#modal.settings-window:not([open]){display:none}
#modal.settings-window .modal-heading{position:relative;justify-content:center;padding:12px 16px 4px;margin:0;border:0}
#modal.settings-window #modal-title{font:600 13px/1.4 Geist,sans-serif;letter-spacing:0;color:var(--ink);margin:0}
#modal.settings-window #close-modal{position:absolute;left:14px;top:14px;width:12px;height:12px;min-width:0;padding:0;border-radius:50%;background:#f6dbe4;color:transparent;font-size:8px;line-height:12px;display:grid;place-items:center;box-shadow:inset 0 0 0 .5px rgba(40,20,60,.18)}
#modal.settings-window .modal-heading:hover #close-modal,#modal.settings-window #close-modal:focus-visible{color:#7a4256}
body.bw #modal.settings-window #close-modal{background:#d6d6d4}
.settings-window-buttons{position:absolute;left:34px;top:14px;display:flex;gap:8px}
.settings-window-buttons:hover .win-btn svg{opacity:1}
.settings-window-buttons .is-disabled{background:#dcdcda;box-shadow:inset 0 0 0 .5px rgba(40,20,60,.12)}body.dark .settings-window-buttons .is-disabled{background:#3a3840}
#modal.settings-window #modal-body{padding:0;overflow:auto;flex:1}
.settings-tabs{position:sticky;top:0;z-index:2;display:flex;justify-content:center;gap:4px;padding:6px 16px 10px;background:var(--sheet);border-bottom:1px solid var(--sep)}
.settings-tabs button{display:flex;flex-direction:column;align-items:center;gap:3px;min-width:76px;padding:6px 10px 5px;border-radius:10px;color:var(--mid);font:500 11px/1.2 Geist,sans-serif}
.settings-tabs button svg{width:20px;height:20px;stroke-width:1.6}
.settings-tabs button:hover{background:var(--hover);color:var(--ink)}
.settings-tabs button[aria-selected=true]{background:var(--pl,#e5dcf5);color:var(--pd,#55515c)}
body.bw .settings-tabs button[aria-selected=true]{background:var(--hover);color:var(--ink)}
.settings-pane{padding:20px 40px 26px}
#modal .settings-row{display:grid;grid-template-columns:200px 1fr;column-gap:16px;align-items:start;padding:7px 0;border:0;margin:0}
#modal .settings-row>strong{text-align:right;font:500 13px/1.5 Geist,sans-serif;color:var(--ink);padding-top:5px}
#modal .settings-row>strong:empty{visibility:hidden}
.settings-control{min-width:0;font-size:13px;line-height:1.5}
.settings-control>p,.settings-control p:not(.settings-hint){margin:4px 0 8px;color:var(--mid);font-size:12.5px;line-height:1.5}
.settings-control .action{margin:0 6px 6px 0}
.settings-check{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px;cursor:pointer}
.settings-check input{accent-color:var(--ink);width:14px;height:14px;margin:0}
#modal .settings-select{min-width:180px;padding:5px 10px;font-size:13px;border-radius:8px}
.settings-hint{margin:6px 0 0;color:var(--mid);font-size:11.5px;line-height:1.45}
.settings-hint-wide{padding-left:216px;margin-top:0}
.settings-sep{border:0;border-top:1px solid var(--sep);margin:12px 0 12px 216px}
.settings-pane .settings-sep:last-child{display:none}
.settings-segment{display:inline-flex;padding:2px;border-radius:9px;background:var(--hover);gap:2px}
.settings-segment button{padding:4px 14px;border-radius:7px;font:500 12px/1.4 Geist,sans-serif;color:var(--mid)}
.settings-segment button[aria-checked=true]{background:var(--sheet);color:var(--ink);box-shadow:0 1px 2px rgba(40,20,60,.12)}
.settings-tints{display:flex;gap:8px;padding-top:4px}
.settings-tints button{width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(40,20,60,.15)}
.settings-tints button[aria-checked=true]{box-shadow:inset 0 0 0 1px rgba(40,20,60,.15),0 0 0 2px var(--sheet),0 0 0 3.5px var(--ink)}
.settings-buttons{display:flex;flex-wrap:wrap;gap:0}
.settings-pane #connections-panel,.settings-pane #backup-panel{margin-top:2px}
#modal .settings-row .form-grid{grid-template-columns:1fr 1fr}
/* Bear-like density: centred form, tight rows, small controls */
.settings-pane{padding:18px 32px 22px}
#modal .settings-row{grid-template-columns:minmax(170px,1fr) 1.55fr;column-gap:10px;padding:4px 0}
#modal .settings-row>strong{font-weight:500;padding-top:3px}
.settings-check{padding:2px 0}
#modal .settings-select{min-width:170px;padding:3px 8px;font-size:13px;border-radius:7px}
.settings-sep{margin:10px 6%}
.settings-hint-wide{padding-left:calc((100% - 10px) * 1/2.55 + 10px)}
.settings-tabs{padding:4px 16px 8px}.settings-tabs button{min-width:68px;padding:5px 8px 4px}
.settings-control .action{padding:5px 12px!important;font-size:12px!important;margin:2px 6px 4px 0}
/* 0.5.1: inline images in the live editor */
.cm-image-widget{display:block;margin:6px 0}
.cm-image-widget img{display:block;max-width:100%;max-height:520px;border-radius:14px}
.cm-image-widget.is-missing::after{content:'Image unavailable';color:var(--mid);font-size:12px}
.cm-image-line{padding-top:4px;padding-bottom:4px}
/* 0.6.2: Bear-style note list (flat rows, hairline dividers, date underneath), unclipped sidebar edge */
#notes{gap:0;padding:2px 8px 24px}
.note-list .note-card{display:flex;flex-direction:column;align-items:flex-start;padding:14px 12px 13px;border-radius:10px;background:none;box-shadow:none;transform:none;position:relative;transition:background .2s}
.note-list .note-card::after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:rgba(40,30,50,.09)}
.note-list .note-card:last-child::after,.note-list .note-card.selected::after,.note-list .note-card:has(+.note-card.selected)::after{display:none}
.note-list .note-card:hover{background:rgba(40,30,50,.035);box-shadow:none}
.note-list .note-card.selected{background:var(--pl);box-shadow:none;transform:none}
body.bw .note-list .note-card{background:none}body.bw .note-list .note-card:hover{background:rgba(0,0,0,.035)}body.bw .note-list .note-card.selected{background:rgba(0,0,0,.055)}
body.dark .note-list .note-card{background:none}body.dark .note-list .note-card::after{background:rgba(255,255,255,.08)}body.dark .note-list .note-card:hover{background:rgba(255,255,255,.04)}body.dark .note-list .note-card.selected{background:var(--pk)}body.dark.bw .note-list .note-card.selected{background:#2a292e}
.note-list .card-title{order:1;margin:0;font:600 15px/1.35 Geist,sans-serif;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.note-list .card-excerpt{order:2;margin:3px 0 0;font-size:13.5px;line-height:1.45;color:#8a8790}
body.dark .note-list .card-excerpt{color:#aeaab6}
.card-thumbs{order:3;margin-top:10px}
.card-meta{order:4;width:100%;margin-top:9px;gap:6px;font-size:12px;font-weight:400;color:#a19dab}
.card-meta .card-date{order:-1;margin-left:0}.card-meta .card-book::before{content:"·";margin-right:6px}
.card-meta .card-dot{display:none}.card-meta .card-icon{order:-2}
body.bw .card-meta{color:#9a96a2}body.dark .card-meta{color:#aeaab6}
.card-lock{order:4;float:none;position:absolute;right:14px;bottom:13px;margin:0}
.sidebar .sidebar-scroll{padding-bottom:20px;-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 34px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 34px),transparent)}
/* Settings keeps one size on every tab, so the window and its tab bar never move; tall tabs scroll inside */
#modal.settings-window{height:min(660px,calc(100vh - 80px))}
#modal.settings-window #modal-body{scrollbar-gutter:stable}
/* Panels opened from inside Settings (no tab bar) get the same breathing room as the Settings panes */
#modal.settings-window #modal-body:not(:has(>.settings-tabs)){padding:18px 40px 26px}
/* Knowledge from coding chats and Still Pro */
.kb-promises{margin:0 0 16px;padding-left:18px;font-size:12px;line-height:1.7;color:var(--muted)}.kb-promises li{margin-bottom:6px}.kb-promises strong{color:var(--ink);font-weight:600}
.kb-actions{display:flex;gap:8px;align-items:center;margin-top:14px;flex-wrap:wrap}
.kb-head{display:flex;gap:12px;align-items:center;margin-bottom:14px}.kb-head .text-action:first-of-type{margin-left:auto}
.kb-checks{display:flex;gap:16px;margin-top:6px}
.kb-sessions{margin:12px 0}.kb-list-head{display:flex;gap:12px;align-items:center;font-size:11px;color:var(--muted);margin-bottom:6px}.kb-list-head span{margin-right:auto}
.kb-list{max-height:34vh;overflow:auto;border:1px solid var(--line);border-radius:8px}
.kb-session{display:flex;gap:10px;align-items:flex-start;padding:9px 12px;border-bottom:1px solid var(--line);cursor:pointer}.kb-session:last-child{border-bottom:0}.kb-session input{margin-top:3px;accent-color:var(--ink)}
.kb-session span{display:flex;flex-direction:column;gap:2px;min-width:0}.kb-session strong{font-size:13px;font-weight:600}.kb-session small{font-size:11px;color:var(--muted)}.kb-session em{font-style:normal;font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kb-review{max-height:min(52vh,calc(100vh - 330px));overflow:auto;display:flex;flex-direction:column;gap:10px}
.kb-ai-form[hidden]{display:none}.kb-ai-form{margin:6px 0 14px 30px;padding:14px 16px;border:1px solid var(--line,rgba(0,0,0,.1));border-radius:14px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.kb-ai-form .form-grid{width:100%;margin:0}.kb-ai-form .small-copy{margin:0}
.kb-item{border:1px solid var(--line);border-radius:10px;padding:10px 12px}.kb-item-head{display:flex;gap:10px;align-items:center}.kb-item-head input[type=checkbox]{accent-color:var(--ink)}.kb-title{margin:0!important;font-weight:600}
.kb-meta{font-size:11px;color:var(--muted);margin:8px 0 4px}.kb-hidden{color:var(--ink)}.kb-summary{font-size:13px;line-height:1.6;margin:4px 0 6px}
.kb-item summary{font-size:11px;color:var(--muted);cursor:pointer}.kb-body{width:100%;margin-top:8px;border:1px solid var(--line);border-radius:6px;padding:10px;background:var(--panel);color:var(--ink);font:12px/1.6 'Geist Mono',SFMono-Regular,monospace;resize:vertical}
.kb-saved small{display:block;font-size:10px;color:var(--muted);margin-top:4px;font-family:inherit}
.kb-plans{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.kb-plan{border:1px solid var(--line);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;align-items:flex-start}.kb-plan.current{border-color:var(--ink)}
.kb-plan strong{font-size:15px}.kb-price{font-size:11px;color:var(--muted)}.kb-plan ul{margin:0;padding-left:16px;font-size:12px;line-height:1.7;flex:1}
.kb-checks .toggle-label{font-size:13px;letter-spacing:0;color:var(--ink);margin-top:4px}#kb-licence{font-size:13px;letter-spacing:0}
/* Writing partner setup: three plain steps with service cards */
.ai-step{display:flex;align-items:center;gap:10px;margin:18px 0 10px;font:600 14px/1.3 Geist,sans-serif;color:var(--ink)}
.ai-step-n{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;background:var(--hover);color:var(--ink);flex:none}
.ai-providers{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.ai-provider{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:11px 13px;border-radius:12px;border:1px solid var(--sep,rgba(0,0,0,.1));background:none;text-align:left;color:var(--ink);cursor:pointer}
.ai-provider strong{font-size:13.5px;font-weight:600}.ai-provider span{font-size:12px;color:var(--muted)}
.ai-provider:hover{background:var(--hover)}
.ai-provider[aria-checked=true]{border-color:transparent;background:var(--pl,#e6f6ed);box-shadow:inset 0 0 0 1.5px var(--pd,#55515c)}
body.bw .ai-provider[aria-checked=true]{background:var(--hover);box-shadow:inset 0 0 0 1.5px #55515c}
.ai-help{margin:8px 0 4px;font-size:12.5px;line-height:1.5;color:var(--muted)}.ai-help .text-action{font-size:12.5px}
/* Settings › Shortcuts: each shortcut is a key-cap button that records new keys when clicked */
.shortcut-row .settings-control{display:flex;align-items:center;flex-wrap:wrap;gap:8px}
#modal .shortcut-key{min-width:72px;padding:3px 10px;border-radius:7px;background:var(--sheet);box-shadow:inset 0 0 0 1px var(--sep);font:500 12.5px/1.5 Geist,sans-serif;color:var(--ink);text-align:center;font-variant-numeric:tabular-nums;cursor:pointer}
#modal .shortcut-key:hover{background:var(--hover)}
#modal .shortcut-key.shortcut-none{color:var(--mid);font-weight:400}
#modal .shortcut-key.recording{box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--mid)}
#modal .shortcut-reset{font-size:11.5px;color:var(--mid)}
.shortcuts-intro{margin-bottom:8px}
/* Dialog fields: #modal-body scrolls, so a ring drawn outside a field (outline-offset) gets clipped into a stray dark edge. Draw it inside the field instead, keep room for button rings, and give inputs and selects one height. */
#modal:not(.settings-window) #modal-body{padding:6px;margin:-6px}
#modal .modal-input:focus-visible,#modal input:not([type=checkbox]):not([type=radio]):focus-visible,#modal select:focus-visible,#modal textarea:focus-visible{outline:none;border-color:var(--mid);box-shadow:inset 0 0 0 1px var(--mid)}
#modal .action:focus-visible{outline:2px solid var(--mid);outline-offset:2px}
#modal .form-grid select{padding:12px 13px;font-size:13px}#modal .modal-input{font-size:13px}
body.dark #modal .action.primary{background:#efedf2!important;color:#1d1b22!important}

/* Locked notebooks */
.folder .notebook-lock{flex:none;font-size:10px;opacity:.75;margin-left:2px}
.notebook-lock-banner{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:6px 14px 8px;padding:8px 12px;border-radius:10px;background:var(--accent);color:var(--ink);font-size:12px}
.notebook-lock-banner .text-action{font-size:12px;flex:none}
#notebook-menu-popover{min-width:220px}
.cm-table-widget{margin:6px 0 1em;overflow-x:auto;cursor:text}.cm-table-widget table{border-collapse:collapse;width:100%;font-size:.9em;overflow-wrap:normal}.cm-table-widget th,.cm-table-widget td{border:1px solid var(--sep);padding:6px 10px;line-height:1.5}.cm-table-widget th{font-weight:600}
.cm-footnote-ref{font-size:.72em;font-weight:600;color:var(--green);padding:0 2px;vertical-align:super;line-height:0}.cm-footnote-def{font-size:.85em;color:var(--muted)}.cm-footnote-label{font-weight:600;margin-right:.4em}

/* Help */
.help{display:grid;grid-template-columns:230px minmax(0,1fr);gap:36px;align-items:start;max-width:980px}
.help-side{position:sticky;top:72px;max-height:calc(100vh - 120px);overflow-y:auto;padding-right:6px}
.help-search input{width:100%;box-sizing:border-box;padding:9px 12px;border:0;border-radius:10px;background:var(--hover);color:var(--ink);font:400 14px Geist,sans-serif;outline:none}
.help-search input:focus-visible{box-shadow:0 0 0 2px var(--muted)}
.help-group{margin-top:18px}.help-group h3{margin:0 0 4px 10px;font:600 11px Geist,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.help-item{display:block;width:100%;text-align:left;padding:6px 10px;border-radius:8px;border:0;background:transparent;color:var(--sub);font:400 14px/1.3 Geist,sans-serif;cursor:pointer}
.help-item:hover{background:var(--hover)}.help-item.active{background:var(--hover);color:var(--ink);font-weight:600}
.help-main{min-width:0;outline:none;font:400 15px/1.65 Geist,sans-serif;color:var(--body)}
.help-main h2{margin:0 0 6px;font:650 26px/1.2 Geist,sans-serif;letter-spacing:-.03em;color:var(--ink)}
.help-main h3{margin:28px 0 6px;font:650 18px/1.3 Geist,sans-serif;color:var(--ink)}.help-main h4{margin:20px 0 4px;font:650 15px Geist,sans-serif;color:var(--ink)}
.help-crumb{margin:0 0 4px;font:600 11px Geist,sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}
.help-main p{margin:0 0 12px}.help-main ul{margin:0 0 14px;padding-left:22px}.help-main li{margin:3px 0}
.help-steps{margin:0 0 16px;padding-left:0;list-style:none;counter-reset:step}
.help-steps li{counter-increment:step;position:relative;margin:0 0 10px;padding:10px 14px 10px 50px;border-radius:12px;background:var(--hover)}
.help-steps li::before{content:counter(step);position:absolute;left:14px;top:10px;width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--sheet);display:grid;place-items:center;font:600 12px Geist,sans-serif}
.help-main code{padding:1px 6px;border-radius:6px;background:var(--hover);font:500 .9em GeistMono,ui-monospace,monospace;color:var(--ink)}
.help-code{margin:0 0 14px;padding:12px 14px;border-radius:12px;background:var(--hover);overflow-x:auto}.help-code code{padding:0;background:none;font-size:13px;line-height:1.55;white-space:pre}
.help-note{margin:0 0 14px;padding:10px 14px;border-radius:12px;background:var(--hover);border-left:3px solid var(--muted);color:var(--sub)}
.help-link,a.help-link{color:var(--ink);text-decoration:underline;text-underline-offset:3px;background:none;border:0;padding:0;font:inherit;cursor:pointer}
.help-pager{display:flex;justify-content:space-between;gap:16px;margin-top:34px;padding-top:16px;border-top:1px solid var(--sep)}
.help-count{margin:0 0 12px;color:var(--muted);font-size:13px}
.help-hit{display:block;width:100%;text-align:left;margin:0 0 8px;padding:12px 14px;border:0;border-radius:12px;background:var(--hover);color:var(--body);font:400 14px/1.5 Geist,sans-serif;cursor:pointer}
.help-hit strong{display:block;color:var(--ink);font-size:15px}.help-hit small{display:block;color:var(--muted);font-size:11px;letter-spacing:.05em;text-transform:uppercase;margin-bottom:3px}
.help-hit mark{background:rgba(255,214,102,.5);color:inherit;border-radius:3px}
.help-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;margin-top:18px}
.help-card{text-align:left;padding:16px;border:0;border-radius:16px;background:var(--hover);color:var(--body);font:400 14px/1.5 Geist,sans-serif;cursor:pointer}.help-card strong{display:block;margin-bottom:4px;color:var(--ink);font-size:16px}
.help-item:focus-visible,.help-hit:focus-visible,.help-card:focus-visible,.help-link:focus-visible{outline:2px solid var(--muted);outline-offset:2px}
@media (max-width:760px){.help{grid-template-columns:1fr}.help-side{position:static;max-height:none}}
/* Windows and Linux: the system draws minimise, maximise and close at the top right (over the editor sheet's
   corner), so Still's pastel buttons and the space kept for them on the left go, and the note toolbar moves clear. */
.platform-windows .window-controls,.platform-linux .window-controls{display:none}
.platform-windows .titlebar .traffic-space,.platform-linux .titlebar .traffic-space{width:0}
.platform-windows .toolbar,.platform-linux .toolbar{padding-right:150px}
.platform-windows .settings-window-buttons,.platform-linux .settings-window-buttons{display:none}
.platform-windows #view-close,.platform-linux #view-close{right:328px}
.platform-windows .view-head,.platform-linux .view-head{padding-right:370px}
/* Kanban boards: a board note shows its lists side by side across the whole document area. */
body.board-open #document-scroll>.doc-column,body.board-open .head-column{width:calc(100% - 56px)!important}
body.board-open #note-tags,body.board-open #backlinks{display:none}
.board{margin:8px 0 24px}
.board-lanes{display:flex;gap:14px;align-items:flex-start;overflow-x:auto;padding:4px 2px 18px}
.board-lane{position:relative;flex:none;width:272px;background:none;border:1px solid transparent;border-radius:14px;padding:10px;display:flex;flex-direction:column;gap:8px}
.board-lane.drop-target{border-color:var(--green)}
.board-lane.drop-before{box-shadow:-3px 0 0 var(--green)}.board-lane.drop-after{box-shadow:3px 0 0 var(--green)}
.board-lane-head{display:flex;align-items:center;gap:8px;padding:2px 4px;cursor:grab;min-height:28px}
.board-lane-title{font-size:15px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:text}
.board-lane-input{font:inherit;font-size:14px;font-weight:600;flex:1;min-width:0;border:1px solid var(--green);border-radius:6px;padding:3px 6px;background:var(--paper);color:var(--ink)}
.board-count{font-size:12px;color:var(--muted)}
.board-complete{font-size:11px;color:var(--green);margin-left:auto}
.board-lane-menu,.board-card-menu{margin-left:auto;border:0;background:none;color:var(--muted);border-radius:6px;width:26px;height:24px;display:grid;place-items:center;cursor:pointer;padding:0}
.board-complete+.board-lane-menu{margin-left:0}
.board-lane-menu svg,.board-card-menu svg{width:16px;height:16px}
.board-lane-menu:hover,.board-card-menu:hover{background:var(--accent);color:var(--ink)}
.board-cards{display:flex;flex-direction:column;gap:8px;min-height:6px;border-radius:8px}
.board-cards.drop-end{box-shadow:0 3px 0 -1px var(--green)}
.board-card{position:relative;display:flex;gap:8px;align-items:flex-start;background:var(--paper);border:1px solid transparent;border-radius:14px;padding:11px 8px 11px 12px;box-shadow:0 2px 4px rgba(40,20,60,.05),0 8px 20px -8px rgba(40,20,60,.24);cursor:grab;font-size:14px;line-height:1.45}
.board-card.drop-above{box-shadow:0 -3px 0 -1px var(--green),0 1px 2px rgba(49,60,55,.06)}
.board-card.dragging{opacity:.4}
.board-card.is-done .board-text{color:var(--muted);text-decoration:line-through;text-decoration-color:var(--line)}
.board-check{margin:3px 0 0;accent-color:var(--green);flex:none}
.board-text{flex:1;min-width:0;overflow-wrap:anywhere;cursor:text;color:var(--ink)}
.board-text a{color:var(--green)}
.board-text code{font-size:12px}.board-text>:first-child{margin-top:0}.board-text>:last-child{margin-bottom:0}.board-text p{margin:0 0 4px}.board-text h1,.board-text h2,.board-text h3{margin:0 0 4px;line-height:1.25;font-weight:600;letter-spacing:-.2px}.board-text h1{font-size:19px}.board-text h2{font-size:17px}.board-text h3{font-size:15.5px}.board-text ul,.board-text ol{margin:2px 0 4px;padding-left:18px}.board-text li{margin:1px 0}.board-text li:has(>input[type=checkbox]){list-style:none;margin-left:-18px}.board-text li>input[type=checkbox]{margin:0 6px 0 0;vertical-align:-1px;pointer-events:none}.board-text mark{background:var(--quote-hl,#f6dbe4);color:inherit;border-radius:3px;padding:0 2px}.board-text blockquote{margin:2px 0;padding-left:10px;border-left:2px solid var(--line);color:var(--sub)}.board-card[data-pastel]{background:var(--pl)}body.dark .board-card{box-shadow:0 0 0 1px rgba(255,255,255,.06),0 6px 16px -8px rgba(0,0,0,.6)}body.dark .board-card[data-pastel]{background:color-mix(in srgb,var(--p) 16%,var(--paper))}body.bw .board-card[data-pastel]{background:var(--paper)}.board-icon{margin-right:6px;float:left;line-height:1.45}.board-menu-icons{display:grid;grid-template-columns:repeat(6,1fr);width:216px}.board-menu-icons button{text-align:center;font-size:16px;padding:6px 0}.board-menu-icons hr,.board-menu-icons button:last-child{grid-column:1/-1}.board-edit{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.board-format{display:flex;flex-wrap:wrap;align-items:center;gap:1px;padding:3px;background:var(--hover);border-radius:8px}.board-format button{min-width:24px;height:24px;padding:0 5px;border:0;border-radius:6px;background:none;color:var(--ink);font:600 12px Geist,sans-serif;cursor:pointer}.board-format button:hover{background:var(--raised)}.board-format [data-format='*']{font-style:italic;font-family:Georgia,serif}.board-format [data-format='~~']{text-decoration:line-through}.board-format [data-format='==']{background:none}.board-format-gap{width:6px}.board-format .board-swatch{min-width:16px;width:16px;height:16px;padding:0;margin:0 2px;border-radius:50%}.board-format .board-swatch:hover{box-shadow:0 0 0 2px var(--line)}
.board-card-menu{opacity:0;flex:none}
.board-card:hover .board-card-menu,.board-card-menu:focus-visible{opacity:1}
.board-date{font-size:12px;color:var(--muted);white-space:nowrap}
.board-editor{font:inherit;font-size:14px;line-height:1.45;width:100%;box-sizing:border-box;resize:none;border:1px solid var(--green);border-radius:10px;padding:9px 10px;background:var(--paper);color:var(--ink);overflow:hidden}
.board-add-card{border:0;background:none;color:var(--muted);text-align:left;padding:6px 4px;font:inherit;font-size:13px;border-radius:6px;cursor:pointer}
.board-add-card:hover{color:var(--ink);background:var(--accent)}
.board-add-lane{flex:none;width:200px;border:1px dashed var(--line);background:none;color:var(--muted);border-radius:12px;padding:12px;font:inherit;font-size:13px;cursor:pointer}
.board-add-lane:hover{color:var(--ink);border-color:var(--green)}
.board-menu{position:absolute;z-index:20;min-width:190px;background:var(--paper);border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.14);padding:5px;display:flex;flex-direction:column}
.board-menu button{border:0;background:none;text-align:left;font:inherit;font-size:13px;color:var(--ink);padding:7px 10px;border-radius:6px;cursor:pointer}
.board-menu button:hover,.board-menu button:focus-visible{background:var(--accent);outline:none}
.board-date-input{position:absolute;right:8px;bottom:-30px;z-index:21;font:inherit;font-size:12px;border:1px solid var(--line);border-radius:6px;background:var(--paper);color:var(--ink);padding:3px 6px}
.board-menu button.danger{color:#a3392b}.dark .board-menu button.danger{color:#f0a493}
.board-menu hr{border:0;border-top:1px solid var(--line);margin:4px 2px}
.board-archived{font-size:12px;color:var(--muted);margin:4px 2px 0}
.card-board{font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--green);border:1px solid currentColor;border-radius:4px;padding:0 4px;line-height:14px}
.board-title{font:650 30px/1.1 var(--writing-font);letter-spacing:-.04em;margin:0 2px 22px;color:var(--ink);text-wrap:balance}
.board-toggle{background:var(--btn);border:1px solid rgba(40,20,60,.08);border-radius:999px;padding:0 14px;height:36px;align-self:center;font:500 12.5px/1 var(--ui-font,inherit);color:var(--ink);cursor:pointer;backdrop-filter:blur(8px)}
.board-toggle:hover{background:var(--accent)}
.board-toggle[hidden]{display:none}
.notebook-colours{display:flex;flex-wrap:wrap;gap:8px;padding:6px 10px 8px;border-bottom:1px solid var(--line);margin-bottom:4px}.menu-popover .notebook-colours button[data-pastel]{width:22px;height:22px;padding:0;border-radius:50%;background:var(--p);box-shadow:inset 0 0 0 1px rgba(40,20,60,.14);justify-content:center}.menu-popover .notebook-colours button[data-pastel] .swatch{display:none}.menu-popover .notebook-colours [role=menuitemradio]{padding-left:0}.menu-popover .notebook-colours [role=menuitemradio][aria-checked=true]{box-shadow:0 0 0 2px var(--ink)}.menu-popover .notebook-colours [role=menuitemradio][aria-checked=true]::before{content:none}.menu-popover .notebook-colours button[data-colour=""]{width:100%;border-radius:7px}
.folder .swatch{width:20px;height:20px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;line-height:1;color:var(--pd)}body.bw .folder .swatch{color:#6c6874}body.dark:not(.bw) .folder .swatch{color:var(--p);background:var(--pk)}
.menu-popover.style-popover{min-width:272px;padding:10px 12px}.style-popover h4{margin:6px 2px 8px;font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.style-popover h4:first-child{margin-top:0}
.style-popover .colour-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;justify-items:center}.style-popover .colour-grid button{width:28px;height:28px;padding:0;border-radius:50%;background:var(--p);box-shadow:inset 0 0 0 1px rgba(40,20,60,.14);justify-content:center}.style-popover .colour-grid button .swatch{display:none}.style-popover .colour-grid [aria-checked=true]{box-shadow:0 0 0 2px var(--ink)}.style-popover .colour-grid [role=menuitemradio]{padding:0}.style-popover .colour-grid [role=menuitemradio]::before{content:none!important}
.style-popover .icon-tabs{display:flex;gap:6px;overflow:auto;padding-bottom:8px}.style-popover .icon-tabs button{width:auto;flex:none;padding:4px 10px;border-radius:99px;background:var(--accent);font-size:12px}.style-popover .icon-tabs [aria-selected=true]{background:var(--ink);color:var(--bg,#fff)}
.style-popover .icon-grid-nb{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.style-popover .icon-grid-nb button{width:100%;height:36px;padding:0;justify-content:center;border-radius:10px;font-size:18px;background:transparent}.style-popover .icon-grid-nb [aria-checked=true]{background:var(--p);box-shadow:inset 0 0 0 1.5px var(--pd)}.style-popover .icon-grid-nb [role=menuitemradio]{padding:0}.style-popover .icon-grid-nb [role=menuitemradio]::before{content:none!important}
.style-popover .own-emoji{display:flex;gap:8px;margin-top:10px}.style-popover .own-emoji input{flex:1;min-width:0;padding:6px 10px;border-radius:9px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:13px}.style-popover .own-emoji button{width:auto;padding:6px 12px;background:var(--accent)}.style-popover .reset-style{margin-top:8px;color:var(--muted)}

.style-popover .pager .pages{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;outline:none}.style-popover .pager .pages::-webkit-scrollbar{display:none}.style-popover .pager .page{flex:0 0 100%;scroll-snap-align:start;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:40px;gap:6px;justify-items:center;align-items:center}
.style-popover .colour-grid{display:block}.style-popover .icon-grid-nb{display:block}.style-popover .colour-grid .page button{width:28px;height:28px}.style-popover .icon-grid-nb .page button{width:100%;height:38px}
.style-popover .pager-foot{display:flex;align-items:center;justify-content:space-between;margin-top:4px;min-height:18px}.style-popover .pager-title{font-size:11px;color:var(--muted)}.style-popover .dots{display:flex;gap:2px;margin-left:auto}.style-popover .dot{width:14px;height:14px;padding:0;border-radius:50%;background:transparent;position:relative;justify-content:center}.style-popover .dot::after{content:'';width:6px;height:6px;border-radius:50%;background:var(--line);position:absolute;inset:4px}.style-popover .dot[aria-current=true]::after{background:var(--ink)}

/* Search reading: what a natural search understood, dismissible chips, and passages close in meaning. */
.list-header:has(#search-reading:not([hidden])){flex-wrap:wrap}
.search-reading{flex:1 0 100%;width:100%;box-sizing:border-box;margin:8px 0 0;display:flex;flex-direction:column;gap:6px;font-size:12px;color:var(--sub);max-height:46vh;overflow:auto}
.search-reading .reading-row{display:flex;flex-wrap:wrap;align-items:center;gap:5px}
.search-reading .reading-label{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:2px}
.search-reading .reading-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 4px 2px 9px;border-radius:999px;background:var(--field);color:var(--ink);box-shadow:0 1px 2px rgba(40,20,60,.06);font-weight:500}
.search-reading .reading-chip[data-kind=word],.search-reading .reading-chip[data-kind=phrase]{background:transparent;box-shadow:inset 0 0 0 1px var(--sep)}
.search-reading .reading-chip button{border:0;background:transparent;color:var(--muted);font-size:10px;width:18px;height:18px;border-radius:50%;cursor:pointer;padding:0}
.search-reading .reading-chip button:hover{background:var(--hover);color:var(--ink)}
.search-reading .reading-note{margin:0;color:var(--muted)}
.search-reading .reading-save{padding:6px 10px;border-radius:10px;background:var(--field)}
.search-meaning .meaning-hit{display:block;text-align:left;width:100%;border:0;background:transparent;padding:6px 8px;border-radius:9px;color:var(--ink);cursor:pointer;font:inherit}
.search-meaning .meaning-hit:hover,.search-meaning .meaning-hit:focus-visible{background:var(--hover)}
.search-meaning .meaning-heading{color:var(--muted)}
.search-meaning .meaning-snippet{display:block;color:var(--sub);margin-top:2px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.search-meaning{padding:6px 4px 0;font-size:12px}
.capture-reading{margin:10px 0 12px;max-height:none}
.action-review{display:flex;flex-direction:column;gap:6px;margin:6px 0 14px}
.action-suggestion{display:flex;gap:10px;align-items:flex-start;padding:9px 11px;border-radius:12px;background:var(--field);cursor:pointer}
.action-suggestion input{margin-top:3px}
.action-suggestion strong{font-weight:600;color:var(--ink)}
.action-suggestion .action-due{color:var(--sub);font-size:12px}
.action-suggestion .action-quote{display:block;color:var(--muted);font-size:12px;margin-top:3px}
.command-ask{font-weight:600}
.command-steps{margin:4px 0 12px;padding-left:20px;display:flex;flex-direction:column;gap:4px;font-size:13px}
.command-steps li.problem{color:#b4452f}
.command-preview{min-height:180px}
.command-followup{display:flex;gap:8px;margin:8px 0 12px}
.command-followup .modal-input{flex:1;margin:0}
/* Settings › Show cover pictures off: no cover band at the top of a note (the note's cover property is kept). */
body.no-covers main.has-cover .cover-band{height:64px;background:transparent!important}
/* …and the rest of the note head lays out as if there were no cover: the Change cover button would sit under the
   toolbar in the short band, the icon would overlap it, and a picture cover's white toolbar text would vanish on the sheet. */
body.no-covers .change-cover{display:none!important}body.no-covers main.has-cover .note-icon{margin-top:6px}body.no-covers main.has-cover .add-row{margin-top:6px}body.no-covers main.has-cover.has-icon .add-row{margin-top:8px}
body.no-covers main.has-cover .toolbar{color:#8f8a9a!important}body.no-covers main.cover-image .crumb{background:transparent}
body.no-list-pictures .card-thumbs{display:none}

/* Colour remains visible on every card, including unselected notes. */
body:not(.bw) .note-list .note-card{background:var(--pl);margin-bottom:6px}
body:not(.bw) .note-list .note-card::after{display:none}
body:not(.bw) .note-list .note-card:is(:hover,.selected){background:var(--p)}
body.dark:not(.bw) .note-list .note-card{background:var(--pk)}
body.dark:not(.bw) .note-list .note-card:is(:hover,.selected){background:color-mix(in srgb,var(--p) 24%,var(--sheet))}

/* Theme switch happens in one frame (see appearance.cjs). */
.theme-switching,.theme-switching *,.theme-switching *::before,.theme-switching *::after{transition:none!important}
/* Dark: selected pastel controls use the deep pastel with light ink instead of the light-mode wash. */
body.dark .ai-provider[aria-checked=true]{background:var(--pk,#2a292e);box-shadow:inset 0 0 0 1.5px var(--p,#bdb8c6)}
body.dark .ai-provider[aria-checked=true] strong{color:var(--ink)}
body.dark .ai-provider[aria-checked=true] span{color:var(--sub)}
body.dark.bw .ai-provider[aria-checked=true]{background:var(--hover);box-shadow:inset 0 0 0 1.5px var(--sub)}
body.dark .settings-tabs button[aria-selected=true]{background:var(--pk,#302a3e);color:var(--p,#e5dcf5)}
body.dark.bw .settings-tabs button[aria-selected=true]{background:var(--hover);color:var(--ink)}
/* Tag menu colour swatches (src/tags-ui.cjs) */
.tag-swatches{display:flex;flex-wrap:wrap;gap:6px;padding:8px 10px;max-width:190px}
.tag-swatch{width:18px;height:18px;border-radius:50%;border:2px solid transparent;padding:0;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.tag-swatch.is-on,.tag-swatch:focus-visible{border-color:var(--ink,#313c37);outline:none}
.tag-swatch-none{background:linear-gradient(135deg,transparent 45%,#c9463d 45%,#c9463d 55%,transparent 55%),#f4f3f1}
body.dark .tag-swatch-none{background:linear-gradient(135deg,transparent 45%,#e0675e 45%,#e0675e 55%,transparent 55%),#2a292e}
/* Export: six formats in two rows, and every note at once */
.export-options{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.export-all{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin-top:16px;padding-top:12px;border-top:1px solid var(--line,#e6e6de);font-size:13px;color:var(--muted,#686d64)}
.export-all .text-action{font-size:13px}
.note-readonly #breadcrumb::after{content:' · Read-only';opacity:.75}
/* Palettes in Settings › Themes (src/themes.cjs) */
.palette-swatches{display:flex;flex-wrap:wrap;gap:8px;max-width:420px}
.palette-swatch{width:42px;height:34px;border-radius:9px;border:2px solid transparent;padding:5px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1);display:flex}
.palette-swatch span{flex:1;border-radius:5px;font:600 11px/22px Geist,sans-serif;text-align:center}
.palette-swatch[aria-checked=true],.palette-swatch:focus-visible{border-color:var(--ink);outline:none}
.palette-default{background:var(--raised)}.palette-default span{background:transparent;color:var(--muted)}
.app-icons{display:flex;gap:12px;flex-wrap:wrap}
.app-icon-choice{display:flex;flex-direction:column;align-items:center;gap:4px;padding:6px;border-radius:12px;border:2px solid transparent;background:none;cursor:pointer;color:var(--muted)}
.app-icon-choice img{width:52px;height:52px;display:block}
.app-icon-choice small{font-size:11px}
.app-icon-choice[aria-checked=true],.app-icon-choice:focus-visible{border-color:var(--ink);outline:none;color:var(--ink)}
.app-icon-auto{position:relative;width:52px;height:52px;display:block}
.app-icon-auto img{position:absolute;inset:0}.app-icon-auto img+img{clip-path:polygon(100% 0,100% 100%,0 100%)}
/* The small + centred under the last note */
.note-list .list-new{flex:none;align-self:center;width:32px;height:32px;margin:14px 0 6px;padding:0;display:grid;place-items:center;border-radius:50%;background:var(--btn);color:var(--icon-fg);transition:transform .2s}
.note-list .list-new svg{width:15px;height:15px}
.note-list .note-card:has(+.list-new)::after{display:none}
/* The big + at the bottom right of the note side, as on iPhone and iPad */
.note-new{position:absolute;right:20px;bottom:16px;z-index:7;width:60px;height:60px;padding:0;display:grid;place-items:center;border-radius:50%;background:var(--raised);box-shadow:var(--raised-shadow);color:var(--ink);transition:transform .25s cubic-bezier(.3,1.4,.5,1)}
.note-new svg{width:26px;height:26px}
.note-new:hover{transform:translateY(-1px);color:var(--ink)}.note-new:active{transform:scale(.96)}
#view-pane:not([hidden])~.note-new{display:none}
@media (prefers-reduced-motion:reduce){.note-new,.note-list .list-new{transition:none}}