.notes-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:1.5rem}.heading-actions{display:flex;align-items:center;gap:1rem}.view-switch{display:flex;padding:.2rem;border:1px solid #e2e2de;border-radius:9px;background:#fff}.view-switch a{display:grid;place-items:center;width:34px;height:30px;border-radius:6px;color:#777980;text-decoration:none}.view-switch a.active{color:#fff;background:#5856d6}.note-list-panel{overflow:hidden;border:1px solid #e3e3df;border-radius:14px;background:#fff}.note-list-head,.note-list-row{display:grid;grid-template-columns:minmax(240px,1fr) 180px 180px 28px;align-items:center;column-gap:1rem}.note-list-head{padding:.75rem 1.25rem;color:#85868d;background:#f6f6f3;border-bottom:1px solid #e6e6e1;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.note-list-scroll{max-height:900px;overflow-y:auto;scrollbar-gutter:stable}.note-list-row{height:60px;padding:0 1.25rem;color:#3b3c42;text-decoration:none;border-bottom:1px solid #eeeeea;transition:.15s}.note-list-row:last-child{border-bottom:0}.note-list-row:hover{background:#f8f8ff}.note-list-row.selected{background:#efefff;box-shadow:inset 3px 0 #5856d6}.note-list-title{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:.45rem;min-width:0}.note-list-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-list-title small{grid-column:3;color:#94959b;font-size:.7rem}.note-list-row time{font-size:.78rem;color:#777980}.note-list-row>i{color:#aaaab1}.selected-preview{margin-top:1.5rem;overflow:hidden;border:1px solid #e3e3df;border-radius:14px;background:#fff}.selected-preview>header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;border-bottom:1px solid #e9e9e4}.selected-preview>header span{font-size:.66rem;font-weight:700;letter-spacing:.14em;color:#8d8e95}.selected-preview>header h3{margin:.25rem 0 0;font:700 1.5rem 'Playfair Display',serif}.selected-preview>header small{color:#85868d}.selected-preview-body{min-height:220px;max-height:460px;overflow:auto;padding:1.75rem 2rem;font:16px/1.7 Georgia,serif}.selected-preview-body img{max-width:100%;height:auto}.selected-preview>footer{display:flex;justify-content:flex-end;padding:1rem 1.5rem;background:#fafaf7;border-top:1px solid #e9e9e4}.compact-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.mosaic-card>a{display:flex;align-items:center;min-height:130px}.mosaic-icon{display:grid;place-items:center;width:72px;align-self:stretch;flex:none;background:#f4f3ff;color:#5856d6;font-size:1.5rem}.mosaic-card .note-meta{flex:1;border:0;min-width:0}.mosaic-card .note-meta time{font-size:.68rem;color:#929399}.mosaic-card .favorite-form{bottom:auto;top:.75rem}
@media(max-width:900px){.note-list-head,.note-list-row{grid-template-columns:minmax(180px,1fr) 145px 28px}.note-list-head span:nth-child(2),.note-list-row time:nth-child(2){display:none}}
@media(max-width:600px){.notes-heading{align-items:flex-start}.heading-actions{flex-direction:column-reverse;align-items:flex-end;gap:.45rem}.note-list-head,.note-list-row{grid-template-columns:minmax(0,1fr) 28px}.note-list-head span:nth-child(3),.note-list-row time{display:none}.note-list-scroll{max-height:780px}.selected-preview-body{padding:1.25rem}.selected-preview>header{display:block}.selected-preview>header small{display:block;margin-top:.4rem}}
.note-list-scroll{max-height:480px}.note-list-head>span{display:flex;align-items:center;gap:.4rem}.note-sort{display:inline-flex;gap:.1rem}.note-sort a{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;color:#9a9ba2;text-decoration:none;font-size:.8rem}.note-sort a:hover,.note-sort a.active{background:#e7e7f5;color:#5856d6}
.selected-preview>footer{gap:.65rem}.selected-preview>footer form{margin:0}
.note-preview-delete{display:grid;place-items:center;width:38px;height:38px;padding:0}