@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.note-app[data-v-2c761921]{display:flex;height:100%;width:100%;overflow:hidden}.mobile-header[data-v-2c761921]{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--charcoal);border-bottom:1px solid var(--slate);position:fixed;top:0;left:0;right:0;z-index:40}.mobile-menu-btn[data-v-2c761921]{background:none;border:none;color:var(--pale-silver);cursor:pointer;padding:4px;display:flex;align-items:center}.mobile-menu-btn[data-v-2c761921]:hover{color:var(--bright-white)}.mobile-app-title[data-v-2c761921]{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-steel)}.mobile-header-spacer[data-v-2c761921]{width:28px}.sidebar-scrim[data-v-2c761921]{position:fixed;inset:0;background:#00000080;z-index:30}.sidebar[data-v-2c761921]{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--void);display:flex;flex-direction:column;border-right:1px solid var(--slate);height:100%}.sidebar--mobile[data-v-2c761921]{position:fixed;top:0;left:0;bottom:0;z-index:35;transform:translate(-100%);transition:transform .2s ease}.sidebar--mobile.sidebar--open[data-v-2c761921]{transform:translate(0)}.sidebar-header[data-v-2c761921]{padding:20px 16px 12px;flex-shrink:0}.app-logo[data-v-2c761921]{font-size:13px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--muted-steel)}.search-wrap[data-v-2c761921]{position:relative;padding:0 12px 12px;flex-shrink:0}.search-icon[data-v-2c761921]{position:absolute;left:24px;top:50%;transform:translateY(calc(-50% - 6px));color:var(--muted-steel);pointer-events:none}.search-input[data-v-2c761921]{width:100%;padding:8px 32px 8px 36px;background:var(--charcoal);border:none;border-radius:6px;color:var(--pale-silver);font-size:13px;font-family:var(--font-sans);outline:none}.search-input[data-v-2c761921]::placeholder{color:var(--muted-steel)}.search-input[data-v-2c761921]:focus{box-shadow:0 0 0 2px var(--teal-ring)}.search-clear[data-v-2c761921]{position:absolute;right:20px;top:50%;transform:translateY(calc(-50% - 6px));background:none;border:none;color:var(--muted-steel);cursor:pointer;font-size:16px;padding:2px 4px;line-height:1}.search-clear[data-v-2c761921]:hover{color:var(--pale-silver)}.new-note-btn[data-v-2c761921]{display:flex;align-items:center;gap:8px;padding:10px 16px;background:none;border:none;color:var(--teal);font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer;text-align:left;width:100%;flex-shrink:0}.new-note-btn[data-v-2c761921]:hover{background:var(--slate)}.notes-list[data-v-2c761921]{flex:1;overflow-y:auto;padding:4px 8px}.notes-loading[data-v-2c761921],.notes-empty[data-v-2c761921]{padding:20px 12px;color:var(--muted-steel);font-size:13px;text-align:center}.note-item[data-v-2c761921]{display:flex;align-items:flex-start;gap:8px;width:100%;padding:10px 12px;background:none;border:none;border-left:3px solid transparent;border-radius:4px;cursor:pointer;text-align:left;font-family:var(--font-sans);color:inherit;position:relative}.note-item[data-v-2c761921]:hover{background:var(--slate)}.note-item--active[data-v-2c761921]{border-left-color:var(--teal);background:var(--charcoal)}.note-item-content[data-v-2c761921]{flex:1;min-width:0}.note-item-title[data-v-2c761921]{font-size:14px;font-weight:600;color:var(--pale-silver);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.note-item--active .note-item-title[data-v-2c761921]{color:var(--bright-white)}.note-item-preview[data-v-2c761921]{font-size:12px;color:var(--muted-steel);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.note-item-time[data-v-2c761921]{font-size:11px;color:var(--muted-steel);letter-spacing:.02em;margin-top:4px}.note-item-delete[data-v-2c761921]{opacity:0;background:none;border:none;color:var(--danger);cursor:pointer;padding:4px;flex-shrink:0;display:flex;align-items:center;margin-top:2px}.note-item:hover .note-item-delete[data-v-2c761921]{opacity:1}.note-item-delete[data-v-2c761921]:hover{background:var(--danger-dim);border-radius:4px}.editor-main[data-v-2c761921]{flex:1;display:flex;flex-direction:column;background:var(--void);overflow:hidden;min-width:0}.editor-empty[data-v-2c761921]{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--muted-steel)}.editor-empty-title[data-v-2c761921]{font-size:20px;font-weight:600;color:var(--pale-silver)}.editor-empty-sub[data-v-2c761921]{font-size:14px}.editor-content[data-v-2c761921]{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:48px 32px 24px}.editor-toolbar[data-v-2c761921]{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-shrink:0}.editor-toolbar-left[data-v-2c761921]{min-width:70px}.save-indicator[data-v-2c761921]{font-size:12px;color:var(--teal);opacity:.7}.editor-toggle[data-v-2c761921]{display:flex;background:var(--charcoal);border-radius:6px;padding:2px}.toggle-btn[data-v-2c761921]{display:flex;align-items:center;gap:6px;padding:6px 14px;background:none;border:none;border-radius:4px;color:var(--muted-steel);font-size:13px;font-weight:600;font-family:var(--font-sans);cursor:pointer}.toggle-btn[data-v-2c761921]:hover{color:var(--pale-silver)}.toggle-btn--active[data-v-2c761921]{background:var(--teal-dim);color:var(--teal)}.editor-title[data-v-2c761921]{width:100%;background:transparent;border:none;border-bottom:1px solid var(--slate);color:var(--bright-white);font-size:28px;font-weight:600;font-family:var(--font-sans);padding:0 0 16px;margin-bottom:24px;outline:none}.editor-title[data-v-2c761921]::placeholder{color:var(--muted-steel)}.editor-title[data-v-2c761921]:focus{border-bottom-color:var(--teal)}.editor-title-preview[data-v-2c761921]{font-size:28px;font-weight:600;color:var(--bright-white);margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--slate)}.editor-textarea-wrap[data-v-2c761921]{flex:1;overflow:hidden}.editor-textarea[data-v-2c761921]{width:100%;height:100%;background:transparent;border:none;color:var(--pale-silver);font-family:var(--font-mono);font-size:15px;line-height:1.6;resize:none;outline:none;padding:0}.editor-textarea[data-v-2c761921]::placeholder{color:var(--muted-steel)}.editor-preview[data-v-2c761921]{flex:1;overflow-y:auto;color:var(--pale-silver);font-size:15px;line-height:1.7}.markdown-body[data-v-2c761921] h1,.markdown-body[data-v-2c761921] h2,.markdown-body[data-v-2c761921] h3,.markdown-body[data-v-2c761921] h4,.markdown-body[data-v-2c761921] h5,.markdown-body[data-v-2c761921] h6{color:var(--bright-white);font-family:var(--font-sans);margin-top:1.5em;margin-bottom:.5em;font-weight:600}.markdown-body[data-v-2c761921] h1{font-size:2em}.markdown-body[data-v-2c761921] h2{font-size:1.5em}.markdown-body[data-v-2c761921] h3{font-size:1.25em}.markdown-body[data-v-2c761921] p{margin-bottom:1em}.markdown-body[data-v-2c761921] a{color:var(--teal);text-decoration:none}.markdown-body[data-v-2c761921] a:hover{text-decoration:underline}.markdown-body[data-v-2c761921] code{background:var(--charcoal);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.9em}.markdown-body[data-v-2c761921] pre{background:var(--charcoal);padding:16px;border-radius:6px;overflow-x:auto;margin-bottom:1em}.markdown-body[data-v-2c761921] pre code{background:none;padding:0}.markdown-body[data-v-2c761921] blockquote{border-left:3px solid var(--teal);padding-left:16px;margin-left:0;margin-bottom:1em;color:var(--muted-steel)}.markdown-body[data-v-2c761921] ul,.markdown-body[data-v-2c761921] ol{padding-left:24px;margin-bottom:1em}.markdown-body[data-v-2c761921] li{margin-bottom:.25em}.markdown-body[data-v-2c761921] hr{border:none;border-top:1px solid var(--slate);margin:2em 0}.markdown-body[data-v-2c761921] strong{color:var(--bright-white);font-weight:600}.markdown-body[data-v-2c761921] table{width:100%;border-collapse:collapse;margin-bottom:1em}.markdown-body[data-v-2c761921] th,.markdown-body[data-v-2c761921] td{padding:8px 12px;border:1px solid var(--slate);text-align:left}.markdown-body[data-v-2c761921] th{background:var(--charcoal);font-weight:600;color:var(--bright-white)}.markdown-body[data-v-2c761921] img{max-width:100%;border-radius:6px}@media(max-width:768px){.editor-content[data-v-2c761921]{padding:60px 16px 16px}.editor-title[data-v-2c761921],.editor-title-preview[data-v-2c761921]{font-size:22px}.editor-textarea[data-v-2c761921]{font-size:14px}.note-item-delete[data-v-2c761921]{opacity:1}}:root{--void: #0d1117;--charcoal: #161b22;--slate: #21262d;--muted-steel: #8b949e;--pale-silver: #c9d1d9;--bright-white: #e6edf3;--teal: #58a6ff;--teal-dim: rgba(88, 166, 255, .15);--teal-ring: rgba(88, 166, 255, .3);--danger: #f85149;--danger-dim: rgba(248, 81, 73, .15);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", "Fira Code", monospace;--sidebar-width: 280px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#app{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:14px;color:var(--pale-silver);background:var(--void);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--slate);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--muted-steel)}:focus-visible{outline:2px solid var(--teal);outline-offset:2px}button,a,input,textarea{transition:background-color .15s ease,color .15s ease,opacity .15s ease}::selection{background:var(--teal-dim);color:var(--bright-white)}