:root{--bg-primary:#0f1117;--bg-secondary:#161922;--bg-tertiary:#1e2230;--bg-hover:#262b3d;--bg-active:#2f354d;--border-color:#2b3145;--border-subtle:#1f2433;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#6366f1;--accent-hover:#4f46e5;--accent-light:#6366f126;--accent-glow:#6366f159;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--card-shadow:0 4px 20px -2px #00000080;--editor-bg:#0f1117;--code-bg:#161922;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--transition:all .2s cubic-bezier(.16, 1, .3, 1)}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#fff;--bg-tertiary:#f1f5f9;--bg-hover:#e2e8f0;--bg-active:#cbd5e1;--border-color:#e2e8f0;--border-subtle:#edf2f7;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent:#4f46e5;--accent-hover:#4338ca;--accent-light:#4f46e51a;--accent-glow:#4f46e533;--card-shadow:0 4px 20px -2px #00000014;--editor-bg:#fff;--code-bg:#f1f5f9}[data-theme=sepia]{--bg-primary:#fbf7ee;--bg-secondary:#f4eee0;--bg-tertiary:#eae2cf;--bg-hover:#ded4be;--bg-active:#d2c5ab;--border-color:#dcd2bd;--border-subtle:#ebe3d3;--text-primary:#3d3226;--text-secondary:#6e5e4d;--text-muted:#9c8973;--accent:#b45309;--accent-hover:#92400e;--accent-light:#b453091f;--accent-glow:#b4530940;--card-shadow:0 4px 20px -2px #3d32261a;--editor-bg:#fbf7ee;--code-bg:#f4eee0}[data-theme=cyber]{--bg-primary:#060813;--bg-secondary:#0c1024;--bg-tertiary:#131938;--bg-hover:#1e2652;--bg-active:#273168;--border-color:#212c61;--border-subtle:#141c42;--text-primary:#e0f2fe;--text-secondary:#38bdf8;--text-muted:#0284c7;--accent:#06b6d4;--accent-hover:#0891b2;--accent-light:#06b6d426;--accent-glow:#06b6d466;--card-shadow:0 4px 25px -2px #06b6d426;--editor-bg:#060813;--code-bg:#0c1024}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;width:100%;height:100dvh;margin:0;padding:0;overflow:hidden}body{background-color:var(--bg-primary);color:var(--text-primary);-webkit-user-select:text;user-select:text;font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}::-webkit-scrollbar{width:6px;height:6px}::-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-container{background:var(--bg-primary);width:100vw;max-width:100%;height:100dvh;display:flex;position:relative;overflow:hidden}.main-viewport{flex-direction:column;flex:1;min-width:0;height:100dvh;min-height:0;display:flex;position:relative;overflow:hidden}.sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-color);z-index:20;flex-direction:column;width:320px;min-width:320px;transition:width .25s,margin .25s,opacity .25s;display:flex;position:relative}.sidebar.collapsed{opacity:0;pointer-events:none;width:0;min-width:0;margin-left:-320px}.sidebar-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.brand-logo{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:10px;font-size:1.15rem;font-weight:700;display:flex}.brand-icon{background:linear-gradient(135deg, var(--accent), #a855f7);border-radius:var(--radius-sm);color:#fff;width:32px;height:32px;box-shadow:0 2px 10px var(--accent-glow);justify-content:center;align-items:center;display:flex}.brand-tag{background:var(--accent-light);color:var(--accent);text-transform:uppercase;border-radius:999px;padding:2px 6px;font-size:.65rem;font-weight:600}.sidebar-controls{flex-direction:column;gap:10px;padding:14px 18px 10px;display:flex}.new-note-btn{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;transition:var(--transition);box-shadow:0 4px 14px var(--accent-glow);border:none;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:.92rem;font-weight:600;display:flex}.new-note-btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.new-note-btn:active{transform:translateY(0)}.search-box{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition);align-items:center;gap:8px;padding:8px 12px;display:flex}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-light)}.search-input{color:var(--text-primary);background:0 0;border:none;outline:none;width:100%;font-family:inherit;font-size:.88rem}.search-input::placeholder{color:var(--text-muted)}.filter-tabs{border-bottom:1px solid var(--border-subtle);gap:6px;padding:6px 18px 12px;display:flex;overflow-x:auto}.filter-tab{color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:var(--transition);background:0 0;border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.78rem;font-weight:500;display:flex}.filter-tab:hover{background:var(--bg-tertiary);color:var(--text-secondary)}.filter-tab.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent);font-weight:600}.badge-count{opacity:.85;font-size:.7rem}.notes-list{flex-direction:column;flex:1;gap:6px;padding:10px 12px;display:flex;overflow-y:auto}.note-item{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:1px solid #0000;flex-direction:column;gap:5px;padding:12px 14px;display:flex;position:relative}.note-item:hover{background:var(--bg-hover);border-color:var(--border-subtle)}.note-item.active{background:var(--bg-tertiary);border-color:var(--border-color);box-shadow:0 2px 8px #00000026}.note-item-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.note-title-row{align-items:center;gap:6px;display:flex;overflow:hidden}.note-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.pin-icon{color:var(--warning);flex-shrink:0}.lock-icon{color:var(--danger);flex-shrink:0}.note-snippet{color:var(--text-muted);-webkit-line-clamp:2;word-break:break-word;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.4;display:-webkit-box;overflow:hidden}.note-item-footer{justify-content:space-between;align-items:center;margin-top:4px;display:flex}.note-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:.72rem;display:flex}.note-category-pill{background:var(--bg-hover);color:var(--text-secondary);border-radius:4px;padding:1px 6px;font-size:.7rem}.note-quick-actions{opacity:0;align-items:center;gap:4px;transition:opacity .2s;display:flex}.note-item:hover .note-quick-actions{opacity:1}.icon-btn-tiny{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;display:flex}.icon-btn-tiny:hover{background:var(--bg-hover);color:var(--text-primary)}.icon-btn-tiny.danger:hover{color:var(--danger)}.sidebar-footer{border-top:1px solid var(--border-subtle);color:var(--text-muted);justify-content:space-between;align-items:center;padding:12px 18px;font-size:.78rem;display:flex}.storage-status{align-items:center;gap:6px;display:flex}.status-dot{background:var(--success);width:8px;height:8px;box-shadow:0 0 6px var(--success);border-radius:50%}.status-dot.offline{background:var(--warning);box-shadow:0 0 6px var(--warning)}.main-content{background:var(--editor-bg);flex-direction:column;flex:1;min-width:0;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.main-header{border-bottom:1px solid var(--border-color);background:var(--bg-secondary);z-index:10;justify-content:space-between;align-items:center;gap:12px;padding:10px 24px;display:flex}.header-left,.header-right{align-items:center;gap:10px;display:flex}.toggle-sidebar-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);justify-content:center;align-items:center;padding:7px;display:flex}.toggle-sidebar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.save-status-pill{color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.75rem;display:flex}.save-status-pill.saving{color:var(--warning)}.header-btn{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);align-items:center;gap:6px;padding:6px 12px;font-size:.82rem;font-weight:500;display:flex}.header-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.header-btn.active{background:var(--accent-light);border-color:var(--accent);color:var(--accent)}.editor-toolbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);flex-wrap:nowrap;align-items:center;gap:4px;padding:8px 24px;display:flex;overflow-x:auto}.toolbar-group{align-items:center;gap:2px;display:flex}.toolbar-divider{background:var(--border-color);width:1px;height:20px;margin:0 6px}.toolbar-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:6px 8px;font-family:inherit;font-size:.85rem;display:flex}.toolbar-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.toolbar-btn.active{background:var(--accent-light);color:var(--accent);border-color:var(--accent)}.editor-scroll-container{overscroll-behavior-y:contain;flex-direction:column;flex:1;align-items:center;width:100%;min-height:0;padding:36px 48px;display:flex;overflow-x:hidden;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overflow-y:auto!important}.editor-wrapper{flex-direction:column;gap:16px;width:100%;max-width:860px;min-height:min-content;display:flex}.note-title-input{width:100%;color:var(--text-primary);letter-spacing:-.02em;background:0 0;border:none;outline:none;padding:4px 0;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:700}.note-title-input::placeholder{color:var(--text-muted);opacity:.6}.note-meta-bar{border-bottom:1px solid var(--border-subtle);color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:12px;padding-bottom:16px;font-size:.8rem;display:flex}.category-select{background:var(--bg-tertiary);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;outline:none;padding:4px 10px;font-family:inherit;font-size:.8rem}.ProseMirror{min-height:480px;color:var(--text-primary);touch-action:pan-y;-webkit-user-select:text;user-select:text;word-break:break-word;outline:none;font-size:1.05rem;line-height:1.75}.ProseMirror p.is-editor-empty:first-child:before{color:var(--text-muted);content:attr(data-placeholder);float:left;pointer-events:none;opacity:.5;height:0}.ProseMirror h1{color:var(--text-primary);letter-spacing:-.02em;margin-top:1.4em;margin-bottom:.5em;font-size:1.95rem;font-weight:700}.ProseMirror h2{color:var(--text-primary);letter-spacing:-.01em;margin-top:1.3em;margin-bottom:.4em;font-size:1.55rem;font-weight:600}.ProseMirror h3{color:var(--text-primary);margin-top:1.1em;margin-bottom:.3em;font-size:1.25rem;font-weight:600}.ProseMirror p{margin-bottom:.85em}.ProseMirror blockquote{border-left:3px solid var(--accent);background:var(--accent-light);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--text-secondary);margin:1.2em 0;padding:10px 18px;font-style:italic}.ProseMirror pre{background:var(--code-bg);border:1px solid var(--border-color);color:#38bdf8;border-radius:var(--radius-md);margin:1.2em 0;padding:14px 18px;font-family:JetBrains Mono,monospace;font-size:.92rem;overflow-x:auto}.ProseMirror code{background:var(--code-bg);color:#ec4899;border-radius:4px;padding:2px 6px;font-family:JetBrains Mono,monospace;font-size:.88em}.ProseMirror ul,.ProseMirror ol{margin-bottom:1em;padding-left:24px}.ProseMirror li{margin-bottom:.3em}ul[data-type=taskList]{margin:1em 0;padding:0;list-style:none}li[data-type=taskItem]{align-items:flex-start;gap:10px;margin-bottom:.5em;display:flex}li[data-type=taskItem]>label{-webkit-user-select:none;user-select:none;cursor:pointer;margin-top:4px}li[data-type=taskItem]>label input[type=checkbox]{cursor:pointer;width:17px;height:17px;accent-color:var(--accent)}li[data-type=taskItem][data-checked=true]>div>p{color:var(--text-muted);text-decoration:line-through}.ProseMirror table{border-collapse:collapse;table-layout:fixed;border-radius:var(--radius-sm);border:1px solid var(--border-color);width:100%;margin:1.2em 0;overflow:hidden}.ProseMirror td,.ProseMirror th{border:1px solid var(--border-color);vertical-align:top;box-sizing:border-box;min-width:1em;padding:8px 12px;position:relative}.ProseMirror th{text-align:left;background-color:var(--bg-tertiary);color:var(--text-primary);font-weight:600}.ProseMirror .selectedCell:after{z-index:2;content:"";pointer-events:none;background:#6366f133;position:absolute;inset:0}.ProseMirror img{border-radius:var(--radius-md);max-width:100%;height:auto;box-shadow:var(--card-shadow);margin:1em 0}.ProseMirror a{color:var(--accent);cursor:pointer;text-decoration:underline}.ProseMirror hr{border:none;border-top:1px solid var(--border-color);margin:2em 0}.zen-mode .sidebar{display:none!important}.zen-mode .editor-toolbar{opacity:.15;transition:opacity .3s}.zen-mode .editor-toolbar:hover{opacity:1}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#000000b3;justify-content:center;align-items:center;animation:.15s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-lg);-webkit-overflow-scrolling:touch;flex-direction:column;gap:16px;width:90%;max-width:440px;max-height:90dvh;padding:24px;animation:.2s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow-y:auto;box-shadow:0 20px 40px #0006}.modal-header{justify-content:space-between;align-items:center;display:flex}.modal-title{color:var(--text-primary);font-size:1.15rem;font-weight:600}.close-modal-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.close-modal-btn:hover{color:var(--text-primary)}.calc-bar{background:var(--bg-tertiary);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:8px;margin-top:8px;padding:8px 12px;display:flex}.calc-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:JetBrains Mono,monospace;font-size:.88rem}.calc-result{color:var(--success);font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){html,body,#root{width:100%;position:fixed;height:100dvh!important;overflow:hidden!important}.app-container{width:100%!important;max-width:100vw!important;height:100dvh!important;overflow:hidden!important}.main-viewport{flex-direction:column!important;flex:1!important;width:100%!important;min-width:0!important;height:100dvh!important;min-height:0!important;display:flex!important;overflow:hidden!important}.main-content{flex-direction:column!important;flex:1!important;width:100%!important;min-width:0!important;height:100%!important;min-height:0!important;display:flex!important;overflow:hidden!important}.sidebar{z-index:30;width:85%;max-width:320px;height:100dvh;min-height:0;position:fixed;top:0;bottom:0;left:0;box-shadow:4px 0 24px #0009}.sidebar.collapsed{margin-left:0;transform:translate(-100%)}.notes-list{-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;flex:1!important;min-height:0!important;overflow-y:auto!important}.mobile-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:25;background:#000000a6;animation:.15s fadeIn;position:fixed;inset:0}.mobile-fab-menu{background:var(--accent);color:#fff;width:48px;height:48px;box-shadow:0 4px 20px var(--accent-glow), 0 2px 10px #00000080;z-index:20;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s;display:flex;position:fixed;bottom:22px;left:20px}.mobile-fab-menu:active{transform:scale(.92)}.main-header{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;gap:8px;padding:8px 12px;overflow-x:auto}.main-header::-webkit-scrollbar{display:none}.main-header .save-status-pill span:last-child{display:none}.editor-toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-shrink:0;padding:6px 10px;overflow-x:auto}.editor-toolbar::-webkit-scrollbar{display:none}.editor-scroll-container{overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;flex:1!important;width:100%!important;min-height:0!important;padding:16px 14px 140px!important;overflow:hidden auto!important}.editor-wrapper{min-height:min-content;width:100%!important;max-width:100%!important}.note-title-input{line-height:1.3;font-size:1.5rem!important}.ProseMirror{touch-action:pan-y;min-height:320px;font-size:.98rem;line-height:1.65}.header-btn span{display:none}.header-btn{padding:6px 8px}}