@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#020b0a;--bg-secondary:#0d1b1873;--bg-tertiary:#010606;--bg-surface:#0f1e1b99;--border-color:#14b8a61f;--border-color-active:#14b8a673;--text-primary:#f0fdfa;--text-secondary:#99f6e4;--text-muted:#115e59;--primary-color:#14b8a6;--primary-hover:#0d9488;--danger-color:#f43f5e;--danger-hover:#e11d48;--sidebar-width:280px;--glass-blur:24px;--secondary-color:#2dd4bf;font-family:Inter,system-ui,-apple-system,sans-serif;font-weight:400;line-height:1.5}body.theme-one-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0f172a;--bg-secondary:#1e293b;--bg-tertiary:#0f172a;--bg-surface:#1e293bb3;--border-color:#ffffff14;--border-color-active:#38bdf866;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--primary-color:#38bdf8;--primary-hover:#0ea5e9;--secondary-color:#c084fc}body.theme-nord{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#2e3440;--bg-secondary:#3b4252;--bg-tertiary:#2e3440;--bg-surface:#3b4252b3;--border-color:#ffffff0f;--border-color-active:#88c0d080;--text-primary:#d8dee9;--text-secondary:#e5e9f0;--text-muted:#4c566a;--primary-color:#88c0d0;--primary-hover:#81a1c1;--danger-color:#bf616a;--danger-hover:#b48ead;--secondary-color:#a3be8c}body.theme-dracula{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#1e1f29;--bg-secondary:#282a36;--bg-tertiary:#1e1f29;--bg-surface:#282a36b3;--border-color:#ffffff0f;--border-color-active:#bd93f980;--text-primary:#f8f8f2;--text-secondary:#6272a4;--text-muted:#44475a;--primary-color:#bd93f9;--primary-hover:#ff79c6;--danger-color:#f55;--danger-hover:#ff6e6e;--secondary-color:#ff79c6}body.theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-surface:#fffc;--border-color:#00000014;--border-color-active:#0969da66;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--primary-color:#0ea5e9;--primary-hover:#0284c7;--danger-color:#ef4444;--danger-hover:#dc2626;--secondary-color:#6366f1}body.theme-sunset{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#fffbeb;--bg-secondary:#fef3c799;--bg-tertiary:#fef3c7;--bg-surface:#fde68ad9;--border-color:#f59e0b40;--border-color-active:#f59e0bb3;--text-primary:#78350f;--text-secondary:#d97706;--text-muted:#b45309;--primary-color:#f59e0b;--primary-hover:#d97706;--secondary-color:#ef4444}body.theme-sakura{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#fff5f7;--bg-secondary:#ffebf099;--bg-tertiary:#ffeef2;--bg-surface:#ffe4ebd9;--border-color:#f472b640;--border-color-active:#f472b6b3;--text-primary:#881337;--text-secondary:#db2777;--text-muted:#f472b6;--primary-color:#ec4899;--primary-hover:#db2777;--secondary-color:#a855f7}body.theme-wealth{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f0fdf4;--bg-secondary:#dcfce799;--bg-tertiary:#dcfce7;--bg-surface:#bbf7d0d9;--border-color:#22c55e40;--border-color-active:#22c55eb3;--text-primary:#14532d;--text-secondary:#16a34a;--text-muted:#15803d;--primary-color:#22c55e;--primary-hover:#16a34a;--secondary-color:#3b82f6}body.theme-emerald{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#fefce8;--bg-secondary:#fefce899;--bg-tertiary:#fef08a;--bg-surface:#fde047cc;--border-color:#eab3084d;--border-color-active:#eab308d9;--text-primary:#064e3b;--text-secondary:#a16207;--text-muted:#854d0e;--primary-color:#059669;--primary-hover:#047857;--secondary-color:#ca8a04}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);width:100vw;height:100vh;transition:background-color .3s,color .3s;display:flex;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}#app-layout{width:100vw;height:100vh;display:flex;position:relative}aside.sidebar{width:var(--sidebar-width);background-color:var(--bg-secondary);-webkit-backdrop-filter:blur(var(--glass-blur));border-right:1px solid var(--border-color);z-index:20;flex-direction:column;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),border-color .3s;display:flex;overflow:hidden}aside.sidebar.collapsed{border-right-width:0;border-right-color:#0000;width:0}.sidebar-inner{width:var(--sidebar-width);flex-direction:column;flex-shrink:0;height:100%;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);flex-direction:column;gap:16px;padding:20px;display:flex}.sidebar-logo{color:var(--primary-color);align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.create-note-btn{background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#0f172a;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:10px 16px;font-weight:600;transition:transform .2s,filter .2s;display:flex}.create-note-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.sidebar-search{border-bottom:1px solid var(--border-color);padding:12px 20px}.search-input-wrapper{align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);position:absolute;left:12px}.search-input-wrapper input{background-color:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:8px 12px 8px 36px;font-size:.9rem;transition:border-color .2s}.search-input-wrapper input:focus{border-color:var(--primary-color)}.notes-list{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex;overflow-y:auto}.note-item{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:6px;justify-content:space-between;align-items:center;padding:10px 12px;transition:background-color .2s;display:flex}.note-item:hover{background-color:var(--bg-surface)}.note-item.active{background-color:var(--bg-surface);border-color:var(--border-color-active)}.note-item-body{flex:1;align-items:center;gap:12px;min-width:0;display:flex}.note-item-icon{color:var(--text-secondary);justify-content:center;align-items:center;display:flex}.note-item-details{flex-direction:column;min-width:0;display:flex}.note-item-title{white-space:nowrap;text-overflow:ellipsis;color:var(--text-primary);font-size:.92rem;font-weight:500;overflow:hidden}.note-item-date{color:var(--text-muted);font-size:.75rem}.note-item-actions{opacity:0;gap:4px;transition:opacity .2s;display:flex}.note-item:hover .note-item-actions,.note-item.active .note-item-actions{opacity:1}.note-action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:color .2s,background-color .2s;display:flex}.note-action-btn:hover{color:var(--text-primary);background-color:#ffffff14}.note-action-btn.delete-btn:hover{color:var(--danger-color)}.empty-list{text-align:center;color:var(--text-muted);padding:40px 20px;font-size:.9rem}main.main-content{background-color:var(--bg-primary);flex-direction:column;flex:1;height:100%;display:flex;position:relative;overflow:hidden}.action-bar{border-bottom:1px solid var(--border-color);background-color:var(--bg-secondary);height:56px;-webkit-backdrop-filter:blur(var(--glass-blur));z-index:10;justify-content:space-between;align-items:center;padding:0 20px;display:flex}.action-bar-left,.action-bar-right{align-items:center;gap:12px;display:flex}.header-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.header-btn:hover{color:var(--text-primary);border-color:var(--text-muted);background-color:#ffffff0d}.header-btn.active{color:var(--primary-color);border-color:var(--primary-color);background-color:#38bdf80d}.header-select-wrapper{align-items:center;display:flex;position:relative}.header-select{appearance:none;background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:6px;outline:none;padding:6px 30px 6px 12px;font-size:.85rem;font-weight:500;transition:all .2s}.header-select:hover{color:var(--text-primary);border-color:var(--text-muted)}.header-select-icon{pointer-events:none;color:var(--text-muted);position:absolute;right:10px}.editor-container-wrapper{flex:1;height:calc(100% - 88px);display:flex;position:relative;overflow:hidden}.welcome-screen{z-index:5;text-align:center;background-color:#0000;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex;position:absolute;top:0;left:0}.welcome-logo{color:var(--primary-color);margin-bottom:24px;font-size:3rem;animation:3s infinite alternate pulse-glow}.welcome-title{background:linear-gradient(135deg, var(--text-primary), var(--text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2rem;font-weight:700}.welcome-subtitle{color:var(--text-muted);max-width:500px;margin-bottom:40px;font-size:1.1rem}.welcome-actions{gap:16px;margin-bottom:48px;display:flex}.welcome-btn{cursor:pointer;border-radius:8px;align-items:center;gap:10px;padding:12px 24px;font-weight:600;transition:all .2s;display:flex}.welcome-btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#0f172a;border:none}.welcome-btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 20px #38bdf84d}.welcome-btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:0 0}.welcome-btn-secondary:hover{border-color:var(--text-muted);background-color:#ffffff0d}.welcome-shortcuts{text-align:left;border-top:1px solid var(--border-color);grid-template-columns:repeat(2,1fr);gap:12px 40px;max-width:480px;padding-top:24px;display:grid}.shortcut-item{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.shortcut-item kbd{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:4px;padding:2px 6px;font-family:monospace;font-size:.75rem}.editor-pane{background-color:#0000;flex:1;height:100%;overflow:hidden}.cm-editor{font-family:JetBrains Mono,Fira Code,monospace;font-size:.95rem;height:100%!important}.cm-scroller{overflow:auto!important}.cm-search{background-color:var(--bg-secondary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border-radius:12px!important;margin:10px!important;padding:12px!important;font-family:inherit!important;font-size:.85rem!important;position:absolute!important;top:10px!important;right:20px!important;box-shadow:0 10px 25px #00000080!important}.cm-search input{background-color:var(--bg-primary)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;border-radius:6px!important;outline:none!important;padding:6px 10px!important;font-size:.85rem!important}.cm-search button{background:var(--bg-surface)!important;border:1px solid var(--border-color)!important;color:var(--text-primary)!important;cursor:pointer!important;border-radius:6px!important;padding:6px 12px!important}.cm-search button:hover{background-color:var(--border-color)!important}.preview-pane{border-left:1px solid var(--border-color);background-color:var(--bg-secondary);flex:1;height:100%;display:none;overflow-y:auto}.preview-pane.active{display:block}.preview-empty{height:100%;color:var(--text-muted);justify-content:center;align-items:center;font-style:italic;display:flex}.preview-error{color:var(--danger-color);border:1px solid var(--danger-color);background-color:#f43f5e0d;border-radius:8px;margin:20px;padding:20px}.preview-html-iframe{background-color:#fff;border:none;width:100%;height:100%}.preview-svg{background-color:var(--bg-surface);justify-content:center;align-items:center;width:100%;height:100%;padding:40px;display:flex;overflow:auto}.preview-svg svg{filter:drop-shadow(0 10px 25px #00000026);max-width:100%;height:auto;max-height:100%}.preview-markdown{color:var(--text-primary);padding:40px;line-height:1.6}body.word-wrap-enabled .preview-markdown pre{word-break:break-word;white-space:pre-wrap!important;word-wrap:break-word!important}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin-top:24px;margin-bottom:16px;font-weight:600;line-height:1.25}.markdown-body h1{border-bottom:1px solid var(--border-color);padding-bottom:8px;font-size:1.8rem}.markdown-body h2{border-bottom:1px solid var(--border-color);padding-bottom:6px;font-size:1.4rem}.markdown-body h3{font-size:1.2rem}.markdown-body p,.markdown-body ul,.markdown-body ol{margin-bottom:16px}.markdown-body ul,.markdown-body ol{padding-left:20px}.markdown-body code{background-color:var(--bg-primary);border-radius:4px;padding:3px 6px;font-family:monospace;font-size:.85rem}.markdown-body pre{background-color:var(--bg-primary);border-radius:8px;margin-bottom:16px;padding:16px;overflow:auto}.markdown-body pre code{background-color:#0000;padding:0}.status-bar{background-color:var(--bg-secondary);height:32px;-webkit-backdrop-filter:blur(var(--glass-blur));border-top:1px solid var(--border-color);color:var(--text-muted);z-index:10;justify-content:space-between;align-items:center;padding:0 20px;font-size:.78rem;display:flex}.status-bar-left,.status-bar-right{align-items:center;gap:16px;display:flex}.save-indicator{align-items:center;gap:6px;display:flex}.save-indicator-dot{background-color:var(--text-muted);border-radius:50%;width:6px;height:6px}.save-indicator.saving .save-indicator-dot{background-color:var(--primary-color);animation:1s infinite alternate pulse-glow}.save-indicator.saved .save-indicator-dot{background-color:#10b981}.status-bar-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:4px;align-items:center;gap:4px;height:20px;padding:2px 8px;font-family:inherit;font-size:.72rem;transition:all .2s;display:flex}.status-bar-btn:hover{background:var(--bg-surface);border-color:var(--border-color-active);color:var(--text-primary)}.status-bar-btn.active{background:var(--primary-color);border-color:var(--primary-color);color:var(--bg-primary);font-weight:500}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100;opacity:0;pointer-events:none;background-color:#0f172a99;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0}.modal-backdrop.active{opacity:1;pointer-events:auto}.modal-card{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:16px;width:90%;max-width:440px;padding:24px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);transform:scale(.9)translateY(20px);box-shadow:0 20px 40px #0006}.modal-card.active{transform:scale(1)translateY(0)}.modal-header{margin-bottom:12px}.modal-title{color:var(--text-primary);font-size:1.2rem;font-weight:700}.modal-body{color:var(--text-secondary);margin-bottom:24px;font-size:.95rem}.modal-input{background-color:var(--bg-primary);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:8px;outline:none;margin-top:8px;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.modal-input:focus{border-color:var(--primary-color)}.modal-footer{justify-content:flex-end;gap:12px;display:flex}.modal-btn{cursor:pointer;border:none;border-radius:8px;padding:10px 18px;font-size:.9rem;font-weight:600;transition:all .2s}.modal-btn-primary{background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));color:#0f172a}.modal-btn-primary:hover{filter:brightness(1.1)}.modal-btn-secondary{border:1px solid var(--border-color);color:var(--text-secondary);background-color:#0000}.modal-btn-secondary:hover{color:var(--text-primary);background-color:#ffffff0d}.modal-btn-danger{background-color:var(--danger-color);color:#fff}.modal-btn-danger:hover{background-color:var(--danger-hover)}@keyframes pulse-glow{0%{filter:drop-shadow(0 0 2px var(--primary-color))}to{filter:drop-shadow(0 0 12px var(--primary-color))}}.shake{animation:.3s ease-in-out shake-anim}@keyframes shake-anim{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}@media (width<=768px){aside.sidebar{transition:transform .3s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:0;transform:translate(0);width:var(--sidebar-width)!important}aside.sidebar.collapsed{border-right-color:#0000;transform:translate(-100%);width:var(--sidebar-width)!important}.sidebar-overlay{z-index:15;opacity:0;pointer-events:none;background-color:#00000080;width:100vw;height:100vh;transition:opacity .3s;position:fixed;top:0;left:0}.sidebar-overlay.active{opacity:1;pointer-events:auto}}.status-select-wrapper{align-items:center;margin-left:8px;display:flex;position:relative}.status-select{background-color:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;border-radius:4px;height:22px;padding:3px 24px 3px 8px;font-size:.72rem;font-weight:500;line-height:1}.status-select:hover{background-color:var(--bg-surface);color:var(--text-primary);border-color:var(--text-muted)}.status-select-icon{color:var(--text-muted);width:10px;height:10px;right:6px}.drop-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;opacity:0;pointer-events:none;background-color:#0f172ad9;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .25s;display:flex;position:fixed;top:0;left:0}.drop-overlay.active{opacity:1;pointer-events:auto}.drop-overlay-box{border:2px dashed var(--primary-color);text-align:center;background-color:var(--bg-secondary);border-radius:20px;max-width:400px;padding:40px;transition:transform .25s cubic-bezier(.34,1.56,.64,1);transform:scale(.95);box-shadow:0 20px 40px #0006}.drop-overlay-box *{pointer-events:none}.drop-overlay.active .drop-overlay-box{transform:scale(1)}.drop-icon{color:var(--primary-color);margin-bottom:16px;animation:1.5s infinite alternate bounce-anim}@keyframes bounce-anim{0%{transform:translateY(0)}to{transform:translateY(-10px)}}.bg-glow-blob{pointer-events:none;z-index:0;opacity:.12;filter:blur(120px);border-radius:50%;width:450px;height:450px;position:absolute}.blob-1{background:radial-gradient(circle, var(--primary-color), transparent 75%);animation:12s ease-in-out infinite alternate float-blob-1;top:-100px;left:-50px}.blob-2{background:radial-gradient(circle, var(--secondary-color), transparent 75%);animation:15s ease-in-out infinite alternate float-blob-2;bottom:-150px;right:-50px}@keyframes float-blob-1{0%{transform:translate(0)scale(1)}to{transform:translate(60px,40px)scale(1.1)}}@keyframes float-blob-2{0%{transform:translate(0)scale(1)}to{transform:translate(-80px,-50px)scale(.95)}}