:root{color-scheme:light dark;--background:#f2f0e8;--surface:#e9e7de;--text:#20251f;--muted:#787e73;--border:#cbc9bf;--accent:#28744b;--accent-soft:#e1e8dc}@media(prefers-color-scheme:dark){:root{--background:#151811;--surface:#1d2119;--text:#d7dccf;--muted:#7d8776;--border:#3c4137;--accent:#72d79b;--accent-soft:#202b21}}.qn-standalone-page{min-height:100vh;margin:0;background:var(--background)}.quick-note-host{position:fixed;z-index:100;inset:0;overflow:hidden;color:var(--text);background:var(--background);font-family:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}.quick-note-host[hidden],.quick-note-host [hidden]{display:none!important}.quick-note-host *,.quick-note-host *::before,.quick-note-host *::after{box-sizing:border-box}.qn-shell{position:relative;min-height:100%}.qn-header,.qn-footer{position:absolute;z-index:4;right:0;left:0;display:flex;align-items:center;background:var(--background)}.qn-header{top:0;min-height:54px;padding:0 34px;border-bottom:1px dashed var(--border)}.qn-footer{bottom:0;min-height:38px;padding:0 34px;border-top:1px solid var(--border)}.qn-brand{margin-right:24px;color:var(--accent);font-size:11px;white-space:nowrap}.qn-brand::before{content:"t";display:inline-block;min-width:24px;margin-right:8px;padding:3px 6px;border:1px solid var(--accent);text-align:center}.qn-status,.qn-word-count,.qn-hint{color:var(--muted);font-size:10px}.qn-spacer{flex:1}.qn-action{padding:8px 9px;border:0;color:var(--muted);background:transparent;cursor:pointer;font:11px/1.2 "SFMono-Regular",Consolas,monospace}.qn-action:hover,.qn-action:focus-visible{color:var(--accent);outline:0}.qn-action-primary{color:var(--accent)}.qn-key{display:inline-block;min-width:22px;padding:2px 4px;border:1px solid var(--border);border-bottom-width:2px;color:var(--muted);background:var(--background);font-size:9px;text-align:center}.qn-workspace{position:absolute;inset:55px 0 39px;padding:clamp(38px,8vh,90px) 0 34px}.qn-editor-stack{position:relative;width:min(900px,calc(100% - 80px));height:100%;margin:0 auto}.qn-highlight,.qn-editor{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0 4px 80px;overflow:auto;border:0;outline:0;tab-size:2;white-space:pre-wrap;overflow-wrap:break-word;font:15px/1.85 "SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace}.qn-highlight{pointer-events:none;color:var(--text);background:transparent;scrollbar-width:none}.qn-highlight::-webkit-scrollbar{display:none}.qn-highlight code{font:inherit}.qn-editor{resize:none;color:transparent;caret-color:var(--accent);background:transparent;-webkit-text-fill-color:transparent}.qn-editor::selection{background:color-mix(in srgb,var(--accent) 25%,transparent)}.qn-editor::placeholder{color:var(--muted);-webkit-text-fill-color:var(--muted)}.qn-md-heading{color:var(--text);font-weight:700}.qn-md-heading-marker,.qn-md-list-marker{color:var(--accent)}.qn-md-heading-1{color:var(--accent)}.qn-md-list{color:var(--text)}.qn-md-delimiter{display:inline-block;width:100%;color:var(--muted);background:linear-gradient(var(--border),var(--border)) center / 100% 1px no-repeat}.qn-md-delimiter-text{padding-right:9px;background:var(--background)}.qn-history{position:absolute;z-index:8;top:66px;right:34px;width:min(340px,calc(100% - 40px));max-height:calc(100vh - 120px);overflow:auto;border:1px solid var(--border);background:var(--background);box-shadow:10px 10px 0 color-mix(in srgb,var(--accent) 10%,transparent)}.qn-history-header{position:sticky;top:0;display:flex;padding:12px 13px;align-items:center;border-bottom:1px solid var(--border);color:var(--accent);background:var(--background);font-size:11px}.qn-history-list{display:grid}.qn-history-item{display:grid;grid-template-columns:minmax(0,1fr) auto;border-bottom:1px solid var(--border)}.qn-history-open,.qn-history-delete{border:0;background:transparent;cursor:pointer;font:inherit}.qn-history-open{min-width:0;padding:13px 15px;color:var(--text);text-align:left}.qn-history-open:hover,.qn-history-open:focus-visible{color:var(--accent);outline:0;background:color-mix(in srgb,var(--accent) 6%,transparent)}.qn-history-title{display:block;overflow:hidden;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.qn-history-meta{display:block;margin-top:5px;color:var(--muted);font-size:9px}.qn-history-delete{padding:0 13px;color:var(--muted)}.qn-history-delete:hover,.qn-history-delete:focus-visible{color:#b64242;outline:0}.qn-history-empty{margin:0;padding:18px 15px;color:var(--muted);font-size:10px}.qn-flash{color:var(--accent)}@media(max-width:760px){.qn-header,.qn-footer{padding-right:12px;padding-left:12px}.qn-brand{margin-right:8px}.qn-brand span,.qn-header .qn-status,.qn-action .qn-key,.qn-hint{display:none}.qn-action{padding-right:6px;padding-left:6px}.qn-workspace{padding-top:38px}.qn-editor-stack{width:calc(100% - 30px)}.qn-highlight,.qn-editor{font-size:14px}.qn-history{top:62px;right:12px}}@media(prefers-reduced-motion:reduce){.quick-note-host *{scroll-behavior:auto!important}}