.note-document .note-block[data-block-align=left]{margin-left:0;margin-right:auto}.note-document .note-block[data-block-align=center]{margin-inline:auto}.note-document .note-block[data-block-align=right]{margin-left:auto;margin-right:0}
.note-block{--block-background:transparent;--block-font-family:var(--font-ui)}.block-bg-gray{--block-background:color-mix(in srgb,#888 13%,transparent)}.block-bg-brown{--block-background:color-mix(in srgb,#ab795d 15%,transparent)}.block-bg-orange{--block-background:color-mix(in srgb,#d38754 16%,transparent)}.block-bg-yellow{--block-background:color-mix(in srgb,#d4b342 16%,transparent)}.block-bg-green{--block-background:color-mix(in srgb,#71a586 15%,transparent)}.block-bg-blue{--block-background:color-mix(in srgb,#739fbe 16%,transparent)}.block-bg-purple{--block-background:color-mix(in srgb,#b18bc2 17%,transparent)}.block-bg-pink{--block-background:color-mix(in srgb,#cb8baa 17%,transparent)}.block-bg-red{--block-background:color-mix(in srgb,#cb817d 16%,transparent)}
.note-document .note-block,.notes-screen .note-block.selected-block{background:var(--block-background);box-shadow:none}.note-document .note-block.selected-block,.note-block.menu-active{outline:1px solid color-mix(in srgb,var(--accent) 45%,transparent);outline-offset:2px}.note-block>.block-text:focus,.note-block>.block-text:focus-visible{background:transparent}
.block-font-serif{--block-font-family:Georgia,'Times New Roman',serif}.block-font-mono{--block-font-family:Consolas,'Courier New',monospace}.block-bold{--block-font-weight:700}.block-italic{--block-font-style:italic}
.note-block>.block-text,.task-reference>button,.record-reference>button>span,.page-block-link>span,.ink-block-caption,.note-block .attachment-info>strong,.note-block.link [data-link-preview]>a{font-family:var(--block-font-family,var(--font-ui));color:var(--block-color,var(--text))}.task-reference>button,.record-reference>button>span,.page-block-link>span,.ink-block-caption,.note-block .attachment-info>strong,.note-block.link [data-link-preview]>a{font-weight:var(--block-font-weight,500);font-style:var(--block-font-style,normal)}
.note-block:not(.block-bg-default)>.record-reference>button,.note-block:not(.block-bg-default)>.page-block-link,.note-block:not(.block-bg-default)>.ink-block-preview{background:transparent}.note-block>.task-reference{border-radius:8px}.block-swatch{background:var(--block-background,var(--glass-field))}.block-swatch.block-color-default{background:var(--glass-field)}
.note-document .note-block.reference-line>.block-gutter{top:50%;transform:translateY(-50%)}.note-document .block-gutter{height:30px;gap:2px}.note-document .block-gutter .block-menu-trigger,.block-gutter .block-insert-trigger{width:22px;flex-basis:22px;height:28px}.note-block.reference-line>.block-properties-trigger{top:50%;transform:translateY(-50%);right:6px;width:26px;height:28px}.note-block.reference-line>.page-block-link,.note-block.reference-line>.task-reference,.note-block.reference-line>.record-reference>button{padding-right:42px}.note-block.reference-line>.block-fold-trigger{top:-14px}
.block-menu-tabs>button[aria-pressed=true]{background:var(--glass-field);color:var(--text)}.block-style-section{padding:4px 2px;border-bottom:1px solid var(--line)}.block-alignment{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px 7px 10px}.block-alignment>button{display:grid;place-items:center;padding:7px;border:1px solid transparent;border-radius:7px;color:var(--muted)}.block-alignment>button[aria-pressed=true]{border-color:var(--accent);color:var(--text);background:var(--glass-field)}.note-block-menu .block-palette{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding:3px 7px 9px}.note-block-menu .block-swatch{width:100%;height:29px;border-radius:6px;border:1px solid var(--line);box-shadow:none}.note-block-menu .block-swatch[aria-pressed=true]{outline:1px solid var(--accent);outline-offset:1px}.block-type-toggles{display:grid;grid-template-columns:1fr 1fr;gap:7px;width:100%}.block-type-toggles>button[aria-pressed=true]{outline:1px solid var(--accent)}.block-reset-style{display:flex;gap:7px;align-items:center;padding:9px;width:100%;font-size:12px;color:var(--muted);border-radius:7px}.block-reset-style:hover{background:var(--glass-field)}
@media(max-width:620px){.note-document .note-block[data-block-align]{margin-inline:0}.note-block-menu .block-palette{gap:5px}}

.note-block-menu[data-mode=style]>.page-block-name-field{display:none}
@media(max-width:620px){.record-document .note-document,.note-page .note-document,.daily-canvas>.note-document{margin-inline:0;padding-left:48px;padding-right:0}}

.record-backlinks{margin:24px 0 8px;padding-top:12px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.record-backlinks>summary{cursor:pointer;padding:6px 0}.record-backlinks>button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 4px;text-align:left;border-radius:7px;color:var(--text)}.record-backlinks>button:hover{background:var(--glass-field)}.record-backlinks>button>span{flex:1;overflow-wrap:anywhere}.record-backlinks small{font-size:10px;color:var(--muted)}

textarea.record-document-title{resize:none;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;min-height:44px}

.note-block.reference-line>.record-reference{display:flex;align-items:center;padding-right:38px;border-radius:8px;background:var(--glass-field)}.note-block.reference-line:not(.block-bg-default)>.record-reference{background:transparent}.note-block.reference-line>.record-reference>button{background:transparent;padding-right:8px;min-width:0}.note-block.reference-line>.record-reference>button:first-child{flex:1}.note-block .record-reference-date{flex:0 0 auto;width:auto;min-height:28px;padding:4px 5px;color:var(--muted);font:400 10px var(--font-ui);text-decoration:none;white-space:nowrap}.note-block .record-reference-date:hover{background:var(--glass-field-hover)}

.note-document .note-block{--block-indent:calc(var(--block-depth,0) * 18px);max-width:calc(100% - var(--block-indent))}.note-document .note-block[data-block-align=left]{left:var(--block-indent)}.note-document .note-block[data-block-align=center]{left:calc(var(--block-indent) / 2)}.note-document .note-block[data-block-align=right]{left:0}@media(max-width:620px){.note-document .note-block{--block-indent:calc(var(--block-depth,0) * 8px)}}