.content-area[data-v-fca9d4d4]{min-width:0}.content-area[data-v-fca9d4d4],.main-content[data-v-fca9d4d4]{display:flex;flex:1;overflow:hidden}.main-content[data-v-fca9d4d4],.sidebar[data-v-fca9d4d4]{flex-direction:column}.sidebar[data-v-fca9d4d4]{background:#fff;border-right:1px solid #f0f0f0;box-shadow:1px 0 2px #00000005;display:flex;flex-shrink:0;height:100%;overflow-y:auto;padding:16px 20px;transition:width .3s ease,padding .3s ease;width:280px}.sidebar.collapsed[data-v-fca9d4d4]{padding:16px 8px;width:60px}.sidebar[data-v-fca9d4d4]::-webkit-scrollbar{width:6px}.sidebar[data-v-fca9d4d4]::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.sidebar[data-v-fca9d4d4]::-webkit-scrollbar-thumb{background:#80397b;border-radius:3px}.sidebar[data-v-fca9d4d4]::-webkit-scrollbar-thumb:hover{background:#6b2e66}.sidebar-header[data-v-fca9d4d4]{align-items:center;display:flex;gap:12px;margin-bottom:20px}.sidebar-title[data-v-fca9d4d4]{border-left:2px solid #80397b;color:#333;font-size:14px;font-weight:500;margin:0;padding-left:6px}.sidebar.collapsed .sidebar-title[data-v-fca9d4d4]{display:none}.new-note-btn[data-v-fca9d4d4]{background:#80397b;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:500;margin-left:auto;padding:4px 10px;transition:background .2s ease}.new-note-btn[data-v-fca9d4d4]:hover{background:#6b2e66}.sidebar-section[data-v-fca9d4d4]{display:flex;flex-direction:column;margin-bottom:20px}.sidebar-divider[data-v-fca9d4d4]{background:#e0e0e0;border:none;height:1px;margin:15px 0}.tags-section[data-v-fca9d4d4]{flex:1;min-height:0;overflow:hidden}.collapse-btn[data-v-fca9d4d4]{align-items:center;background:#f0f0f0;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;height:32px;justify-content:center;transition:all .2s ease;width:32px}.collapse-btn[data-v-fca9d4d4]:hover{background:#e0e0e0;color:#80397b}.collapse-icon[data-v-fca9d4d4]{color:#666;font-size:18px;font-weight:700;transition:transform .3s ease}.collapse-icon.rotated[data-v-fca9d4d4]{transform:rotate(180deg)}.desktop-only[data-v-fca9d4d4]{display:flex}.mobile-sidebar-close[data-v-fca9d4d4]{display:none}.folder-list[data-v-fca9d4d4]{max-height:40vh;overflow-y:auto;padding:4px 0}.folder-item[data-v-fca9d4d4]{align-items:center;border-radius:4px;color:#555;cursor:pointer;display:flex;font-size:13px;font-weight:400;margin:2px 0;padding:8px 12px;position:relative;transition:all .15s ease}.folder-item[data-v-fca9d4d4]:hover{background:#f8f9fa;color:#333}.folder-item.active[data-v-fca9d4d4]{background:#80397b;color:#fff;font-weight:500}.title-with-clear[data-v-fca9d4d4]{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.clear-tags-btn[data-v-fca9d4d4]{align-items:center;background:#f0f0f0;border:none;color:#666;cursor:pointer;display:flex;font-size:12px;transition:all .2s ease}.clear-tags-btn[data-v-fca9d4d4]:hover{background:#e0e0e0;color:#80397b}.tags-list[data-v-fca9d4d4]{display:flex;flex-wrap:wrap;gap:8px;max-height:100%;min-height:0;overflow-y:auto;padding:5px}.tag-item[data-v-fca9d4d4]{background:#f0f0f0;color:#666;cursor:pointer;font-size:12px;padding:2px 8px;transition:all .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tag-item[data-v-fca9d4d4]:hover{background:#e0e0e0;color:#80397b}.tag-item.active[data-v-fca9d4d4]{background:#80397b;color:#fff}.note-list[data-v-fca9d4d4]{background:#fff;border-right:2px solid #e0e0e0;box-shadow:2px 0 4px #0000000d;display:none;flex-shrink:0;overflow-y:auto;padding:4px;scrollbar-color:#80397b #f0f0f0;scrollbar-width:thin;width:280px}.note-list.active[data-v-fca9d4d4]{display:block}.note-list[data-v-fca9d4d4]::-webkit-scrollbar{width:6px}.note-list[data-v-fca9d4d4]::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.note-list[data-v-fca9d4d4]::-webkit-scrollbar-thumb{background:#80397b;border-radius:3px}.note-item[data-v-fca9d4d4]{border-left:3px solid transparent;border-radius:6px;color:#666;cursor:pointer;font-size:14px;margin:4px 0;overflow:hidden;padding:12px 16px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.note-item[data-v-fca9d4d4]:hover{background:#f5f5f5;border-left-color:#80397b;color:#80397b}.note-item.active[data-v-fca9d4d4]{background:#80397b;border-left-color:#6b2e66;color:#fff;font-weight:500}.search-bar-wrap[data-v-fca9d4d4]{flex-shrink:0;gap:12px;padding:12px 20px 0}.search-bar[data-v-fca9d4d4],.search-bar-wrap[data-v-fca9d4d4]{align-items:center;display:flex}.search-bar[data-v-fca9d4d4]{background:#fff;border:1px solid #e8e8e8;border-radius:8px;flex:1;padding:0 10px;transition:border-color .2s}.search-bar[data-v-fca9d4d4]:focus-within{border-color:#80397b}.search-icon[data-v-fca9d4d4]{color:#aaa;flex-shrink:0;height:16px;width:16px}.search-input[data-v-fca9d4d4]{background:transparent;border:none;color:#333;flex:1;font-size:13px;outline:none;padding:8px}.search-input[data-v-fca9d4d4]::-moz-placeholder{color:#bbb}.search-input[data-v-fca9d4d4]::placeholder{color:#bbb}.search-clear[data-v-fca9d4d4]{background:none;border:none;color:#aaa;cursor:pointer;font-size:13px;line-height:1;padding:4px;transition:color .15s}.search-clear[data-v-fca9d4d4]:hover{color:#555}.search-count[data-v-fca9d4d4]{color:#999;flex-shrink:0;font-size:12px;white-space:nowrap}.notes-list[data-v-fca9d4d4]{flex:1;overflow-y:auto;padding:20px 30px;scrollbar-color:#80397b #f0f0f0;scrollbar-width:thin}.notes-list[data-v-fca9d4d4]::-webkit-scrollbar{width:6px}.notes-list[data-v-fca9d4d4]::-webkit-scrollbar-track{background:#f0f0f0;border-radius:3px}.notes-list[data-v-fca9d4d4]::-webkit-scrollbar-thumb{background:#80397b;border-radius:3px}.notes-list[data-v-fca9d4d4]::-webkit-scrollbar-thumb:hover{background:#6b2e66}.note-card[data-v-fca9d4d4]{background:#fff;border:1px solid #e0e0e0;border-left:4px solid #80397b;border-radius:8px;box-shadow:0 2px 4px #0000000f;cursor:pointer;margin-bottom:15px;padding:20px;transition:transform .2s ease,box-shadow .2s ease}.note-card[data-v-fca9d4d4]:hover{box-shadow:0 4px 12px #0000001a;transform:translate(-6px)}.note-card-content[data-v-fca9d4d4]{display:flex;gap:20px}.note-text-content[data-v-fca9d4d4]{flex:1;min-width:0}.note-header[data-v-fca9d4d4]{display:flex;justify-content:space-between;margin-bottom:12px}.note-title[data-v-fca9d4d4]{color:#333;font-size:18px;font-weight:600}.note-date[data-v-fca9d4d4]{color:#666;flex-shrink:0;font-size:12px;margin-left:8px}.note-content[data-v-fca9d4d4]{color:#444;line-height:1.6;margin-bottom:15px}.note-image[data-v-fca9d4d4]{border-radius:4px;flex-shrink:0;height:120px;overflow:hidden}.note-image img[data-v-fca9d4d4]{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.note-tag[data-v-fca9d4d4]{background:#f0f0f0;border-radius:4px;display:inline-block;font-size:12px;margin-right:6px;padding:3px 8px}.load-sentinel[data-v-fca9d4d4]{display:flex;justify-content:center;padding:16px 0}.loading-more[data-v-fca9d4d4]{align-items:center;color:#999;display:flex;font-size:13px;gap:8px}.loading-more-spinner[data-v-fca9d4d4]{animation:spin-fca9d4d4 .8s linear infinite;border:2px solid #f0f0f0;border-radius:50%;border-top-color:#80397b;height:18px;width:18px}.empty-state[data-v-fca9d4d4]{color:#aaa;padding:40px 20px;text-align:center}.empty-icon[data-v-fca9d4d4]{height:40px;margin:0 auto 12px;width:40px}.empty-state p[data-v-fca9d4d4]{font-size:14px}.loading[data-v-fca9d4d4]{color:#666;padding:20px;text-align:center}.error[data-v-fca9d4d4]{color:#dc3545;padding:20px}.editor-container[data-v-fca9d4d4]{background:#fff;border-left:2px solid #e0e0e0;box-shadow:-2px 0 4px #0000000d;display:flex;flex:1;flex-direction:column;height:100%}.note-controls[data-v-fca9d4d4]{align-items:center;background:#fff;border-bottom:1px solid #e8e8e8;display:flex;flex-shrink:0;gap:8px;padding:8px 12px}.note-title-input[data-v-fca9d4d4]{background:transparent;border:none;border-radius:4px;color:#222;flex:1;font-size:16px;font-weight:600;min-width:0;outline:none;padding:4px 8px;transition:background .15s}.note-title-input[data-v-fca9d4d4]:hover{background:#f5f5f5}.note-title-input[data-v-fca9d4d4]:focus{background:#f0eef8}.note-title-input[data-v-fca9d4d4]::-moz-placeholder{color:#bbb;font-weight:400}.note-title-input[data-v-fca9d4d4]::placeholder{color:#bbb;font-weight:400}.save-status[data-v-fca9d4d4]{border-radius:10px;flex-shrink:0;font-size:12px;padding:3px 8px;transition:all .2s;white-space:nowrap}.save-status.saved[data-v-fca9d4d4]{background:#f1f8f1;color:#4caf50}.save-status.unsaved[data-v-fca9d4d4]{background:#fff8f0;color:#f57c00}.save-status.saving[data-v-fca9d4d4]{background:#f5f5f5;color:#999}#vditor[data-v-fca9d4d4]{background:#fff;flex:1}.return-button[data-v-fca9d4d4]{background:#f0f0f0;border:none;border-radius:6px;color:#666;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:6px 14px;transition:all .2s ease}.return-button[data-v-fca9d4d4]:hover{background:#e0e0e0;color:#333}.save-button[data-v-fca9d4d4]{background:#80397b;border:none;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:13px;font-weight:500;padding:6px 16px;transition:background .2s ease}.save-button[data-v-fca9d4d4]:hover{background:#6b2e66}.save-button[data-v-fca9d4d4]:disabled{cursor:not-allowed;opacity:.6}.tag-strip[data-v-fca9d4d4]{align-items:center;background:#fafafa;border-bottom:1px solid #f0f0f0;display:flex;flex-shrink:0;flex-wrap:wrap;gap:6px;min-height:38px;padding:6px 14px}.editor-tag[data-v-fca9d4d4]{align-items:center;background:#ede7f6;border-radius:12px;color:#6a1b9a;display:inline-flex;font-size:12px;gap:3px;padding:2px 6px 2px 10px}.tag-remove[data-v-fca9d4d4]{align-items:center;background:none;border:none;color:#9c6bb5;cursor:pointer;display:flex;font-size:15px;line-height:1;padding:0 1px;transition:color .15s}.tag-remove[data-v-fca9d4d4]:hover{color:#4a148c}.tag-add-btn[data-v-fca9d4d4]{background:none;border:1px dashed #ccc;border-radius:12px;color:#aaa;cursor:pointer;font-size:12px;padding:2px 10px;transition:all .15s}.tag-add-btn[data-v-fca9d4d4]:hover{border-color:#80397b;color:#80397b}.tag-input[data-v-fca9d4d4]{background:#fff;border:1px solid #80397b;border-radius:12px;color:#333;font-size:12px;outline:none;padding:2px 12px;width:110px}.global-loading[data-v-fca9d4d4]{align-items:center;background:#ffffffe6;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;position:absolute;z-index:9999}.global-loading-spinner[data-v-fca9d4d4]{animation:spin-fca9d4d4 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#80397b;height:40px;width:40px}@keyframes spin-fca9d4d4{to{transform:rotate(1turn)}}.mobile-backdrop[data-v-fca9d4d4]{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background:#00000073;top:0;right:0;bottom:0;left:0;position:fixed;z-index:99}.mobile-fade-enter-active[data-v-fca9d4d4],.mobile-fade-leave-active[data-v-fca9d4d4]{transition:opacity .25s ease}.mobile-fade-enter-from[data-v-fca9d4d4],.mobile-fade-leave-to[data-v-fca9d4d4]{opacity:0}.mobile-topbar[data-v-fca9d4d4]{display:none}@media (max-width:767px){.sidebar[data-v-fca9d4d4]{bottom:0;box-shadow:4px 0 24px #0000002e;height:100dvh;left:0;max-width:300px;position:fixed!important;top:0;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:100}.sidebar[data-v-fca9d4d4],.sidebar.collapsed[data-v-fca9d4d4]{padding:20px 16px 32px;width:82%!important}.sidebar.mobile-open[data-v-fca9d4d4]{transform:translate(0)!important}.desktop-only[data-v-fca9d4d4]{display:none!important}.mobile-sidebar-close[data-v-fca9d4d4]{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:32px;justify-content:center;margin-left:auto;transition:background .2s;width:32px}.mobile-sidebar-close[data-v-fca9d4d4]:hover{background:#e0e0e0;color:#80397b}.content-area[data-v-fca9d4d4]{flex-direction:column}.mobile-topbar[data-v-fca9d4d4]{align-items:center;background:#fff;border-bottom:1px solid #efefef;display:flex;flex-shrink:0;padding:10px 14px}.mobile-filter-btn[data-v-fca9d4d4]{align-items:center;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:20px;color:#333;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;max-width:100%;overflow:hidden;padding:7px 12px;transition:background .15s}.mobile-filter-btn[data-v-fca9d4d4]:active{background:#efefef}.filter-icon[data-v-fca9d4d4]{color:#80397b;flex-shrink:0;height:18px;width:18px}.filter-folder-label[data-v-fca9d4d4]{max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-tag-badge[data-v-fca9d4d4]{align-items:center;background:#80397b;border-radius:10px;color:#fff;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;padding:1px 7px}.note-list.hidden-mobile[data-v-fca9d4d4]{display:none!important}.search-bar-wrap[data-v-fca9d4d4]{padding:10px 12px 0}.notes-list[data-v-fca9d4d4]{padding:10px}.note-card[data-v-fca9d4d4]{margin-bottom:10px;padding:14px}.note-card[data-v-fca9d4d4]:hover{box-shadow:0 2px 4px #0000000f;transform:none}.note-title[data-v-fca9d4d4]{font-size:15px}.editor-container[data-v-fca9d4d4]{top:0;right:0;bottom:0;left:0;position:fixed!important;z-index:50}.note-controls[data-v-fca9d4d4]{position:sticky;top:0;z-index:10}.note-title-input[data-v-fca9d4d4]{font-size:15px}.save-status[data-v-fca9d4d4]{display:none}.folder-list[data-v-fca9d4d4]{max-height:50vh}}