:root{--space-0:0;--space-px:1px;--space-0\.5:2px;--space-1:4px;--space-1\.5:6px;--space-2:8px;--space-2\.5:10px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-3);--space-lg:var(--space-4);--space-xl:var(--space-6);--space-2xl:var(--space-8);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-serif:"Georgia","Times New Roman",serif;--font-mono:"JetBrains Mono","SF Mono","Monaco","Cascadia Code",monospace;--font-system:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-editor:var(--font-sans);--text-2xs:10px;--text-xs:11px;--text-sm:12px;--text-base:13px;--text-md:14px;--text-lg:15px;--text-xl:16px;--text-2xl:18px;--text-3xl:20px;--text-4xl:24px;--text-5xl:30px;--text-6xl:36px;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:1.8;--font-thin:100;--font-light:300;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--tracking-tighter:-.05em;--tracking-tight:-.025em;--tracking-normal:0;--tracking-wide:.025em;--tracking-wider:.05em;--tracking-widest:.1em;--editor-font-size:var(--text-lg);--editor-line-height:var(--leading-relaxed);--radius-none:0;--radius-sm:2px;--radius-md:4px;--radius-lg:6px;--radius-xl:8px;--radius-2xl:12px;--radius-3xl:16px;--radius-full:9999px;--radius-button:var(--radius-md);--radius-input:var(--radius-md);--radius-card:var(--radius-lg);--radius-modal:var(--radius-xl);--radius-badge:var(--radius-full);--shadow-none:none;--shadow-xs:0 1px 2px rgba(0,0,0,.05);--shadow-sm:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,.06);--shadow-md:0 4px 6px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.06);--shadow-lg:0 10px 15px rgba(0,0,0,.1),0 4px 6px rgba(0,0,0,.05);--shadow-xl:0 20px 25px rgba(0,0,0,.1),0 10px 10px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px rgba(0,0,0,.25);--shadow-inner:inset 0 2px 4px rgba(0,0,0,.06);--shadow-focus:0 0 0 3px rgba(var(--brand-primary-rgb),.4);--shadow-focus-error:0 0 0 3px rgba(var(--color-error-rgb),.4);--z-hide:-1;--z-base:0;--z-raised:1;--z-dropdown:10;--z-sticky:20;--z-header:30;--z-overlay:40;--z-modal:50;--z-popover:60;--z-tooltip:70;--z-toast:80;--z-max:9999;--duration-instant:0ms;--duration-fast:.1s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.5s;--ease-linear:linear;--ease-in:cubic-bezier(.4,0,1,1);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--ease-bounce:cubic-bezier(.68,-.55,.265,1.55);--transition-fast:var(--duration-fast) var(--ease-in-out);--transition-normal:var(--duration-normal) var(--ease-in-out);--transition-slow:var(--duration-slow) var(--ease-in-out);--transition-colors:color var(--duration-fast) var(--ease-in-out),background-color var(--duration-fast) var(--ease-in-out),border-color var(--duration-fast) var(--ease-in-out);--transition-opacity:opacity var(--duration-normal) var(--ease-in-out);--transition-transform:transform var(--duration-normal) var(--ease-out);--transition-shadow:box-shadow var(--duration-fast) var(--ease-in-out);--opacity-0:0;--opacity-5:.05;--opacity-10:.1;--opacity-20:.2;--opacity-25:.25;--opacity-30:.3;--opacity-40:.4;--opacity-50:.5;--opacity-60:.6;--opacity-70:.7;--opacity-75:.75;--opacity-80:.8;--opacity-90:.9;--opacity-100:1;--sidebar-width:220px;--sidebar-width-collapsed:60px;--sidebar-width-tablet:180px;--notes-list-width:300px;--notes-list-width-tablet:260px;--header-height:52px;--header-height-mobile:48px;--modal-width-sm:400px;--modal-width-md:600px;--modal-width-lg:800px;--modal-width-xl:1000px;--content-max-width:1200px;--content-max-width-prose:65ch;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px;--breakpoint-2xl:1536px;--border-0:0;--border-1:1px;--border-2:2px;--border-4:4px;--border-8:8px;--aspect-square:1/1;--aspect-video:16/9;--aspect-portrait:3/4;--aspect-wide:21/9}[data-font-size=small]{--editor-font-size:var(--text-base);--editor-line-height:var(--leading-normal)}[data-font-size=medium]{--editor-font-size:var(--text-lg);--editor-line-height:var(--leading-relaxed)}[data-font-size=large]{--editor-font-size:var(--text-2xl);--editor-line-height:var(--leading-relaxed)}[data-font-size=xlarge]{--editor-font-size:var(--text-3xl);--editor-line-height:var(--leading-loose)}[data-theme=dark]{--shadow-xs:0 1px 2px rgba(0,0,0,.2);--shadow-sm:0 1px 3px rgba(0,0,0,.3),0 1px 2px rgba(0,0,0,.2);--shadow-md:0 4px 6px rgba(0,0,0,.35),0 2px 4px rgba(0,0,0,.2);--shadow-lg:0 10px 15px rgba(0,0,0,.35),0 4px 6px rgba(0,0,0,.2);--shadow-xl:0 20px 25px rgba(0,0,0,.35),0 10px 10px rgba(0,0,0,.15);--shadow-2xl:0 25px 50px rgba(0,0,0,.5)}@media (prefers-reduced-motion:reduce){:root{--duration-fast:0ms;--duration-normal:0ms;--duration-slow:0ms;--duration-slower:0ms}}[data-reduced-motion=true]{--duration-fast:0ms;--duration-normal:0ms;--duration-slow:0ms;--duration-slower:0ms}.theme-transition,.theme-transition *,.theme-transition :after,.theme-transition :before{transition:background-color var(--duration-slow) var(--ease-in-out),border-color var(--duration-slow) var(--ease-in-out),color var(--duration-slow) var(--ease-in-out),box-shadow var(--duration-slow) var(--ease-in-out)!important}[data-high-contrast=true][data-theme=dark]{--text-primary:#fff;--text-secondary:silver;--text-tertiary:#a0a0a0;--border:hsla(0,0%,100%,.3);--border-subtle:hsla(0,0%,100%,.15);--bg-hover:hsla(0,0%,100%,.15);--bg-active:hsla(0,0%,100%,.2)}[data-high-contrast=true][data-theme=light]{--text-primary:#000;--text-secondary:#333;--text-tertiary:#555;--border:rgba(0,0,0,.3);--border-subtle:rgba(0,0,0,.15);--bg-hover:rgba(0,0,0,.1);--bg-active:rgba(0,0,0,.15)}:root{--brand-black:#1c1c1e;--brand-black-pure:#000;--brand-white:#fff;--brand-white-soft:#f5f5f7;--brand-primary:#f59e0b;--brand-primary-light:#fbbf24;--brand-primary-dark:#d97706;--brand-primary-rgb:245,158,11;--brand-secondary:#0d9488;--brand-secondary-light:#14b8a6;--brand-secondary-dark:#0f766e;--brand-secondary-rgb:13,148,136;--brand-tertiary:#8b5cf6;--brand-tertiary-light:#a78bfa;--brand-tertiary-dark:#7c3aed;--brand-tertiary-rgb:139,92,246;--brand-gray-50:#fafafa;--brand-gray-100:#f5f5f5;--brand-gray-200:#e5e5e5;--brand-gray-300:#d4d4d4;--brand-gray-400:#a3a3a3;--brand-gray-500:#737373;--brand-gray-600:#525252;--brand-gray-700:#404040;--brand-gray-800:#262626;--brand-gray-900:#171717;--color-success:#22c55e;--color-success-light:#4ade80;--color-success-dark:#16a34a;--color-warning:#f59e0b;--color-warning-light:#fbbf24;--color-warning-dark:#d97706;--color-error:#ef4444;--color-error-light:#f87171;--color-error-dark:#dc2626;--color-error-rgb:239,68,68;--color-info:#0d9488;--color-info-light:#14b8a6;--color-info-dark:#0f766e}:root,[data-theme=dark]{--bg-sidebar:#1c1c1e;--bg-notes-list:#2c2c2e;--bg-editor:#1c1c1e;--bg-hover:hsla(0,0%,100%,.08);--bg-active:hsla(0,0%,100%,.12);--bg-selected:#3a3a3c;--text-primary:#fff;--text-secondary:#98989d;--text-tertiary:#636366;--text-muted:#48484a;--accent:#f59e0b;--accent-hover:#fbbf24;--accent-active:#d97706;--accent-text:#422006;--secondary:#14b8a6;--secondary-hover:#2dd4bf;--secondary-active:#0d9488;--secondary-text:#042f2e;--tertiary:#a78bfa;--tertiary-hover:#c4b5fd;--tertiary-active:#8b5cf6;--tertiary-text:#1e1b4b;--success:#4ade80;--success-hover:#86efac;--success-text:#052e16;--warning:#fbbf24;--warning-hover:#fcd34d;--warning-text:#422006;--error:#f87171;--error-hover:#fca5a5;--error-text:#450a0a;--info:#2dd4bf;--info-hover:#5eead4;--info-text:#042f2e;--border:hsla(0,0%,100%,.1);--border-subtle:hsla(0,0%,100%,.05);--tag-blue:#5ac8fa;--tag-green:#30d158;--tag-orange:#ff9f0a;--tag-purple:#a78bfa;--tag-red:#ff453a;--tag-yellow:#ffd60a;--tag-pink:#ff375f;--tag-teal:#2dd4bf;--tag-amber:#f59e0b;--tag-violet:#a78bfa;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 12px rgba(0,0,0,.4);--shadow-lg:0 8px 24px rgba(0,0,0,.5);--shadow-accent:0 4px 14px rgba(var(--brand-primary-rgb),.35);--shadow-secondary:0 4px 14px rgba(var(--brand-secondary-rgb),.35);--shadow-tertiary:0 4px 14px rgba(var(--brand-tertiary-rgb),.35)}[data-theme=light]{--bg-sidebar:#f2f2f7;--bg-notes-list:#fff;--bg-editor:#fff;--bg-hover:rgba(0,0,0,.05);--bg-active:rgba(0,0,0,.08);--bg-selected:#e5e5ea;--text-primary:#1c1c1e;--text-secondary:#6e6e73;--text-tertiary:#aeaeb2;--text-muted:#c7c7cc;--accent:#f59e0b;--accent-hover:#d97706;--accent-active:#b45309;--accent-text:#422006;--secondary:#0d9488;--secondary-hover:#0f766e;--secondary-active:#115e59;--secondary-text:#f0fdfa;--tertiary:#8b5cf6;--tertiary-hover:#7c3aed;--tertiary-active:#6d28d9;--tertiary-text:#f5f3ff;--success:#22c55e;--success-hover:#16a34a;--success-text:#f0fdf4;--warning:#f59e0b;--warning-hover:#d97706;--warning-text:#422006;--error:#ef4444;--error-hover:#dc2626;--error-text:#fef2f2;--info:#0d9488;--info-hover:#0f766e;--info-text:#f0fdfa;--border:rgba(0,0,0,.1);--border-subtle:rgba(0,0,0,.05);--tag-blue:#007aff;--tag-green:#28cd41;--tag-orange:#ff9500;--tag-purple:#8b5cf6;--tag-red:#ff3b30;--tag-yellow:#fc0;--tag-pink:#ff2d55;--tag-teal:#0d9488;--tag-amber:#d97706;--tag-violet:#8b5cf6;--shadow-sm:0 1px 2px rgba(0,0,0,.1);--shadow-md:0 4px 12px rgba(0,0,0,.15);--shadow-lg:0 8px 24px rgba(0,0,0,.2);--shadow-accent:0 4px 14px rgba(var(--brand-primary-rgb),.25);--shadow-secondary:0 4px 14px rgba(var(--brand-secondary-rgb),.25);--shadow-tertiary:0 4px 14px rgba(var(--brand-tertiary-rgb),.25)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow:hidden}body{background:var(--bg-editor);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{height:100%}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-tertiary) 40%,transparent);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}*{scrollbar-color:color-mix(in srgb,var(--text-tertiary) 40%,transparent) transparent;scrollbar-width:thin}::selection{background:var(--selection-bg,rgba(var(--brand-primary-rgb),.3))}::-moz-selection{background:var(--selection-bg,rgba(var(--brand-primary-rgb),.3))}:focus-visible{outline:1.5px solid color-mix(in srgb,var(--accent) 50%,transparent);outline-offset:1px}:focus:not(:focus-visible){outline:none}.tag-blue{color:var(--tag-blue)}.tag-green{color:var(--tag-green)}.tag-orange{color:var(--tag-orange)}.tag-purple{color:var(--tag-purple)}.tag-red{color:var(--tag-red)}.tag-yellow{color:var(--tag-yellow)}.tag-pink{color:var(--tag-pink)}.tag-teal{color:var(--tag-teal)}.mo5i-app{display:flex;height:100vh;overflow:hidden}#editor-container,#notes-list-container,#sidebar-container{display:flex;height:100%;transition:width .3s ease,min-width .3s ease,opacity .3s ease}#editor-container{flex:1}#sidebar-container.hidden{min-width:0;opacity:0;overflow:hidden;width:0}#sidebar-container.hidden .sidebar{min-width:0;width:0}#notes-list-container.hidden{min-width:0;opacity:0;overflow:hidden;width:0}#notes-list-container.hidden .notes-list{min-width:0;width:0}.empty-state{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;padding:40px;text-align:center}.empty-state-icon{fill:var(--text-muted);height:64px;margin-bottom:16px;width:64px}.empty-state-title{color:var(--text-secondary);font-size:16px;font-weight:500;margin-bottom:8px}.empty-state-text{color:var(--text-tertiary);font-size:13px}.cloud-loading-spinner{animation:cloud-spin .8s linear infinite;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:40px;margin-bottom:16px;width:40px}@keyframes cloud-spin{to{transform:rotate(1turn)}}#editor-container.focused,#notes-list-container.focused,#sidebar-container.focused{position:relative}#editor-container.focused:after,#notes-list-container.focused:after,#sidebar-container.focused:after{border:2px solid var(--accent);border-radius:4px;content:"";inset:0;opacity:.5;pointer-events:none;position:absolute;z-index:10}#notes-list-container.hidden.focused:after,#sidebar-container.hidden.focused:after{display:none}.login-screen{background:var(--bg-primary);box-sizing:border-box;height:100dvh;justify-content:center;min-height:100vh;padding:24px 24px 64px;position:relative;width:100vw}.login-card,.login-screen{align-items:center;display:flex}.login-card{flex-direction:column;max-width:360px;padding:48px 40px;width:100%}.login-logo{height:64px;margin-bottom:16px;width:64px}.login-logo svg{fill:var(--accent);height:100%;width:100%}.login-title{color:var(--text-primary);font-size:28px;font-weight:700;margin:0 0 8px}.login-subtitle{color:var(--text-tertiary);font-size:14px;margin:0 0 40px;text-align:center}.login-btn{align-items:center;background:var(--accent);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:15px;font-weight:500;gap:12px;justify-content:center;padding:12px 24px;transition:all var(--transition-fast);width:100%}.login-btn:hover{box-shadow:0 4px 12px color-mix(in srgb,var(--accent) 40%,transparent);opacity:.9;transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn svg{fill:currentColor;flex-shrink:0}.login-legal{align-items:center;color:var(--text-tertiary);display:flex;font-size:13px;justify-content:center;margin:0;text-align:center;white-space:nowrap}.login-footer{bottom:24px;left:50%;position:absolute;transform:translate(-50%)}.login-legal-link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition-fast);white-space:nowrap}.login-legal-link:hover{color:var(--accent)}.login-legal-separator{color:var(--text-quaternary);margin:0 8px}.legal-page{background:var(--bg-primary);color:var(--text-primary);inset:0;overflow-y:auto;position:fixed;z-index:1}.legal-container{margin:0 auto;max-width:720px;padding:0 24px 80px}.legal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;margin-bottom:40px;padding:20px 0}.legal-back-btn,.legal-header{align-items:center;display:flex}.legal-back-btn{background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:inherit;font-size:14px;gap:8px;padding:8px 12px;transition:all var(--transition-fast)}.legal-back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.legal-back-btn svg{flex-shrink:0}.legal-logo{height:32px;width:32px}.legal-logo svg{fill:var(--accent);height:100%;width:100%}.legal-content h1{color:var(--text-primary);font-size:32px;font-weight:700;margin:0 0 8px}.legal-updated{color:var(--text-tertiary);font-size:13px;margin:0 0 40px}.legal-content h2{font-size:20px;margin:32px 0 12px}.legal-content h2,.legal-content h3{color:var(--text-primary);font-weight:600}.legal-content h3{font-size:16px;margin:20px 0 8px}.legal-content p{color:var(--text-secondary);font-size:15px;line-height:1.7;margin:0 0 12px}.legal-content ul{margin:0 0 12px;padding-left:24px}.legal-content li{color:var(--text-secondary);font-size:15px;line-height:1.7;margin-bottom:6px}.legal-content a,.legal-link{color:var(--accent);cursor:pointer;text-decoration:none}.legal-content a:hover,.legal-link:hover{text-decoration:underline}.legal-content code{background:var(--bg-tertiary);border-radius:4px;font-family:JetBrains Mono,monospace;font-size:13px;padding:2px 6px}.legal-content section{margin-bottom:8px}.legal-content section:first-of-type h2{margin-top:0}.sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100%;min-width:var(--sidebar-width);overflow:hidden;width:var(--sidebar-width)}.sidebar-header{border-bottom:none;height:var(--header-height);padding:0 16px}.app-logo,.sidebar-header{align-items:center;display:flex}.app-logo{gap:10px}.app-logo svg{fill:var(--accent);height:24px;width:24px}.app-logo span{color:var(--text-primary);font-size:16px;font-weight:600}.sidebar-content{flex:1;overflow-y:auto;padding:12px 8px}.sidebar-section{margin-bottom:8px}.sidebar-section-title{color:var(--text-tertiary);font-size:10px;font-weight:600;letter-spacing:.8px;padding:12px 10px 4px;text-transform:uppercase}.sidebar-item{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:10px;padding:6px 10px;text-align:left;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;width:100%;-webkit-touch-callout:none}.sidebar-item:hover{background:var(--bg-hover)}.sidebar-item.active{background:var(--bg-active);color:var(--text-primary);font-weight:500}.sidebar-item-icon{align-items:center;display:flex;font-size:16px;height:20px;justify-content:center;width:20px}.sidebar-item-icon svg{fill:currentColor;height:18px;width:18px}.sidebar-item-count{color:var(--text-tertiary);font-size:12px;margin-left:auto;min-width:20px;text-align:right}.sidebar-new-note-btn{align-items:center;background:color-mix(in srgb,var(--accent) 15%,transparent);border:none;border-radius:6px;color:var(--accent);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;margin-left:auto;transition:all var(--transition-fast);width:28px}.sidebar-new-note-btn:hover{background:color-mix(in srgb,var(--accent) 25%,transparent)}.sidebar-new-note-btn svg{fill:currentColor;height:16px;width:16px}.sidebar-footer{border-top:1px solid var(--border-subtle);padding:8px}.sidebar-profile{align-items:center;display:flex;gap:10px;padding:4px;position:relative}.sidebar-profile-pic-btn{align-items:center;background:none;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:0;transition:opacity var(--transition-fast)}.sidebar-profile-pic-btn:hover{opacity:.8}.sidebar-profile-menu{background:var(--bg-notes-list);border:1px solid var(--border);border-radius:8px;bottom:calc(100% + 8px);box-shadow:0 4px 16px #0003;left:4px;min-width:200px;overflow:hidden;position:absolute;z-index:300}.sidebar-profile-menu-header{border-bottom:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:2px;padding:12px}.sidebar-profile-menu-name{color:var(--text-primary);font-size:13px;font-weight:600}.sidebar-profile-menu-email{color:var(--text-tertiary);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-menu-item{align-items:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:13px;gap:8px;padding:10px 12px;transition:background var(--transition-fast);width:100%}.sidebar-profile-menu-item:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-profile-menu-item svg{flex-shrink:0;height:16px;width:16px}.sidebar-profile-pic{border-radius:50%;flex-shrink:0;height:32px;object-fit:cover;width:32px}.sidebar-profile-pic-placeholder{align-items:center;background:var(--bg-hover);color:var(--text-tertiary);display:flex;justify-content:center}.sidebar-profile-pic-placeholder svg{height:20px;width:20px}.sidebar-profile-name{color:var(--text-primary);flex:1;font-size:13px;font-weight:500;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-profile-settings{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.sidebar-profile-settings:hover{background:var(--bg-hover);color:var(--text-primary)}.sidebar-profile-settings svg{fill:currentColor;height:16px;width:16px}.sidebar-signin-btn{align-items:center;background:color-mix(in srgb,var(--accent) 15%,transparent);border:none;border-radius:6px;color:var(--accent);cursor:pointer;display:flex;flex:1;font-family:inherit;font-size:13px;font-weight:500;gap:8px;justify-content:center;padding:8px 16px;transition:all var(--transition-fast)}.sidebar-signin-btn:hover{background:color-mix(in srgb,var(--accent) 25%,transparent)}.sidebar-signin-btn svg{fill:currentColor;height:16px;width:16px}.pinned-indicator{background:var(--accent);border-radius:50%;height:6px;margin-left:auto;margin-right:4px;width:6px}.notes-list{background:var(--bg-notes-list);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;height:100%;min-width:var(--notes-list-width);overflow:hidden;width:var(--notes-list-width)}.notes-list-header{align-items:center;border-bottom:1px solid var(--border-subtle);display:flex;gap:6px;height:var(--header-height);padding:0 16px}.notes-list-title{color:var(--text-primary);font-size:15px;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notes-list-count{color:var(--text-tertiary);flex-shrink:0;font-size:13px}.notes-search{border-bottom:1px solid var(--border-subtle);padding:10px 16px}.search-input-wrapper{position:relative}.search-input{background:var(--bg-hover);border:1px solid transparent;border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:13px;padding:7px 12px 7px 34px;transition:all var(--transition-fast);width:100%}.search-input:focus{background:var(--bg-active);border-color:color-mix(in srgb,var(--accent) 40%,transparent);outline:none}.search-input::placeholder{color:var(--text-tertiary)}.search-icon{fill:var(--text-tertiary);height:14px;left:12px;pointer-events:none;width:14px}.search-clear-btn,.search-icon{position:absolute;top:50%;transform:translateY(-50%)}.search-clear-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;display:flex;justify-content:center;padding:4px;right:8px}.search-clear-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.search-input-wrapper:has(.search-clear-btn) .search-input{padding-right:32px}.search-suggestions{background:var(--bg-notes-list);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-md);left:0;margin-top:4px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.search-suggestion{align-items:center;cursor:pointer;display:flex;gap:10px;padding:10px 12px;transition:background var(--transition-fast)}.search-suggestion:hover{background:var(--bg-hover)}.search-suggestion-icon{align-items:center;color:var(--text-tertiary);display:flex;height:18px;justify-content:center;width:18px}.search-suggestion-icon svg{fill:currentColor;height:14px;width:14px}.search-suggestion-text{color:var(--text-primary);flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-suggestion-type{color:var(--text-tertiary);font-size:10px;letter-spacing:.5px;text-transform:uppercase}.notes-search{position:relative}.search-highlight,mark.search-highlight{background:var(--accent);border-radius:2px;color:var(--bg-editor);padding:0 2px}.notes-list-content{flex:1;overflow-y:auto}.note-item{border-bottom:1px solid var(--border-subtle);cursor:pointer;padding:12px 16px;position:relative;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.note-item:hover{background:var(--bg-hover)}.note-item.active{background:var(--bg-selected)}.note-item.active:before{background:var(--accent);bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.note-item-title{color:var(--text-primary);font-size:14px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-item-preview{color:var(--text-secondary);display:-webkit-box;font-size:13px;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.4;margin-bottom:8px;overflow:hidden}.note-item-meta{align-items:center;color:var(--text-tertiary);display:flex;flex-wrap:nowrap;font-size:11px;gap:8px}.note-item-date{align-items:center;display:flex;flex-shrink:0;gap:4px;white-space:nowrap}.note-item-tags{display:flex;flex-wrap:nowrap;gap:6px;overflow:hidden}.note-tag{align-items:center;background:var(--bg-hover);border-radius:10px;color:var(--text-secondary);display:inline-flex;gap:3px;padding:1px 6px;-webkit-user-select:none;user-select:none;white-space:nowrap;-webkit-touch-callout:none}.note-tag,.note-tag-icon{font-size:10px}.note-pinned-badge{align-items:center;color:var(--accent-secondary);display:inline-flex;height:16px;justify-content:center;margin-right:6px;width:16px}.note-pinned-badge svg{fill:currentColor;height:12px;width:12px}.mobile-header-btn{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:none;flex-shrink:0;height:40px;justify-content:center;padding:0;width:40px;-webkit-tap-highlight-color:transparent}.mobile-header-btn svg{fill:currentColor;height:20px;width:20px}.mobile-sidebar-toggle svg{height:22px;width:22px}.mobile-header-actions{align-items:center;display:none;gap:0;margin-left:auto}.mobile-fab{align-items:center;background:var(--accent);border:none;border-radius:16px;bottom:24px;box-shadow:0 2px 8px #00000026,0 6px 20px #0000001a;color:var(--accent-text);cursor:pointer;display:none;height:56px;justify-content:center;position:fixed;right:20px;transition:transform .15s ease,box-shadow .15s ease;width:56px;z-index:45;-webkit-tap-highlight-color:transparent}.mobile-fab:active{box-shadow:0 1px 4px #0003;transform:scale(.93)}.mobile-fab svg{fill:currentColor;height:24px;width:24px}.editor-panel{background:var(--bg-editor);display:flex;flex:1;flex-direction:column;height:100%;overflow:hidden}.editor-header{border-bottom:1px solid var(--border-subtle);height:var(--header-height);justify-content:space-between;padding:0 20px}.editor-actions,.editor-header{align-items:center;display:flex}.editor-actions{gap:8px}.editor-btn{align-items:center;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.editor-btn,.editor-btn:focus{outline:none}.editor-btn[data-tooltip]:after{bottom:auto;top:calc(100% + 8px)}.editor-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.editor-btn.active{background:var(--bg-active);color:var(--accent)}.editor-btn.danger:hover{color:var(--error)}.editor-btn svg{fill:currentColor;height:18px;width:18px}.editor-btn.panel-toggle{opacity:.6}.editor-btn.panel-toggle.active{background:transparent;color:var(--text-primary);opacity:1}.editor-btn.panel-toggle:hover{opacity:1}.editor-btn.panel-toggle[data-tooltip]:after{bottom:auto;left:calc(100% + 8px);top:50%;transform:translateY(-50%)}.editor-actions-divider{background:var(--border);height:20px;margin:0 4px;width:1px}.editor-view-toggle{background:var(--bg-hover);border-radius:6px;display:flex;gap:1px;padding:2px}.view-toggle-btn{background:transparent;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;font-size:12px;font-weight:500;padding:4px 10px;transition:all var(--transition-fast)}.view-toggle-btn:hover{color:var(--text-secondary)}.view-toggle-btn.active{background:var(--bg-selected);box-shadow:0 1px 2px #0000001a;color:var(--text-primary)}.editor-content{display:flex;flex:1;min-height:0;overflow:hidden}.editor-textarea-wrapper{display:flex;flex:1;flex-direction:column;overflow:hidden}.editor-textarea{background:transparent;border:none;color:var(--text-primary);flex:1;font-family:var(--font-editor,var(--font-mono));font-size:var(--editor-font-size);line-height:var(--editor-line-height);outline:none;padding:24px 40px;resize:none;text-align:start;unicode-bidi:plaintext;width:100%}.editor-textarea::placeholder{color:var(--text-muted)}.editor-preview{flex:1;min-height:0;overflow-y:auto;padding:24px 40px;scroll-behavior:auto}.editor-preview,.editor-textarea{scrollbar-color:var(--scrollbar-thumb) transparent;scrollbar-width:thin}.editor-content.split{display:flex}.editor-content.split .editor-textarea-wrapper{flex:none;width:50%}.editor-content.split .editor-preview{flex:1;min-width:0}#split-divider-mount{display:flex;flex-shrink:0;height:100%}#split-divider-mount.hidden{display:none!important}.split-divider{background:var(--border);cursor:col-resize;flex-shrink:0;height:100%;position:relative;transition:background .15s ease;width:3px;z-index:10}.split-divider.dragging,.split-divider:hover{background:var(--accent)}.editor-content.editor-only .editor-preview{display:none}.editor-content.editor-only .editor-textarea-wrapper{flex:1}.editor-content:not(.split) #split-divider-mount,.editor-content:not(.split) .split-divider{display:none!important;width:0!important}.editor-content.split #split-divider-mount{display:flex}.editor-content.split .split-divider{display:block;width:3px}.editor-content.preview-only .editor-textarea-wrapper{display:none}.editor-content.preview-only .editor-preview{flex:1;width:100%}.status-bar{background:var(--bg-notes-list);border-top:1px solid var(--border-subtle);color:var(--text-tertiary);height:26px;opacity:.85;padding:0 16px}.status-bar-left,.status-bar-right{gap:16px}.save-status,.status-item{align-items:center;display:flex;gap:4px}.save-status{font-size:11px;transition:opacity var(--transition-fast),color var(--transition-fast)}.save-status-unsaved{color:var(--error)}.save-status-saving{color:var(--warning)}.save-status-saved{color:var(--success)}.mobile-back-btn{display:none}.editor-actions-divider,.panel-toggle{display:flex}.editor-btn .ai-sparkle-icon{fill:none;stroke:none}.editor-btn:hover .ai-sparkle-icon path{filter:brightness(1.15)}.ai-dropdown{animation:ai-dropdown-in .12s ease-out;background:var(--bg-notes-list);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000040;min-width:200px;padding:4px 0;position:fixed;z-index:1000}@keyframes ai-dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ai-dropdown-item{background:none;border:none;color:var(--text-primary);cursor:pointer;display:block;font-size:13px;padding:8px 14px;text-align:left;transition:background var(--transition-fast);width:100%}.ai-dropdown-item:hover{background:var(--bg-hover)}.ai-dropdown-item.ai-dropdown-submenu:after{color:var(--text-tertiary);content:"›";float:right;font-size:16px;line-height:1}.ai-dropdown-divider{background:var(--border-subtle);height:1px;margin:4px 0}.ai-dropdown-sub{border-top:1px solid var(--border-subtle);padding:2px 0}.ai-dropdown-sub .ai-dropdown-item{font-size:12px;padding-left:24px}.markdown-body{color:var(--text-primary);line-height:1.7}.markdown-body blockquote,.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4,.markdown-body h5,.markdown-body h6,.markdown-body li,.markdown-body p,.markdown-body td,.markdown-body th{text-align:start;unicode-bidi:plaintext}.markdown-body h1{border-bottom:1px solid var(--border);color:var(--text-primary);font-size:28px;font-weight:700;margin-bottom:16px;padding-bottom:12px}.markdown-body h2{font-size:22px;margin-bottom:12px;margin-top:32px}.markdown-body h2,.markdown-body h3{color:var(--text-primary);font-weight:600}.markdown-body h3{font-size:18px;margin-bottom:8px;margin-top:24px}.markdown-body h4,.markdown-body h5,.markdown-body h6{color:var(--text-secondary);font-size:15px;font-weight:600;margin-bottom:8px;margin-top:20px}.markdown-body p{margin-bottom:16px}.markdown-body a{color:var(--accent);text-decoration:none}.markdown-body a:hover{text-decoration:underline}.markdown-body strong{color:var(--text-primary);font-weight:600}.markdown-body em{font-style:italic}.markdown-body code{background:var(--bg-hover);border-radius:4px;color:var(--accent);font-family:var(--font-mono);font-size:13px;padding:2px 6px}.markdown-body pre{background:var(--bg-notes-list);border-radius:8px;margin:16px 0;overflow-x:auto;padding:16px}.markdown-body pre code{background:none;color:var(--text-primary);font-size:13px;line-height:1.6;padding:0}.markdown-body pre code .hljs-keyword,.markdown-body pre code .hljs-section,.markdown-body pre code .hljs-selector-tag,.markdown-body pre code .hljs-title{color:#ff7b72}.markdown-body pre code .hljs-attr,.markdown-body pre code .hljs-string{color:#a5d6ff}.markdown-body pre code .hljs-literal,.markdown-body pre code .hljs-number{color:#79c0ff}.markdown-body pre code .hljs-built_in,.markdown-body pre code .hljs-type{color:#ffa657}.markdown-body pre code .hljs-comment,.markdown-body pre code .hljs-quote{color:#8b949e;font-style:italic}.markdown-body pre code .hljs-function,.markdown-body pre code .hljs-title.function_{color:#d2a8ff}.markdown-body pre code .hljs-template-variable,.markdown-body pre code .hljs-variable{color:#ffa657}.markdown-body pre code .hljs-attribute,.markdown-body pre code .hljs-name,.markdown-body pre code .hljs-selector-class,.markdown-body pre code .hljs-selector-id,.markdown-body pre code .hljs-tag{color:#7ee787}.markdown-body pre code .hljs-link,.markdown-body pre code .hljs-regexp{color:#a5d6ff}.markdown-body pre code .hljs-meta{color:#79c0ff}.markdown-body pre code .hljs-punctuation{color:var(--text-secondary)}[data-theme=light] .markdown-body pre code .hljs-keyword,[data-theme=light] .markdown-body pre code .hljs-section,[data-theme=light] .markdown-body pre code .hljs-selector-tag,[data-theme=light] .markdown-body pre code .hljs-title{color:#cf222e}[data-theme=light] .markdown-body pre code .hljs-attr,[data-theme=light] .markdown-body pre code .hljs-string{color:#0a3069}[data-theme=light] .markdown-body pre code .hljs-literal,[data-theme=light] .markdown-body pre code .hljs-number{color:#0550ae}[data-theme=light] .markdown-body pre code .hljs-built_in,[data-theme=light] .markdown-body pre code .hljs-type{color:#953800}[data-theme=light] .markdown-body pre code .hljs-comment,[data-theme=light] .markdown-body pre code .hljs-quote{color:#6e7781;font-style:italic}[data-theme=light] .markdown-body pre code .hljs-function,[data-theme=light] .markdown-body pre code .hljs-title.function_{color:#8250df}[data-theme=light] .markdown-body pre code .hljs-template-variable,[data-theme=light] .markdown-body pre code .hljs-variable{color:#953800}[data-theme=light] .markdown-body pre code .hljs-attribute,[data-theme=light] .markdown-body pre code .hljs-name,[data-theme=light] .markdown-body pre code .hljs-selector-class,[data-theme=light] .markdown-body pre code .hljs-selector-id,[data-theme=light] .markdown-body pre code .hljs-tag{color:#116329}[data-theme=light] .markdown-body pre code .hljs-link,[data-theme=light] .markdown-body pre code .hljs-regexp{color:#0a3069}[data-theme=light] .markdown-body pre code .hljs-meta{color:#0550ae}.markdown-body blockquote,[data-theme=light] .markdown-body pre code .hljs-punctuation{color:var(--text-secondary)}.markdown-body blockquote{border-left:3px solid var(--accent);font-style:italic;margin:16px 0;padding-left:16px}.markdown-body ol,.markdown-body ul{list-style:none;margin:16px 0;padding-left:0}.markdown-body li{margin-bottom:8px;padding-left:24px;position:relative}.markdown-body ul>li:before{color:var(--text-secondary);content:"•";left:8px;position:absolute}.markdown-body ol{counter-reset:list-counter}.markdown-body ol>li{counter-increment:list-counter}.markdown-body ol>li:before{color:var(--text-secondary);content:counter(list-counter) ".";font-size:14px;left:0;position:absolute}.markdown-body li:has(>input[type=checkbox]):before{content:none}.markdown-body li:has(>input[type=checkbox]){padding-left:28px}.markdown-body li>input[type=checkbox]{appearance:none;-webkit-appearance:none;background:transparent;border:2px solid var(--text-secondary);border-radius:3px;cursor:pointer;height:16px;left:0;margin:0;position:absolute;top:4px;transition:all .15s ease;width:16px}.markdown-body li>input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}.markdown-body li>input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";height:8px;left:50%;position:absolute;top:50%;transform:translate(-50%,-60%) rotate(45deg);width:4px}.markdown-body li:has(>input[type=checkbox]:checked){color:var(--text-secondary);text-decoration:line-through}.markdown-body hr{border:none;border-top:1px solid var(--border);margin:24px 0}.markdown-body img{border-radius:8px;margin:16px 0;max-width:100%}.markdown-body table{border:1px solid var(--border);border-collapse:separate;border-radius:8px;border-spacing:0;margin:16px 0;overflow:hidden;width:100%}.markdown-body td,.markdown-body th{border-bottom:1px solid var(--border);border-right:1px solid var(--border);padding:10px 14px;text-align:start}.markdown-body td:last-child,.markdown-body th:last-child{border-right:none}.markdown-body tr:last-child td{border-bottom:none}.markdown-body th{background:var(--bg-hover);font-weight:600}.markdown-body input[type=checkbox]{cursor:pointer}.tag-highlight{color:var(--secondary);font-weight:500}.modal-overlay{align-items:center;animation:fadeIn .15s ease;background:#0009;display:flex;justify-content:center;inset:0;position:fixed;z-index:1000}.modal{animation:slideUp .2s ease;background:var(--bg-notes-list);border-radius:12px;box-shadow:var(--shadow-lg);max-width:400px;width:90%}.modal-header{border-bottom:1px solid var(--border);padding:16px 20px}.modal-title{color:var(--text-primary);font-size:16px;font-weight:600}.modal-body{padding:20px}.modal-footer{border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end;padding:16px 20px}.modal-btn{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:500;padding:8px 16px;transition:all var(--transition-fast)}.modal-btn-secondary{background:var(--bg-hover);color:var(--text-primary)}.modal-btn-secondary:hover{background:var(--bg-active)}.modal-btn-danger{background:var(--error);color:var(--error-text)}.modal-btn-danger:hover{filter:brightness(1.15)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#command-palette-container.hidden,#delete-modal-container.hidden,#plugins-modal-container.hidden,#settings-modal-container.hidden,#shortcuts-modal-container.hidden{display:none}.shortcuts-modal{max-width:480px}.shortcuts-modal .modal-header{align-items:center;display:flex;justify-content:space-between}.modal-close-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:4px}.modal-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.shortcuts-list{max-height:400px;overflow-y:auto}.shortcut-group{margin-bottom:20px}.shortcut-group:last-child{margin-bottom:0}.shortcut-group-title{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.shortcut-item{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 0}.shortcut-item:last-child{border-bottom:none}.shortcut-label{color:var(--text-primary);font-size:13px}.shortcut-keys{align-items:center;display:flex;gap:4px}.shortcut-keys.chord{gap:6px}.chord-separator{font-size:10px;font-style:italic}.chord-separator,kbd{color:var(--text-secondary)}kbd{background:var(--bg-hover);border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:11px;padding:2px 6px}.settings-modal{height:auto;max-height:80vh;max-width:720px;overflow:hidden;padding:0;width:90%}.settings-layout{display:flex;height:100%;max-height:calc(80vh - 2px);min-height:480px}.settings-sidebar{background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;flex-shrink:0;width:180px}.settings-sidebar-header{padding:20px 16px 16px}.settings-sidebar-title{color:var(--text-secondary);font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.settings-nav{display:flex;flex-direction:column;gap:2px;padding:0 8px}.settings-nav-item{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;gap:10px;padding:10px 12px;text-align:left;transition:all var(--transition-fast);width:100%}.settings-nav-item:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-nav-item.active{background:var(--bg-active);color:var(--text-primary)}.settings-nav-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center}.settings-nav-icon,.settings-nav-icon svg{height:18px;width:18px}.settings-nav-label{font-size:14px;font-weight:500}.settings-main{background:var(--bg-notes-list);display:flex;flex:1;flex-direction:column;min-width:0}.settings-header{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-shrink:0;justify-content:space-between;padding:16px 20px}.settings-title{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.settings-content{flex:1;overflow-y:auto;padding:20px}.settings-tab-content{display:none}.settings-tab-content.active{display:block}.settings-group{margin-bottom:28px}.settings-group:last-child{margin-bottom:0}.settings-group-title{border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:12px;padding-bottom:8px;text-transform:uppercase}.settings-group-title,.settings-row{align-items:center;display:flex;justify-content:space-between}.settings-row{padding:12px 0}.settings-row:last-child{padding-bottom:0}.settings-label{display:flex;flex-direction:column;gap:2px}.settings-label-text{color:var(--text-primary);font-size:14px}.settings-label-desc{color:var(--text-secondary);font-size:12px}.settings-control{flex-shrink:0}.settings-select{background:var(--bg-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);cursor:pointer;font-size:13px;min-width:120px;padding:6px 12px}.settings-select:focus{border-color:var(--accent);outline:none}.settings-toggle{display:inline-block;height:24px;position:relative;width:44px}.settings-toggle input{height:0;opacity:0;width:0}.settings-toggle-slider{background-color:var(--bg-hover);border:1px solid var(--border);border-radius:24px;cursor:pointer;inset:0;position:absolute;transition:.2s}.settings-toggle-slider:before{background-color:var(--text-secondary);border-radius:50%;bottom:2px;content:"";height:18px;left:2px;position:absolute;transition:.2s;width:18px}.settings-toggle input:checked+.settings-toggle-slider{background-color:var(--accent);border-color:var(--accent)}.settings-toggle input:checked+.settings-toggle-slider:before{background-color:var(--accent-text);transform:translate(20px)}.storage-info-row{align-items:flex-start;flex-direction:column;gap:12px}.storage-info{justify-content:space-between;width:100%}.storage-info,.storage-stats{align-items:baseline;display:flex}.storage-stats{gap:4px}.storage-used{color:var(--text-primary);font-size:20px;font-weight:600}.storage-separator{color:var(--text-secondary);font-size:13px}.storage-quota{color:var(--text-secondary);font-size:14px}.storage-notes{color:var(--text-secondary);font-size:13px}.storage-bar-container{width:100%}.storage-bar{background:var(--bg-hover);border-radius:4px;height:8px;overflow:hidden;width:100%}.storage-bar-fill{background:var(--accent);border-radius:4px;height:100%;transition:width .3s ease}.storage-bar-fill.warning{background:var(--warning)}.danger-row{background:rgba(var(--error-rgb,239,68,68),.05);border-radius:8px;margin:0 -20px;padding:12px 20px!important}.settings-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:8px 14px;transition:all var(--transition-fast)}.settings-btn svg{flex-shrink:0}.settings-btn-danger{background:var(--error);color:var(--error-text)}.settings-btn-danger:hover{filter:brightness(1.15)}.settings-btn-danger-outline{background:transparent;border:1px solid var(--error);color:var(--error)}.settings-btn-danger-outline:hover{background:var(--error);color:var(--error-text)}.settings-btn-secondary{background:var(--bg-hover);border:1px solid var(--border);color:var(--text-primary)}.settings-btn-secondary:hover{background:var(--bg-active);border-color:var(--border)}.clear-confirm{display:flex;gap:8px}.accent-color-picker{display:flex;flex-wrap:wrap;gap:6px}.accent-color-btn{border:2px solid transparent;border-radius:50%;cursor:pointer;height:24px;padding:0;transition:all var(--transition-fast);width:24px}.accent-color-btn:hover{transform:scale(1.1)}.accent-color-btn.active{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-editor)}.settings-link-btn{background:none;border:none;color:var(--accent);cursor:pointer;font-size:11px;font-weight:500;letter-spacing:0;padding:0;text-transform:none}.settings-link-btn:hover{text-decoration:underline}.settings-group-desc{color:var(--text-secondary);font-size:12px;margin:-4px 0 12px}.settings-lang-grid{display:grid;gap:4px 12px;grid-template-columns:repeat(3,1fr)}.settings-lang-item{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:4px 0}.settings-lang-item input[type=checkbox]{accent-color:var(--accent);cursor:pointer;height:14px;margin:0;width:14px}.settings-lang-label{user-select:none}.settings-lang-count{color:var(--text-secondary);font-size:11px;margin-top:8px}.command-palette{display:flex;flex-direction:column;max-height:70vh;max-width:480px;width:90%}.command-search-container{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:12px 16px}.command-search-icon{color:var(--text-secondary);flex-shrink:0}.command-search-input{background:none;border:none;color:var(--text-primary);flex:1;font-size:15px;outline:none}.command-search-input::placeholder{color:var(--text-secondary)}.command-list{flex:1;max-height:400px;overflow-y:auto;padding:8px}.command-category{margin-bottom:8px}.command-category:last-child{margin-bottom:0}.command-category-title{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;padding:8px 12px 4px;text-transform:uppercase}.command-item{align-items:center;border-radius:6px;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background var(--transition-fast)}.command-item.selected,.command-item:hover{background:var(--bg-hover)}.command-item.selected{background:var(--bg-active)}.command-info{display:flex;flex-direction:column;gap:2px;min-width:0}.command-name{color:var(--text-primary);font-size:14px}.command-description{color:var(--text-secondary);font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.command-shortcut{align-items:center;display:flex;flex-shrink:0;gap:4px;margin-left:16px}.command-shortcut.chord{gap:2px}.command-shortcut .chord-sep{color:var(--text-secondary);font-size:10px;margin:0 2px}.command-shortcut kbd{background:var(--bg-sidebar);font-size:10px;padding:2px 5px}.command-divider{background:var(--border);height:1px;margin:8px 12px}.command-empty{color:var(--text-secondary);font-size:14px;padding:32px 16px;text-align:center}.command-footer{background:var(--bg-hover);border-radius:0 0 12px 12px;border-top:1px solid var(--border);display:flex;gap:16px;justify-content:center;padding:12px 16px}.command-hint{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:4px}.command-hint kbd{font-size:10px;padding:1px 4px}.settings-btn-primary{background:var(--accent);border:1px solid var(--accent);color:#fff}.settings-btn-primary:hover{filter:brightness(1.1)}.settings-btn-primary svg{margin-right:4px}.storage-mode-selector{display:flex;flex-direction:row;gap:12px}.storage-mode-option{cursor:pointer;flex:1}.storage-mode-option input[type=radio]{display:none}.storage-mode-card{align-items:center;background:var(--bg-editor);border:2px solid var(--border);border-radius:10px;display:flex;flex-direction:column;gap:8px;padding:16px 12px;text-align:center;transition:all var(--transition-fast)}.storage-mode-card:hover{background:var(--bg-hover);border-color:var(--text-secondary)}.storage-mode-option.active .storage-mode-card{background:#6366f10f;border-color:var(--accent)}.storage-mode-option.disabled{opacity:.5;pointer-events:none}.storage-mode-card svg{color:var(--text-secondary)}.storage-mode-option.active .storage-mode-card svg{color:var(--accent)}.storage-mode-name{color:var(--text-primary);font-size:13px;font-weight:600}.storage-mode-desc{color:var(--text-secondary);font-size:11px;line-height:1.3}.sync-account-row{align-items:center;display:flex;justify-content:space-between}.sync-account-info{align-items:center;display:flex;gap:10px}.sync-avatar{border-radius:50%;height:32px;width:32px}.sync-account-details{display:flex;flex-direction:column;gap:2px}.sync-account-name{color:var(--text-primary);font-size:13px;font-weight:600}.sync-account-email{color:var(--text-secondary);font-size:11px}.sync-status-display{align-items:center;border-radius:6px;display:flex;font-size:13px;gap:8px;padding:8px 12px}.sync-status-idle,.sync-status-syncing{background:#6366f114;color:var(--accent)}.sync-status-error{background:#ef444414;color:var(--error)}.sync-status-offline{background:var(--bg-hover);color:var(--text-secondary)}.sync-status-text{font-weight:500}.sync-status-row{align-items:center;display:flex;justify-content:space-between}.sync-spinner{animation:spin 1s linear infinite}.sync-error-row{padding:0}.sync-error-message{background:#ef44440f;border-radius:4px;color:var(--error);display:block;font-size:12px;padding:6px 12px;width:100%}.sync-last-time{color:var(--text-secondary);font-size:13px}.sync-migration-row{padding:8px 0}.sync-indicator{align-items:center;cursor:default;display:inline-flex}.sync-cloud-icon{height:14px;width:14px}.sync-indicator.sync-idle,.sync-indicator.sync-syncing{color:var(--accent)}.sync-indicator.sync-error{color:var(--error)}.sync-indicator.sync-offline{color:var(--text-secondary)}.about-header{align-items:center;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-6) 0 var(--space-4);text-align:center}.about-logo{height:64px;width:64px}.about-app-name{color:var(--text-primary);font-size:24px;font-weight:700;letter-spacing:-.02em;margin:0}.about-version{background:color-mix(in srgb,var(--accent) 15%,var(--bg-primary));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius-full);color:var(--accent);display:inline-block;font-size:var(--text-xs);font-weight:600;letter-spacing:.03em;padding:2px 10px}.about-tech-grid{display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr}.about-tech-item{background:var(--bg-hover);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:var(--space-3);text-decoration:none;transition:var(--transition-fast)}.about-tech-item:hover{border-color:var(--accent)}.about-tech-name{color:var(--text-primary);font-size:var(--text-sm);font-weight:600}.about-tech-desc{color:var(--text-secondary);font-size:var(--text-xs)}.about-links{display:flex;flex-direction:column;gap:var(--space-1)}.about-link{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:flex;font-size:var(--text-sm);gap:var(--space-2);padding:var(--space-2) var(--space-3);text-decoration:none;transition:var(--transition-fast)}.about-link:hover{background:var(--bg-hover);color:var(--accent)}.about-link svg{flex-shrink:0;opacity:.7}.about-link:hover svg{opacity:1}.about-footer{border-top:1px solid var(--border);margin-top:var(--space-4);padding:var(--space-4) 0 var(--space-2);text-align:center}.about-footer p{color:var(--text-secondary);font-size:var(--text-xs);margin:0}@media (max-width:640px){.modal-overlay:has(.plugins-modal),.modal-overlay:has(.settings-modal){align-items:stretch;padding:0}.modal.plugins-modal,.modal.settings-modal{animation:none;border-radius:0;display:flex;flex-direction:column;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;max-width:100%;width:100%}.settings-layout{flex:1;flex-direction:column;max-height:none;min-height:0;overflow:hidden}.settings-sidebar{border-bottom:none;border-right:none;border-top:1px solid var(--border);flex-shrink:0;order:2;overflow:visible;width:100%}.settings-main{flex:1;min-height:0;order:1;overflow:hidden}.settings-sidebar-header{display:none}.settings-nav{flex-direction:row;gap:0;overflow-x:visible;padding:4px 4px calc(4px + env(safe-area-inset-bottom,0px))}.settings-nav-item{align-items:center;border-radius:8px;flex:1;flex-direction:column;gap:3px;justify-content:center;min-width:0;padding:8px 4px;-webkit-tap-highlight-color:transparent}.settings-nav-item:active{background:var(--bg-active)}.settings-nav-icon,.settings-nav-icon svg{height:20px;width:20px}.settings-nav-label{font-size:10px;white-space:nowrap}.settings-content{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.settings-header{padding:calc(12px + env(safe-area-inset-top,0px)) 16px 12px}.settings-title{font-size:16px}.settings-row{align-items:flex-start;flex-direction:column;gap:8px}.settings-control,.settings-select{width:100%}.accent-color-picker{justify-content:flex-start}.storage-info{flex-direction:column;gap:4px}.storage-mode-selector{flex-direction:row;gap:8px}.storage-mode-card{gap:6px;padding:12px 8px}.sync-status-row{align-items:flex-start;flex-direction:column;gap:8px}.danger-row{margin:0 -20px}.about-tech-grid{grid-template-columns:1fr}.modal.command-palette{border-radius:12px;max-height:70vh;max-width:480px;width:90%}.command-item{min-height:44px;padding:12px}.command-footer,.command-shortcut{display:none}}#context-menu,.context-menu{background:var(--bg-notes-list);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);max-width:280px;min-width:180px;padding:4px 0;position:fixed;transform-origin:top left;z-index:10000}#context-menu.visible,.context-menu.visible{display:block!important;opacity:1!important;visibility:visible!important}[data-theme=dark] #context-menu,[data-theme=dark] .context-menu{box-shadow:0 4px 20px #00000080,0 2px 8px #0006}.context-menu-item{align-items:center;border-radius:6px;color:var(--text-primary);cursor:pointer;display:flex;font-family:var(--font-sans);font-size:13px;gap:10px;margin:0 4px;outline:none;padding:8px 12px;transition:background-color var(--transition-fast);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.context-menu-item.selected,.context-menu-item:focus,.context-menu-item:hover{background:var(--bg-hover)}.context-menu-item:active{background:var(--bg-active)}.context-menu-item.disabled{color:var(--text-tertiary);cursor:not-allowed;pointer-events:none}.context-menu-item.danger{color:var(--error)}.context-menu-item.danger.selected,.context-menu-item.danger:focus,.context-menu-item.danger:hover{background:rgba(var(--color-error-rgb),.15)}[data-theme=light] .context-menu-item.danger.selected,[data-theme=light] .context-menu-item.danger:focus,[data-theme=light] .context-menu-item.danger:hover{background:rgba(var(--color-error-rgb),.1)}.context-menu-icon{align-items:center;color:var(--text-secondary);display:flex;flex-shrink:0;height:16px;justify-content:center;overflow:hidden;width:16px}.context-menu-icon,.context-menu-icon svg{max-height:16px;max-width:16px;min-height:16px;min-width:16px}.context-menu-icon svg{height:16px!important;width:16px!important}.context-menu-item.danger .context-menu-icon{color:var(--error)}.context-menu-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.context-menu-shortcut{color:var(--text-tertiary);font-size:11px;margin-left:auto;padding-left:16px;white-space:nowrap}.context-menu-separator{background:var(--border);height:1px;margin:4px 12px}.context-menu-item[data-submenu]:after{border-bottom:4px solid transparent;border-left:4px solid var(--text-tertiary);border-top:4px solid transparent;content:"";height:0;margin-left:auto;width:0}@keyframes contextMenuIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.context-menu.visible{animation:contextMenuIn .15s ease forwards}[data-high-contrast=true] #context-menu,[data-high-contrast=true] .context-menu{border-width:2px}[data-high-contrast=true] .context-menu-item.selected,[data-high-contrast=true] .context-menu-item:focus,[data-high-contrast=true] .context-menu-item:hover{outline:2px solid var(--accent);outline-offset:-2px}[data-reduced-motion=true] .context-menu.visible{animation:none}@media (max-width:768px){#context-menu,.context-menu{max-width:calc(100vw - 32px);min-width:200px}.context-menu-item{min-height:44px;padding:12px 16px}.context-menu-shortcut{display:none}}.toast-container{box-sizing:border-box;display:flex;flex-direction:column;gap:8px;max-width:100%;padding:16px;pointer-events:none;position:fixed;z-index:9999}.toast-container.toast-top-right{align-items:flex-end;right:0;top:0}.toast-container.toast-top-left{align-items:flex-start;left:0;top:0}.toast-container.toast-top-center{align-items:center;left:50%;top:0;transform:translate(-50%)}.toast-container.toast-bottom-right{align-items:flex-end;bottom:0;flex-direction:column-reverse;right:0}.toast-container.toast-bottom-left{align-items:flex-start;bottom:0;flex-direction:column-reverse;left:0}.toast-container.toast-bottom-center{align-items:center;bottom:0;flex-direction:column-reverse;left:50%;transform:translate(-50%)}.toast{align-items:flex-start;background:var(--bg-notes-list);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow-lg);display:flex;gap:12px;max-width:400px;min-width:280px;opacity:0;overflow:hidden;padding:12px 16px;pointer-events:auto;position:relative;transform:translate(100%);transition:opacity .3s ease,transform .3s ease}.toast-container.toast-bottom-left .toast,.toast-container.toast-top-left .toast{transform:translate(-100%)}.toast-container.toast-bottom-center .toast,.toast-container.toast-top-center .toast{transform:translateY(-20px)}.toast-container.toast-bottom-center .toast{transform:translateY(20px)}.toast.toast-visible{opacity:1;transform:translate(0) translateY(0)}.toast.toast-hiding{opacity:0;transform:scale(.9)}.toast-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.toast-content{flex:1;min-width:0}.toast-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:4px}.toast-message{color:var(--text-secondary);font-size:13px;line-height:1.4;word-wrap:break-word}.toast-close{align-items:center;background:none;border:none;border-radius:4px;color:var(--text-tertiary);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;margin:-4px -8px -4px 0;transition:background .15s ease,color .15s ease;width:24px}.toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.toast-progress{animation:toast-progress linear forwards;background:currentColor;bottom:0;height:3px;left:0;opacity:.3;position:absolute;transform-origin:left}.toast-paused .toast-progress{animation-play-state:paused}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast-success{border-left:3px solid var(--success)}.toast-success .toast-icon{color:var(--success)}.toast-success .toast-progress{background:var(--success)}.toast-error{border-left:3px solid var(--error)}.toast-error .toast-icon{color:var(--error)}.toast-error .toast-progress{background:var(--error)}.toast-warning{border-left:3px solid var(--warning)}.toast-warning .toast-icon{color:var(--warning)}.toast-warning .toast-progress{background:var(--warning)}.toast-info{border-left:3px solid var(--info)}.toast-info .toast-icon{color:var(--info)}.toast-info .toast-progress{background:var(--info)}@media (max-width:480px){.toast-container{padding:12px}.toast{max-width:calc(100vw - 24px);min-width:unset;width:100%}}[data-tooltip]{position:relative}[data-tooltip]:after{background:var(--bg-selected);border-radius:6px;bottom:calc(100% + 8px);box-shadow:var(--shadow-md);color:var(--text-primary);content:attr(data-tooltip);font-size:12px;left:50%;opacity:0;padding:6px 10px;position:absolute;transform:translate(-50%);transition:all var(--transition-fast);visibility:hidden;white-space:nowrap;z-index:100}[data-tooltip]:hover:after{opacity:1;visibility:visible}.shortcut{color:var(--text-muted);font-size:11px;gap:4px;margin-left:8px}.shortcut,.shortcut kbd{align-items:center;display:inline-flex}.shortcut kbd{background:var(--bg-hover);border:1px solid var(--border);border-radius:4px;font-family:var(--font-sans);font-size:10px;height:18px;justify-content:center;min-width:18px;padding:0 4px}.drag-handle{cursor:grab;display:flex;flex-direction:column;gap:2px;height:24px;justify-content:center;left:4px;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity var(--transition-fast);width:16px}.note-item:hover .drag-handle{opacity:.5}.drag-handle span{background:var(--text-muted);border-radius:1px;display:block;height:2px;width:12px}@keyframes countPulse{0%,to{opacity:1}50%{opacity:.6}}.counting{animation:countPulse .4s ease}.status-bar{align-items:center;background:var(--bg-sidebar);border-top:1px solid var(--border);color:var(--text-secondary);display:flex;font-size:11px;height:24px;justify-content:space-between;padding:0 8px;user-select:none}.status-bar-left,.status-bar-right{align-items:center;display:flex;gap:12px}.status-bar-item{align-items:center;border-radius:4px;cursor:default;display:flex;gap:4px;padding:2px 4px;transition:background-color var(--transition-fast)}.status-bar-item:hover{background:var(--bg-hover)}.status-bar-item.clickable{cursor:pointer}.status-bar-item.clickable:hover{background:var(--bg-active);color:var(--text-primary)}.status-bar-item-icon{height:14px;opacity:.7;width:14px}.status-bar-item-text{white-space:nowrap}.plugin-toolbar{align-items:center;background:var(--bg-sidebar);border-bottom:1px solid var(--border);display:flex;gap:4px;padding:4px}.plugin-toolbar-item{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;transition:all var(--transition-fast);width:28px}.plugin-toolbar-item:hover{background:var(--bg-hover);color:var(--text-primary)}.plugin-toolbar-item:active{background:var(--bg-active)}.plugin-toolbar-item.active{background:var(--accent);color:var(--accent-text)}.plugin-toolbar-item:disabled{cursor:not-allowed;opacity:.5}.plugin-toolbar-item svg{height:16px;width:16px}.plugin-toolbar-separator{background:var(--border);height:20px;margin:0 4px;width:1px}.plugin-panel{background:var(--bg-notes-list);border-right:1px solid var(--border);display:flex;flex-direction:column;height:100%}.plugin-panel-header{align-items:center;background:var(--bg-sidebar);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:8px 12px}.plugin-panel-title{color:var(--text-primary);font-size:13px;font-weight:600}.plugin-panel-actions{display:flex;gap:4px}.plugin-panel-content{flex:1;overflow:auto;padding:12px}.plugin-panel-footer{background:var(--bg-sidebar);border-top:1px solid var(--border);padding:8px 12px}.plugin-settings{display:flex;flex-direction:column;gap:12px}.plugin-settings h3{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 8px}.plugin-settings .setting-item{align-items:center;cursor:pointer;display:flex;gap:8px;padding:8px 0}.plugin-settings .setting-item input[type=checkbox]{accent-color:var(--accent);height:16px;width:16px}.plugin-settings .setting-item span{color:var(--text-primary);font-size:13px}.plugin-settings .setting-item:hover span{color:var(--accent)}.plugin-settings .setting-description{color:var(--text-tertiary);font-size:11px;margin-top:4px}.plugin-settings .setting-item-block{align-items:flex-start;flex-direction:column;gap:6px}.plugin-settings .setting-label{color:var(--text-primary);font-size:13px;font-weight:500}.plugin-settings .setting-input{background:var(--bg-notes-list);border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:13px;padding:6px 10px;width:100%}.plugin-settings .setting-input:focus{border-color:var(--accent);outline:none}.plugin-settings select.setting-input{appearance:auto}.plugin-settings input[type=range].setting-input{accent-color:var(--accent);background:transparent;border:none;padding:0}.plugin-settings .setting-hint{color:var(--text-tertiary);font-size:11px}.plugin-settings .setting-hint a{color:var(--accent);text-decoration:none}.plugin-settings .setting-hint a:hover{text-decoration:underline}.plugin-settings-form{display:flex;flex-direction:column;gap:12px}.plugin-setting-field{cursor:default;display:flex;flex-direction:column;gap:6px}.plugin-setting-field:has(input[type=checkbox]){align-items:center;flex-direction:row;gap:8px}.plugin-setting-label{color:var(--text-primary);font-size:13px;font-weight:500}.plugin-setting-input{background:var(--bg-notes-list);border:1px solid var(--border);border-radius:6px;box-sizing:border-box;color:var(--text-primary);font-size:13px;padding:6px 10px;width:100%}.plugin-setting-input:focus{border-color:var(--accent);outline:none}select.plugin-setting-input{appearance:auto}input[type=range].plugin-setting-input{accent-color:var(--accent);background:transparent;border:none;padding:0}input[type=checkbox].plugin-setting-input{accent-color:var(--accent);height:16px;width:16px}.plugin-setting-hint{color:var(--text-tertiary);font-size:11px}.plugin-modal{max-width:500px;width:100%}.plugin-modal-header{align-items:center;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px}.plugin-modal-title{color:var(--text-primary);font-size:16px;font-weight:600}.plugin-modal-close{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:28px;justify-content:center;width:28px}.plugin-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.plugin-modal-body{max-height:60vh;overflow:auto;padding:12px}.plugin-modal-footer{border-top:1px solid var(--border);display:flex;gap:8px;justify-content:flex-end;padding:12px}.plugin-list{display:flex;flex-direction:column;gap:8px}.plugin-card{align-items:flex-start;background:var(--bg-sidebar);border:1px solid var(--border);border-radius:8px;display:flex;gap:12px;padding:12px;transition:all var(--transition-fast)}.plugin-card:hover{border-color:var(--accent)}.plugin-card-icon{align-items:center;background:var(--bg-hover);border-radius:4px;color:var(--accent);display:flex;height:40px;justify-content:center;width:40px}.plugin-card-icon svg{height:24px;width:24px}.plugin-card-content{flex:1;min-width:0}.plugin-card-header{align-items:center;display:flex;gap:8px;margin-bottom:4px}.plugin-card-name{color:var(--text-primary);font-weight:600}.plugin-card-version{color:var(--text-tertiary);font-size:11px}.plugin-card-badge{background:var(--accent);border-radius:4px;color:var(--accent-text);font-size:11px;font-weight:500;padding:2px 6px}.plugin-card-badge.premium{background:var(--warning);color:var(--warning-text)}.plugin-card-description{color:var(--text-secondary);font-size:13px;margin-bottom:8px}.plugin-card-meta{align-items:center;color:var(--text-tertiary);display:flex;font-size:11px;gap:12px}.plugin-card-actions{display:flex;flex-direction:column;gap:4px}.plugin-toggle{background:var(--bg-hover);border:none;border-radius:11px;cursor:pointer;height:22px;position:relative;transition:background-color var(--transition-fast);width:40px}.plugin-toggle:after{background:var(--text-secondary);border-radius:50%;content:"";height:18px;left:2px;position:absolute;top:2px;transition:transform var(--transition-fast),background var(--transition-fast);width:18px}.plugin-toggle.active{background:var(--accent)}.plugin-toggle.active:after{background:var(--accent-text);transform:translate(18px)}.plugin-card.disabled{opacity:.6}.plugin-card.error{border-color:var(--error)}.plugin-error-message{background:rgba(var(--color-error-rgb),.1);border-radius:4px;color:var(--error);font-size:11px;margin-top:4px;padding:4px 8px}.plugin-context-menu-item{align-items:center;display:flex;gap:8px}.plugin-context-menu-item-icon{height:16px;opacity:.7;width:16px}@keyframes plugin-fade-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.plugin-animate-in{animation:plugin-fade-in .2s ease-out}.plugins-modal{display:flex;flex-direction:column;max-height:80vh;max-width:600px;width:100%}.plugins-modal .modal-header{align-items:center;display:flex;justify-content:space-between}.plugins-tabs{background:var(--bg-sidebar);border-bottom:1px solid var(--border);display:flex;gap:4px;padding:0 16px}.plugins-tab{align-items:center;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:4px;margin-bottom:-1px;padding:10px 16px;transition:all var(--transition-fast)}.plugins-tab:hover:not(:disabled){color:var(--text-primary)}.plugins-tab.active{border-bottom-color:var(--accent);color:var(--accent)}.plugins-tab:disabled{cursor:not-allowed;opacity:.5}.plugins-tab-count{background:var(--bg-hover);border-radius:10px;font-size:11px;padding:2px 6px}.plugins-body{flex:1;overflow:auto;padding:16px}.plugins-list{gap:8px}.plugins-empty,.plugins-list{display:flex;flex-direction:column}.plugins-empty{align-items:center;color:var(--text-tertiary);justify-content:center;padding:32px;text-align:center}.plugins-empty svg{margin-bottom:12px}.plugins-loading{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:32px}.plugins-spinner{animation:spin .8s linear infinite;border:2px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:24px;margin-bottom:8px;width:24px}@keyframes spin{to{transform:rotate(1turn)}}.plugin-action-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.plugin-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.plugin-settings-view{display:flex;flex-direction:column;gap:16px}.plugin-settings-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;padding-bottom:12px}.plugin-settings-header h3{color:var(--text-primary);font-size:16px;font-weight:600;margin:0}.plugin-back-btn{align-items:center;background:var(--bg-hover);border:none;border-radius:4px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;gap:4px;padding:4px 8px;transition:all var(--transition-fast)}.plugin-back-btn:hover{background:var(--bg-active);color:var(--text-primary)}.plugin-settings-content{display:flex;flex-direction:column;gap:20px}.plugin-actions-section,.plugin-info-section,.plugin-permissions-section,.plugin-settings-section{display:flex;flex-direction:column;gap:8px}.plugin-actions-section h4,.plugin-info-section h4,.plugin-permissions-section h4,.plugin-settings-section h4{color:var(--text-secondary);font-size:11px;font-weight:600;letter-spacing:.5px;margin:0;text-transform:uppercase}.plugin-info-row{display:flex;font-size:13px;justify-content:space-between;padding:4px 0}.plugin-info-label{color:var(--text-secondary)}.plugin-info-value{color:var(--text-primary)}.plugin-info-value.status-enabled{color:var(--success)}.plugin-info-value.status-disabled{color:var(--text-tertiary)}.plugin-actions-buttons{display:flex;gap:8px}.plugin-settings-note{color:var(--text-tertiary);font-size:13px;font-style:italic}.plugin-permissions-list{display:flex;flex-wrap:wrap;gap:4px}.plugin-permission-badge{background:var(--bg-hover);border-radius:4px;color:var(--text-secondary);font-size:11px;padding:4px 8px}.license-view{display:flex;flex-direction:column;gap:20px}.license-current{background:var(--bg-sidebar);border:1px solid var(--border);border-radius:8px;padding:16px}.license-tier{align-items:center;display:flex;gap:12px}.license-tier-icon{align-items:center;background:var(--bg-hover);border-radius:8px;color:var(--accent);display:flex;height:48px;justify-content:center;width:48px}.license-tier.enterprise .license-tier-icon,.license-tier.pro .license-tier-icon{background:linear-gradient(135deg,var(--accent),var(--tertiary));color:var(--accent-text)}.license-tier-info{display:flex;flex-direction:column;gap:2px}.license-tier-name{color:var(--text-primary);font-size:16px;font-weight:600}.license-tier-desc{color:var(--text-secondary);font-size:13px}.license-upgrade{display:flex;flex-direction:column;gap:12px}.license-upgrade h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0}.license-features,.license-upgrade p{color:var(--text-secondary);font-size:13px;margin:0}.license-features{padding-left:20px}.license-features li{padding:4px 0}.license-actions{display:flex;gap:8px}.license-input-section{border-top:1px solid var(--border);padding-top:12px}.license-input-section p{margin-bottom:8px}.license-input-row{display:flex;gap:8px}.license-input{background:var(--bg-notes-list);border:1px solid var(--border);border-radius:4px;color:var(--text-primary);flex:1;font-family:var(--font-mono);font-size:13px;padding:8px 12px}.license-input:focus{border-color:var(--accent);outline:none}.license-info h4{color:var(--text-primary);font-size:14px;font-weight:600;margin:0 0 8px}.license-details{display:flex;flex-direction:column;gap:4px}.license-detail-row{color:var(--text-secondary);display:flex;font-size:13px;justify-content:space-between}@media (max-width:768px){.status-bar{font-size:10px;padding:0 4px}.status-bar-item{padding:2px}.plugin-card{flex-direction:column}.plugin-card-actions{flex-direction:row;justify-content:flex-end;width:100%}.plugins-modal{border-radius:0;max-height:100%;max-width:100%}.plugins-tabs{overflow-x:auto}.license-input-row{flex-direction:column}}@media (max-width:1024px){:root{--sidebar-width:180px;--notes-list-width:260px}}.mobile-sidebar-backdrop,.mobile-sidebar-close{display:none}@media (max-width:768px){.mobile-header-actions,.mobile-header-btn{display:flex}:root{--header-height:var(--header-height-mobile,48px)}.notes-list-header{gap:2px;padding:0 4px 0 8px}.notes-search{display:block}.mobile-back-btn{display:flex}.editor-actions-divider,.panel-toggle{display:none}.mobile-fab{display:flex}#sidebar-container{bottom:0;flex:none;left:0;position:fixed;top:0;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:200}#sidebar-container,#sidebar-container.hidden{display:flex;min-width:0;opacity:1;overflow:visible;width:auto}#sidebar-container.mobile-drawer-open{transform:translate(0)}#sidebar-container .sidebar,#sidebar-container.mobile-drawer-open .sidebar{height:100%;min-width:280px;position:relative;width:280px}.mobile-sidebar-close{align-items:center;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;-webkit-tap-highlight-color:transparent}.mobile-sidebar-close,.sidebar-new-note-btn,.sidebar-profile-settings{height:36px;width:36px}.mobile-sidebar-close svg{fill:currentColor;height:20px;width:20px}.mobile-sidebar-close:active{background:var(--bg-active);color:var(--text-primary)}.mobile-sidebar-backdrop{background:#0006;display:block;inset:0;opacity:0;position:fixed;transition:opacity .3s cubic-bezier(.4,0,.2,1);z-index:199;-webkit-tap-highlight-color:transparent}.mobile-sidebar-backdrop.visible{opacity:1}.mo5i-app{height:var(--mobile-viewport-height,100dvh);position:relative}.notes-list{border-right:none;height:100%;min-width:100%;width:100%}#notes-list-container{background:var(--bg-notes-list);height:var(--mobile-viewport-height,100dvh);inset:0;position:fixed;width:100%;z-index:1}#notes-list-container.hidden{min-width:100%;opacity:1;overflow:visible;width:100%}#editor-container.focused,#notes-list-container.focused,#sidebar-container.focused{position:static}#editor-container.focused:after,#notes-list-container.focused:after,#sidebar-container.focused:after{display:none}#editor-container,#editor-container.focused{flex:none;overflow:hidden;position:fixed;transition:none;z-index:50}#editor-container,#editor-container .editor-panel,#editor-container.focused{height:var(--mobile-viewport-height,100dvh);inset:0;pointer-events:none;width:100%}#editor-container .editor-panel{background:var(--bg-editor);position:absolute;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}#editor-container .editor-panel.open{pointer-events:auto;transform:translate(0)}.editor-header{padding:0 8px}.editor-btn{height:36px;width:36px}.editor-content{height:calc(100% - var(--header-height) - 28px);overflow:hidden}.editor-preview,.editor-textarea{height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}.editor-content.split{display:flex;flex-direction:column}.editor-content.split .editor-textarea-wrapper{border-bottom:none;border-right:none;display:flex;flex:none;height:50%;width:100%}.editor-content.split #split-divider-mount{flex-shrink:0;height:6px;width:100%}.editor-content.split .split-divider{cursor:row-resize;height:6px;width:100%}.split-divider:after{height:2px;width:30px}.editor-content.split .editor-textarea{height:100%}.editor-content.split .editor-preview{flex:1;height:auto;min-height:0;width:100%}.editor-content.editor-only .editor-textarea-wrapper{height:100%;width:100%}.editor-content.editor-only .editor-textarea,.editor-content.split .editor-textarea{padding:16px 20px}.editor-content.preview-only .editor-preview{padding:16px 20px;width:100%}.editor-preview{padding:16px 20px}.mobile-header-btn:active{background:var(--bg-active);color:var(--text-primary)}.note-item,.sidebar-item{-webkit-tap-highlight-color:transparent}.status-bar{flex-shrink:0}}