.bottom{grid-template-columns:repeat(7,minmax(0,1fr))}
.shell:has(.notes-content){max-width:1200px}
.notes-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 16px}.notes-heading h2{font-size:1.1rem;margin:0}.notes-heading h2>span{font-size:.8rem;font-weight:400;margin-left:6px;color:#997b70}.note-add{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border-radius:12px;font-size:.9rem}.note-add svg{width:18px;height:18px}
.notes-heading{position:sticky;top:0;z-index:2;background:#fff8f5f5;padding:8px 0;backdrop-filter:blur(5px)}.note-editor{grid-column:1/-1}.note-editor textarea{font-size:1rem}#modal:has(.note-editor){max-width:740px}
.notes-board{display:grid;grid-template-columns:1fr;gap:12px;align-items:start;padding-bottom:20px}.note-card{min-width:0;background:#fffdfb;border:1px solid #e9dcd4;border-radius:8px;box-shadow:0 2px 5px #805a4714;overflow:hidden}.note-open{display:block;width:100%;min-height:90px;background:transparent;text-align:left;padding:16px 16px 8px;border-radius:0;font-weight:400}.note-title{display:block;font-size:1rem;font-weight:650;line-height:1.5;margin-bottom:8px;overflow-wrap:anywhere}.note-body{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere;font-size:.94rem;line-height:1.7;color:#68534b}.note-card footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px 6px 16px}.note-card time{font-size:.65rem;color:#9c8275}.note-card footer>div{display:flex;gap:2px}.note-tool{width:40px;min-height:40px;padding:10px;background:transparent;border-radius:8px;color:#987369}.note-tool svg{display:block;width:18px;height:18px}.note-delete{color:#b25764}.note-tool:hover{background:#faebe2}.notes-empty{border:1px dashed #e3c9ba;border-radius:8px;padding:36px 20px;text-align:center;color:#91746b;font-size:.9rem}.note-editor textarea{min-height:220px;line-height:1.7;resize:vertical}.note-confirm-actions{display:flex;justify-content:flex-end;gap:8px}
.event-option{position:relative;padding-bottom:25px}.event-storage-size{position:absolute;right:12px;bottom:6px;color:#987a6f;font-size:.7rem;line-height:1.2;font-weight:400;pointer-events:auto}
@media(min-width:650px){.notes-board{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px) and (min-height:551px){.notes-board{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(orientation:landscape) and (max-height:550px){.notes-heading{margin-bottom:8px}.note-add{min-height:34px;font-size:.8rem;padding:6px 12px}.notes-board{gap:10px}.note-open{padding:12px 14px 6px}.note-editor textarea{min-height:110px}.bottom button{min-height:38px}.event-storage-size{font-size:.68rem}}