:root{color-scheme:light dark;--paper: #ffffff;--ink: #1b1a18;--ink-quiet: #6a675f;--rule: #e2ded6;--ink-code: #4a4740;--accent: #8a4b32;--control: #ffffff;--chip: #efece6;--held-selection: #f0dccf;--highlight: #f3eee6;--rule-quiet: #eeebe5;--ink-faint: #9a968c;--rule-firm: #d6d1c7;--field: #f6f4ef;--field-border: #b9b3a7;--key: #faf8f4;--shadow: 27 26 24;--mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--measure: 44rem;--gutter: 1.5rem;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--column-top: calc(var(--gutter) + var(--safe-top));--control-size: 3.25rem;--control-margin: 1.25rem;--control-gap: .625rem;--controls-bottom: calc(var(--control-margin) + max(var(--safe-bottom), var(--keyboard, 0px)));--control-shadow: 0 .25rem 1rem rgb(var(--shadow) / .12);--leading: 1.62;--entry-gap: 2.4em}@media(prefers-color-scheme:dark){:root{--paper: #1b1a18;--ink: #e6e1d8;--ink-quiet: #9a968c;--rule: #3a3733;--ink-code: #c4beb3;--accent: #d08a6a;--control: #1b1a18;--chip: #2e2c29;--held-selection: #4a3328;--highlight: #332d28;--rule-quiet: #2f2d2a;--ink-faint: #7d796f;--rule-firm: #46423d;--field: #242220;--field-border: #5c5850;--key: #211f1d;--shadow: 0 0 0}}@media(min-width:60rem),(hover:hover){:root{--column-top: calc(6rem + var(--safe-top))}}*{box-sizing:border-box}html{background:var(--paper)}body{margin:0;color:var(--ink);font-family:Iowan Old Style,Palatino Linotype,Palatino,Charter,Georgia,serif;font-size:1.0625rem;line-height:var(--leading);-webkit-font-smoothing:antialiased}#canvas{max-width:var(--measure);margin:0 auto;padding:var(--column-top) calc(var(--gutter) + var(--safe-right)) 60vh calc(var(--gutter) + var(--safe-left));position:relative}.tiptap{outline:none}article[data-entry]{position:relative}article[data-entry]:not([hidden])~article[data-entry]{margin-top:var(--entry-gap)}.developer-mode article[data-entry]{border-bottom:1px solid var(--rule)}.entry-metadata{font-family:var(--mono);font-size:.75rem;line-height:1.4;padding-bottom:.25rem;color:var(--ink-quiet);overflow-wrap:anywhere;-webkit-user-select:none;user-select:none}.entry-metadata .autotags{opacity:.6}article[data-gap]:before{content:"⋯" / "";position:absolute;right:calc(100% + .3em);bottom:calc(100% + var(--entry-gap) / 2);transform:translateY(50%);line-height:1;color:var(--ink-quiet);pointer-events:none}article[data-entry]>*{margin:0}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25}h1{font-size:1.5em}h2{font-size:1.28em}h3{font-size:1.1em}h4,h5,h6{font-size:1em}article[data-entry]>:not(.entry-metadata)+h1{margin-top:1.5em}article[data-entry]>:not(.entry-metadata)+:is(h2,h3,h4,h5,h6){margin-top:1em}article[data-entry]>:is(h1,h2,h3,h4,h5,h6):not(:last-child){margin-bottom:.5em}a{color:inherit;text-decoration-color:var(--ink-quiet);text-underline-offset:.15em}code,pre{font-family:var(--mono);font-size:.88em}code{color:var(--ink-code)}pre{padding:.1em 0 .1em 1.1em;border-left:2px solid var(--rule);overflow-x:auto;line-height:1.5}pre code{color:inherit}blockquote{padding-left:1.1em;border-left:2px solid var(--rule);color:var(--ink-quiet)}ul,ol{padding-left:1.4em}li>p,ul[data-type=taskList]>li>div>p{margin:0}ul[data-type=taskList]{list-style:none;padding-left:0}ul[data-type=taskList]>li{display:flex;align-items:baseline;gap:.5em}ul[data-type=taskList]>li>div{flex:1}hr{border:none;border-top:1px solid var(--rule);margin:1.4em 0}article[data-entry] p:empty:after{content:"";display:inline-block}.tag{color:var(--accent)}span[data-date]{background:var(--chip);color:var(--ink);border-radius:.6em;padding:0 .3em}.command-input,.link-input{z-index:1;border:1px solid var(--rule);background:var(--paper)}.link-input{padding:.5rem .75rem}.command-input,.command-at-rest{position:fixed;top:calc(var(--gutter) + var(--safe-top));left:0;right:0;width:min(calc(var(--measure) - 2 * var(--gutter)),calc(100% - 2 * var(--gutter)));margin:0 auto}:is(.command-input,.link-input) input{width:100%;min-width:0;padding:0;border:none;outline:none;background:none;color:inherit;font:inherit}.command-input{border-radius:.875rem;box-shadow:0 .75rem 2.5rem rgb(var(--shadow) / .14)}.command-field,.command-at-rest{display:flex;align-items:center;gap:1rem;height:3.75rem;padding:0 1.375rem}.command-field>input{font-size:1.25rem}:is(.command-field,.command-at-rest) svg{flex:none;width:1rem;height:1rem;fill:none;stroke:var(--ink-quiet);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.command-at-rest{z-index:0;gap:.875rem;border:1px solid var(--rule-quiet);border-radius:.875rem;background:var(--paper);color:var(--ink-quiet);font-size:1.25rem;cursor:text}body:has(>.command-input)>.command-at-rest{display:none}.command-at-rest>svg{stroke:var(--ink-faint)}.command-at-rest>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-at-rest>button{flex:none;display:grid;margin:-.5rem;padding:.5rem;border:none;background:none;cursor:pointer}.command-suggestions{display:grid;gap:.125rem;margin:0;padding:.5rem;border-top:1px solid var(--rule);list-style:none}.command-suggestions:empty{display:none}.command-suggestions li{line-height:2.75rem;padding:0 1rem;border-radius:.5rem;cursor:pointer}.command-suggestions li[aria-selected=true]{background:var(--highlight)}.command-input p{margin:0;padding:0 1.375rem .75rem;color:var(--ink-quiet);font-size:.9em}.command-status:empty{display:none}.panel-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;overflow-y:auto;background:linear-gradient(rgb(var(--shadow) / .1) 0,rgb(var(--shadow) / .1) 0),color-mix(in srgb,var(--paper) 40%,transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.panel{width:min(35.125rem,calc(100% - 2rem));margin:5.5rem auto 2rem;padding:1.75rem;border:1px solid var(--rule);border-radius:1rem;background:var(--paper);box-shadow:0 1.5rem 4rem rgb(var(--shadow) / .16);outline:none}.panel header{display:flex;align-items:center;justify-content:space-between;margin-top:-.125rem;padding-bottom:.5625rem}.panel h2{margin:0;font-size:1.625rem;line-height:2rem}.panel-close{display:grid;place-items:center;width:2rem;height:2rem;margin-right:-.375rem;padding:0;border:none;border-radius:50%;background:none;cursor:pointer}.panel svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.panel-close svg{width:1.25rem;height:1.25rem;stroke:var(--ink-quiet)}.panel section{padding:1.375rem 0}.panel section:last-child{padding-bottom:0}.panel section+section{border-top:1px solid var(--rule)}.panel h3{margin:0 0 .9375rem;line-height:1rem;color:var(--ink-quiet);font-size:.8125rem;font-weight:400;letter-spacing:.08em;text-transform:uppercase}.panel p{margin:0;color:var(--ink-quiet);font-size:.9375rem;line-height:1.375rem}.panel-row{display:flex;align-items:center;gap:1.5rem}.panel-row>p{flex:1}.panel-button{flex:none;display:flex;align-items:center;justify-content:center;gap:.5rem;height:2.75rem;padding:0 1rem;border:1px solid var(--rule-firm);border-radius:.5rem;background:var(--paper);color:var(--ink);font:inherit;font-size:.9375rem;cursor:pointer}.panel-button svg{width:1rem;height:1rem;stroke-width:2}.panel-button-accent{border-color:var(--accent);color:var(--accent)}.panel-button kbd{color:var(--ink-quiet);font-family:var(--mono);font-size:.75rem}.token-list{max-height:40vh;overflow-y:auto;margin:.875rem 0 0;padding:0;border:1px solid var(--rule-firm);border-radius:.625rem;list-style:none}.token-row{display:flex;align-items:center;gap:.5rem;margin-top:.625rem}.token-list .token-row{flex-wrap:wrap;gap:.25rem;margin:0;padding:.25rem .25rem .25rem 0}.token-list .token-row+.token-row{border-top:1px solid var(--rule)}.token-list .token-row:has(.token-active){background:var(--field)}.token-row input{flex:1;min-width:0;height:2.75rem;box-sizing:border-box;padding:0 .8125rem;border:1px solid var(--field-border);border-radius:.5rem;outline:none;background:var(--paper);color:var(--ink-code);font:.875rem var(--mono)}.token-row input.at-rest{border-color:var(--field);background:var(--field)}.token-list .token-row input{flex:none;width:calc(var(--chars) * 1ch + 1rem + 2px);padding:0 .25rem 0 .75rem}.token-list .token-row input.at-rest{border-color:transparent;background:transparent}.token-list .token-row>.panel-button{padding:0 .75rem;border-color:transparent;background:transparent}.token-list .token-row>.token-copy{width:2.75rem;padding:0}.token-copy .label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.token-list .token-copy+*{margin-left:auto}.token-list .token-row>.panel-button:hover,.token-list .token-row>.panel-button:focus-visible{background:color-mix(in srgb,var(--ink) 8%,transparent)}.token-active{flex:none;margin-right:.5rem;padding:.125rem .5rem;border:1px solid var(--accent);border-radius:999px;color:var(--accent);font-size:.75rem;letter-spacing:.04em;text-transform:uppercase}.token-confirmation{flex-basis:100%;padding:.25rem .5rem .5rem .75rem}.panel .token-confirmation p{color:var(--ink);font-size:1rem;line-height:1.5rem}.token-answers{display:flex;gap:.5rem;margin-top:.5rem}.token-answers .panel-button{padding-bottom:1px}.token-row.token-adding{margin-top:1rem}.token-row.token-adding input{flex:1 1 0}.panel .token-status{margin-top:.75rem}.panel .token-status:empty{display:none}.shortcuts{margin:0;padding:0;list-style:none;font-size:1rem;line-height:1.375rem}.panel h3+p:has(+.shortcuts){margin-top:-.5rem}.panel p+.shortcuts{margin-top:.9375rem}.shortcuts li{display:flex;align-items:center;justify-content:space-between;gap:1rem}.shortcuts li+li{margin-top:.4375rem;padding-top:.4375rem;border-top:1px dotted var(--rule)}.shortcuts li>span:last-child{flex:none;display:flex;gap:.25rem}.shortcuts kbd{padding:.125rem .4375rem;border:1px solid var(--rule);border-radius:.3125rem;background:var(--key);color:var(--ink-quiet);font-family:var(--mono);font-size:.8125rem;line-height:1.0625rem}.shortcuts kbd+kbd,.shortcuts kbd:has(+kbd){padding-block:0}@media(hover:none){.panel{width:auto;margin:calc(3.5rem + var(--safe-top)) calc(1rem + var(--safe-right)) 2rem calc(1rem + var(--safe-left));padding:1.5rem 1.25rem}.panel header{padding-bottom:.3125rem}.panel h2{font-size:1.5rem}.panel section{padding:1.125rem 0}.panel-row,.token-row{flex-direction:column;align-items:stretch;gap:.625rem}.token-row input{flex:none}.token-list .token-row{flex-direction:row;align-items:center;gap:0}.token-list .token-row>.panel-button{width:2.75rem;padding:0}.token-list .token-row>.panel-button svg{width:1.125rem;height:1.125rem}.token-list .token-row>.panel-button .label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.token-answers>.panel-button{flex:1 1 0}.token-row.token-adding{flex-direction:row}.panel .token-status{font-size:.875rem}body:has(>.panel-backdrop) .touch-control,body:has(>.panel-backdrop):after{display:none}}.touch-control{position:fixed;bottom:var(--controls-bottom);z-index:1;display:grid;place-items:center;width:3rem;height:3rem;padding:0;border:none;border-radius:50%;background:var(--control);box-shadow:0 .25rem 1rem rgb(var(--shadow) / .15);color:var(--ink)}.touch-control svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.command-control,.settings-control,.new-entry-control{width:var(--control-size);height:var(--control-size);border:1px solid var(--rule);box-shadow:var(--control-shadow)}:is(.command-control,.settings-control,.new-entry-control) svg{width:1rem;height:1rem}.command-control svg{width:1.0625rem;height:1.0625rem}.command-control{left:calc(var(--control-margin) + var(--safe-left))}.new-entry-control{right:calc(var(--control-margin) + var(--safe-right))}.settings-control{left:calc(var(--control-margin) + var(--safe-left) + var(--control-size) + var(--control-gap));transition:opacity .18s ease,visibility 0s}body:has(>:is(.command-input,.command-at-rest,.link-input)) .settings-control{z-index:2;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility 0s .18s}@media(prefers-reduced-motion:reduce){.settings-control,body:has(>:is(.command-input,.command-at-rest,.link-input)) .settings-control{transition:none}}@media(hover:none){body:after{content:"";position:fixed;left:0;right:0;bottom:var(--keyboard, 0px);height:calc(var(--controls-bottom) - var(--keyboard, 0px) + var(--control-size) + 1.875rem);background:linear-gradient(transparent,var(--paper) 4rem);pointer-events:none}.command-input,.command-at-rest{top:auto;bottom:var(--controls-bottom);left:calc(var(--control-margin) + var(--safe-left));right:calc(var(--control-margin) + var(--safe-right) + var(--control-size) + var(--control-gap));width:auto;margin:0;border-radius:calc(var(--control-size) / 2 + 1px)}.command-input{box-shadow:var(--control-shadow)}.command-at-rest{z-index:1;height:calc(var(--control-size) + 2px);gap:.75rem;padding:0 .25rem 0 1.0625rem;font-size:1.0625rem}.command-at-rest>svg{width:1.0625rem;height:1.0625rem}.command-at-rest>button{place-items:center;width:2.75rem;height:2.75rem;margin:0;padding:0}.command-at-rest>button svg{stroke:var(--ink)}body:has(>.command-at-rest) .command-control,body:has(>.link-input)>.command-at-rest{display:none}.command-field{height:var(--control-size);gap:.9375rem;padding:0 .25rem 0 1.0625rem}.command-field>input{font-size:1.1875rem}.command-suggestions{position:absolute;left:-1px;right:calc(-1px - var(--control-size) - var(--control-gap));bottom:calc(100% + 1px + .875rem);display:flex;flex-direction:column-reverse;border:1px solid var(--rule);border-radius:.875rem;background:var(--paper);box-shadow:0 .75rem 2.5rem rgb(var(--shadow) / .14)}}.command-close{flex:none;display:grid;place-items:center;width:2.75rem;height:2.75rem;padding:0;border:none;border-radius:50%;background:var(--highlight);color:var(--ink);cursor:pointer}.command-field>.command-close svg{stroke:currentColor}.close-control{position:absolute;top:-1px;bottom:auto;left:calc(100% + .5rem)}.link-input{position:absolute;display:flex;align-items:center;gap:.90625rem;width:min(24.625rem,calc(100% - 2 * var(--gutter)));padding:.65rem 1.125rem}.link-input:has(>.close-control){width:min(24.625rem,calc(100% - 2 * var(--gutter) - 3.5rem))}.link-target{border-radius:2px;background:var(--held-selection)}.link-input>svg{flex:none;width:.75rem;height:.75rem;fill:none;stroke:currentColor;stroke-width:2.75;stroke-linecap:round;stroke-linejoin:round;color:var(--ink-quiet)}.link-input,.link-card{border-radius:.75rem;box-shadow:0 .5rem 1.5rem rgb(var(--shadow) / .1)}body:has(>.command-input) .command-control,body:has(>.link-input) :is(.command-control,.new-entry-control){display:none}.link-card{position:absolute;z-index:1;display:flex;align-items:center;gap:.625rem;width:min(25.125rem,calc(100% - 2 * var(--gutter)));padding:.5rem .5rem .5rem .9rem;border:1px solid var(--rule);background:var(--paper);font-size:.9375rem}.link-card a{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent);text-decoration:none}.link-card .touch-control{position:static;flex:none;width:2rem;height:2rem;background:none;box-shadow:none;color:var(--ink-quiet);cursor:pointer}.link-card .touch-control svg{width:.875rem;height:.875rem}.link-card [aria-label="Remove link"] svg{width:.75rem;height:.75rem;stroke-width:2.75}.failure{color:var(--ink-quiet);font-family:var(--mono);font-size:.9em}.failure[data-connection-failure]{position:sticky;top:0;z-index:1;padding-top:var(--safe-top);padding-bottom:.3em;background:var(--paper)}.stale-mark{position:fixed;top:var(--safe-top);right:calc(var(--gutter) + var(--safe-right));z-index:1}
