@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap";:root{--color-bg-primary: #1a1a1a;--color-bg-secondary: #242424;--color-bg-tertiary: #2d2d2d;--color-text-primary: #f5f5f5;--color-text-secondary: #a0a0a0;--color-text-tertiary: #707070;--color-accent: #3f3f46;--color-accent-hover: #52525b;--color-success: #10b981;--color-danger: #ef4444;--color-warning: #f59e0b;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5);--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-text-primary: #1a1a1a;--color-text-secondary: #4b5563;--color-text-tertiary: #9ca3af;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;color:var(--color-text-primary)}button{font-family:var(--font-family);font-size:var(--font-size-sm);font-weight:500;border:none;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);cursor:pointer;transition:all var(--transition-base);outline:none;background-color:var(--color-bg-tertiary);color:var(--color-text-primary)}button:hover{background-color:var(--color-bg-secondary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}button:active{transform:translateY(0)}button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button.primary{background-color:var(--color-accent);color:#fff}button.primary:hover{background-color:var(--color-accent-hover)}button.danger{background-color:var(--color-danger);color:#fff}button.danger:hover{background-color:#dc2626}button:disabled{opacity:.5;cursor:not-allowed;transform:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}*{transition:background-color var(--transition-base),color var(--transition-base),border-color var(--transition-base)}.no-transition *{transition:none!important}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--transition-base) ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-text-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--color-text-tertiary) var(--color-bg-secondary)}.status-bar[data-v-bb36c200]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-bg-tertiary);height:3.5rem;flex-shrink:0}.status-left[data-v-bb36c200],.status-center[data-v-bb36c200],.status-right[data-v-bb36c200]{display:flex;align-items:center;gap:var(--space-md);flex:1}.status-center[data-v-bb36c200]{justify-content:center}.status-right[data-v-bb36c200]{justify-content:flex-end}.menu-btn[data-v-bb36c200]{position:relative;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background-color:transparent;border-radius:var(--radius-md);transition:all var(--transition-base)}.menu-btn svg[data-v-bb36c200]{width:1.125rem;height:1.125rem;color:var(--color-text-secondary);transition:color var(--transition-base)}.menu-btn[data-v-bb36c200]:hover{background-color:var(--color-bg-tertiary)}.menu-btn:hover svg[data-v-bb36c200]{color:var(--color-text-primary)}.notes-badge[data-v-bb36c200]{position:absolute;top:-2px;right:-2px;min-width:1rem;height:1rem;padding:0 .25rem;font-size:.625rem;font-weight:600;line-height:1rem;text-align:center;background:var(--color-accent);color:#fff;border-radius:var(--radius-full)}.app-title[data-v-bb36c200]{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:160px}.char-count[data-v-bb36c200]{display:flex;align-items:baseline;gap:var(--space-xs);font-size:var(--font-size-sm)}.count-number[data-v-bb36c200]{font-weight:600;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.count-label[data-v-bb36c200]{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.save-status[data-v-bb36c200]{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.status-dot[data-v-bb36c200]{width:8px;height:8px;border-radius:50%;background-color:var(--color-text-tertiary);transition:background-color var(--transition-base)}.save-status.saved .status-dot[data-v-bb36c200]{background-color:var(--color-success)}.save-status.saving .status-dot[data-v-bb36c200]{background-color:var(--color-warning)}.save-status.unsaved .status-dot[data-v-bb36c200]{background-color:var(--color-text-tertiary)}.status-dot.pulse[data-v-bb36c200]{animation:pulse 1.5s ease-in-out infinite}.status-text[data-v-bb36c200]{font-weight:500}.theme-toggle[data-v-bb36c200]{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background-color:transparent;border-radius:var(--radius-md);transition:all var(--transition-base)}.theme-toggle[data-v-bb36c200]:hover{background-color:var(--color-bg-tertiary)}.icon[data-v-bb36c200]{width:1.125rem;height:1.125rem;color:var(--color-text-secondary);transition:color var(--transition-base)}.theme-toggle:hover .icon[data-v-bb36c200]{color:var(--color-text-primary)}@media(max-width:768px){.status-bar[data-v-bb36c200]{padding:var(--space-sm) var(--space-md);height:3rem}.app-title[data-v-bb36c200]{font-size:var(--font-size-sm);max-width:100px}.status-text[data-v-bb36c200]{display:none}.char-count[data-v-bb36c200]{font-size:var(--font-size-xs)}}@media(max-width:480px){.status-left[data-v-bb36c200]{flex:0 1 auto;gap:var(--space-sm)}.status-center[data-v-bb36c200]{flex:1}.app-title[data-v-bb36c200]{display:none}}.toolbar[data-v-e9e0e4c5]{display:flex;align-items:center;justify-content:center;padding:var(--space-md) var(--space-lg);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-bg-tertiary);height:4rem;flex-shrink:0}.toolbar-content[data-v-e9e0e4c5]{display:flex;gap:var(--space-md);align-items:center}.toolbar-btn[data-v-e9e0e4c5]{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);font-weight:500;background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);min-width:5.5rem;justify-content:center}.toolbar-btn[data-v-e9e0e4c5]:hover{background-color:var(--color-bg-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.toolbar-btn[data-v-e9e0e4c5]:active{transform:translateY(0)}.toolbar-btn.new-btn[data-v-e9e0e4c5]{background:var(--color-accent);color:#fff}.toolbar-btn.new-btn[data-v-e9e0e4c5]:hover{background:var(--color-accent-hover);box-shadow:var(--shadow-lg)}.toolbar-btn.danger[data-v-e9e0e4c5]{background-color:var(--color-danger);color:#fff;animation:shake-e9e0e4c5 .3s ease-in-out}.toolbar-btn.danger[data-v-e9e0e4c5]:hover{background-color:#dc2626}.icon[data-v-e9e0e4c5]{width:1.125rem;height:1.125rem;flex-shrink:0}.btn-text[data-v-e9e0e4c5]{white-space:nowrap}@keyframes shake-e9e0e4c5{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}@media(max-width:768px){.toolbar[data-v-e9e0e4c5]{padding:var(--space-sm) var(--space-md);height:3.5rem}.toolbar-content[data-v-e9e0e4c5]{gap:var(--space-sm);width:100%;justify-content:center}.toolbar-btn[data-v-e9e0e4c5]{flex:1;max-width:7rem;min-width:4rem;padding:var(--space-sm) var(--space-md)}}@media(max-width:480px){.btn-text[data-v-e9e0e4c5]{font-size:var(--font-size-xs)}.toolbar-btn[data-v-e9e0e4c5]{min-width:3.5rem;padding:var(--space-sm)}}@media(max-width:768px){.toolbar[data-v-e9e0e4c5]{position:sticky;bottom:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:rgba(var(--color-bg-secondary-rgb),.95)}}.notes-sidebar[data-v-42513e09]{position:fixed;inset:0;z-index:1000;display:flex}.sidebar-overlay[data-v-42513e09]{position:absolute;inset:0;background-color:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sidebar-content[data-v-42513e09]{position:relative;width:320px;max-width:85vw;height:100%;background-color:var(--color-bg-secondary);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.sidebar-header[data-v-42513e09]{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-bg-tertiary)}.sidebar-title[data-v-42513e09]{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.close-btn[data-v-42513e09]{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background-color:transparent;border-radius:var(--radius-md)}.close-btn svg[data-v-42513e09]{width:1.25rem;height:1.25rem;color:var(--color-text-secondary)}.close-btn[data-v-42513e09]:hover{background-color:var(--color-bg-tertiary)}.close-btn:hover svg[data-v-42513e09]{color:var(--color-text-primary)}.search-container[data-v-42513e09]{padding:var(--space-md) var(--space-lg)}.search-input-wrapper[data-v-42513e09]{position:relative;display:flex;align-items:center}.search-icon[data-v-42513e09]{position:absolute;left:var(--space-md);width:1rem;height:1rem;color:var(--color-text-tertiary);pointer-events:none}.search-input[data-v-42513e09]{width:100%;padding:var(--space-sm) var(--space-md) var(--space-sm) 2.5rem;font-family:var(--font-family);font-size:var(--font-size-sm);color:var(--color-text-primary);background-color:var(--color-bg-tertiary);border:1px solid transparent;border-radius:var(--radius-md);outline:none;transition:all var(--transition-base)}.search-input[data-v-42513e09]::placeholder{color:var(--color-text-tertiary)}.search-input[data-v-42513e09]:focus{border-color:var(--color-accent);background-color:var(--color-bg-primary)}.new-note-btn[data-v-42513e09]{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin:0 var(--space-lg) var(--space-md);padding:var(--space-md);font-weight:500;background:var(--color-accent);color:#fff;border-radius:var(--radius-md);transition:all var(--transition-base)}.new-note-btn svg[data-v-42513e09]{width:1rem;height:1rem}.new-note-btn[data-v-42513e09]:hover{transform:translateY(-2px);background:var(--color-accent-hover);box-shadow:var(--shadow-lg)}.notes-list[data-v-42513e09]{flex:1;overflow-y:auto;padding:0 var(--space-md)}.empty-state[data-v-42513e09]{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-2xl) var(--space-lg);text-align:center;color:var(--color-text-tertiary)}.empty-state svg[data-v-42513e09]{width:3rem;height:3rem;margin-bottom:var(--space-md);opacity:.5}.empty-state p[data-v-42513e09]{margin-bottom:var(--space-md);font-size:var(--font-size-sm)}.create-first-btn[data-v-42513e09]{padding:var(--space-sm) var(--space-lg);font-size:var(--font-size-sm);background-color:var(--color-accent);color:#fff;border-radius:var(--radius-md)}.note-item[data-v-42513e09]{display:flex;align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);margin-bottom:var(--space-sm);background-color:var(--color-bg-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);border:1px solid transparent}.note-item[data-v-42513e09]:hover{background-color:var(--color-bg-tertiary)}.note-item.active[data-v-42513e09]{border-color:var(--color-accent);background-color:var(--color-bg-tertiary)}.note-info[data-v-42513e09]{flex:1;min-width:0}.note-title[data-v-42513e09]{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-preview[data-v-42513e09]{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--space-xs);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.note-time[data-v-42513e09]{font-size:.65rem;color:var(--color-text-tertiary)}.delete-btn[data-v-42513e09]{display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;flex-shrink:0;background-color:transparent;border-radius:var(--radius-sm);opacity:0;transition:all var(--transition-base)}.note-item:hover .delete-btn[data-v-42513e09]{opacity:1}.delete-btn svg[data-v-42513e09]{width:.875rem;height:.875rem;color:var(--color-text-secondary)}.delete-btn[data-v-42513e09]:hover{background-color:var(--color-bg-tertiary)}.delete-btn:hover svg[data-v-42513e09]{color:var(--color-danger)}.delete-btn.confirm[data-v-42513e09]{opacity:1;background-color:var(--color-danger);animation:shake-42513e09 .3s ease-in-out}.delete-btn.confirm svg[data-v-42513e09]{color:#fff}.sidebar-footer[data-v-42513e09]{padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-bg-tertiary);text-align:center}.notes-count[data-v-42513e09]{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}@keyframes shake-42513e09{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.sidebar-enter-active[data-v-42513e09],.sidebar-leave-active[data-v-42513e09]{transition:all var(--transition-base)}.sidebar-enter-active .sidebar-overlay[data-v-42513e09],.sidebar-leave-active .sidebar-overlay[data-v-42513e09]{transition:opacity var(--transition-base)}.sidebar-enter-active .sidebar-content[data-v-42513e09],.sidebar-leave-active .sidebar-content[data-v-42513e09]{transition:transform var(--transition-base)}.sidebar-enter-from .sidebar-overlay[data-v-42513e09],.sidebar-leave-to .sidebar-overlay[data-v-42513e09]{opacity:0}.sidebar-enter-from .sidebar-content[data-v-42513e09],.sidebar-leave-to .sidebar-content[data-v-42513e09]{transform:translate(-100%)}@media(max-width:480px){.sidebar-content[data-v-42513e09]{width:100%;max-width:none}}.app-container[data-v-7f23152f]{display:flex;flex-direction:column;height:100vh;width:100%}.app-container.loading[data-v-7f23152f]{pointer-events:none}.loading-overlay[data-v-7f23152f]{position:fixed;inset:0;background-color:var(--color-bg-primary);display:flex;align-items:center;justify-content:center;z-index:9999}.loading-spinner[data-v-7f23152f]{width:2.5rem;height:2.5rem;border:3px solid var(--color-bg-tertiary);border-top-color:var(--color-accent);border-radius:50%;animation:spin-7f23152f .8s linear infinite}@keyframes spin-7f23152f{to{transform:rotate(360deg)}}.fade-enter-active[data-v-7f23152f],.fade-leave-active[data-v-7f23152f]{transition:opacity var(--transition-base)}.fade-enter-from[data-v-7f23152f],.fade-leave-to[data-v-7f23152f]{opacity:0}.editor-container[data-v-7f23152f]{flex:1;display:flex;padding:var(--space-md);overflow:hidden}.editor-textarea[data-v-7f23152f]{flex:1;width:100%;padding:var(--space-lg);font-family:var(--font-family);font-size:var(--font-size-lg);line-height:1.8;color:var(--color-text-primary);background-color:var(--color-bg-primary);border:none;outline:none;resize:none;overflow-y:auto}.editor-textarea[data-v-7f23152f]::placeholder{color:var(--color-text-tertiary);opacity:.5}.toast[data-v-7f23152f]{position:fixed;bottom:5rem;left:50%;transform:translate(-50%);padding:var(--space-md) var(--space-xl);background-color:var(--color-bg-tertiary);color:var(--color-text-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);font-size:var(--font-size-sm);font-weight:500;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast-enter-active[data-v-7f23152f],.toast-leave-active[data-v-7f23152f]{transition:all var(--transition-base)}.toast-enter-from[data-v-7f23152f],.toast-leave-to[data-v-7f23152f]{opacity:0;transform:translate(-50%) translateY(10px)}@media(max-width:768px){.editor-container[data-v-7f23152f]{padding:var(--space-sm)}.editor-textarea[data-v-7f23152f]{padding:var(--space-md);font-size:var(--font-size-base);font-size:max(16px,var(--font-size-base))}.toast[data-v-7f23152f]{bottom:4rem}}