:root{--primary-color: #5d4037;--light-primary-color: #8b6b61;--dark-primary-color: #321911;--secondary-color: #2196f3;--light-secondary-color: #6ec6ff;--dark-secondary-color: #0069c0;--primary-background-color: #ffffff;--primary-text-color: #212121;--primary-text-color-on-dark: #ffffff;--secondary-background-color: #eee;--secondary-text-color: #737373;--secondary-text-color-on-dark: #bcbcbc;--disabled-text-color: #9b9b9b;--divider-color: #dbdbdb;--error-color: #ff6500}body{margin:0}.sync-state{position:fixed;right:0;bottom:0}.not-found{margin:0;padding:8px 16px}.toolbar{background:var(--primary-color);box-shadow:0 3px 3px var(--divider-color);box-sizing:border-box;color:var(--primary-text-color-on-dark);height:56px;line-height:24px;padding:0 16px;position:sticky;top:0;width:100%;display:flex;justify-content:space-between;align-items:center}.toolbar-title{overflow:hidden}.toolbar-title>*{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar h1{margin:0;font-size:20px}.toolbar .sub{font-size:small}.toolbar-actions{flex-shrink:0}.toolbar [popover]{margin:0;padding:0;inset:52px 8px auto auto;border:none;box-shadow:0 3px 3px var(--divider-color)}.toolbar [popover] button{display:block;width:100%;border:none;background:none;text-align:start;padding:16px}.toolbar [popover] button:hover{background:#0000001a}.settings h1{margin:0 0 8px;font-size:20px}.settings .field{display:flex;flex-direction:column;margin-bottom:1em}.settings .hint{font-size:small}.notes-list header{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center}.notes-list h1{margin:0 0 8px;font-size:20px}.notes-list ul{margin:0;padding:0;list-style-type:none}.note-item:not(:last-child){border-bottom:1px solid var(--divider-color)}.note-item a{color:var(--primary-text-color);display:block;padding:8px 16px;text-decoration:none}.note-item a:hover,.note-item a:active{background:#0000001a}.note-item .path{color:var(--secondary-text-color);font-size:small}.note-details .content{padding:8px 16px}.note-metadata{margin:0 0 16px;padding:8px 0;color:var(--secondary-text-color);font-size:12px}.note-metadata dt{display:inline}.note-metadata dd{margin:0;display:inline}.note-metadata dd:not(:last-child):after{content:" | "}.note-edit{display:flex;flex-direction:column;min-height:100vh}.note-edit .fields{flex:1;display:flex;flex-direction:column}.note-edit label{display:flex;align-items:center}.note-edit input{flex:1}.note-edit .editor{flex:1;position:relative}.note-edit .editor .cm-editor{position:absolute!important;inset:0}.note-markdown table{border-collapse:collapse;margin:16px 0}.note-markdown tr:nth-child(2n){background-color:var(--secondary-background-color)}.note-markdown th,.note-markdown td{padding:6px 12px;border:1px solid var(--divider-color)}.icon-button{border:none;background:none;color:inherit;padding:0;height:48px;width:48px}.icon-button:hover{background:#0000001a}