.notes-pin-dialog{width:min(340px,calc(100vw - 32px));border:1px solid var(--line);border-radius:12px;background:var(--panel,#fff);color:var(--ink);padding:20px}.notes-pin-dialog::backdrop{background:#0008}.notes-pin-dialog form{display:grid;gap:12px}.notes-pin-dialog input[type=password]{min-width:0;font:20px system-ui}.notes-security-actions{display:flex;gap:8px;flex-wrap:wrap}.notes-security-settings p{overflow-wrap:anywhere}.notes-security-shield{position:absolute;inset:0;z-index:99999;display:grid;place-items:center;background:var(--bg,#fff)}
.notes-mini-preview{position:absolute;right:12px;top:8px;z-index:4;pointer-events:none;background:var(--panel,#fff);box-shadow:0 2px 9px #0004;border:1px solid var(--line);padding:0;max-width:160px}
.notes-mini-preview[hidden]{display:none}.notes-mini-preview canvas{display:block}.notes-mini-viewport{position:absolute;box-sizing:border-box;border:2px solid var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.notes-mini-preview output{display:block;text-align:center;font:12px system-ui;color:var(--ink);line-height:18px}
.notes-document-objects{position:absolute;inset:0;pointer-events:none}.notes-attachments{display:flex;gap:12px;flex-wrap:wrap;max-width:100%;padding:8px;box-sizing:border-box}.notes-attachments label{display:flex;flex-direction:column;max-width:100%;font-size:12px}.notes-attachments audio{max-width:100%}.notes-attachments a{overflow-wrap:anywhere}.notes-editor [data-note-action=command-insertUnorderedList]{transform:scaleX(-1)!important}
.notes-catalog{padding:16px 0}.notes-tools,.notes-editor-tools,.notes-editor-head,.notes-page-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.notes-tools button,.notes-editor button,.notes-catalog button,.notes-picker button{font:inherit;cursor:pointer;color:inherit}
.notes-button{border:1px solid var(--line,#d8d4c9);border-radius:50%;width:42px;height:42px;min-width:42px;min-height:42px;flex:0 0 42px;display:inline-grid;place-items:center;background:transparent;transform:none!important}
.notes-button svg{width:25px;height:25px;flex:none}.notes-button[aria-pressed=true]{background:var(--accent,#b47744);color:white}.notes-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.notes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px;margin-top:16px}.notes-card{position:relative;border:1px solid var(--line,#ddd);border-radius:12px;background:var(--panel,#fffdf8);overflow:hidden;min-width:0}.notes-card>button.notes-open{border:0;background:none;display:block;width:100%;text-align:left;padding:16px}.notes-card h3{font:600 17px/1.3 inherit;margin:8px 0;overflow-wrap:anywhere}.notes-card time{font-size:12px;color:var(--muted,#666)}.notes-preview{height:140px;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.4}.notes-preview img{max-width:100%;max-height:140px;object-fit:contain}.notes-card>.notes-favorite{position:absolute;right:4px;top:4px;width:32px;height:32px;min-width:32px;min-height:32px}
.notes-editor{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;background:var(--bg,#f4f1e9);color:var(--ink,#222);font:15px/1.4 var(--font,system-ui);overscroll-behavior:contain}.notes-editor-head{padding:8px 12px;background:var(--panel,#fffdf8);border-bottom:1px solid var(--line,#ddd);flex-wrap:nowrap}.notes-title{font:var(--dj-text-heading-weight,600) var(--dj-text-heading-size,18px)/1.3 var(--font,system-ui)!important;writing-mode:horizontal-tb!important;min-width:0!important;flex:1!important;width:auto!important;border:0;background:transparent;color:inherit;padding:8px}.notes-editor-tools{padding:7px 10px;background:var(--panel,#fffdf8);max-height:160px;overflow:auto;flex-shrink:0}.notes-editor-tools select,.notes-editor-tools input{font:inherit;color:inherit;max-width:160px;min-height:36px;background:var(--panel,#fff);border:1px solid var(--line,#ccc);border-radius:5px;padding:4px}.notes-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:18px;touch-action:pan-x pan-y}.notes-page-wrap{position:relative;margin:0 auto}.notes-page{width:560px;height:794px;position:absolute;left:0;top:0;transform-origin:0 0;background:var(--note-paper,#fffdf0);color:var(--note-ink,#202020);box-shadow:0 2px 14px #0002;overflow:hidden}.notes-text{position:absolute;inset:38px 40px;outline:none;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;font:18px/1.5 var(--font,system-ui);color:inherit;writing-mode:horizontal-tb!important;touch-action:pan-y}.notes-text p,.notes-text div{margin:0 0 8px}.notes-text img{display:inline-block;max-width:100%;vertical-align:middle}.notes-text table{border-collapse:collapse;width:100%;table-layout:fixed}.notes-text td,.notes-text th{border:1px solid currentColor;padding:5px;min-width:24px;vertical-align:top}.notes-text ul,.notes-text ol{padding-left:26px}.notes-ink{position:absolute;inset:0;width:560px;height:794px;pointer-events:none;touch-action:none}.notes-page[data-mode=draw] .notes-ink{pointer-events:auto}.notes-page[data-mode=draw] .notes-text{pointer-events:none}.notes-page-nav{justify-content:center;background:var(--panel,#fffdf8);padding:5px 10px;flex-shrink:0}.notes-status{font-size:12px;min-width:80px;color:var(--muted,#666)}.notes-status[data-error=true]{color:#b42318}.notes-palette{display:flex;flex-wrap:wrap;gap:4px;max-width:280px}.notes-swatch{width:24px;height:24px;border:1px solid #777;border-radius:50%;padding:0}.notes-swatch[aria-pressed=true]{outline:2px solid var(--accent,#b47744);outline-offset:2px}.notes-selection{position:absolute;z-index:3;right:12px;top:64px;max-width:calc(100% - 24px);display:flex;flex-wrap:wrap;gap:5px;background:var(--panel,#fff);border:1px solid var(--line,#ccc);border-radius:8px;padding:8px;box-shadow:0 4px 16px #0002}.notes-selection[hidden]{display:none}.notes-selection button{padding:7px;border:0;border-radius:5px;background:var(--bg,#eee)}
.notes-picker{position:fixed;inset:0;z-index:100010;background:#0005;display:grid;place-items:center;padding:12px}.notes-picker>section{background:var(--panel,#fff);color:var(--ink,#222);border-radius:12px;padding:16px;width:min(520px,100%);max-height:85dvh;display:flex;flex-direction:column;gap:10px;box-sizing:border-box}.notes-picker header{display:flex;align-items:center;gap:8px}.notes-picker header strong{flex:1}.notes-picker-list{overflow:auto;min-height:0}.notes-picker-list button{display:flex;gap:10px;align-items:center;width:100%;padding:10px;border:0;border-bottom:1px solid var(--line,#ddd);background:none;text-align:left}.notes-picker-list button[aria-pressed=true]{background:var(--bg,#f5f1e9)}.notes-picker input{font:inherit;padding:8px;width:100%;box-sizing:border-box}.notes-links{display:flex;gap:5px;flex-wrap:wrap}.notes-links button{border:1px solid var(--line);background:none;border-radius:5px;padding:4px 8px}.notes-artifact-badge{margin-inline:4px;width:26px;height:26px;min-width:26px;min-height:26px;vertical-align:middle}.notes-artifact-badge svg{width:19px;height:19px}
html.notes-editing #app{visibility:hidden}html.notes-editing .modal-backdrop{visibility:visible;z-index:100020!important}html.notes-editing .notes-editor~.modal-backdrop{z-index:100020!important}html.notes-editing .v75-mobile-backdrop,html.notes-editing .v76-header-menu{visibility:hidden}
.notes-editor [hidden],.notes-catalog [hidden]{display:none!important}
.notes-card h3{font-family:inherit;font-size:17px;font-weight:600;line-height:1.3}
.notes-card>[data-note-favorite]{position:absolute;right:4px;top:4px;width:32px;height:32px;min-width:32px;min-height:32px;z-index:1;background:var(--panel,#fffdf8)}
.notes-text-export{box-sizing:content-box!important}
.notes-editor-head .notes-status[data-error=true]{display:block;position:absolute;top:58px;left:12px;right:12px;z-index:5;padding:10px;background:#fff0ed;border:1px solid #b42318;border-radius:6px;max-height:100px;overflow:auto}
@media(max-width:599px){.notes-editor-head{padding-top:env(safe-area-inset-top,6px)}.notes-editor-head .notes-status{display:none}.notes-editor-tools{gap:5px;max-height:150px}.notes-scroll{padding:8px}.notes-page-nav{padding-bottom:env(safe-area-inset-bottom,5px)}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.notes-card>button.notes-open{padding:10px}.notes-title{font-size:var(--dj-text-heading-size,18px)!important}.notes-tools{gap:5px}}
@media(min-width:600px) and (max-width:1024px){.sidebar .nav-item[data-route=notes]{display:none!important}}

/* Compact square preview; its caption is outside the paper, not inside it. */
.notes-grid{grid-template-columns:repeat(auto-fill,minmax(min(120px,100%),1fr));gap:14px}
.notes-card{border:0;border-radius:0;background:transparent;overflow:visible}
.notes-card>button.notes-open{padding:0;color:inherit}
.notes-preview{box-sizing:border-box;width:100%;height:auto;aspect-ratio:1;contain:size;min-height:0;display:grid;grid-template-rows:minmax(0,1fr);overflow:hidden;border:1px solid var(--line,#ddd);border-radius:9px;background:var(--panel,#fffdf8);padding:12px;font-size:12px}
/* Clip text inside the paper's padding, including the Mucha inner frame.
   The full text is retained in the document; only the catalogue is clipped. */
.notes-preview-content{display:block;min-width:0;min-height:0;overflow:hidden;overflow-wrap:anywhere;white-space:pre-wrap}
.notes-preview img{width:100%;height:100%;max-height:none;object-fit:contain;object-position:top left}
.notes-card h3{font-size:14px;margin:7px 0 3px}
.notes-card time{font-size:13px}
.notes-card>[data-note-favorite]{width:28px;height:28px;min-width:28px;min-height:28px;border:0;color:var(--accent);background:var(--panel,#fffdf8)}
.notes-context:empty{display:none}
.v76-more-count{margin-left:auto;flex:0 0 2.5em;text-align:right;font-size:inherit;font-variant-numeric:tabular-nums;color:var(--muted)}
@media(max-width:599px){.notes-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.notes-preview{padding:9px}.notes-card h3{font-size:13px}}

.notes-card-meta{display:flex;align-items:center;gap:5px;flex-wrap:wrap;min-height:21px;font-size:13px}
.notes-card-artifact{display:inline-flex;align-items:center}.notes-card-artifact svg{width:18px!important;height:18px!important;stroke:currentColor}
.notes-artifact-badge{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;width:auto!important;min-width:22px!important;max-width:none!important;flex:0 0 auto!important;display:inline-flex!important;gap:3px!important;padding:2px!important;aspect-ratio:auto!important;color:var(--accent)!important}
.notes-badge-count{font:inherit;font-size:12px;font-variant-numeric:tabular-nums}
/* One native-scrolling rail: left on desktop/Fold, bottom on a narrow phone. */
.notes-editor-head{flex:none;min-height:54px;box-sizing:border-box}
.notes-editor-body{display:flex;flex:1;min-height:0;min-width:0;overflow:hidden}
.notes-editor{touch-action:pan-x pan-y}.notes-editor-body{position:relative}
.notes-context-docked .notes-editor-body{padding-top:0}
.notes-table-controls{position:absolute;inset:0;pointer-events:none;z-index:6;overflow:hidden}.notes-table-controls button{pointer-events:auto;position:absolute;width:22px;height:22px;min-width:22px;min-height:22px;padding:0;border:1px solid var(--line);border-radius:5px;background:var(--panel);color:var(--accent);font-size:13px;transform:none!important}
.notes-text .notes-table-selected{box-shadow:inset 0 0 0 2px var(--accent,#b47744);background-color:var(--accent-soft,#fff0cd)}
.notes-selection[data-kind=table-create]{width:min(320px,calc(100vw - 16px));display:grid;box-sizing:border-box}.notes-table-create{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.notes-table-create label{display:grid;gap:5px;font-size:12px;font-weight:700}.notes-table-create input{box-sizing:border-box;width:100%;min-width:0;height:38px;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:var(--ink);font:inherit;padding:6px 8px}.notes-table-create>div{grid-column:1/-1;display:flex;justify-content:flex-end;gap:8px}.notes-table-create>div .notes-button{width:34px;height:34px;min-width:34px;min-height:34px}
.notes-attached{position:absolute;left:auto;right:12px;bottom:8px;z-index:4;display:flex;justify-content:flex-end;gap:5px;flex-wrap:wrap;max-width:calc(100% - 90px);padding:4px 6px;border-radius:8px;background:var(--panel,#fffdf8)}
.notes-attached button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border:0;background:none;padding:2px;transform:none!important}.notes-attached svg{width:22px!important;height:22px!important}
.notes-selection[data-kind=title]{flex-direction:column}.notes-selection[data-kind=title] button{display:flex;gap:8px;align-items:center;text-align:left}.notes-selection[data-kind=title] svg{width:22px;height:22px;flex:none}
.notes-selection[data-kind=modes] .notes-button{padding:7px;border-radius:50%;width:42px;height:42px;min-width:42px;min-height:42px;flex:0 0 42px}
.notes-selection[data-kind=modes] .notes-button[aria-pressed=true]{background:var(--accent);color:#fff}
.notes-editor-tools{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;gap:8px;max-height:none;width:60px;box-sizing:border-box;padding:10px 7px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;touch-action:pan-y;scroll-snap-type:y proximity}
.notes-editor-tools>.notes-button{scroll-snap-align:start;flex-shrink:0;font-size:19px}
.notes-editor-tools button:disabled{opacity:.32;cursor:default}
.notes-editor .notes-scroll{min-width:0;position:relative;padding:14px;scroll-behavior:auto}
.notes-pages{position:relative;min-width:100%}
.notes-pages[data-page-mode=CONTINUOUS]>.notes-page-wrap{margin-bottom:0}
.notes-pages[data-page-mode=CONTINUOUS]>.notes-page-wrap>.notes-page-footer{position:absolute;inset:auto 0 0;z-index:2;pointer-events:none}
.notes-pages[data-page-mode=CONTINUOUS]>.notes-page-wrap>.notes-page-footer>button{pointer-events:auto}
.notes-pages[data-page-mode=CONTINUOUS] .notes-page-stage{border-bottom:1px dashed var(--line);box-sizing:content-box}
.notes-page-wrap{position:relative;margin:0 auto 18px}
.notes-page-stage{position:relative;width:100%}
.notes-page-footer{display:flex;align-items:center;justify-content:space-between;min-height:36px;padding:3px 0;gap:8px}
.notes-page-number{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;padding-right:5px}
.notes-page-footer .notes-button{width:28px;height:28px;min-width:28px;min-height:28px;flex-basis:28px;border:0;background:transparent}
.notes-page-footer svg{width:19px;height:19px}
.notes-text h1{font-size:32px;font-weight:700;line-height:1.25;margin:0 0 12px}.notes-text h2{font-size:26px;font-weight:700;line-height:1.3;margin:0 0 10px}.notes-text h3{font-size:22px;font-weight:700;line-height:1.3;margin:0 0 8px}
.notes-editor .notes-text,.notes-editor .notes-text *{user-select:text!important;-webkit-user-select:text!important;-webkit-touch-callout:default}
.notes-text-color-icon{border-bottom:3px solid var(--accent)}.notes-text-background-icon{background:#fef08a;color:#222;padding:1px 3px}
.notes-selection{position:absolute;top:64px;left:70px;right:auto;max-width:min(420px,calc(100% - 90px));max-height:calc(100% - 140px);overflow:auto;z-index:10;box-sizing:border-box}
.notes-selection label{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:5px}
.notes-selection select,.notes-selection input{font:inherit;max-width:220px}
.notes-selection[data-kind=text-context]{gap:2px;padding:5px;flex-wrap:wrap}
.notes-pull-hint{box-sizing:border-box;min-height:72px;display:flex;align-items:center;justify-content:center;text-align:center;color:var(--muted);font-size:12px;padding:12px;opacity:calc(.55 + var(--notes-pull,0)*.45);cursor:pointer;touch-action:manipulation}
.notes-pull-hint.ready{color:var(--accent);font-weight:600;background:var(--accent-soft,#eee)}
@media(max-width:599px){
  .notes-editor-body{flex-direction:column}.notes-editor-tools{order:2;flex-direction:row;width:100%;height:auto;flex:0 0 auto;min-height:54px;max-height:none;overflow-x:auto;overflow-y:hidden;touch-action:pan-x;scroll-snap-type:x proximity;padding:8px 10px calc(8px + env(safe-area-inset-bottom));gap:10px}
  .notes-editor .notes-scroll{order:1;padding:8px}.notes-editor-head{padding-inline:6px;gap:5px}.notes-selection{left:8px;max-width:calc(100% - 16px)}.notes-attached{bottom:calc(64px + env(safe-area-inset-bottom));left:auto;right:8px;max-width:calc(100% - 16px)}
}

/* Notes controls own their colors; icon-library accents must not override artifacts
   or the white foreground of a selected control. Filled Shekhtel art stays filled. */
:is(.notes-editor,.notes-tools,.notes-card,.notes-picker,.notes-global-new,.notes-project-badge,.v76-title-create) .v22-icon,
:is(.notes-editor,.notes-tools,.notes-card,.notes-picker,.notes-global-new,.notes-project-badge,.v76-title-create) .v22-icon *{color:inherit!important;stroke:currentColor!important}
:is(.notes-editor,.notes-tools,.notes-card,.notes-picker,.notes-global-new,.notes-project-badge,.v76-title-create) .v22-icon :is(.fill-a,.fill-a2){fill:currentColor!important;stroke:none!important}
:is(.notes-editor,.notes-tools,.notes-card,.notes-picker,.notes-global-new,.notes-project-badge,.v76-title-create) .v22-icon .fill-a2{fill-opacity:.5!important}
:is(.notes-editor,.notes-tools,.notes-card,.notes-picker,.notes-global-new,.notes-project-badge,.v76-title-create) .v22-icon .stroke-a2{stroke-opacity:.5!important}
:is(.notes-editor,.notes-tools,.notes-card,.notes-picker,.notes-global-new,.notes-project-badge,.v76-title-create) .v22-icon .fill-bg{fill:var(--note-icon-bg,var(--panel))!important;stroke:none!important}
:is(.notes-editor,.notes-tools,.notes-card,.notes-picker) button[aria-pressed=true]:not(.notes-swatch){background:var(--accent)!important;color:#fff!important;--note-icon-bg:var(--accent)}
.notes-picker button[aria-pressed=true]>span{color:inherit!important}
.notes-editor .notes-button,.notes-tools .notes-button,.notes-global-new{color:var(--accent)}
.notes-mode-buttons{display:flex;flex-direction:inherit;gap:inherit;flex:none;scroll-snap-align:start}
.notes-mode-buttons>.notes-button{flex-shrink:0}
.notes-editor-tools>.notes-button,.notes-editor-tools>.notes-mode-buttons>.notes-button{border-color:transparent!important;box-shadow:none!important;background:transparent}
.notes-editor-tools>.notes-mode-buttons:first-child>.notes-button{border-color:var(--line,#d8d4c9)!important}
.notes-editor-tools>[data-note-action^="attach-"][aria-pressed="true"]{border-color:var(--accent)!important;background:var(--accent)!important;color:#fff!important}
.notes-selection[data-kind=options],.notes-selection[data-kind=attached]{overflow:visible;flex-wrap:nowrap;width:max-content;gap:6px}
.notes-selection[data-kind=options]>.notes-button,.notes-selection[data-kind=attached]>.notes-button{padding:6px;border-radius:50%;background:transparent}
.notes-option-choices{position:absolute;right:0;top:calc(100% + 6px);display:flex;gap:6px;padding:8px;background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 16px #0002}
.notes-option-choices>.notes-button{border-radius:7px;padding:5px}
.notes-paper-sample,.notes-ruling-sample{display:block;width:22px;height:25px;border:1px solid currentColor;border-radius:2px}
.notes-ruling-grid{background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:6px 6px}
.notes-ruling-wide{background-image:repeating-linear-gradient(transparent 0 7px,currentColor 7px 8px)}
.notes-ruling-narrow{background-image:repeating-linear-gradient(transparent 0 4px,currentColor 4px 5px)}
.notes-selection[data-kind=artifact-picker]{display:flex;flex-direction:column;flex-wrap:nowrap;width:300px;max-height:min(440px,calc(100% - 140px));overflow:hidden}
.notes-selection[data-kind=artifact-picker]>input{width:100%;max-width:none;box-sizing:border-box;padding:8px;flex:none}
.notes-link-choices{overflow:auto;min-height:0}
.notes-link-choices>button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;background:none;border:0;border-radius:5px;color:var(--note-artifact-color,var(--accent));min-height:36px}
.notes-link-choices>button svg{width:22px;height:22px;flex:none}
.notes-link-choices>button span{min-width:0;overflow-wrap:anywhere}
.notes-link-confirm{display:flex;justify-content:flex-end;padding-top:6px;border-top:1px solid var(--line)}
.notes-link-confirm .notes-button{width:36px;height:36px;min-width:36px;min-height:36px;padding:5px;border-radius:50%;background:var(--accent);color:#fff}
.notes-nav-count{margin-left:auto;font-variant-numeric:tabular-nums}
.notes-focus-pair{position:fixed;right:22px;top:18px;z-index:15;display:flex;align-items:center;gap:8px}
.notes-focus-pair>.focus-launch{position:static!important;margin:0}
.notes-focus-pair>.notes-global-new{background:var(--panel)}
.notes-artifact-badge.notes-project-badge{width:auto!important;min-width:22px!important;min-height:22px!important;border:0!important;border-radius:0!important;justify-content:center;padding:0!important;flex:0 0 auto!important;background:transparent!important}
.notes-project-badge .notes-badge-count{position:static;transform:none}
.notes-favorite-entry{display:flex;align-items:center;gap:8px;width:100%}
.notes-favorite-entry .count{margin-left:auto}
.notes-favorite-entry{border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important;padding:10px 0;font:inherit;color:inherit;text-align:left;cursor:pointer}
.notes-favorite-entry>svg{width:22px;height:22px;flex:none;color:var(--accent)}
.notes-context{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}
.notes-catalog{padding-top:0}
html[data-v74-route="notes"] main>.topbar{flex-wrap:wrap}
html[data-v74-route="notes"] main>.topbar>.actions{flex:0 0 100%;width:100%;justify-content:flex-end}
.notes-tools{flex-wrap:nowrap;min-width:0;overflow-x:auto;max-width:100%;padding:2px}
.notes-tools>.notes-button{flex-shrink:0}
.notes-context>.notes-card-artifact svg{width:24px!important;height:24px!important}
.notes-context>.notes-button{margin-left:auto;color:var(--accent)}
.notes-context .v22-icon,.notes-context .v22-icon *{color:inherit!important;stroke:currentColor!important}
.notes-editor .notes-scroll{scrollbar-gutter:stable;overflow-anchor:none}
.notes-selection[data-kind=modes]{flex-direction:column;flex-wrap:nowrap;width:max-content;right:auto;padding:5px}
@media(min-width:600px){.notes-selection[data-kind=modes]{flex-direction:row}}
.notes-selection[data-kind=eraser],.notes-selection[data-kind=selection-shape]{flex-wrap:nowrap;width:max-content;right:auto}

/* V3.8 stable correction: editor text follows the active heading typeface without
   inheriting the heading size. Linked artifacts stay visible above the tool rail. */
.notes-editor .notes-text{font-family:var(--font-display,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif)!important}
.notes-attached{z-index:20!important;bottom:12px!important}
.notes-pull-hint{position:sticky;bottom:0;z-index:8;background:color-mix(in srgb,var(--panel,#fffdf8) 92%,transparent)}
.notes-selection[data-kind=table] button{display:grid;place-items:center;width:38px;height:38px;min-width:38px;padding:5px;color:var(--accent)}
.notes-selection[data-kind=table] .notes-table-add-icon{display:grid;grid-template-columns:11px 18px;align-items:center;justify-content:center;line-height:1}
.notes-selection[data-kind=table] .notes-table-add-icon b{font-size:18px}
.notes-selection[data-kind=table] .v22-icon{width:18px;height:18px}
.notes-selection[data-kind=brush]{display:flex;flex-direction:column;gap:12px;width:294px;right:auto;box-sizing:border-box}
.notes-brushes{display:flex;justify-content:space-between;gap:4px}
.notes-brushes>.notes-button{border-radius:6px;--brush-color:var(--note-tool-color);color:var(--accent);width:42px;height:54px;padding:3px}
.notes-brushes svg{height:44px;width:30px}
.notes-brush-width{display:flex;align-items:center;gap:5px;width:100%}
.notes-brush-width input{min-width:0;flex:1;width:100px}
.notes-brush-width output{font-size:12px;min-width:18px}
.notes-selection[data-kind=formatting]{display:flex;flex-wrap:nowrap;width:auto}
.notes-selection[data-kind=formatting] button[aria-pressed=true]{background:var(--accent)!important;color:#fff!important}
.notes-selection[data-kind=formatting] button[aria-pressed=true] :is(.v22-icon,.v22-icon *){color:#fff!important;stroke:currentColor!important}
.notes-font-size-form{display:flex;align-items:center;gap:7px}.notes-font-size-form input{width:76px!important}.notes-font-size-form .notes-button{flex:0 0 34px}
.notes-card>[data-note-favorite] .v22-icon{position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important}
.notes-selection[data-kind=brush] .notes-palette{gap:5px}
.notes-selection[data-kind=brush] .notes-swatch{width:24px;height:24px;flex:0 0 24px}
.notes-link-choices>button svg{color:var(--note-artifact-color,var(--accent))!important}
.notes-link-choices>button[aria-pressed=true] svg{color:white!important}
.notes-card>[data-note-favorite]{display:grid!important;place-items:center!important;padding:0!important;line-height:0}
.notes-card>[data-note-favorite][aria-pressed=true]{background:var(--panel,#fffdf8)!important;color:var(--accent)!important;box-shadow:none!important}
.notes-card>[data-note-favorite] .v22-icon{display:block;margin:0!important}
.notes-card>[data-note-favorite] .v22-icon{position:static!important;transform:none!important;width:27px!important;height:27px!important}
.notes-card h3,.notes-card-meta{justify-content:center;text-align:center}
.notes-card h3{width:100%}.notes-preview{padding-top:calc(12px + 2pt)}
.notes-selection[data-kind="text-context"] button{display:inline-flex;align-items:center;gap:5px}.notes-selection[data-kind="text-context"] .v22-icon{width:17px;height:17px;flex:0 0 17px}
@media(max-width:1024px){
  .notes-focus-pair{display:none!important}
  .v76-active-route>.v76-title-create{display:inline-flex!important;align-items:center;justify-content:center;width:30px!important;height:34px!important;min-width:30px!important;max-width:30px!important;min-height:34px!important;flex:0 0 30px!important;padding:3px!important;border:0!important;box-shadow:none!important;background:transparent!important;color:var(--accent)!important;border-radius:0!important;transform:none!important}
  .v76-title-create .v22-icon{width:24px!important;height:24px!important}
  .v76-mobile-main-row>.notes-global-new{width:32px;height:32px;min-width:32px;min-height:32px;flex:0 0 32px;border:0;background:transparent;padding:4px}
}
@media(max-width:767px){.notes-preview{padding-top:calc(9px + 2pt)}.notes-attached{bottom:calc(68px + env(safe-area-inset-bottom))!important;right:8px!important}}
.notes-card-menu{position:fixed;z-index:100090;display:grid;gap:3px;min-width:190px;max-width:calc(100vw - 16px);padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--panel);box-shadow:var(--shadow-modal,var(--shadow))}.notes-card-menu button{display:flex;align-items:center;gap:8px;border:0;border-radius:7px;background:transparent;color:var(--ink);padding:9px;text-align:left}.notes-card-menu button:hover{background:var(--soft,var(--accent-soft))}.notes-card-menu .v22-icon{width:19px;height:19px;color:var(--accent)}
@media(min-width:1025px){html[data-v74-route="notes"] main>.topbar{flex-wrap:nowrap!important}html[data-v74-route="notes"] main>.topbar>.actions{flex:0 0 auto!important;width:auto!important}.notes-global-new{background:var(--accent)!important;color:#fff!important}.notes-global-new .v22-icon,.notes-global-new .v22-icon *{color:#fff!important;stroke:currentColor!important}}