*,:before,:after{box-sizing:border-box;margin:0}:root{--bg:black;--fg:white;--note-selected-bg:#b9babb;background-color:var(--bg);color:var(--fg);font-size:10px;overflow-y:scroll}.lightmode{--bg:white;--fg:black;--note-selected-bg:#383838;background-color:var(--bg);color:var(--fg)}body{font-family:system-ui,sans-serif;font-size:1.6rem;line-height:1.5;position:relative}:focus-visible{outline:.2rem solid orange}h1,h2,h3{font-weight:400}h1{flex-direction:column;display:flex}@media screen and (width>=360px){h1{flex-direction:row}}h1{justify-content:center;align-items:center;gap:1.5rem;font-size:clamp(2rem,1.6348rem + 2.087vw,3.2rem);font-weight:400;line-height:1}h1 svg{width:inherit}button{all:unset;cursor:pointer}button:hover{opacity:.8}.theme-toggler{align-items:center;gap:1rem;padding:.5rem 1rem;display:flex;position:absolute;top:0;right:0}.theme-toggler button{color:#fff;background-color:#405cf5;border-radius:2rem;justify-content:flex-end;align-items:center;width:2.5rem;height:1.3rem;padding:2px;font-family:inherit;font-size:clamp(1.4rem,1.3391rem + .3478vw,1.6rem);display:flex}.theme-toggler button span{background-color:#fff;border-radius:50%;width:1.3rem;height:1.3rem}.theme-toggler p{color:currentColor;font-size:1.4rem;font-weight:600}.theme-toggler p.light{opacity:.75}.theme-toggler p.dark{opacity:1}.lightmode .theme-toggler button{justify-content:flex-start}.lightmode p.light{opacity:1}.lightmode p.dark{opacity:.5}.page-container{grid-template-rows:auto 1fr auto;height:100vh;display:grid}.page-header,.page-footer{text-align:center;border-style:solid;border-color:var(--fg);padding:4rem 2rem}.page-header{border-width:0 0 2px}.page-footer{border-width:2px 0 0}.page-footer a{color:var(--fg);text-decoration:none}.page-footer a:hover{text-decoration:underline}.page-footer a:after{content:" ⟶"}.skip-link{color:var(--body-txt);padding:.5rem 1rem;font-weight:600;text-decoration:none}.skip-link:after{content:" ↓"}.ql-editor p,.ql-editor.ql-blank:before{font-size:1.3em;font-weight:100}.pane{overflow-y:auto}.sidebar{width:20%;height:100vh}.sidebar--header{justify-content:space-between;align-items:center;padding:1rem;display:flex}.sidebar--items{padding-left:0;list-style:none}.new-note{color:#fff;background-color:#405cf5;border:none;border-radius:3px;place-items:center;width:3rem;height:3rem;font-family:inherit;font-size:clamp(1.4rem,1.3391rem + .3478vw,1.6rem);font-weight:600;display:grid}.first-note{color:#fff;background-color:#405cf5;border:none;border-radius:3px;padding:1rem}.editor{width:80%;height:100vh}.title{justify-content:space-between;align-items:center;width:100%;padding-inline-end:.5rem;display:flex;overflow:hidden}.title--delete{cursor:pointer;background-color:#0000;border:none;display:none}.title:hover .title--delete{display:block}.note-summary:not(:last-of-type){border-bottom:1px solid #d3d3d3}.text-snippet{white-space:nowrap;text-overflow:ellipsis;padding:1rem;font-family:inherit;font-size:clamp(1.4rem,1.3391rem + .3478vw,1.6rem);font-weight:400;line-height:1.2rem;overflow:hidden}.selected-note{background-color:var(--note-selected-bg);color:var(--bg)}.gutter{background-color:#eee;background-position:50%;background-repeat:no-repeat}.gutter.gutter-horizontal{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAeCAYAAADkftS9AAAAIklEQVQoU2M4c+bMfxAGAgYYmwGrIIiDjrELjpo5aiZeMwF+yNnOs5KSvgAAAABJRU5ErkJggg==)}.gutter.gutter-horizontal:hover{cursor:col-resize}.split{display:flex}.no-notes{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;display:flex}.no-notes h2{color:var(--fg);margin-bottom:1rem}.mde-preview .mde-preview-content pre,.react-mde-tabbed-layout,.mde-header,.mde-header *{background:var(--bg)!important}.mde-header *{color:var(--fg)}.mde-header .mde-tabs button{padding:.5rem 1rem}.mde-text{font-size:inherit;background-color:var(--bg);color:var(--fg);font-family:inherit}.mde-text:focus-visible{outline-offset:-1px}.element-invisible{clip:rect(1px, 1px, 1px, 1px);z-index:200;height:1px;position:absolute;top:0;left:0;overflow:hidden}.element-invisible.element-focusable:active,.element-invisible.element-focusable:focus{clip:auto;height:auto;overflow:visible}.visually-hidden{clip-path:inset(0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html,html:focus-within{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.warning{color:var(--clr-warning);font-weight:600}.hide{display:none}.mde-header{background:#f9f9f9;border-bottom:1px solid #c8ccd0;border-radius:2px 2px 0 0;flex-wrap:wrap;flex-shrink:0;align-items:stretch;display:flex}.mde-header .mde-tabs{flex-direction:row;display:flex}.mde-header .mde-tabs button{cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:2px;margin:6px 3px}.mde-header .mde-tabs button:first-child{margin-left:6px}.mde-header .mde-tabs button.selected{border:1px solid #c8ccd0}.mde-header .svg-icon{width:1em;height:1em;font-size:inherit;vertical-align:-.125em;display:inline-block;overflow:visible}.mde-header ul.mde-header-group{flex-wrap:nowrap;margin:0;padding:10px;list-style:none;display:flex}.mde-header ul.mde-header-group.hidden{visibility:hidden}.mde-header ul.mde-header-group li.mde-header-item{margin:0 4px;display:inline-block;position:relative}.mde-header ul.mde-header-group li.mde-header-item button{text-align:left;cursor:pointer;color:#242729;background:0 0;border:none;height:22px;margin:0;padding:4px}@keyframes tooltip-appear{0%{opacity:0}to{opacity:1}}.mde-header ul.mde-header-group li.mde-header-item button.tooltipped:hover:before{opacity:0;z-index:1000001;color:#000c;pointer-events:none;content:"";border:5px solid #0000;border-top-color:#000c;width:0;height:0;margin-right:-5px;animation-name:tooltip-appear;animation-duration:.2s;animation-delay:.5s;animation-fill-mode:forwards;position:absolute;top:-5px;bottom:auto;right:50%}.mde-header ul.mde-header-group li.mde-header-item button.tooltipped:hover:after{opacity:0;z-index:1000000;color:#fff;pointer-events:none;content:attr(aria-label);white-space:nowrap;background:#000c;border-radius:3px;margin-bottom:5px;padding:5px 8px;font-size:11px;animation-name:tooltip-appear;animation-duration:.2s;animation-delay:.5s;animation-fill-mode:forwards;position:absolute;bottom:100%;right:50%;transform:translate(50%)}.mde-textarea-wrapper{position:relative}.mde-textarea-wrapper textarea.mde-text{vertical-align:top;resize:vertical;border:0;width:100%;padding:10px;overflow-y:auto}.mde-preview .mde-preview-content{padding:10px}.mde-preview .mde-preview-content p,.mde-preview .mde-preview-content blockquote,.mde-preview .mde-preview-content ul,.mde-preview .mde-preview-content ol,.mde-preview .mde-preview-content dl,.mde-preview .mde-preview-content table,.mde-preview .mde-preview-content pre{margin-top:0;margin-bottom:16px}.mde-preview .mde-preview-content h1,.mde-preview .mde-preview-content h2,.mde-preview .mde-preview-content h3{border-bottom:1px solid #eee;margin-top:24px;margin-bottom:16px;padding-bottom:.3em;font-weight:600;line-height:1.25}.mde-preview .mde-preview-content h1{font-size:1.6em}.mde-preview .mde-preview-content h2{font-size:1.4em}.mde-preview .mde-preview-content h3{font-size:1.2em}.mde-preview .mde-preview-content ul,.mde-preview .mde-preview-content ol{padding-left:2em}.mde-preview .mde-preview-content blockquote{color:#777;border-left:.25em solid #ddd;margin-left:0;padding:0 1em}.mde-preview .mde-preview-content blockquote>:first-child{margin-top:0}.mde-preview .mde-preview-content blockquote>:last-child{margin-bottom:0}.mde-preview .mde-preview-content code{background-color:#0000000a;border-radius:3px;margin:0;padding:.2em 0;font-size:90%}.mde-preview .mde-preview-content code:before,.mde-preview .mde-preview-content code:after{letter-spacing:-.2em;content:" "}.mde-preview .mde-preview-content pre{background-color:#f7f7f7;border-radius:3px;padding:16px;font-size:85%;line-height:1.45;overflow:auto}.mde-preview .mde-preview-content pre code{line-height:inherit;word-wrap:normal;background-color:#0000;border:0;margin:0;padding:0;display:inline;overflow:visible}.mde-preview .mde-preview-content pre code:before,.mde-preview .mde-preview-content pre code:after{content:none}.mde-preview .mde-preview-content pre>code{word-break:normal;white-space:pre;background:0 0;border:0;margin:0;padding:0;font-size:100%}.mde-preview .mde-preview-content a{color:#4078c0;text-decoration:none}.mde-preview .mde-preview-content a:hover{text-decoration:underline}.mde-preview .mde-preview-content>:first-child{margin-top:0!important}.mde-preview .mde-preview-content>:last-child{margin-bottom:0!important}.mde-preview .mde-preview-content:after{clear:both;content:"";display:table}.mde-preview .mde-preview-content table{border-spacing:0;border-collapse:collapse;width:100%;display:block}.mde-preview .mde-preview-content table thead th{font-weight:700}.mde-preview .mde-preview-content table th,.mde-preview .mde-preview-content table td{border:1px solid #c8ccd0;padding:6px 13px}.react-mde{border:1px solid #c8ccd0;border-radius:2px}.react-mde *{box-sizing:border-box}.react-mde .invisible{display:none}.react-mde .image-tip{-webkit-user-select:none;user-select:none;color:gray;background-color:#f9f9f9;border-top:1px solid #c8ccd0;margin:0;padding:7px 10px;font-size:13px;line-height:16px;position:relative;display:flex!important}.react-mde .image-tip .image-input{opacity:.01;cursor:pointer;min-height:0;padding:5px;position:absolute;top:0;left:0;width:100%!important}ul.mde-suggestions{cursor:pointer;background:#fff;border:1px solid #c8ccd0;border-radius:3px;min-width:180px;margin:20px 0 0;padding:0;list-style:none;position:absolute;box-shadow:0 1px 5px #1b1f2326}ul.mde-suggestions li{border-bottom:1px solid #e1e4e8;padding:4px 8px}ul.mde-suggestions li:first-child{border-top-left-radius:2px;border-top-right-radius:2px}ul.mde-suggestions li:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}ul.mde-suggestions li:hover,ul.mde-suggestions li[aria-selected=true]{color:#fff;background-color:#0366d6}