.mde-header{background:#f9f9f9;border-bottom:1px solid #c8ccd0;border-radius:2px 2px 0 0;flex-wrap:wrap;flex-shrink:0;align-items:stretch;display:flex}.mde-header .mde-tabs{flex-direction:row;display:flex}.mde-header .mde-tabs button{cursor:pointer;background-color:#0000;border:1px solid #0000;border-radius:2px;margin:6px 3px}.mde-header .mde-tabs button:first-child{margin-left:6px}.mde-header .mde-tabs button.selected{border:1px solid #c8ccd0}.mde-header .svg-icon{width:1em;height:1em;font-size:inherit;vertical-align:-.125em;display:inline-block;overflow:visible}.mde-header ul.mde-header-group{flex-wrap:nowrap;margin:0;padding:10px;list-style:none;display:flex}.mde-header ul.mde-header-group.hidden{visibility:hidden}.mde-header ul.mde-header-group li.mde-header-item{margin:0 4px;display:inline-block;position:relative}.mde-header ul.mde-header-group li.mde-header-item button{text-align:left;cursor:pointer;color:#242729;background:0 0;border:none;height:22px;margin:0;padding:4px}@keyframes tooltip-appear{0%{opacity:0}to{opacity:1}}.mde-header ul.mde-header-group li.mde-header-item button.tooltipped:hover:before{opacity:0;z-index:1000001;color:#000c;pointer-events:none;content:"";border:5px solid #0000;border-top-color:#000c;width:0;height:0;margin-right:-5px;animation-name:tooltip-appear;animation-duration:.2s;animation-delay:.5s;animation-fill-mode:forwards;position:absolute;top:-5px;bottom:auto;right:50%}.mde-header ul.mde-header-group li.mde-header-item button.tooltipped:hover:after{opacity:0;z-index:1000000;color:#fff;pointer-events:none;content:attr(aria-label);white-space:nowrap;background:#000c;border-radius:3px;margin-bottom:5px;padding:5px 8px;font-size:11px;animation-name:tooltip-appear;animation-duration:.2s;animation-delay:.5s;animation-fill-mode:forwards;position:absolute;bottom:100%;right:50%;transform:translate(50%)}.mde-textarea-wrapper{position:relative}.mde-textarea-wrapper textarea.mde-text{vertical-align:top;resize:vertical;border:0;width:100%;padding:10px;overflow-y:auto}.mde-preview .mde-preview-content{padding:10px}.mde-preview .mde-preview-content p,.mde-preview .mde-preview-content blockquote,.mde-preview .mde-preview-content ul,.mde-preview .mde-preview-content ol,.mde-preview .mde-preview-content dl,.mde-preview .mde-preview-content table,.mde-preview .mde-preview-content pre{margin-top:0;margin-bottom:16px}.mde-preview .mde-preview-content h1,.mde-preview .mde-preview-content h2,.mde-preview .mde-preview-content h3{border-bottom:1px solid #eee;margin-top:24px;margin-bottom:16px;padding-bottom:.3em;font-weight:600;line-height:1.25}.mde-preview .mde-preview-content h1{font-size:1.6em}.mde-preview .mde-preview-content h2{font-size:1.4em}.mde-preview .mde-preview-content h3{font-size:1.2em}.mde-preview .mde-preview-content ul,.mde-preview .mde-preview-content ol{padding-left:2em}.mde-preview .mde-preview-content blockquote{color:#777;border-left:.25em solid #ddd;margin-left:0;padding:0 1em}.mde-preview .mde-preview-content blockquote>:first-child{margin-top:0}.mde-preview .mde-preview-content blockquote>:last-child{margin-bottom:0}.mde-preview .mde-preview-content code{background-color:#0000000a;border-radius:3px;margin:0;padding:.2em 0;font-size:90%}.mde-preview .mde-preview-content code:before,.mde-preview .mde-preview-content code:after{letter-spacing:-.2em;content:" "}.mde-preview .mde-preview-content pre{background-color:#f7f7f7;border-radius:3px;padding:16px;font-size:85%;line-height:1.45;overflow:auto}.mde-preview .mde-preview-content pre code{line-height:inherit;word-wrap:normal;background-color:#0000;border:0;margin:0;padding:0;display:inline;overflow:visible}.mde-preview .mde-preview-content pre code:before,.mde-preview .mde-preview-content pre code:after{content:none}.mde-preview .mde-preview-content pre>code{word-break:normal;white-space:pre;background:0 0;border:0;margin:0;padding:0;font-size:100%}.mde-preview .mde-preview-content a{color:#4078c0;text-decoration:none}.mde-preview .mde-preview-content a:hover{text-decoration:underline}.mde-preview .mde-preview-content>:first-child{margin-top:0!important}.mde-preview .mde-preview-content>:last-child{margin-bottom:0!important}.mde-preview .mde-preview-content:after{clear:both;content:"";display:table}.mde-preview .mde-preview-content table{border-spacing:0;border-collapse:collapse;width:100%;display:block}.mde-preview .mde-preview-content table thead th{font-weight:700}.mde-preview .mde-preview-content table th,.mde-preview .mde-preview-content table td{border:1px solid #c8ccd0;padding:6px 13px}.react-mde{border:1px solid #c8ccd0;border-radius:2px}.react-mde *{box-sizing:border-box}.react-mde .invisible{display:none}.react-mde .image-tip{-webkit-user-select:none;user-select:none;color:gray;background-color:#f9f9f9;border-top:1px solid #c8ccd0;margin:0;padding:7px 10px;font-size:13px;line-height:16px;position:relative;display:flex!important}.react-mde .image-tip .image-input{opacity:.01;cursor:pointer;min-height:0;padding:5px;position:absolute;top:0;left:0;width:100%!important}ul.mde-suggestions{cursor:pointer;background:#fff;border:1px solid #c8ccd0;border-radius:3px;min-width:180px;margin:20px 0 0;padding:0;list-style:none;position:absolute;box-shadow:0 1px 5px #1b1f2326}ul.mde-suggestions li{border-bottom:1px solid #e1e4e8;padding:4px 8px}ul.mde-suggestions li:first-child{border-top-left-radius:2px;border-top-right-radius:2px}ul.mde-suggestions li:last-child{border-bottom-right-radius:2px;border-bottom-left-radius:2px}ul.mde-suggestions li:hover,ul.mde-suggestions li[aria-selected=true]{color:#fff;background-color:#0366d6}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif}button{cursor:pointer;font:inherit;color:inherit;background:0 0;border:none}input{font:inherit;color:inherit;background:0 0;border:none;outline:none}.app-theme-light{--bg-primary:#fff;--bg-secondary:#f7f8fa;--bg-tertiary:#eef1f5;--bg-hover:#e8ebf0;--bg-selected:#dbeafe;--bg-toolbar:#fff;--border:#e2e5ea;--text-primary:#1a1d23;--text-secondary:#5f6672;--text-muted:#9198a4;--accent:#3b82f6;--accent-hover:#2563eb;--danger:#ef4444;--danger-hover:#dc2626;--success:#22c55e;--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 2px 8px #00000014;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace}.app-theme-dark{--bg-primary:#1a1d23;--bg-secondary:#202329;--bg-tertiary:#282c34;--bg-hover:#2d323c;--bg-selected:#1e3a5f;--bg-toolbar:#1a1d23;--border:#2e3240;--text-primary:#e4e6eb;--text-secondary:#a0a6b2;--text-muted:#6b7280;--accent:#60a5fa;--accent-hover:#3b82f6;--danger:#f87171;--danger-hover:#ef4444;--success:#4ade80;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #00000059;--radius-sm:6px;--radius-md:8px;--radius-lg:10px;--font-mono:"SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace}.app-container{background:var(--bg-primary);width:100vw;height:100vh;color:var(--text-primary);flex-direction:column;display:flex;overflow:hidden}.toolbar{background:var(--bg-toolbar);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:10;flex-shrink:0;align-items:center;gap:12px;min-height:56px;padding:10px 16px;display:flex}.toolbar-left{flex-shrink:0;align-items:center;gap:8px;display:flex}.toolbar-logo{color:var(--accent);align-items:center;font-size:20px;display:flex}.toolbar-title{letter-spacing:-.01em;white-space:nowrap;font-size:16px;font-weight:700}.toolbar-count{color:var(--text-muted);white-space:nowrap;background:var(--bg-tertiary);border-radius:99px;padding:2px 8px;font-size:12px}.toolbar-center{flex:1;justify-content:center;min-width:0;display:flex}.search-box{align-items:center;width:100%;max-width:400px;display:flex;position:relative}.search-icon{color:var(--text-muted);pointer-events:none;font-size:14px;position:absolute;left:10px}.search-input{background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);padding:7px 32px 7px 34px;font-size:13px;transition:border-color .15s,box-shadow .15s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #3b82f626}.search-clear{color:var(--text-muted);border-radius:4px;padding:2px 4px;font-size:12px;transition:color .15s;position:absolute;right:8px}.search-clear:hover{color:var(--text-primary)}.toolbar-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.save-indicator{white-space:nowrap;border-radius:var(--radius-sm);align-items:center;gap:4px;padding:4px 10px;font-size:12px;transition:opacity .2s;display:flex}.save-indicator.saved{color:var(--success)}.save-indicator.unsaved{color:var(--text-muted)}.toolbar-btn{border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:5px;padding:6px 12px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.toolbar-btn:hover{background:var(--bg-hover)}.new-note-btn{background:var(--accent);color:#fff}.new-note-btn:hover{background:var(--accent-hover)}.btn-label{font-size:12px;font-weight:600}.theme-btn{color:var(--text-secondary);padding:6px 8px;font-size:16px}.app-workspace{flex:1;display:flex;overflow:hidden}.note-list-panel{border-right:1px solid var(--border);background:var(--bg-secondary);flex-direction:column;flex-shrink:0;width:300px;min-width:240px;max-width:420px;display:flex;overflow:hidden}.note-list{flex:1;padding:8px;overflow-y:auto}.note-list::-webkit-scrollbar{width:6px}.note-list::-webkit-scrollbar-track{background:0 0}.note-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.note-list::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.note-item{border-radius:var(--radius-md);cursor:pointer;border:1px solid #0000;margin-bottom:4px;padding:12px;transition:background .12s,border-color .12s,box-shadow .12s;position:relative}.note-item:hover{background:var(--bg-hover)}.note-item.selected{background:var(--bg-selected);border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.note-item-header{margin-bottom:4px}.note-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:600;display:block;overflow:hidden}.note-preview{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px;font-size:12px;line-height:1.4;overflow:hidden}.note-item-footer{justify-content:space-between;align-items:center;display:flex}.note-date{color:var(--text-muted);font-size:11px}.note-actions{opacity:0;gap:2px;transition:opacity .15s;display:flex}.note-item:hover .note-actions,.note-item.selected .note-actions{opacity:1}.action-btn{border-radius:var(--radius-sm);width:26px;height:26px;color:var(--text-muted);justify-content:center;align-items:center;font-size:13px;transition:color .12s,background .12s;display:flex}.action-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.action-btn.danger:hover{color:var(--danger);background:#ef44441a}.rename-row{align-items:center;gap:4px;display:flex}.rename-input{background:var(--bg-primary);border:1px solid var(--accent);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;min-width:0;padding:2px 6px;font-size:14px;font-weight:600}.rename-btn{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;transition:background .12s;display:flex}.rename-btn.accept{color:var(--success)}.rename-btn.cancel{color:var(--text-muted)}.rename-btn:hover{background:var(--bg-tertiary)}.empty-state{text-align:center;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:32px 24px;display:flex}.empty-icon{opacity:.4;margin-bottom:12px;font-size:40px}.empty-state h3{color:var(--text-secondary);margin-bottom:6px;font-size:15px;font-weight:600}.empty-state p{max-width:220px;font-size:13px;line-height:1.5}.editor-panel{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;display:flex;overflow:hidden}.editor-empty{text-align:center;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.editor-empty-icon{opacity:.35;margin-bottom:16px;font-size:48px}.editor-empty h2{color:var(--text-secondary);margin-bottom:8px;font-size:18px;font-weight:600}.editor-empty p{max-width:320px;font-size:14px;line-height:1.5}.editor-header{flex-shrink:0;padding:16px 24px 0}.editor-title{letter-spacing:-.02em;width:100%;color:var(--text-primary);background:0 0;border-bottom:2px solid #0000;padding:4px 0;font-size:22px;font-weight:700;transition:border-color .2s}.editor-title::placeholder{color:var(--text-muted)}.editor-title:focus{border-bottom-color:var(--accent)}.editor-body{flex-direction:column;flex:1;padding:0 24px 16px;display:flex;overflow:hidden}.editor-body .react-mde{background:var(--bg-primary);flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important}.editor-body .mde-header{flex-shrink:0;align-items:center;display:flex;background:var(--bg-secondary)!important;border-bottom:1px solid var(--border)!important}.editor-body .mde-tabs{gap:2px;padding:4px 8px;display:flex}.editor-body .mde-tab-btn{text-transform:uppercase;letter-spacing:.03em;color:var(--text-muted);border-radius:var(--radius-sm);padding:4px 12px;font-size:12px;font-weight:600;transition:color .15s,background .15s}.editor-body .mde-tab-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.editor-body .mde-tab-btn.selected{color:var(--accent);background:var(--bg-selected)}.editor-body .mde-header-content{flex:1}.editor-body .mde-toolbar{padding:2px 4px}.editor-body .mde-toolbar ul{flex-wrap:wrap;gap:1px;display:flex}.editor-body .mde-toolbar li button{color:var(--text-secondary);border-radius:var(--radius-sm);padding:4px 8px;font-size:14px;transition:color .12s,background .12s}.editor-body .mde-toolbar li button:hover{color:var(--text-primary);background:var(--bg-hover)}.editor-body .mde-text{flex:1;min-height:0;overflow-y:auto;font-family:var(--font-mono)!important;color:var(--text-primary)!important;background:var(--bg-primary)!important;resize:none!important;padding:16px!important;font-size:14px!important;line-height:1.7!important}.editor-body .mde-text::placeholder{color:var(--text-muted)}.editor-body .mde-preview{flex:1;overflow-y:auto;padding:16px 20px!important}.editor-body .mde-preview-content{color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Helvetica Neue,sans-serif;font-size:15px;line-height:1.7}.editor-body .mde-preview-content h1,.editor-body .mde-preview-content h2,.editor-body .mde-preview-content h3,.editor-body .mde-preview-content h4,.editor-body .mde-preview-content h5,.editor-body .mde-preview-content h6{color:var(--text-primary);letter-spacing:-.01em;margin-top:1.2em;margin-bottom:.5em;font-weight:700}.editor-body .mde-preview-content h1{font-size:1.8em}.editor-body .mde-preview-content h2{font-size:1.5em}.editor-body .mde-preview-content h3{font-size:1.25em}.editor-body .mde-preview-content p{margin-bottom:.9em}.editor-body .mde-preview-content a{color:var(--accent);text-decoration:none}.editor-body .mde-preview-content a:hover{text-decoration:underline}.editor-body .mde-preview-content code{font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--accent);border-radius:4px;padding:2px 6px;font-size:.9em}.editor-body .mde-preview-content pre{background:var(--bg-tertiary);border-radius:var(--radius-md);margin:.8em 0;padding:14px 16px;overflow-x:auto}.editor-body .mde-preview-content pre code{color:var(--text-primary);background:0 0;padding:0}.editor-body .mde-preview-content blockquote{border-left:3px solid var(--accent);color:var(--text-secondary);background:var(--bg-secondary);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:.8em 0;padding:4px 16px}.editor-body .mde-preview-content ul,.editor-body .mde-preview-content ol{margin-bottom:.8em;padding-left:1.6em}.editor-body .mde-preview-content li{margin-bottom:.3em}.editor-body .mde-preview-content table{border-collapse:collapse;width:100%;margin:.8em 0;font-size:.9em}.editor-body .mde-preview-content th,.editor-body .mde-preview-content td{border:1px solid var(--border);text-align:left;padding:8px 12px}.editor-body .mde-preview-content th{background:var(--bg-secondary);font-weight:600}.editor-body .mde-preview-content img{border-radius:var(--radius-md);max-width:100%}.editor-body .mde-preview-content hr{border:none;border-top:1px solid var(--border);margin:1.5em 0}.editor-body .mde-preview-content input[type=checkbox]{margin-right:6px}@media (width<=768px){.note-list-panel{width:220px;min-width:180px}.toolbar-title,.btn-label{display:none}.editor-header{padding:12px 16px 0}.editor-body{padding:0 16px 12px}.editor-title{font-size:18px}.toolbar{gap:8px;padding:8px 10px}}