/*! margins v0.2.0 — MIT License — https://github.com/samburba/margins#readme */
.cr-root{--cr-font: ui-serif, Georgia, "Iowan Old Style", "Times New Roman", serif;--cr-ui-font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--cr-mono-font: ui-monospace, SFMono-Regular, Menlo, monospace;--cr-text-size: 1.0625rem;--cr-text-leading: 1.85;--cr-note-size: .95rem;--cr-note-leading: 1.55;--cr-measure: 34rem;--cr-panel-h: 70vh;--cr-gap: 1.75rem;--cr-pad: 1.75rem;--cr-radius: 10px;--cr-line-w: 2px;--cr-frame-bg: #ffffff;--cr-text-bg: #fbfaf7;--cr-notes-bg: #f4f6f8;--cr-card-bg: #ffffff;--cr-border: #e3e0d8;--cr-ink: #23201b;--cr-ink-soft: #6b675c;--cr-accent: #2b6cb0;--cr-mark-ink: #23201b;--cr-toolbar-bg: #ffffff;--cr-field-bg: #ffffff;--cr-shadow: 0 1px 3px rgba(0, 0, 0, .06);--cr-shadow-focus: 0 2px 12px rgba(0, 0, 0, .14);position:relative;box-sizing:border-box;font-family:var(--cr-ui-font);color:var(--cr-ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.cr-root *,.cr-root *:before,.cr-root *:after{box-sizing:border-box}.cr-root.cr-theme-dark{--cr-frame-bg: #1b1a17;--cr-text-bg: #211f1b;--cr-notes-bg: #18191c;--cr-card-bg: #25252b;--cr-border: #3a382f;--cr-ink: #e9e5db;--cr-ink-soft: #a39d8e;--cr-accent: #7cb3ee;--cr-mark-ink: #211d18;--cr-toolbar-bg: #201f1c;--cr-field-bg: #2b2b31;--cr-shadow: 0 1px 3px rgba(0, 0, 0, .45);--cr-shadow-focus: 0 2px 14px rgba(0, 0, 0, .6)}@media (prefers-color-scheme: dark){.cr-root:not(.cr-theme-light){--cr-frame-bg: #1b1a17;--cr-text-bg: #211f1b;--cr-notes-bg: #18191c;--cr-card-bg: #25252b;--cr-border: #3a382f;--cr-ink: #e9e5db;--cr-ink-soft: #a39d8e;--cr-accent: #7cb3ee;--cr-mark-ink: #211d18;--cr-toolbar-bg: #201f1c;--cr-field-bg: #2b2b31;--cr-shadow: 0 1px 3px rgba(0, 0, 0, .45);--cr-shadow-focus: 0 2px 14px rgba(0, 0, 0, .6)}}.cr-root :focus-visible{outline:2px solid var(--cr-accent);outline-offset:2px;border-radius:3px}.cr-toolbar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.5rem .75rem;background:var(--cr-toolbar-bg);border:1px solid var(--cr-border);border-radius:var(--cr-radius) var(--cr-radius) 0 0;font-size:.85rem}.cr-tool-group{display:flex;align-items:center;gap:.25rem}.cr-tool-style{text-transform:capitalize;padding:.2rem .5rem;border:1px solid var(--cr-border);background:var(--cr-field-bg);color:inherit;border-radius:5px;cursor:pointer;font:inherit}.cr-tool-style.cr-active{background:var(--cr-ink);color:var(--cr-frame-bg);border-color:var(--cr-ink)}.cr-swatches{display:flex;gap:.25rem}.cr-swatch{width:18px;height:18px;border-radius:50%;border:2px solid transparent;box-shadow:inset 0 0 0 1px #0000001f;padding:0;cursor:pointer}.cr-swatch.cr-active{border-color:var(--cr-ink)}.cr-hint{color:var(--cr-ink-soft);font-style:italic}.cr-spacer{flex:1}.cr-export{padding:.25rem .6rem;border:1px solid var(--cr-border);background:var(--cr-field-bg);color:inherit;border-radius:5px;cursor:pointer;font:inherit}.cr-export:hover{border-color:var(--cr-ink-soft)}.cr-panels{display:grid;grid-template-columns:1fr 1fr;gap:var(--cr-gap);height:var(--cr-panel-h);border:1px solid var(--cr-border);border-radius:0 0 var(--cr-radius) var(--cr-radius);overflow:hidden;background:var(--cr-frame-bg)}.cr-mode-view .cr-panels{border-radius:var(--cr-radius)}.cr-panel{overflow:auto;padding:var(--cr-pad);scrollbar-width:thin;scrollbar-color:var(--cr-border) transparent}.cr-panel::-webkit-scrollbar{width:10px}.cr-panel::-webkit-scrollbar-thumb{background:var(--cr-border);border-radius:6px;border:3px solid transparent;background-clip:content-box}.cr-text{background:var(--cr-text-bg)}.cr-notes{background:var(--cr-notes-bg);position:relative}.cr-title{font-family:var(--cr-font);font-size:1.2rem;line-height:1.3;margin:0 0 1.1rem;font-weight:600;max-width:var(--cr-measure)}.cr-text-body{font-family:var(--cr-font);font-size:var(--cr-text-size);line-height:var(--cr-text-leading);max-width:var(--cr-measure);white-space:pre-wrap;word-break:break-word}.cr-mark{color:inherit;background:transparent;cursor:pointer;transition:background .15s,opacity .15s}.cr-highlight{background:var(--cr-color, #ffd54f);color:var(--cr-mark-ink);border-radius:2px;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 1px}.cr-underline{text-decoration:underline;text-decoration-color:var(--cr-color, #ffd54f);text-decoration-thickness:2px;text-underline-offset:3px}.cr-strike{text-decoration:line-through;text-decoration-color:var(--cr-color, #ffd54f);text-decoration-thickness:2px}.cr-notes-inner{position:relative}.cr-note{position:absolute;left:0;right:0;background:var(--cr-card-bg);border:1px solid var(--cr-border);border-left:3px solid var(--cr-color, #ffd54f);border-radius:6px;padding:.6rem .75rem;box-shadow:var(--cr-shadow);transition:opacity .15s,box-shadow .15s}.cr-note-bar{display:flex;align-items:center;gap:.4rem;margin-bottom:.4rem}.cr-note-bar .cr-swatch{width:14px;height:14px}.cr-style-select{font:inherit;font-size:.75rem;padding:1px 2px;margin-left:auto;background:var(--cr-field-bg);color:inherit;border:1px solid var(--cr-border);border-radius:4px}.cr-note-del{border:none;background:none;font-size:1.1rem;line-height:1;color:var(--cr-ink-soft);cursor:pointer;padding:0 .25rem}.cr-note-del:hover{color:#c0392b}.cr-note-input{width:100%;border:none;outline:none;resize:none;font-family:var(--cr-font);font-size:var(--cr-note-size);line-height:var(--cr-note-leading);background:transparent;color:inherit;overflow:hidden}.cr-note-input::placeholder{color:var(--cr-ink-soft);opacity:.8}.cr-note-body{font-family:var(--cr-font);font-size:var(--cr-note-size);line-height:var(--cr-note-leading)}.cr-note-body code,.cr-note-input+* code,.cr-note-body :is(code){font-family:var(--cr-mono-font);font-size:.85em;background:color-mix(in srgb,var(--cr-ink) 8%,transparent);padding:0 3px;border-radius:3px}.cr-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.cr-line{fill:none;stroke:var(--cr-color, #ffd54f);stroke-width:var(--cr-line-w);opacity:.85;transition:opacity .15s,stroke-width .15s}.cr-has-focus .cr-mark:not(.cr-focus),.cr-has-focus .cr-note:not(.cr-focus),.cr-has-focus .cr-line:not(.cr-focus){opacity:.25}.cr-line.cr-focus{stroke-width:calc(var(--cr-line-w) + 1.5px);opacity:1}.cr-note.cr-focus{box-shadow:var(--cr-shadow-focus)}@media (max-width: 720px){.cr-panels{grid-template-columns:1fr;height:auto}.cr-panel{height:auto;max-height:60vh}.cr-text-body,.cr-title{max-width:none}.cr-connectors{display:none}.cr-notes-inner{min-height:0!important}.cr-note{position:static;margin-bottom:.6rem}}@media (prefers-reduced-motion: reduce){.cr-root *{transition:none!important}}
