:root{--bg:#fff;--text:#444;--muted:#8a8a8a;--heading:#222;--link:#3273dc;--rule:#e6e6e6;--note-line:#ddd;--code:#f2f2f2;--yellow:#fff6bf;--green:#e3f3e6;--blue:#e4eefb;--pink:#fbe7ea;--grey:#f1f1f1;--mark-yellow:#ffe680;--mark-green:#bde5c6;--mark-blue:#c3d9f6;--mark-pink:#f5c6cf;--mark-grey:#dcdcdc;--focus:#3273dc;--danger:#b3261e;--select:rgba(50,115,220,.22);box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#01242e;--text:#ddd;--muted:#8aa3ab;--heading:#eee;--link:#8cc2dd;--rule:#0f3a46;--note-line:#1a4a57;--code:#0b3542;--yellow:#2c3a24;--green:#0c3a33;--blue:#0d3350;--pink:#3a2439;--grey:#0a3440;--mark-yellow:#6b6424;--mark-green:#1d6155;--mark-blue:#1e5580;--mark-pink:#6a3d66;--mark-grey:#2a5663;--focus:#8cc2dd;--danger:#f2a39d;--select:rgba(140,194,221,.25)}}:root[data-theme=dark]{--bg:#01242e;--text:#ddd;--muted:#8aa3ab;--heading:#eee;--link:#8cc2dd;--rule:#0f3a46;--note-line:#1a4a57;--code:#0b3542;--yellow:#2c3a24;--green:#0c3a33;--blue:#0d3350;--pink:#3a2439;--grey:#0a3440;--mark-yellow:#6b6424;--mark-green:#1d6155;--mark-blue:#1e5580;--mark-pink:#6a3d66;--mark-grey:#2a5663;--focus:#8cc2dd;--danger:#f2a39d;--select:rgba(140,194,221,.25)}*,:before,:after{box-sizing:inherit}html{scroll-padding-top:env(safe-area-inset-top,0px)}body{background:var(--bg);max-width:760px;color:var(--text);word-wrap:break-word;margin:0 auto;padding:20px;font-family:Verdana,DejaVu Sans,Geneva,sans-serif;font-size:15px;line-height:1.6}a{color:var(--link)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px}h1,h2,h3{color:var(--heading);font-family:inherit}input,textarea,button{font:inherit;color:inherit}::placeholder{color:var(--muted);opacity:1}.link{cursor:pointer;color:var(--link);background:0 0;border:0;padding:0;text-decoration:underline}.link[aria-pressed=true],.link[aria-current=page]{color:var(--text);font-weight:700;text-decoration:none}.link.danger{color:var(--danger)}header{margin:8px 0 28px}header h1{margin:0 0 6px;font-size:1.5em}header h1 a{color:var(--heading);text-decoration:none}.top{flex-wrap:wrap;align-items:baseline;gap:0 14px;display:flex}.device{color:var(--muted);text-align:right;margin:0 0 6px auto;font-size:.85em}.realms{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}.link.add{padding:0 2px;text-decoration:none}.text-field{font:inherit;color:var(--text);appearance:none;caret-color:var(--heading);field-sizing:content;background:0 0;border:1px solid transparent;border-radius:3px;outline:none;min-width:2em;max-width:100%;margin:0;padding:2px 8px}.text-field:focus{border-color:var(--note-line);outline:none}.text-field:focus-visible{border-color:var(--note-line);outline:none}.text-field::selection{background:var(--select)}.realm-input[data-realm-input=rename]{font-weight:700}nav{flex-wrap:wrap;align-items:baseline;gap:4px 14px;display:flex}nav .search{margin-left:auto}@supports not (field-sizing:content){.realm-input{width:6em}nav .search{width:9em}}.md-field{line-height:1.7;position:relative}.md-mirror,.md-input{font:inherit;line-height:inherit;letter-spacing:inherit;tab-size:4;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;border:0;margin:0;padding:0}.md-mirror{min-height:5.1em;color:var(--text)}.md-input{resize:none;color:transparent;width:100%;height:100%;caret-color:var(--heading);background:0 0;outline:none;position:absolute;inset:0;overflow:hidden}.md-input::placeholder{color:var(--muted)}.md-input::selection{color:transparent;background:var(--select)}.t-title{color:var(--heading);background:linear-gradient(transparent 58%, var(--mark,var(--rule)) 58%)}.t-h,.t-b{color:var(--heading)}.t-box{color:var(--muted)}.t-box.on{color:var(--link)}.t-done{color:var(--muted);text-decoration:line-through}.t-tag,.t-url{color:var(--link)}.t-code{background:var(--code)}.t-quote{color:var(--muted)}.t-mark{color:var(--muted);background:0 0}[data-color=yellow]{--mark:var(--mark-yellow)}[data-color=green]{--mark:var(--mark-green)}[data-color=blue]{--mark:var(--mark-blue)}[data-color=pink]{--mark:var(--mark-pink)}[data-color=grey]{--mark:var(--mark-grey)}.composer-open{text-align:left;cursor:text;color:var(--muted);background:0 0;border:0;margin:0 0 20px;padding:8px 0;display:block}.composer-open:hover{text-decoration:underline}.composer{border:1px solid var(--note-line);border-radius:3px;margin:0 0 24px;padding:12px 14px 10px}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;margin-top:10px;display:flex}.actions{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.labels{flex-wrap:wrap;gap:4px 14px;margin:0 0 8px;display:flex}h2{color:var(--muted);margin:26px 0 10px;font-size:1em;font-weight:400}.empty{color:var(--muted);margin:26px 0}.trash-bar{color:var(--muted);margin:0 0 16px}.view-bar{align-items:baseline;gap:14px;margin:0 0 16px;display:flex}.view-bar strong{color:var(--heading)}.open-bar{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:4px 0 0;font-size:.85em;display:flex}.grid{columns:3 210px;column-gap:18px}.note{break-inside:avoid;border:1px solid var(--note-line);background:var(--bg);border-radius:3px;margin:0 0 18px;padding:12px 14px}.grid .note{cursor:pointer}.grid:not(.trash)>.note:not(.editor){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.note.dragging{opacity:.35}.note.drop-before{box-shadow:0 -5px 0 -2px var(--focus)}.note.drop-after{box-shadow:0 5px 0 -2px var(--focus)}.drag-ghost{z-index:30;pointer-events:none;margin:0;position:fixed;rotate:1deg;box-shadow:0 8px 20px rgba(0,0,0,.18)}body.dragging-note,body.dragging-note *{cursor:grabbing!important}.trash .note{cursor:default}.note[data-color=yellow]{background:var(--yellow);border-color:transparent}.note[data-color=green]{background:var(--green);border-color:transparent}.note[data-color=blue]{background:var(--blue);border-color:transparent}.note[data-color=pink]{background:var(--pink);border-color:transparent}.note[data-color=grey]{background:var(--grey);border-color:transparent}.note h3{margin:0 0 4px;font-size:1em}.note h3 a{color:var(--heading);text-decoration:none}.note h3 a:hover{text-decoration:underline}.note p,.note blockquote{margin:0 0 8px}.note>:last-child{margin-bottom:0}.note .md-h{color:var(--heading);margin:10px 0 2px;font-weight:700}.note blockquote{border-left:2px solid var(--note-line);color:var(--muted);padding-left:10px}.note code{background:var(--code);border-radius:2px;padding:0 3px;font-family:inherit}.note ul{margin:2px 0 8px;padding:0 0 0 1.2em}.note ul.check{padding:0;list-style:none}.note li label{cursor:pointer;align-items:baseline;gap:8px;display:inline-flex}input[type=checkbox]{accent-color:var(--link);margin:0}.note li input:checked+span{color:var(--muted);text-decoration:line-through}.note .tagline{margin:10px 0 0;font-size:.8em}.note .tagline+footer{margin-top:4px}.note footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px;margin-top:10px;font-size:.8em;display:flex}.grid .note.editor{column-span:all;cursor:auto;margin:4px 0 24px;padding:22px 26px}.editor.enter{animation:.16s ease-out open}@keyframes open{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.editor.enter{animation:none}}.note.editor .meta{color:var(--muted);margin:0 0 14px;font-size:.9em;font-style:italic}.editor .md{font-size:1.05em}.ed-foot{margin-top:30px;font-size:.9em}.ed-foot .row{margin-top:8px}.hint{color:var(--muted);margin:12px 0 0;font-size:.85em}.swatches{gap:8px;margin-top:12px;display:flex}.swatch{border:1px solid var(--muted);background:var(--bg);cursor:pointer;border-radius:50%;width:16px;height:16px;padding:0}.swatch[data-c=yellow]{background:var(--mark-yellow)}.swatch[data-c=green]{background:var(--mark-green)}.swatch[data-c=blue]{background:var(--mark-blue)}.swatch[data-c=pink]{background:var(--mark-pink)}.swatch[data-c=grey]{background:var(--mark-grey)}.swatch[aria-pressed=true]{border-color:var(--heading);box-shadow:0 0 0 1px var(--heading)}.hint code,.composer .hint code{background:var(--code);border-radius:2px;padding:0 3px;font-family:inherit}.rendered{cursor:text;font-size:1.05em}.rendered:focus-visible{outline:1px dashed var(--muted);outline-offset:6px}.rendered .r-title{margin:0 0 4px;font-size:1.6em;line-height:1.3}.rendered .r-title span{-webkit-box-decoration-break:clone;box-decoration-break:clone;background:linear-gradient(transparent 60%, var(--mark,transparent) 60%);margin-left:-3px;padding:0 3px}.note.editor .rendered .meta{margin-bottom:20px}.rendered p,.rendered blockquote{margin:0 0 12px}.rendered ul{margin:4px 0 12px}.rendered ul.check li{align-items:baseline;gap:8px;padding:1px 0;display:flex}.rendered ul.check li span{cursor:text}.rendered .tagline{margin-top:16px;font-size:.85em}.rendered .r-empty{color:var(--muted)}.toast{left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 20px);background:var(--heading);color:var(--bg);z-index:20;border-radius:3px;align-items:baseline;gap:14px;padding:8px 16px;font-size:.9em;display:flex;position:fixed;transform:translate(-50%)}.toast .link{color:var(--bg)}.toast[hidden]{display:none}.problem{border:1px solid var(--danger);max-width:46em;color:var(--danger);border-radius:3px;margin:0 0 16px;padding:8px 12px}.page-foot{color:var(--muted);margin-top:40px;font-size:.85em}.profile{max-width:34em}.panel{border:1px solid var(--note-line);border-radius:3px;padding:12px 14px}.panel p{margin:0 0 8px}.panel>:last-child,.panel form>:last-child{margin-bottom:0}.facts{grid-template-columns:max-content 1fr;gap:4px 18px;margin:0 0 10px;display:grid}.facts dt{color:var(--muted)}.facts dd{margin:0}.account-form{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.account-form p{margin:0}.account-form .text-field{border-color:var(--note-line);field-sizing:fixed;width:100%;max-width:22em;padding:5px 8px}.account-form .text-field:focus{border-color:var(--focus)}.account-form .actions{margin-top:2px}.account-error{color:var(--danger)}.account-hint{color:var(--muted);font-size:.85em}.recovery-key{border-top:1px solid var(--rule);margin-top:12px;padding-top:10px}.recovery-key code{color:var(--heading);background:var(--code);-webkit-user-select:all;user-select:all;border-radius:3px;margin:0 0 8px;padding:8px 10px;font-family:inherit;font-size:1.05em;display:block}@media (width<=520px){body{padding:16px}nav .search{field-sizing:fixed;width:100%;margin-top:6px;margin-left:0}.grid{columns:2 140px;column-gap:12px}.note{margin-bottom:12px;padding:10px 12px}.grid .note.editor{margin-bottom:16px;padding:16px}.rendered .r-title{font-size:1.35em}}