body{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}.app{height:100vh;width:100vw;display:flex}.app-sidebar{padding:1em}.app-sidebar button{display:block}.note-list{width:300px}.note-list-item{padding:1em;user-select:none}.note-list-item-title{font-weight:800}.note-list-item-summary{font-style:oblique;font-weight:100;opacity:.6;margin-top:.3em}.note-list-item.selected,.note-list-item:hover{background-color:#000;color:#fff;cursor:pointer}.note-input-form{display:flex;flex-direction:column;flex:1}.note-input-form-tagbar,.note-input-form-topbar{display:flex}.note-input-form-tagbar-tags,.note-input-form-title{flex:1}.note-input-form-body{resize:none;flex:1}.note-input-form-save-button.dirty{background-color:red;color:#fff}.context-menu{background:grey;color:#000;padding:1em}.context-menu ul{margin:0;padding:0}.context-menu ul li{margin:0}.tag-list>ul{padding:0}.tag-list>ul ul{padding-left:1em}.editor{height:100%;display:flex;flex-direction:column}.editor .CodeMirror,.editor .CodeMirror-scroll{flex:1}