*{box-sizing:border-box}body{margin:0;padding:0;font-family:Karla,sans-serif;background-image:url(/Images/7892734.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:indigo}.editor{width:80%;height:100vh;background-color:#fff;padding:20px;border-left:1px solid #e0e0e0;box-shadow:0 2px 10px #0000001a;display:flex;flex-direction:column}.editor h1{font-size:2rem;color:plum;margin-bottom:10px}.editor h2{font-size:1.5rem;color:#6a5acd;margin-bottom:8px}.editor p{font-size:1rem;line-height:1.6;color:#333;margin-bottom:15px}.editor textarea{resize:none;width:100%;height:100%;padding:10px;border:1px solid #ccc;border-radius:5px;font-family:Karla,sans-serif;font-size:1rem;color:#333;background-color:#fff;box-shadow:inset 0 1px 3px #0000001a}.editor textarea:focus{outline:none;border-color:plum;box-shadow:0 0 5px #dda0dd80}button:focus{outline:none}.ql-editor p,.ql-editor.ql-blank:before{font-size:1.3em;font-weight:100}.pane{overflow-y:auto}.sidebar{width:20%;height:100vh;background-color:#ffffffe6;border-right:1px solid #ccc}.sidebar--header{display:flex;justify-content:space-between;align-items:center;padding:1em}.sidebar--header>h3{font-size:1.75rem;color:#6a5acd}.new-note{cursor:pointer;background-color:plum;border:none;color:#fff;border-radius:5px;padding:.5rem 1rem;transition:background .3s}.new-note:hover{background-color:#cda0cc}.first-note{cursor:pointer;background-color:plum;border:none;color:#fff;border-radius:5px;padding:1rem}.title{overflow:hidden;width:100%;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:5px;transition:background .3s}.title:hover{background-color:#dda0dd80}.note-summary:not(:last-of-type){border-bottom:1px solid lightgray}.text-snippet{padding-inline:5px;font-size:.9rem;font-weight:400;line-height:1.5rem;color:#4a4e74;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-note{background-color:#6a5acd}.selected-note .text-snippet{color:#fff;font-weight:700}.no-notes{width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f8f8ff;color:plum}.delete-btn{display:none;background:none;border:none;cursor:pointer}.title:hover>.delete-btn{display:block}.trash-icon{cursor:pointer;color:red;transition:color .3s}.title:hover>.delete-btn:hover .trash-icon{color:#8b0000}.gg-trash{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:12px;border:2px solid transparent;margin-top:4px}.gg-trash:after,.gg-trash:before{content:"";display:block;box-sizing:border-box;position:absolute}.gg-trash:after{background:currentColor;border-radius:3px;width:16px;height:2px;top:-4px;left:-5px}.gg-trash:before{width:10px;height:4px;border:2px solid;border-bottom:transparent;border-top-left-radius:2px;border-top-right-radius:2px;top:-7px;left:-2px}.gutter{background-color:#eee;background-repeat:no-repeat;background-position:50%}.gutter.gutter-horizontal{background-image:url(data:image/png;base64,...)}.gutter.gutter-horizontal:hover{cursor:col-resize}.split{display:flex}.avatar{width:50px;height:50px;border-radius:50%;border:2px solid #ddd;padding:5px;box-shadow:0 4px 8px #0000001a;object-fit:cover;margin-right:10px;vertical-align:middle}