:root{--bg-void: #141518;--bg-panel: #1b1d21;--bg-panel-soft: #22252b;--bg-panel-muted: #181a1e;--overscroll-bg: #141518;--line: #2f343c;--line-soft: #272b31;--text-base: #e4e6ea;--text-dim: #8f97a3;--accent: #c8b17a;--accent-soft: rgba(200, 177, 122, .12);--accent-line: rgba(200, 177, 122, .24);--scroll-track: rgba(20, 21, 24, .34);--scroll-thumb: rgba(143, 151, 163, .34);--scroll-thumb-hover: rgba(200, 177, 122, .48);--warn: #d6b26e;--error: #d97a73;--sans: "Avenir Next", "Segoe UI", sans-serif;--mono: "SFMono-Regular", "JetBrains Mono", monospace;--ui-font-size: 14px;--radius: 6px;--app-page-padding: 12px;--app-viewport-padding-top: calc(var(--app-page-padding) + env(safe-area-inset-top, 0px));--app-viewport-padding-right: calc(var(--app-page-padding) + env(safe-area-inset-right, 0px));--app-viewport-padding-bottom: calc(var(--app-page-padding) + env(safe-area-inset-bottom, 0px));--app-viewport-padding-left: calc(var(--app-page-padding) + env(safe-area-inset-left, 0px))}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border:2px solid transparent;border-radius:999px;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:var(--scroll-thumb-hover);background-clip:content-box}*::-webkit-scrollbar-corner{background:transparent}[hidden]{display:none!important}html,body{width:100%;height:100%;min-height:100%;margin:0;background-color:var(--overscroll-bg);background-image:linear-gradient(180deg,#16171a 0%,var(--bg-void) 100%);color:var(--text-base);font-family:var(--sans);font-size:var(--ui-font-size);line-height:1.5;overscroll-behavior:none;text-size-adjust:100%;-webkit-text-size-adjust:100%;touch-action:manipulation}body{user-select:none;-webkit-user-select:none}html{overflow:hidden}body{position:fixed;inset:0;overflow:hidden;padding:var(--app-viewport-padding-top) var(--app-viewport-padding-right) var(--app-viewport-padding-bottom) var(--app-viewport-padding-left)}a{color:inherit}button,input,textarea{font:inherit}input,textarea,[contenteditable=true],[contenteditable=plaintext-only],.preview,.preview [data-pera-selection-host=true]{user-select:text;-webkit-user-select:text}pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--mono);background:var(--bg-panel-soft);border:1px solid var(--line-soft);border-radius:10px;padding:14px;overflow:auto}.mono-text-view{font-family:var(--mono);font-size:13px;line-height:1.6;letter-spacing:.01em;font-variant-ligatures:none;tab-size:2}.shell{display:grid;gap:16px;max-width:none;margin:0 auto}.topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:start}.hero{display:grid;gap:8px}.eyebrow{margin:0;color:var(--accent);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.hero h1,.hero h2{margin:0;font-size:clamp(1.7rem,3.3vw,3rem);line-height:.98}.lede,.section-copy{margin:0;color:var(--text-dim);max-width:72ch}.panel{background:var(--bg-panel);border:1px solid var(--line-soft);border-radius:10px;padding:16px;box-shadow:none;min-width:0}.panel h2{margin:0 0 12px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim)}.panel-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:12px}.panel-header h2{margin-bottom:0}.panel-note{margin:0;color:var(--accent);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.status{margin:0;border-radius:12px;padding:12px 14px;background:var(--bg-panel-soft);border:1px solid var(--line)}.status p{margin:6px 0 0;color:var(--text-dim)}.status-ok{color:var(--accent)}.status-info strong,.status-muted{color:var(--text-dim)}.status-warning strong{color:var(--warn)}.status-error strong{color:var(--error)}.diagnostics{list-style:none;padding:0;margin:0;display:grid;gap:10px}.action-button{appearance:none;border:1px solid rgba(200,177,122,.28);border-radius:var(--radius);background:#c8b17a1a;color:var(--accent);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:none;padding:0 10px;height:26px;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.action-button:hover{border-color:#c8b17a80;background:#c8b17a24;transform:translateY(-1px)}.action-button:disabled,.ghost-button:disabled{opacity:.45;cursor:default;transform:none}.ghost-button{appearance:none;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff05;color:var(--text-dim);font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:none;padding:0 10px;height:26px;cursor:pointer;transition:border-color .14s ease,color .14s ease,background .14s ease,transform .14s ease}.ghost-button:hover{color:var(--text-base);border-color:#ffffff24;background:#ffffff0d;transform:translateY(-1px)}.chip-link{display:inline-flex;align-items:center;border-radius:999px;padding:8px 12px;border:1px solid var(--line);background:#ffffff08;color:var(--text-dim);text-decoration:none;font-size:11px;letter-spacing:.08em;text-transform:uppercase;transition:border-color .14s ease,color .14s ease,background .14s ease}.chip-link:hover{color:var(--text-base);border-color:#9fe8703d;background:#ffffff0d}.preview{background:var(--bg-panel-muted);border-radius:10px;padding:18px;border:1px solid var(--line-soft);--render-block-gap: .72lh;--render-section-gap: 1.15lh;--render-tight-gap: .42lh;--render-list-indent: 1.45em;--render-quote-padding-inline: 1em;--render-quote-padding-block: .1lh;--render-callout-padding-block: .75lh;--render-callout-padding-inline: 1em;--render-code-padding-block: .85lh;--render-code-padding-inline: 1em;--render-table-cell-padding-block: .45lh;--render-table-cell-padding-inline: .75em;--render-rule-gap: 1lh}.preview[data-render-layout=comfortable]{--render-block-gap: .78lh;--render-section-gap: 1.05lh;--render-tight-gap: .45lh}.preview[data-state=blocked]{border-color:#ff7d6e59;background:#ff7d6e0f}.preview[data-state=warning]{border-color:#ffcc664d}.preview{position:relative}.preview :where(p,h1,h2,h3,h4,h5,h6,ul,ol,pre,blockquote,table,figure,aside,dl,.pera-unknown-block){margin:0}.preview>:where(p,ul,ol,pre,blockquote,table,figure,aside,dl,.pera-unknown-block)+:where(p,ul,ol,pre,blockquote,table,figure,aside,dl,.pera-unknown-block){margin-block-start:var(--render-block-gap)}.preview>:where(p,ul,ol,pre,blockquote,table,figure,aside,dl,.pera-unknown-block)+:where(h1,h2,h3,h4,h5,h6),.preview>:where(h1,h2,h3,h4,h5,h6)+:where(p,ul,ol,pre,blockquote,table,figure,aside,dl,.pera-unknown-block,h1,h2,h3,h4,h5,h6){margin-block-start:var(--render-section-gap)}.preview a{color:var(--accent)}.preview blockquote{padding-block:var(--render-quote-padding-block);padding-left:var(--render-quote-padding-inline);border-left:2px solid var(--accent-line);color:var(--text-dim)}.preview blockquote>*+*{margin-block-start:var(--render-tight-gap)}.preview dl{margin:0;display:grid;gap:var(--render-tight-gap)}.preview dt{font-weight:600}.preview dd{margin:0 0 0 var(--render-list-indent);color:var(--text-dim)}.preview aside{border:1px solid var(--accent-line);background:var(--accent-soft);padding:var(--render-callout-padding-block) var(--render-callout-padding-inline);border-radius:10px}.preview aside>*+*{margin-block-start:var(--render-tight-gap)}.preview code{font-family:var(--mono);background:#ffffff12;padding:2px 5px;border-radius:6px}.preview pre{background:var(--bg-panel-soft);padding:var(--render-code-padding-block) var(--render-code-padding-inline);border-radius:8px}.preview pre code{display:block;padding:0;background:transparent}.preview ol,.preview ul{padding-left:var(--render-list-indent)}.preview li+li{margin-block-start:.18lh}.preview figure{margin:0;display:grid;gap:10px}.preview figcaption{color:var(--text-dim)}.preview hr{border:0;border-top:1px solid rgba(255,255,255,.12);margin:var(--render-rule-gap) 0}.preview img{display:block;max-width:100%;border-radius:10px;border:1px solid var(--line-soft);background:#ffffff08;min-height:120px;object-fit:cover}.preview table{border-collapse:collapse;width:100%}.preview td{border:1px solid var(--line-soft);padding:var(--render-table-cell-padding-block) var(--render-table-cell-padding-inline);vertical-align:top}.preview .pera-checkbox{display:inline-flex;align-items:start;gap:10px;color:var(--text-base)}.preview .pera-checkbox input{margin:2px 0 0;accent-color:var(--accent);cursor:pointer}.preview .pera-empty-implied-paragraph{min-height:1.5em}.preview p:has(>.pera-empty-render-sentinel:only-child){min-height:1.5em}.preview .pera-empty-render-sentinel{display:inline-block;min-width:.5ch}.preview .pera-empty-render-sentinel:before{content:"\a0"}.preview .pera-preserved-space,.preview .pera-preserved-space-run{white-space:break-spaces}.preview .pera-rendered-invisible-marker{display:none;pointer-events:none;user-select:none}.preview.show-rendered-invisibles [data-pera-render-target=true][data-pera-node=p],.preview.show-rendered-invisibles [data-pera-render-target=true][data-pera-node=h],.preview.show-rendered-invisibles [data-pera-render-target=true][data-pera-node=item],.preview.show-rendered-invisibles [data-pera-render-target=true][data-pera-node=dt],.preview.show-rendered-invisibles [data-pera-render-target=true][data-pera-node=dd],.preview.show-rendered-invisibles [data-pera-render-target=true][data-pera-node=checkbox],.preview.show-rendered-invisibles [data-pera-render-target=true][data-pera-node=footnote],.preview.show-rendered-invisibles [data-pera-render-target=true][data-pera-node=cell]{position:relative}.preview.show-rendered-invisibles [data-pera-render-target=true][data-pera-node=p]:before,.preview.show-rendered-invisibles [data-pera-render-target=true][data-pera-node=h]:before,.preview.show-rendered-invisibles [data-pera-render-target=true][data-pera-node=item]:before,.preview.show-rendered-invisibles [data-pera-render-target=true][data-pera-node=dt]:before,.preview.show-rendered-invisibles [data-pera-render-target=true][data-pera-node=dd]:before,.preview.show-rendered-invisibles [data-pera-render-target=true][data-pera-node=checkbox]:before,.preview.show-rendered-invisibles [data-pera-render-target=true][data-pera-node=footnote]:before,.preview.show-rendered-invisibles [data-pera-render-target=true][data-pera-node=cell]:before{content:"\b6";position:absolute;left:-1.15em;top:.05em;color:#c8b17a7a;font:700 .78em/1 var(--mono);pointer-events:none;user-select:none}.preview.show-rendered-invisibles .pera-empty-render-sentinel:before{content:"\b6";color:#c8b17ac7;font:700 .92em/1 var(--mono)}.preview.show-rendered-invisibles .pera-preserved-space,.preview.show-rendered-invisibles .pera-preserved-space-run{position:relative;display:inline-block;min-width:.52ch;color:transparent;border-radius:3px;background:#c8b17a1f}.preview.show-rendered-invisibles .pera-preserved-space:after,.preview.show-rendered-invisibles .pera-preserved-space-run:after{content:attr(data-pera-space-marker);position:absolute;inset:0;color:#c8b17ac7;overflow:hidden;white-space:pre;text-align:center;font:700 .78em/1.45 var(--mono);pointer-events:none}.preview.show-rendered-invisibles .pera-preserved-space:after{content:"\b7"}.preview.show-rendered-invisibles .pera-hard-break-marker{position:relative;display:inline-block;width:0;height:0;overflow:visible;z-index:0}.preview.show-rendered-invisibles .pera-hard-break-marker:before{content:"\21b5";position:relative;left:.18em;top:-.08em;color:#c8b17ad1;font:700 .78em/1 var(--mono);pointer-events:none;user-select:none}.preview.show-rendered-invisibles .is-rendered-edit-target .pera-hard-break-marker:before{color:#c8b17a61}.preview .is-rendered-edit-target{outline:none}.preview [data-pera-selection-host=true]{caret-color:var(--text-base);outline:none;white-space:break-spaces;touch-action:pan-y}.preview [data-pera-caret-sentinel=true]{display:inline;pointer-events:none}.preview [data-pera-hard-break-caret-anchor=true]{display:inline-block;width:0;min-width:0;height:1em;overflow:hidden;pointer-events:none;vertical-align:baseline}.preview .rendered-edit-caret{position:absolute;width:2px;border-radius:999px;background:var(--text-base);box-shadow:0 0 0 1px #0000002e;pointer-events:none;animation:rendered-edit-caret-blink 1s steps(1) infinite;z-index:20}.preview .rendered-edit-selection{position:absolute;border-radius:3px;background:color-mix(in srgb,Highlight 55%,transparent);pointer-events:none;z-index:1}.preview.has-rendered-edit-caret .status{opacity:1}@keyframes rendered-edit-caret-blink{0%,45%{opacity:1}46%,to{opacity:0}}.preview .pera-footnote{position:relative;padding:1.25rem 1rem 1rem;border:1px solid rgba(128,128,128,.32);border-radius:10px;background:#80808014}.preview .pera-footnote:before{content:attr(data-footnote-label);position:absolute;top:-.7rem;left:.75rem;padding:.15rem .45rem;border:1px solid rgba(110,110,110,.34);border-radius:999px;background:#f6f6f6;color:#373737eb;font-size:.72rem;font-weight:600;letter-spacing:.04em}.preview .pera-unknown-block{border:1px dashed rgba(152,165,181,.45);border-radius:12px;padding:14px 16px;color:var(--text-dim);background:#ffffff05}.preview .pera-ref{text-decoration-thickness:1px}.preview sup .pera-footnote-ref{text-decoration:none;font-size:.88em;letter-spacing:.01em}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rendered-edit-input{position:fixed;left:-200vw;top:-200vh;width:1px;height:1px;opacity:0;pointer-events:none}.source-editor-shell{position:relative;min-width:0;border-radius:0 9px 9px 0;background:linear-gradient(180deg,#22252bfa,#1d1f24fa);box-shadow:none}.source-insertion-point-indicator,.canonical-insertion-point-indicator{position:absolute;width:2px;min-height:14px;border-radius:999px;background:#67d8ff;box-shadow:0 0 0 1px #141518cc,0 0 0 3px #67d8ff29;pointer-events:none;z-index:4}.source-insertion-point-indicator:before,.canonical-insertion-point-indicator:before{content:"";position:absolute;left:-3px;top:-4px;width:8px;height:3px;border-radius:999px;background:inherit}.source-selection-range-indicators,.canonical-selection-range-indicators{position:absolute;inset:0;pointer-events:none;z-index:3}.inspect-selection-range-segment{position:absolute;border-radius:3px;background:#67d8ff2e;box-shadow:inset 0 0 0 1px #67d8ff47}.source-editor{position:relative;z-index:0;width:100%;min-height:clamp(520px,58vh,860px);margin:0;display:block;resize:none;overflow-x:auto;overflow-y:hidden;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;color:var(--text-base);background:transparent;border-radius:0 9px 9px 0;border:0;padding:18px 18px 30px;outline:none;box-shadow:none;scrollbar-color:rgba(200,177,122,.45) transparent}.source-editor:focus{box-shadow:inset 0 0 0 1px #c8b17a80,0 0 0 3px #c8b17a12}.source-editor::-webkit-scrollbar{width:12px;height:12px}.source-editor::-webkit-scrollbar-track{background:transparent}.source-editor::-webkit-scrollbar-thumb{background:#c8b17a6b;background-clip:content-box;border-radius:999px;border:3px solid transparent}.source-editor::-webkit-scrollbar-corner{background:transparent}.notes-app-shell{display:grid;gap:18px}.notes-app-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}.notes-app-hero{display:grid;gap:8px}.notes-app-hero h1{margin:0;font-size:clamp(1.5rem,2.7vw,2.4rem);line-height:1.02}.notes-app-links{display:inline-flex;align-items:center;flex-wrap:wrap;gap:10px;justify-self:end}.notes-app-links nav{display:inline-flex;align-items:center;gap:10px}.storage-controls{display:inline-flex;align-items:center;gap:8px}.notes-shell{display:grid;grid-template-columns:minmax(250px,290px) minmax(0,1fr);gap:18px;align-items:start}.notes-rail{display:grid;gap:16px;align-content:start;position:sticky;top:28px}.notes-rail-header{display:flex;align-items:start;justify-content:space-between;gap:14px}.notes-rail-header h2{margin-bottom:6px}.notes-rail-copy{margin:0;color:var(--text-dim);max-width:24ch}.notes-search input,.note-tags-input{width:100%;appearance:none;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff08;color:var(--text-base);min-height:32px;padding:6px 10px;outline:none}.notes-search-row{display:grid;grid-template-columns:minmax(0,1fr) 32px 32px;gap:8px;align-items:center}.notes-search{min-width:0}.note-filter-toggle-button{width:32px;height:32px;flex-shrink:0}.note-filter-panel{display:grid;gap:8px;padding:0 0 2px}.notes-search input:focus,.note-tags-input:focus{border-color:#9fe87073;box-shadow:0 0 0 3px #9fe87014}.note-tag-filters{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.note-tag-chip,.note-mini-tag{display:inline-flex;align-items:center;border-radius:var(--radius);padding:4px 8px;border:1px solid var(--line);background:#ffffff08;color:var(--text-dim);font-family:var(--mono);font-size:10px;letter-spacing:.04em}.note-tag-chip{appearance:none;cursor:pointer}.note-tag-chip.is-active{color:#17181b;border-color:#c8b17a29;background:linear-gradient(180deg,#d0bd8ef5,#b8a06af5)}.notes-summary{color:var(--text-dim);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.notes-sidebar-status{border-top:1px solid var(--line-soft);padding-top:10px;min-height:28px}.notes-sidebar-status-row{display:flex;align-items:center;gap:8px;margin-top:4px}.storage-status{flex:1;min-width:0;margin:0;color:var(--text-dim);min-height:1.5em}.workspace-info-button{flex:0 0 auto}.workspace-info-button.is-active{color:var(--text-base);background:#9fe8701f;border-color:#9fe8703d}.note-list{display:grid;align-content:start;gap:10px}.note-list-section{display:grid;gap:6px}.note-list-section-label{margin:0;color:var(--text-dim);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.note-list-section-items{display:grid;gap:3px}.note-list-item{appearance:none;width:100%;text-align:left;border:1px solid transparent;border-radius:8px;background:transparent;padding:8px 10px 8px 12px;display:grid;gap:4px;color:var(--text-base);cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease,box-shadow .14s ease}.note-list-item:hover{border-color:#ffffff0f;background:#ffffff08;transform:none}.note-list-item.is-active{border-color:#ffffff0a;background:#ffffff0a;box-shadow:inset 2px 0 0 var(--accent)}.note-list-item.is-trashed:not(.is-active){opacity:.74}.note-list-card-header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:baseline}.note-list-title,.note-list-title-input{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}.note-list-title-input{width:100%;appearance:none;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--text-base);padding:2px 4px;margin:-2px -4px;outline:none}.note-list-title-input[readonly]{cursor:pointer}.note-list-title-input:hover:not(:disabled):not([readonly]){background:#ffffff09}.note-list-title-input:focus:not([readonly]),.note-list-item.is-editing-title .note-list-title-input{border-color:#c8b17a61;background:#141518b8;box-shadow:0 0 0 3px #c8b17a14}.note-list-snippet{color:var(--text-dim);font-size:12px;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.note-list-meta{color:var(--text-dim);font-size:10px;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.note-stage{display:grid;gap:18px;min-width:0}.compose-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:18px;align-items:start}.compose-grid-header{grid-column:1 / -1;display:grid;grid-template-columns:minmax(0,1.08fr) 1px minmax(360px,.92fr);align-items:center;gap:18px;padding:0 4px;color:var(--text-dim);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.compose-grid-header span:last-child{justify-self:start}.compose-grid-divider{width:1px;height:18px;background:linear-gradient(180deg,#37404d26,#37404df2,#37404d26);justify-self:center}.note-title-input{width:100%;appearance:none;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--text-base);font-size:clamp(1.18rem,2vw,1.85rem);font-weight:500;line-height:1;padding:3px 5px;margin:-3px -5px;outline:none}.note-title-input:hover:not(:disabled){background:#ffffff08}.note-title-input:focus{border-color:#c8b17a61;background:#141518b8;box-shadow:0 0 0 3px #c8b17a14}.note-title-input::placeholder{color:#dce4ef73}.note-title-input-properties{font-size:1rem;line-height:1.2}.note-tags-field{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;align-items:center}.note-tags-field-properties{margin:0}.note-tags-label{color:var(--text-dim);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.note-meta-copy{margin:0;color:var(--text-dim);max-width:82ch}.note-meta-copy-properties{font-size:12px;line-height:1.55;max-width:none}.note-property-list{display:grid;gap:4px;max-width:none}.note-property-row{display:grid;grid-template-columns:72px minmax(0,1fr);gap:8px;align-items:baseline}.note-property-row dt{color:var(--text-dim);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.note-property-row dd{min-width:0;margin:0;color:var(--text-base);font-size:12px;overflow-wrap:anywhere}.note-view-switcher,.workspace-switcher{display:inline-flex;align-items:center;gap:6px}.workspace-switcher{justify-self:end;align-self:start}.workspace-note-view-switcher{flex-wrap:wrap}.authoring-toolbar{display:grid;gap:12px;padding-top:14px;padding-bottom:14px}.authoring-toolbar-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.authoring-toolbar-header h2{margin-bottom:0}.authoring-chip-row{display:flex;align-items:center;flex-wrap:wrap;gap:6px}.authoring-chip{appearance:none;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff05;color:var(--text-base);width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.authoring-chip:hover{border-color:#c8b17a38;background:#ffffff0d;transform:none}.authoring-chip.is-active,.authoring-chip[aria-pressed=true]{border-color:var(--accent-line);color:var(--text-base);background:#c8b17a24}.authoring-chip:disabled{opacity:.42;cursor:default}.authoring-chip:disabled:hover{border-color:var(--line);background:#ffffff05}.authoring-chip svg{width:16px;height:16px}.authoring-split{position:relative;z-index:55;display:inline-flex;border:1px solid var(--line);border-radius:var(--radius);overflow:visible;background:#ffffff05}.authoring-split .authoring-chip{border:0;border-radius:0;background:transparent}.authoring-split .authoring-chip:first-child{border-top-left-radius:calc(var(--radius) - 1px);border-bottom-left-radius:calc(var(--radius) - 1px)}.authoring-split .authoring-chip:last-child{border-top-right-radius:calc(var(--radius) - 1px);border-bottom-right-radius:calc(var(--radius) - 1px)}.authoring-split-main{width:34px}.authoring-split-chevron{width:22px;border-left:1px solid var(--line)!important}.authoring-split-chevron svg{width:11px;height:11px}.authoring-split .authoring-chip:hover,.authoring-split-chevron.menu-open{border-color:transparent;background:#ffffff0d}.authoring-flyout-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:70;min-width:72px;display:grid;gap:4px;padding:8px;border-radius:10px;border:1px solid var(--line-soft);background:linear-gradient(180deg,#1e2024fa,#17191dfa);box-shadow:0 18px 40px #00000057}.authoring-flyout-item{appearance:none;width:100%;min-height:28px;display:flex;align-items:center;justify-content:center;padding:0 10px;border:0;border-radius:6px;background:transparent;color:var(--text-base);cursor:pointer;font-size:12px}.authoring-flyout-item:hover{background:#ffffff0d}.authoring-flyout-item.is-active{color:var(--accent);background:#c8b17a1f}.authoring-flyout-item:disabled{opacity:.45;cursor:default}.authoring-flyout-item:disabled:hover{background:transparent}.toolbar-glyph{font-family:var(--sans);font-size:13px;font-weight:500;line-height:1}.toolbar-glyph-em{font-style:italic}.toolbar-glyph-strike{text-decoration:line-through}.toolbar-glyph-highlight{background:#c8b17a38;border-radius:3px;padding:0 2px}.toolbar-glyph-clear{font-size:12px;letter-spacing:0}.collaboration-strip{padding-top:14px;padding-bottom:14px}.collaboration-strip-content{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.collaboration-strip-block{display:grid;gap:4px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:#ffffff08;padding:12px 14px}.collaboration-strip-block-wide{grid-column:span 1}.collaboration-strip-label,.history-compare-label,.history-compare-kicker{color:var(--text-dim);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.collaboration-strip-copy{color:var(--text-dim);font-size:12px}.note-view-tab,.workspace-tab{appearance:none;border:1px solid transparent;background:transparent;color:var(--text-dim);width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);cursor:pointer;transition:background .14s ease,color .14s ease,transform .14s ease,border-color .14s ease}.note-view-tab svg,.workspace-tab svg{width:16px;height:16px}.note-view-tab:hover,.workspace-tab:hover{color:var(--text-base);background:#ffffff0a;border-color:#ffffff14}.note-view-tab.is-active,.workspace-tab.is-active{color:var(--text-base);background:#ffffff0f;border-color:#c8b17a38;box-shadow:none}.note-view{display:none}.note-view.note-view-active{display:block}.note-reading-panel{min-height:min(74vh,880px);display:grid;align-content:start}.note-reading-panel-compact{min-height:auto}.note-reading-preview{min-height:100%}.history-sync-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.history-panel,.collaboration-panel{display:grid;gap:12px}.history-panel-header,.collaboration-panel-header{display:flex;align-items:start;justify-content:space-between;gap:16px}.history-summary{margin:6px 0 0;color:var(--text-dim)}.history-controls{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.history-list,.history-compare-panel,.history-sync-summary{display:grid;gap:10px}.history-compare-empty{border:1px dashed rgba(255,255,255,.08);border-radius:10px;padding:14px 16px;color:var(--text-dim);background:#ffffff05}.history-compare-empty p{margin:0}.history-compare-card{border:1px solid var(--line-soft);border-radius:10px;background:#ffffff05;padding:16px;display:grid;gap:12px}.history-compare-header{display:flex;align-items:start;justify-content:space-between;gap:14px}.history-compare-header h3,.history-compare-copy{margin:0}.history-compare-copy{color:var(--text-dim)}.history-compare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.history-compare-stat{display:grid;gap:4px;padding:12px 14px;border-radius:8px;border:1px solid var(--line-soft);background:#ffffff08}.history-sync-card{border:1px solid var(--line-soft);border-radius:10px;background:#ffffff08;padding:14px;display:grid;gap:10px}.history-sync-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.history-sync-copy,.history-sync-empty{margin:0;color:var(--text-dim)}.history-sync-empty{border:1px dashed rgba(255,255,255,.08);border-radius:10px;padding:14px 16px;background:#ffffff05}.actor-list{display:flex;flex-wrap:wrap;gap:8px}.actor-chip{appearance:none;display:inline-flex;align-items:center;gap:8px;border-radius:8px;border:1px solid var(--line-soft);background:#ffffff08;color:var(--text-base);padding:8px 12px;cursor:pointer}.actor-chip.is-active{border-color:var(--accent-line);background:var(--accent-soft)}.actor-chip-meta{color:var(--text-dim);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.branch-head-list{display:grid;gap:10px}.branch-head-card{border:1px solid var(--line-soft);border-radius:10px;background:#ffffff05;padding:14px;display:grid;gap:8px}.branch-head-header{display:flex;align-items:start;justify-content:space-between;gap:14px}.branch-head-title,.branch-head-meta,.branch-head-copy,.branch-head-snippet{margin:0}.branch-head-title{font-weight:600}.branch-head-meta,.branch-head-copy,.branch-head-snippet{color:var(--text-dim)}.branch-head-snippet{font-family:var(--mono);font-size:12px}.branch-head-actions{display:grid;justify-items:end;gap:8px}.branch-head-action-row{display:inline-flex;align-items:center;gap:8px}.branch-head-relation{border-radius:8px;padding:4px 8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.relation-ok{background:var(--accent-soft);color:var(--accent)}.relation-warn{background:#ffcc661f;color:var(--warn)}.relation-muted{background:#ffffff0d;color:var(--text-dim)}.history-item{appearance:none;width:100%;text-align:left;border:1px solid var(--line-soft);border-radius:10px;background:#ffffff05;padding:12px 14px;display:grid;gap:4px;color:var(--text-base);cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.history-item:hover{border-color:#ffffff14;background:#ffffff0a;transform:none}.history-item.is-active{border-color:var(--accent-line);background:#ffffff0d;box-shadow:inset 2px 0 0 var(--accent)}.history-item-label{font-size:13px;font-weight:500;display:flex;flex-wrap:wrap;align-items:center;gap:6px}.history-badge{display:inline-flex;align-items:center;border-radius:8px;border:1px solid var(--accent-line);background:var(--accent-soft);color:var(--accent);font-size:10px;font-weight:500;line-height:1;padding:4px 7px}.history-badge-muted{border-color:var(--line-soft);background:#ffffff0a;color:var(--text-dim)}.history-item-meta,.history-item-collab,.history-item-structure,.history-item-delta,.history-item-snippet{color:var(--text-dim)}.history-item-collab,.history-item-structure,.history-item-delta{font-size:12px}.history-item-delta{color:#9fe870d1}.history-item-snippet{font-family:var(--mono);font-size:12px;line-height:1.5}.inspect-grid{display:grid;grid-template-columns:1fr;gap:14px}.inspect-stack{display:grid;gap:18px}.workspace-info-panel{display:grid;gap:14px;align-content:start;min-height:0;overflow:auto}.workspace-info-card{display:grid;gap:10px}.workspace-info-card h2{margin:0}.workspace-hint{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.workspace-hint-copy{margin:0;color:var(--text-dim);max-width:70ch}.workspace-stage{position:relative}.workspace-view{display:none}.workspace-view.workspace-view-active{display:block}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.source-panel{display:grid;align-content:start}.preview-panel{grid-column:span 2}.reference-section{display:grid;gap:18px}.reference-toolbar{display:grid;gap:14px}.reference-toolbar-top{display:flex;align-items:center;justify-content:space-between;gap:18px}.reference-search{flex:1 1 auto}.reference-search input{width:100%;appearance:none;border:1px solid var(--line);border-radius:12px;background:#ffffff08;color:var(--text-base);padding:12px 14px;outline:none}.reference-search input:focus{border-color:#9fe87073;box-shadow:0 0 0 3px #9fe87014}.reference-summary{color:var(--text-dim);white-space:nowrap}.reference-filters{display:grid;gap:10px}.reference-filter-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.reference-filter-label,.reference-meta-label{color:var(--text-dim);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.reference-filter-chip,.reference-chip{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;border:1px solid var(--line);background:#ffffff08;color:var(--text-base);font-size:11px;letter-spacing:.04em}.reference-filter-chip{cursor:pointer}.reference-filter-chip.is-active{color:#182015;border-color:#9fe8701a;background:linear-gradient(180deg,#b1f089f2,#8fdd5ff2)}.reference-nav{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding-top:4px}.reference-nav-link{color:var(--text-dim);text-decoration:none;border-bottom:1px solid transparent}.reference-nav-link:hover{color:var(--text-base);border-color:#9fe87059}.reference-grid{display:grid;gap:18px}.reference-card{display:grid;gap:16px}.reference-card-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.reference-card-header h3{margin:4px 0 0;font-size:1.2rem}.reference-category{margin:0;color:var(--accent);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.reference-profile{display:inline-flex;align-items:center;border-radius:999px;padding:6px 10px;border:1px solid var(--line);background:#ffffff08;color:var(--text-dim);font-size:11px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.reference-profile-notes-mvp{color:var(--accent);border-color:#9fe87033}.reference-profile-extension{color:#cbd5e2;border-color:#cbd5e229}.reference-description{margin:0;color:var(--text-dim);max-width:70ch}.reference-meta{display:grid;gap:10px}.reference-meta-group{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.reference-chip{font-family:var(--mono)}.reference-chip-muted{color:var(--text-dim)}.reference-card-grid{display:grid;grid-template-columns:1.05fr 1.05fr 1.2fr;gap:14px;align-items:start}.reference-column{display:grid;gap:10px;min-width:0}.reference-column h4,.reference-diagnostics h4{margin:0;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim)}.reference-column pre{min-height:100%}.reference-column-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.reference-preview-column{align-content:start}.reference-preview{min-height:100%}.reference-preview-state{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);background:#ffffff0a;color:var(--text-dim)}.reference-preview-state-ready{color:var(--accent);border-color:#9fe8703d}.reference-preview-state-warning{color:var(--warn);border-color:#ffcc6647}.reference-preview-state-blocked{color:var(--error);border-color:#ff7d6e47}.reference-diagnostics{display:grid;gap:10px}.notes-app-page{overflow:hidden}.notes-workspace-shell{max-width:none;height:calc(100dvh - var(--app-viewport-padding-top) - var(--app-viewport-padding-bottom));grid-template-rows:minmax(0,1fr);overflow:hidden}.notes-workspace-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.titlebar{height:38px;background:#15171a;border:1px solid var(--line-soft);border-radius:10px;padding:0 12px;gap:14px;flex-shrink:0;user-select:none}.titlebar-logo{font-family:Georgia,Times New Roman,serif;font-size:16px;font-style:italic;color:var(--accent);letter-spacing:.02em;flex-shrink:0;background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:var(--radius);transition:background .15s;line-height:1}.titlebar-logo:hover,.titlebar-logo:focus-visible,.workspace-main-menu[open] .titlebar-logo{background:#c8b17a1f;box-shadow:0 0 0 1px #c8b17a3d;outline:none}.titlebar-sep{width:1px;height:18px;background:var(--line-soft)}.titlebar-path{font-family:var(--mono);font-size:11px;color:var(--text-dim);flex:1;display:flex;align-items:center;gap:6px;min-width:0;overflow:hidden}.titlebar-path .seg{color:var(--text-dim)}.titlebar-path .active{color:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.titlebar-actions{display:flex;gap:6px;align-items:center;margin-left:auto}.tbar-btn{height:32px;padding:0 10px;background:transparent;border:1px solid var(--line);color:var(--text-dim);font-family:var(--mono);font-size:10px;letter-spacing:.06em;text-transform:none;border-radius:var(--radius);cursor:pointer;transition:all .12s}.tbar-btn.icon-btn{width:32px;padding:0;display:inline-flex;align-items:center;justify-content:center}.tbar-btn.icon-btn svg{width:16px;height:16px}.tbar-btn:hover{border-color:#c8b17a3d;color:var(--text-base);background:#ffffff0a}#toggle-right-panel-button:not(.is-active){border-color:transparent}#toggle-right-panel-button:not(.is-active):hover{border-color:transparent}.workspace-main-menu{position:relative;z-index:60}.workspace-main-menu summary{list-style:none}.workspace-main-menu summary::-webkit-details-marker{display:none}.workspace-main-menu .menu-trigger{width:32px;height:32px}.workspace-main-menu[open] .menu-trigger{border-color:#c8b17a3d;color:var(--text-base);background:#ffffff0a}.workspace-menu-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:70;min-width:220px;display:grid;gap:8px;padding:12px;border-radius:12px;border:1px solid var(--line-soft);background:linear-gradient(180deg,#1e2024fa,#17191dfa);box-shadow:0 18px 40px #00000057}.menu-item{appearance:none;width:100%;display:flex;align-items:center;gap:10px;padding:7px 10px;border:0;border-radius:6px;background:transparent;color:var(--text-base);cursor:pointer;font-size:12px;text-align:left}.menu-item:hover{background:#ffffff0d}.menu-item:disabled{opacity:.45;cursor:default}.menu-item:disabled:hover{background:transparent}.note-list-context-menu{position:fixed}.menu-kbd{margin-left:auto;font-family:var(--mono);font-size:10px;color:var(--text-dim)}.menu-sep{height:1px;background:var(--line-soft);margin:4px 0}.notes-workspace-body{position:relative;display:grid;grid-template-columns:var(--notes-left-panel-width, 286px) 1px minmax(0,1fr) 1px var(--notes-right-panel-width, 352px);gap:12px;min-height:0;overflow:hidden}.workspace-sheet-backdrop{display:none}.notes-sidebar,.notes-center,.workspace-info-main,.notes-properties{min-height:0;overflow:hidden}.notes-sidebar{overflow:visible;z-index:50}.notes-sidebar,.notes-properties{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}.notes-sidebar{position:static;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:16px}.notes-sidebar-controls{display:grid;gap:10px}.notes-sidebar .note-list{min-height:0;overflow:auto;padding-right:4px}.panel-resize-handle{width:1px;flex-shrink:0;cursor:col-resize;background:var(--line-soft);position:relative;z-index:20;transition:background .12s}.panel-resize-handle:before{content:"";position:absolute;inset:0 -6px}.panel-resize-handle:hover{background:#c8b17a73}.panel-resize-handle.dragging{background:var(--accent)}.notes-center{display:grid;grid-template-rows:minmax(0,1fr);min-height:0}.workspace-info-main{display:grid;grid-template-rows:auto minmax(0,1fr);gap:12px;min-height:0}.workspace-info-toolbar{display:flex;align-items:center;gap:12px;min-width:0;padding:0 2px 2px}.workspace-info-toolbar h1{margin:0;font-size:14px;font-weight:650;color:var(--text-base)}.note-workspace-stage{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:12px;min-height:0;overflow:hidden}.workspace-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;padding:0 2px 2px}.new-note-toolbar-button{flex:0 0 auto;margin-right:0}.notes-center .note-view{display:none;min-height:0}.notes-center .note-view.note-view-active{min-height:0}.notes-center .note-view-write.note-view-active,.notes-center .note-view-inspect.note-view-active{display:grid;grid-template-rows:minmax(0,1fr)}.center-split{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-height:0}.center-split.is-inspect-pane-visible{grid-template-columns:minmax(320px,1fr) 1px minmax(320px,clamp(320px,calc(var(--center-source-ratio, .48) * 100%),1120px));gap:18px}.center-resize-handle{height:100%}.source-pane,.preview-dock,.notes-properties .history-panel,.notes-properties .collaboration-panel{min-height:0}.source-pane{min-height:0;overflow:hidden}.rendered-primary-pane{display:grid;grid-template-rows:minmax(0,1fr)}.properties-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line-soft);padding-bottom:0}.source-toolbar{justify-content:flex-start;flex-wrap:wrap;flex:1 1 auto;min-width:0;gap:16px}.source-toolbar .authoring-chip{flex:0 0 auto}.toolbar-cluster{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.developer-status-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:28px;padding:6px 2px 0;border-top:1px solid var(--line-soft);color:var(--text-dim)}.developer-status-summary{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:11px/1.3 var(--font-mono);letter-spacing:.01em}.source-history-summary{margin:0;color:var(--text-dim)}.developer-status-actions{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.workspace-note-view-switcher{justify-content:flex-end;flex:0 0 auto}.source-editor-shell{height:100%;min-height:0;overflow:hidden}.source-editor{min-height:0;height:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;line-height:1.6}.preview-dock{display:grid;grid-template-rows:auto minmax(0,1fr);gap:10px;align-content:start;overflow:hidden}.note-view-write,.note-view-inspect{min-height:0;overflow:hidden}.note-view-inspect.note-view-active{display:grid}.notes-center .note-view-inspect.note-view-active{grid-template-rows:auto minmax(0,1fr);align-content:start}.preview-scroll{height:100%;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}.inspect-pane-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:8px;min-width:0;border-bottom:1px solid var(--line-soft)}.inspect-pane-tabs{display:flex;align-items:center;gap:4px;min-width:0;overflow:hidden}.inspect-pane-controls{display:inline-flex;align-items:center;gap:4px;padding:0 0 5px}.inspect-control-button{appearance:none;display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-dim);cursor:pointer}.inspect-control-button span{transform:translateY(-1px);font:700 18px/1 var(--mono)}.inspect-control-button:hover,.inspect-control-button.is-active{color:var(--text-base);background:#ffffff0f;border-color:var(--line-soft)}.inspect-pane-tab{appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-dim);min-height:32px;padding:0 10px 6px;font:12px/1.2 var(--sans);cursor:pointer}.inspect-pane-tab:hover,.inspect-pane-tab.is-active{color:var(--text-base)}.inspect-pane-tab.is-active{border-bottom-color:var(--accent)}.inspect-pane-panel{min-height:0;overflow:hidden}.inspect-pane-panel-active{display:grid;grid-template-rows:minmax(0,1fr)}.inspect-pane-panel[data-inspect-pane-panel=rendered-targets]{border-radius:10px;padding:1px;background:linear-gradient(180deg,#c8b17a1f,#2f343c8f 18%,#2f343ce0)}.inspect-code-frame{display:grid;grid-template-columns:minmax(44px,max-content) minmax(0,1fr);min-height:0;height:100%;border-radius:10px;padding:1px;overflow:hidden;background:linear-gradient(180deg,#c8b17a1f,#2f343c8f 18%,#2f343ce0)}.inspect-line-numbers{min-width:44px;padding:18px 9px 30px 8px;overflow:hidden;text-align:right;user-select:none;color:#cfc5a86b;background:#1214188c;border-right:1px solid rgba(255,255,255,.05)}.inspect-line-number{display:block;height:1.6em;line-height:inherit}.source-visible-whitespace-layer{position:absolute;inset:0;z-index:1;padding:18px 18px 30px;overflow:visible;white-space:pre-wrap;word-break:normal;overflow-wrap:anywhere;color:transparent;pointer-events:none;transform-origin:left top}.inspect-whitespace-placeholder{color:transparent}.inspect-whitespace-marker{color:#c8b17a6b}.inspect-whitespace-tab-marker{position:relative;color:transparent}.inspect-whitespace-tab-marker:before{content:"\2192";position:absolute;left:0;color:#c8b17a6b}.inspect-output-card,.inspect-output-block{min-height:0;overflow:auto}.inspect-output-block{position:relative;width:100%;height:100%;margin:0;padding:18px 18px 30px;border:0;border-radius:0 9px 9px 0;background:linear-gradient(180deg,#22252bfa,#1d1f24fa);color:var(--text-base);white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal;scrollbar-color:rgba(200,177,122,.45) transparent}.inspect-pane-panel[data-inspect-pane-panel=rendered-targets] .inspect-output-block{border-radius:9px;white-space:pre;overflow-wrap:normal}.inspect-grid{grid-template-columns:1fr;min-height:0;overflow:auto;align-content:start}.notes-properties{display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px}.properties-view-switcher{display:flex;align-items:center;gap:0;flex:1 1 auto;min-width:0}.properties-close-button{flex:0 0 auto;width:32px;height:32px;border:0;background:transparent;color:var(--text-dim);font-size:24px;line-height:1}.properties-close-button:hover{border:0;background:transparent;color:var(--text-base)}.properties-tab{appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-dim);font-size:13px;height:32px;padding:0 16px;margin-bottom:-3px;cursor:pointer;transition:color .14s ease,border-color .14s ease,background .14s ease}.properties-tab:hover{color:var(--text-base)}.properties-tab.is-active{color:var(--text-base);border-bottom-color:var(--accent)}.properties-view{display:none;min-height:0;overflow:hidden}.properties-view.properties-view-active{display:grid;align-content:start}.properties-stack{display:grid;gap:10px;min-height:0;align-content:start}.properties-info-card{display:grid;gap:8px;padding:10px 0;border:0;border-radius:0;background:transparent}.developer-only{display:none}.developer-mode .developer-only{display:grid}.properties-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.properties-copy{margin:0;color:var(--text-dim)}.notes-properties .history-panel,.notes-properties .collaboration-panel{display:grid;gap:14px;min-height:0}.collaboration-metadata-card{display:grid;gap:8px}.history-list,.branch-head-list{min-height:0;overflow:auto;padding-right:4px}.collaboration-strip{padding:0;border:0;background:transparent;box-shadow:none}.collaboration-strip-content{grid-template-columns:1fr}.workspace-drop-indicator{position:absolute;inset:78px 20px 20px;z-index:40;display:grid;place-content:center;gap:8px;border-radius:20px;border:1px dashed rgba(159,232,112,.35);background:#12161cd6;color:var(--text-base);text-align:center;backdrop-filter:blur(10px)}.workspace-drop-indicator strong{font-size:1.05rem}.workspace-drop-indicator span{color:var(--text-dim)}.tbar-btn.is-active{border-color:var(--accent-line);color:var(--text-base);background:#ffffff0d}.notes-workspace-body.is-drop-target .panel{box-shadow:0 0 0 1px #9fe87029,0 10px 40px #00000038}#cmd-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:start center;padding:14vh 16px 16px;background:#0a0c0f8c;backdrop-filter:blur(12px)}#cmd-palette{width:min(640px,calc(100vw - 32px));display:grid;gap:0;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,#21262efa,#181d24fa);box-shadow:0 24px 60px #0006;overflow:hidden}#cmd-input-wrap{padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.06)}#cmd-input{width:100%;appearance:none;border:0;background:transparent;color:var(--text-base);outline:none;font-size:15px}.cmd-results{display:grid;max-height:52vh;overflow:auto;padding:8px}.cmd-item{appearance:none;width:100%;text-align:left;display:grid;gap:4px;padding:12px 14px;border:0;border-radius:14px;background:transparent;color:var(--text-base);cursor:pointer}.cmd-item.is-active,.cmd-item:hover{background:#9fe8701a}.cmd-item-label{font-size:14px;font-weight:600}.cmd-item-detail,.cmd-empty{color:var(--text-dim);font-size:12px}.cmd-empty{padding:16px}.cmd-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.06);color:var(--text-dim);font-size:12px}.cmd-footer kbd{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;border-radius:8px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text-base);font-family:var(--mono);font-size:11px}.settings-group-title{color:var(--text-dim);font-size:12px;margin-bottom:10px}.settings-check-row{display:flex;align-items:center;gap:10px;color:var(--text-base);font-size:13px;margin:8px 0}#settings-modal,#about-modal{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;background:#00000085;backdrop-filter:blur(8px)}#settings-modal-box,#about-modal-box{width:min(480px,calc(100vw - 32px));background:#191b1ffa;border:1px solid var(--line-soft);border-radius:14px;box-shadow:0 24px 80px #00000075;overflow:hidden}#about-modal-box{width:min(420px,calc(100vw - 32px))}#settings-modal-header,#about-modal-header{height:42px;display:flex;align-items:center;padding:0 14px;border-bottom:1px solid var(--line-soft)}#settings-modal-title,#about-modal-title{flex:1;text-align:center;font-size:13px;font-weight:600}#settings-modal-close,#about-modal-close{border:0;background:transparent;color:var(--text-dim);cursor:pointer;font-size:12px}#settings-modal-body{padding:22px 28px 28px}#about-modal-body{padding:24px 28px 28px}.about-brand{display:flex;align-items:center;gap:14px;margin-bottom:20px}.about-mark{width:42px;height:42px;border-radius:10px;display:grid;place-items:center;background:#c8b17a1f;color:var(--accent);font-family:Georgia,Times New Roman,serif;font-size:20px;font-style:italic}.about-name{color:var(--text-base);font-size:16px;font-weight:600}.about-subtitle{color:var(--text-dim);font-size:12px;margin-top:2px}.about-kv{display:grid;grid-template-columns:auto 1fr;gap:10px 16px;margin:0}.about-kv dt{color:var(--text-dim)}.about-kv dd{margin:0;color:var(--text-base);overflow-wrap:anywhere}@media(max-width:900px){body{--app-page-padding: 16px}.notes-workspace-shell{height:auto;overflow:visible}.notes-workspace-topbar,.workspace-command-row,.notes-workspace-body{grid-template-columns:1fr;flex-direction:column;align-items:stretch}.notes-workspace-body{display:grid;overflow:visible}.notes-sidebar,.notes-center,.notes-properties,.note-workspace-stage,.notes-center .note-view.note-view-active,.center-split,.notes-properties .history-panel,.notes-properties .collaboration-panel{overflow:visible}.notes-sidebar .note-list,.history-list,.branch-head-list,.inspect-grid,.preview-scroll{overflow:visible;max-height:none}.source-pane,.preview-dock{min-height:auto}.workspace-editor-toolbar,.developer-status-bar{align-items:stretch;flex-direction:column}.developer-status-summary{white-space:normal}.source-toolbar,.workspace-note-view-switcher{justify-content:flex-start}.properties-panel-header{flex-direction:column}.topbar,.notes-app-topbar,.notes-shell{grid-template-columns:1fr;gap:18px}.workspace-switcher,.note-view-switcher{width:100%}.notes-app-links{justify-self:stretch}.notes-rail{position:static}.history-panel-header{flex-direction:column}.compose-grid,.inspect-grid,.grid,.reference-card-grid,.history-compare-grid,.collaboration-strip-content,.notes-workspace-body,.center-split{grid-template-columns:1fr}.compose-grid-header{grid-template-columns:1fr;gap:8px}.compose-grid-divider{display:none}.center-resize-handle,#left-resize-handle,#right-resize-handle{display:none!important}.source-editor{min-height:420px}.reference-toolbar-top{align-items:stretch;flex-direction:column}.reference-summary{white-space:normal}}@media(max-width:900px){body{--app-page-padding: 8px}.notes-workspace-shell{height:calc(100dvh - var(--app-viewport-padding-top) - var(--app-viewport-padding-bottom));overflow:hidden}.notes-workspace-body{grid-template-columns:minmax(0,1fr)!important;gap:0;min-height:0;overflow:hidden}.notes-center,.workspace-info-main,.note-workspace-stage,.center-split,.source-pane,.preview-dock{min-height:0;overflow:hidden}.preview-scroll{height:100%;min-height:0;overflow:auto;-webkit-overflow-scrolling:touch}.workspace-editor-toolbar{flex-direction:row;align-items:center;gap:10px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;padding:0 2px 6px;scrollbar-width:none}.workspace-editor-toolbar::-webkit-scrollbar{display:none}.workspace-editor-toolbar>*{flex:0 0 auto}.source-toolbar{flex:0 0 auto;flex-wrap:nowrap;gap:16px}.toolbar-cluster{flex-wrap:nowrap}.workspace-note-view-switcher{width:auto;justify-content:flex-start;flex-wrap:nowrap}.center-split,.center-split.is-inspect-pane-visible{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;gap:12px}.center-resize-handle,#left-resize-handle,#right-resize-handle{display:none!important}.preview-dock.note-view-inspect{max-height:min(44dvh,420px);border-top:1px solid var(--line-soft);padding-top:8px}.workspace-sheet-backdrop:not([hidden]){position:fixed;inset:0;z-index:80;display:block;border:0;background:#00000038;backdrop-filter:blur(1.5px)}.notes-sidebar:not([hidden]){position:fixed;top:var(--app-viewport-padding-top);bottom:var(--app-viewport-padding-bottom);left:var(--app-viewport-padding-left);z-index:90;width:min(86vw,340px);min-height:0;overflow:hidden;padding:12px;border:1px solid var(--line-soft);border-radius:12px;background:linear-gradient(180deg,#1e2024fa,#17191dfa);box-shadow:0 24px 60px #0000006b}.notes-sidebar .note-list{overflow:auto}.notes-properties:not([hidden]){position:fixed;left:var(--app-viewport-padding-left);right:var(--app-viewport-padding-right);bottom:var(--app-viewport-padding-bottom);z-index:90;max-height:min(78dvh,680px);min-height:0;overflow:hidden;padding:12px;border:1px solid var(--line-soft);border-radius:14px 14px 0 0;background:linear-gradient(180deg,#1e2024fa,#17191dfa);box-shadow:0 -20px 54px #0000006b}.properties-panel-header{flex-direction:row;align-items:center}.notes-properties .history-panel,.notes-properties .collaboration-panel,.properties-view.properties-view-active{min-height:0;overflow:auto}.collaboration-strip-content{grid-template-columns:1fr}}