@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--shadow-sm:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.sepia{--tw-sepia:sepia(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}*{box-sizing:border-box}:root{--bg-primary:#fff;--bg-secondary:#fafafa;--bg-tertiary:#e4e4e7;--bg-hover:#e4e4e7;--bg-card:#fff;--tab-bar-bg:#ededf0;--text-primary:#18181b;--text-secondary:#3f3f46;--text-muted:#71717b;--text-disabled:#9f9fa9;--border-primary:#e4e4e7;--border-secondary:#d4d4d8;--accent-primary:#4f46e5;--accent-primary-hover:#4338ca;--accent-indicator:#4f46e5;--accent-light:#4f46e51f;--btn-primary-bg:#111827;--btn-primary-hover:#1f2937;--text-inverse:#fff;--on-accent:#fff;--shadow-sm:#00000014;--shadow-md:#0000001a;--shadow-lg:#00000026;--shadow-xl:#0003;--shadow-accent:#4f46e51a;--shadow-inset-light:#0000000f;--shadow-inset-dark:#0003;--settings-preview-light-bg:var(--bg-secondary);--settings-preview-dark-bg:#27272a;--settings-toggle-knob-bg:#fff;--settings-toggle-knob-shadow:#0003;--overlay-bg:#00000080;--danger:#dc2626;--danger-hover:#fee2e2;--danger-btn-hover:#b91c1c;--btn-danger-bg:#dc2626;--btn-danger-hover:#b91c1c;--text-danger:#dc2626;--bg-danger-subtle:#dc26261a;--search-highlight-bg:#fef08a;--search-highlight-text:var(--text-primary);--toast-shadow:#00000026;--note-theme-sepia-bg:#f4ecd8;--note-theme-sepia-text:#1c1917;--note-theme-dark-bg:#27272a;--note-theme-dark-text:#e4e4e7;--note-theme-hc-light-bg:#fff;--note-theme-hc-light-text:#0a0a0a;--note-theme-hc-dark-bg:#0a0a0a;--note-theme-hc-dark-text:#fff}body.dark-mode{--bg-primary:#18181b;--bg-secondary:#27272a;--bg-tertiary:#3f3f46;--bg-hover:#27272a;--bg-card:#27272a;--tab-bar-bg:#27272a;--text-primary:#fafafa;--text-secondary:#e4e4e7;--text-muted:#a1a1aa;--text-disabled:#71717b;--border-primary:#3f3f46;--border-secondary:#52525b;--accent-primary:#818cf8;--accent-primary-hover:#a5b4fc;--accent-indicator:#818cf8;--accent-light:#818cf833;--shadow-accent:#818cf833;--btn-primary-bg:#fafafa;--btn-primary-hover:#e4e4e7;--btn-primary-text:#18181b;--text-inverse:#18181b;--on-accent:#fff;--shadow-sm:#0003;--shadow-md:#0003;--shadow-lg:#0003;--shadow-xl:#0003;--search-highlight-bg:#854d0e;--search-highlight-text:#fef08a;--danger:#ef4444;--danger-hover:#ef444433;--settings-preview-dark-bg:#3f3f46}body.pip-page{--bg-tertiary:#f4f4f5;--bg-hover:#f4f4f5;--note-theme-sepia-bg:#f4ecd8;--note-theme-sepia-text:#1c1917;--note-theme-sepia-border:#d6c4a0;--note-theme-sepia-th-bg:#e8dcc8;--note-theme-dark-bg:#27272a;--note-theme-dark-text:#e4e4e7;--note-theme-dark-border:#3f3f46;--note-theme-dark-th-bg:#3f3f46;--note-theme-hc-light-bg:#fff;--note-theme-hc-light-text:#0a0a0a;--note-theme-hc-light-border:#0a0a0a;--note-theme-hc-light-th-bg:#e5e5e5;--note-theme-hc-dark-bg:#0a0a0a;--note-theme-hc-dark-text:#fff;--note-theme-hc-dark-border:#fff;--note-theme-hc-dark-th-bg:#262626;--note-theme-sepia-link:#4338ca;--note-theme-sepia-link-hover:#3730a3;--note-theme-dark-link:#818cf8;--note-theme-dark-link-hover:#a5b4fc;--note-theme-hc-link:#4f46e5;--note-theme-hc-link-hover:#4338ca}body.pip-page.dark-mode{--bg-tertiary:#3f3f46;--bg-hover:#27272a}html,body{background-color:var(--bg-primary);width:100%;height:100%;color:var(--text-primary);margin:0;padding:0;font-family:system-ui,-apple-system,sans-serif;transition:background-color .3s,color .3s;overflow:hidden}#root{height:100%;overflow:hidden}.search-highlight{background-color:var(--search-highlight-bg);color:var(--search-highlight-text);border-radius:2px;padding:0 1px}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}.dashboard-container{display:flex;height:100%;min-height:0;width:100%;overflow:hidden}.sidebar{flex-shrink:0;min-width:0;background-color:var(--bg-secondary);border-right:1px solid var(--border-primary);display:flex;flex-direction:column;min-height:0;height:100%;overflow:visible;transition:width .2s ease,min-width .2s ease;position:relative}.sidebar.sidebar--collapsed{width:0!important;min-width:0!important;overflow:hidden;border-right:none}.sidebar.sidebar--collapsed .sidebar-toolbar{visibility:hidden;pointer-events:none}.sidebar-resize-handle{position:relative;flex-shrink:0;width:6px;cursor:col-resize;background:transparent;transition:width .2s ease,background .15s}.sidebar-resize-handle:hover,.sidebar-resize-handle:active,.user-is-resizing .sidebar-resize-handle{background:var(--border-primary)}.user-is-resizing{cursor:col-resize;-webkit-user-select:none;user-select:none}.sidebar-resize-handle.sidebar-resize-handle--collapsed{width:28px;cursor:pointer;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center}.sidebar-resize-handle.sidebar-resize-handle--collapsed:hover{background:var(--border-primary)}.sidebar-resize-handle .sidebar-resize-handle-icon{width:16px;height:16px;color:var(--text-muted)}.sidebar-resize-handle:not(.sidebar-resize-handle--collapsed) .sidebar-resize-handle-icon{display:none}.sidebar-resize-handle.sidebar-resize-handle--collapsed .sidebar-resize-handle-icon{display:block}.server-newer-banner{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.5rem 1rem;background:var(--accent-light);color:var(--text-primary);font-size:.875rem;border-bottom:1px solid var(--border-primary)}.server-newer-banner-text{flex:1}.server-newer-banner-refresh{padding:.25rem .75rem;font-size:.8125rem;font-weight:500;color:var(--accent-primary);background:transparent;border:1px solid var(--accent-primary);border-radius:6px;cursor:pointer}.server-newer-banner-refresh:hover{background:var(--accent-light)}.workspace-selector{position:relative;padding:12px 16px 8px;flex-shrink:0}.workspace-btn{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;cursor:pointer;font-size:14px;font-weight:500;color:var(--text-secondary);transition:all .2s}.workspace-btn:hover{background-color:var(--bg-tertiary)}.workspace-icon{width:24px;height:24px;border-radius:8px;background-color:var(--accent-primary);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.workspace-name{flex:1;min-width:0;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-arrow{width:16px;height:16px;color:var(--text-disabled);display:flex;align-items:center;justify-content:center}.workspace-dropdown{position:fixed;width:max-content;min-width:0;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-md);z-index:10000;padding:10px 16px}.workspace-dropdown-item{width:100%;display:flex;align-items:center;gap:10px;padding:10px 12px;text-align:left;background:none;border:none;border-radius:8px;font-size:14px;color:var(--text-primary);cursor:pointer;transition:background .2s}.workspace-dropdown-item-icon{width:24px;height:24px;min-width:24px;border-radius:8px;background-color:var(--accent-primary);color:var(--on-accent);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.workspace-dropdown-item-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workspace-dropdown-item:hover{background:var(--bg-tertiary)}.workspace-dropdown-item-active{font-weight:600;color:var(--accent-primary)}.workspace-dropdown-item-danger{color:var(--text-danger)}.workspace-dropdown-item-danger:hover{background:var(--bg-danger-subtle)}.workspace-dropdown-item-disabled,.workspace-dropdown-item-disabled:hover{color:var(--text-disabled);cursor:not-allowed;background:transparent}.workspace-dropdown-sep{height:1px;margin:8px 0;background:var(--border-primary)}.workspace-dropdown-rename-input{width:100%;box-sizing:border-box;padding:10px 12px;font-size:14px;color:var(--text-primary);background:var(--bg-card);border:2px solid var(--accent-primary);border-radius:8px;outline:none}.workspace-dropdown-rename-input:focus{border-color:var(--accent-primary)}.workspace-arrow svg{width:10px;height:10px;color:inherit}.segmented-control{padding:0 16px 8px;margin-top:4px;display:flex;align-items:center;gap:10px;background:transparent;flex-shrink:0}.segmented-control-inner{display:flex;flex:1;min-width:0;background:var(--bg-tertiary);border-radius:12px;padding:4px;gap:0}.segmented-control-button{flex:1;min-width:0;padding:8px 12px;margin:0;background:transparent;border:none;cursor:pointer;font-size:13px;font-weight:500;color:var(--text-muted);transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1),font-weight .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;position:relative;border-radius:8px;box-sizing:border-box;width:100%}.segmented-control-button:hover:not(.active){color:var(--text-primary)}.segmented-control-button.active{color:var(--text-primary);font-weight:600;background-color:var(--bg-card);box-shadow:0 1px 2px var(--shadow-sm)}.segmented-control-label{flex:1;min-width:0;width:100%;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.open-notes-btn{flex-shrink:0;width:44px;height:44px;padding:0;background-color:var(--accent-primary);color:var(--on-accent);border:none;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s,box-shadow .2s,transform .2s;box-shadow:0 2px 4px var(--shadow-sm)}.open-notes-btn svg,.open-notes-btn svg path{color:inherit;stroke:currentColor}.open-notes-btn:hover:not(:disabled){background-color:var(--accent-primary-hover);color:var(--on-accent);box-shadow:0 4px 8px var(--shadow-md);transform:translateY(-1px)}body.dark-mode .open-notes-btn,body.dark-mode .open-notes-btn:hover:not(:disabled),body.dark-mode .open-notes-btn svg,body.dark-mode .open-notes-btn svg path{color:var(--on-accent);stroke:var(--on-accent)}.open-notes-btn:disabled{opacity:.5;cursor:not-allowed}.sidebar-toolbar{position:absolute;right:-40px;top:60px;display:flex;flex-direction:column;gap:4px;padding:6px;background:var(--bg-card);border-radius:12px;box-shadow:0 2px 8px var(--shadow-sm);z-index:10;-webkit-user-select:none;user-select:none;cursor:grab}.sidebar-toolbar:active{cursor:grabbing}.toolbar-btn{width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:8px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;justify-content:center;transition:all .2s;font-size:12px}.toolbar-btn:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.toolbar-btn.active{background:var(--bg-tertiary);color:var(--text-primary)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn i,.toolbar-btn svg{font-size:12px;display:inline-block;line-height:1;width:12px;height:12px;color:inherit}.sidebar-content{flex:1;min-height:0;min-width:0;width:100%;max-width:100%;padding:8px 0;overflow-y:auto;overflow-x:hidden;scrollbar-color:var(--border-secondary) transparent;scrollbar-width:thin;box-sizing:border-box}.sidebar-content::-webkit-scrollbar{width:8px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}body.dark-mode .sidebar-content{scrollbar-color:var(--border-secondary) transparent}body.dark-mode .sidebar-content::-webkit-scrollbar-thumb{background:var(--border-secondary)}body.dark-mode .sidebar-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.notes-list{display:flex;flex-direction:column;gap:4px;padding:0;margin:0;width:100%;min-width:0;box-sizing:border-box}.notes-list.hidden{display:none}.empty-state{padding:40px 20px;text-align:center;color:var(--text-disabled);font-size:14px}.sidebar-date-folder{margin:0 0 6px;width:100%;min-width:0;max-width:100%}.notes-list>.sidebar-date-folder,.notes-list>.sidebar-folder-container{margin-bottom:2px}.sidebar-folder-container{margin:0 0 6px;width:100%;min-width:0;box-sizing:border-box}.sidebar-folder-container .sidebar-folder-header{display:flex;align-items:center;gap:8px;min-width:0;margin:0 16px 4px;padding:8px 12px 8px 0;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;font-size:13px;color:var(--text-secondary);background:transparent;border:none;outline:none;text-align:left;box-sizing:border-box;transition:background-color .2s}.sidebar-folder-container[data-folder-id=__root__],.sidebar-folder-container[data-folder-id=__bookmarks__]{padding:0 16px;box-sizing:border-box}.sidebar-folder-container[data-folder-id=__root__]>.sidebar-folder-header,.sidebar-folder-container[data-folder-id=__bookmarks__]>.sidebar-folder-header{margin:0 0 4px;padding:8px 12px;width:100%;display:flex;align-items:center;gap:8px;border-radius:12px;font-size:13px;color:var(--text-secondary);outline:none;box-sizing:border-box}.sidebar-folder-container[data-folder-id=__root__] .sidebar-folder-content,.sidebar-folder-container[data-folder-id=__bookmarks__] .sidebar-folder-content{margin:0;padding:0}.sidebar-folder-container[data-folder-id=__root__] .sidebar-folder-content .sidebar-folder-content-inner{padding-top:0}.sidebar-folder-container .sidebar-folder-content{margin:0 16px;padding:0}.sidebar-folder-content .sidebar-folder-content{margin-left:0;margin-right:0}.sidebar-folder-content .sidebar-folder-container .sidebar-folder-header{margin:0 0 4px;padding-left:12px;width:100%;box-sizing:border-box}.sidebar-folder-content .sidebar-folder-content .sidebar-folder-container .sidebar-folder-header{padding-left:32px}.sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-folder-container .sidebar-folder-header{padding-left:52px}.sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-folder-container .sidebar-folder-header{padding-left:72px}.sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-folder-container .sidebar-folder-header{padding-left:92px}.sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-folder-container .sidebar-folder-header{padding-left:112px}.sidebar-folder-content .sidebar-note-item{margin:0 0 2px;padding-left:12px;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.sidebar-folder-content .sidebar-folder-content .sidebar-note-item{padding-left:32px}.sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-note-item{padding-left:52px}.sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-note-item{padding-left:72px}.sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-note-item{padding-left:92px}.sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-folder-content .sidebar-note-item{padding-left:112px}.sidebar-note-item.folderless-note-item{padding-left:12px}.sidebar-folder-container .sidebar-folder-header .sidebar-folder-count{flex-shrink:0;margin-left:auto}.sidebar-folder-container .sidebar-folder-header:hover,.sidebar-date-folder .sidebar-folder-header:hover,.sidebar-folder-container .sidebar-folder-header.active,.sidebar-date-folder .sidebar-folder-header.active{background-color:var(--bg-tertiary)}.sidebar-folder-container .sidebar-folder-header-icon,.sidebar-date-folder .sidebar-folder-header-icon{color:var(--accent-primary)}.sidebar-folder-color{width:8px;height:8px;min-width:8px;border-radius:4px;flex-shrink:0}.sidebar-date-folder .sidebar-folder-header{display:flex;align-items:center;gap:8px;min-width:0;margin:0 16px 4px;padding:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;font-size:13px;color:var(--text-secondary);background:transparent;border:none;outline:none;text-align:left;box-sizing:border-box;transition:background-color .2s}.sidebar-date-folder .sidebar-folder-chevron{flex-shrink:0;width:12px;height:12px;padding:0;color:var(--text-primary);transition:transform .2s,color .2s;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.sidebar-date-folder .sidebar-folder-chevron svg{width:10px;height:10px;min-width:10px;min-height:10px;flex-shrink:0}.sidebar-folder-chevron{flex-shrink:0;width:12px;height:12px;padding:2px;color:var(--text-primary);transition:transform .2s,color .2s;display:flex;align-items:center;justify-content:center;box-sizing:content-box}.sidebar-folder-chevron svg{width:12px;height:12px;min-width:12px;min-height:12px;flex-shrink:0}.sidebar-folder-name{flex:1;min-width:0;font-size:13px;font-weight:600;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-folder-count{flex-shrink:0;font-size:11px;color:var(--text-muted);background-color:var(--bg-tertiary);padding:2px 6px;border-radius:20px}.sidebar-folder-content{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:0fr;margin:0;padding:0;min-width:0;transition:grid-template-rows .15s ease-in}.sidebar-folder-content.expanded{grid-template-rows:1fr}.sidebar-folder-content-inner{min-height:0;min-width:0;max-width:100%;overflow:hidden;display:flex;flex-direction:column}.sidebar-date-folder .sidebar-folder-content .sidebar-folder-content-inner{padding:0 16px;box-sizing:border-box}.sidebar-date-folder .sidebar-folder-content .sidebar-note-item{margin:0 0 2px}.sidebar-note-item{display:flex;align-items:center;gap:8px;width:100%;min-width:0;max-width:100%;padding:6px 12px;margin:0 16px 2px;border-radius:12px;font-size:13px;color:var(--text-secondary);cursor:pointer;background:transparent;border:none;outline:none;overflow:hidden;text-align:left;-webkit-user-select:none;user-select:none;box-sizing:border-box;transition:background-color .2s}.sidebar-note-item:hover{background-color:var(--bg-tertiary)}.sidebar-note-item-active{background-color:var(--bg-tertiary);font-weight:600}.sidebar-note-color{flex-shrink:0;width:8px;height:8px;min-width:8px;border-radius:4px}.sidebar-note-icon{flex-shrink:0;width:14px;height:14px;color:var(--text-muted)}.sidebar-note-icon svg{width:14px;height:14px}.sidebar-note-open-indicator{flex-shrink:0;margin-left:auto;display:flex;align-items:center;color:var(--accent-primary)}.sidebar-note-open-indicator svg{width:12px;height:12px}.sidebar-note-editing-indicator{color:var(--text-tertiary, var(--text-secondary))}.sidebar-note-title{flex:1;min-width:0;max-width:100%;font-size:14px;color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-note-item-selected .sidebar-note-title{min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.note-rename-input{flex:1;min-width:0;background:var(--bg-card);border:2px solid var(--accent-primary);border-radius:8px;padding:4px 8px;font-size:14px;color:var(--text-primary);outline:none}.sidebar-note-pip-indicator{flex-shrink:0;color:var(--accent-primary)}.sidebar-note-item-selected,.sidebar-note-item-selected:hover,.sidebar-folder-header-selected,.sidebar-folder-header-selected:hover,.sidebar-folder-header.drag-over{background-color:var(--accent-light)}.sidebar-folder-container.dragging,.sidebar-note-item.dragging{opacity:.5}.sidebar-root-drop-zone{flex:1;min-height:48px;border-radius:12px;transition:background-color .2s,border .2s;margin:4px 0 0}.sidebar-root-drop-zone.drag-over{background-color:var(--accent-light)}.sidebar-note-item *:not(.note-rename-input),.sidebar-folder-header *{-webkit-user-select:none;user-select:none}.sidebar-note-item::selection,.sidebar-folder-header::selection,.sidebar-note-item *:not(.note-rename-input)::selection,.sidebar-folder-header *::selection{background:transparent;color:inherit}.note-rename-input{-webkit-user-select:text;user-select:text}.sidebar-folder-header-icon{flex-shrink:0;width:14px;height:14px;color:var(--text-muted);display:flex;align-items:center;justify-content:center}.sidebar-folder-header-icon svg{width:14px;height:14px}.recent-tab-list{position:relative;min-height:0;width:100%;min-width:0;max-width:100%;box-sizing:border-box}.sidebar-context-menu{position:fixed;z-index:10000;min-width:160px;padding:4px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 4px 12px var(--shadow-md);display:none}.sidebar-context-menu.show{display:block}.sidebar-context-menu-item{display:block;width:100%;padding:8px 12px;font-size:14px;color:var(--text-secondary);background:none;border:none;border-radius:8px;cursor:pointer;text-align:left;transition:background-color .2s}.sidebar-context-menu-item:hover{background-color:var(--bg-hover);color:var(--text-primary)}.sidebar-footer{padding:16px;border-top:1px solid var(--border-primary);display:flex;align-items:center;gap:12px;flex-shrink:0}.auth-footer-slot{flex:1;min-width:0}.auth-sign-in-btn{display:flex;align-items:center;gap:8px;min-width:0;width:100%;padding:6px 10px;border:none;border-radius:12px;background:transparent;cursor:pointer;font-size:14px;color:var(--text-secondary);text-align:left;transition:background-color .2s}.auth-sign-in-btn:hover{background-color:var(--bg-tertiary)}.auth-google-icon{width:28px;height:28px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);border:1px solid var(--border-primary)}.auth-google-icon svg{width:18px;height:18px;display:block}.auth-sign-in-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--text-secondary)}.auth-user-wrapper{position:relative;flex:1;min-width:0;display:flex;align-items:center}.auth-user-block{display:flex;align-items:center;gap:8px;min-width:0;width:100%;padding:6px 10px;border:none;border-radius:12px;background:transparent;cursor:pointer;font:inherit;color:inherit;text-align:left;transition:background-color .2s}.auth-user-block:hover{background-color:var(--bg-tertiary)}.auth-user-avatar{width:28px;height:28px;border-radius:50%;object-fit:cover;flex-shrink:0}.auth-user-avatar-letter{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;flex-shrink:0;font-size:13px;font-weight:600;color:var(--on-accent);line-height:1}.auth-user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--text-secondary)}.auth-user-menu{position:absolute;bottom:100%;left:0;margin-bottom:4px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:0 4px 6px -1px var(--shadow-md),0 2px 4px -1px var(--shadow-sm);padding:4px;z-index:10000;min-width:160px;display:none}.auth-user-menu.show{display:block}.auth-user-menu .context-menu-item{width:100%;border:none;border-radius:8px;background:none;font:inherit;text-align:left;cursor:pointer;padding:8px 12px;font-size:14px;color:var(--text-primary)}.auth-user-menu .context-menu-item:hover{background-color:var(--bg-hover)}.auth-user-menu .context-menu-item.danger{color:var(--text-danger)}.auth-user-menu .context-menu-item.danger:hover{background-color:var(--bg-danger-subtle)}.auth-premium-badge{flex-shrink:0;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--accent-primary);background:var(--shadow-accent);padding:2px 6px;border-radius:6px}.auth-free-badge,.auth-offline-badge{flex-shrink:0;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);background:var(--bg-tertiary);padding:2px 6px;border-radius:6px}.auth-google-login-container{display:flex;min-width:0;width:100%;justify-content:flex-start}.quota-warning-slot{flex-shrink:0;padding:0 16px 8px;min-height:0}.quota-warning-slot:not(.quota-warning-visible){display:none}.quota-warning{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:var(--accent-light);border:1px solid var(--border-primary)}.quota-warning-text{flex:1;min-width:0;margin:0;font-size:13px;line-height:1.45;color:var(--text-secondary)}.quota-warning-text strong{font-weight:600;color:var(--text-primary)}.quota-warning-info{flex-shrink:0;padding:6px;min-width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;cursor:pointer;background:transparent;border:none;color:var(--text-secondary)}.quota-warning-info:hover{background:var(--bg-tertiary);color:var(--text-primary)}.quota-warning-info svg{width:16px;height:16px}.settings-btn-icon-only{flex:none;width:36px;height:36px;padding:8px;background:transparent;border:none;border-radius:12px;cursor:pointer;font-size:14px;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:background-color .2s}.settings-btn-icon-only:hover{background-color:var(--bg-tertiary)}.settings-btn-icon-only.active{background-color:var(--bg-tertiary);color:var(--text-primary)}.settings-btn-icon-only svg{width:18px;height:18px;color:inherit}.theme-toggle{width:36px;height:36px;border-radius:12px;background:transparent;border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:background-color .2s}.theme-toggle:hover{background-color:var(--bg-tertiary)}.theme-toggle svg{width:18px;height:18px;color:inherit}.main-content{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;background:var(--bg-primary);align-items:center;overflow-y:auto;overflow-x:hidden;position:relative}.main-content:has(.trash-view-active){overflow-y:hidden}.main-content-spacer{flex-shrink:0;height:32px;width:100%}.breadcrumbs-row{display:flex;align-items:center;gap:12px;padding:16px 24px;flex-shrink:0;max-width:800px;margin:0 auto;width:100%;box-sizing:border-box}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--text-muted);min-width:0;flex:1;overflow:hidden}.breadcrumb-separator{color:var(--text-disabled);flex-shrink:0}.breadcrumb-item{color:var(--text-muted);min-width:0;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-item.active{color:var(--text-primary);font-weight:500}.breadcrumb-item-clickable{cursor:pointer;background:none;border:none;padding:0;font:inherit;color:inherit;min-width:0;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left}.breadcrumb-item-clickable:hover{color:var(--text-primary);text-decoration:underline}.breadcrumb-item-clickable.active:hover{text-decoration:none}.sync-status-wrapper{position:relative;flex-shrink:0;margin-left:auto}.sync-status{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--text-muted);flex-shrink:0}.sync-status-trigger{background:none;border:none;padding:4px 8px;margin:-4px -8px;border-radius:6px;cursor:pointer;font:inherit}.sync-status-no-dropdown{cursor:default!important}.sync-status-no-dropdown .sync-status-chevron{display:none}.sync-status-trigger:hover{background:var(--bg-hover);color:var(--text-secondary)}.sync-status-dropdown{position:absolute;top:100%;right:0;margin-top:4px;min-width:180px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:12px;box-shadow:var(--shadow-md);z-index:10000;padding:10px 16px}.sync-status-dropdown[hidden]{display:none}.sync-status-dropdown-row{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:10px 12px;font-size:14px;text-align:left;background:none;border:none;border-radius:8px;cursor:default;color:var(--text-secondary);white-space:nowrap;min-width:0}.sync-status-dropdown-row--disabled{cursor:default;color:var(--text-muted)}.sync-status-dropdown-action{cursor:pointer;color:var(--text-primary);white-space:nowrap;margin:0;width:100%;box-sizing:border-box}.sync-status-dropdown-action:hover{background:var(--bg-hover)}.sync-status-dropdown-label{flex-shrink:0;line-height:1.4;display:inline-flex;align-items:center}.sync-status-dropdown-value{color:var(--text-muted);font-size:12px;flex-shrink:0;white-space:nowrap;line-height:1.4;display:inline-flex;align-items:center}.sync-status-icon,.sync-status-chevron{width:12px;height:12px;flex-shrink:0;color:inherit}.sync-status-chevron{margin-left:2px;opacity:.7}.sync-status-text{font-size:12px}.sync-status.syncing .sync-status-icon{animation:sync-spin .8s linear infinite}@keyframes sync-spin{to{transform:rotate(360deg)}}.sync-status.syncing{color:var(--text-secondary)}.sync-status.synced{color:var(--text-muted)}.sync-status.failed{color:var(--text-danger)}.modal-sync-log{display:flex;flex-direction:column;max-height:90vh;overflow:hidden}.modal-sync-log .modal-header{flex-shrink:0}.modal-sync-log .modal-sync-log-list{flex:none;height:280px;min-height:160px;overflow-y:auto;margin-top:12px;margin-bottom:16px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary)}.modal-sync-log .modal-actions{flex-shrink:0;margin-top:0}.modal-sync-log .modal-sync-log-list.scrollbar-branded{scrollbar-color:var(--border-secondary) transparent;scrollbar-width:thin}.modal-sync-log .modal-sync-log-list.scrollbar-branded::-webkit-scrollbar{width:8px}.modal-sync-log .modal-sync-log-list.scrollbar-branded::-webkit-scrollbar-track{background:transparent}.modal-sync-log .modal-sync-log-list.scrollbar-branded::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.modal-sync-log .modal-sync-log-list.scrollbar-branded::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-sync-log-item{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:14px;text-align:left;background:transparent;border:none;border-radius:0;color:var(--text-primary);border-bottom:1px solid var(--border-primary)}.modal-sync-log-item:last-child{border-bottom:none}.modal-sync-log-time{flex-shrink:0;color:var(--text-muted);font-size:12px}.modal-sync-log-message{flex:1;min-width:0;word-break:break-word;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.modal-sync-log-empty{padding:16px 12px;font-size:14px;color:var(--text-muted);text-align:center}.content-view{display:flex;flex-direction:column;width:100%;flex:1;max-width:800px;margin:0 auto;box-sizing:border-box}.content-view-hidden{display:none!important}.settings-page{display:flex;flex-direction:row;width:100%;max-width:900px;margin:0 auto;padding:0 24px;min-height:100%;box-sizing:border-box;gap:32px}.settings-nav{flex:0 0 auto;width:160px}.settings-nav-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.settings-nav-item{display:block;width:100%;padding:10px 12px;text-align:left;font-size:14px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:8px;cursor:pointer;transition:color .15s,background .15s}.settings-nav-item:hover{color:var(--text-primary);background:var(--bg-tertiary)}.settings-nav-item.active{color:var(--accent-primary);background:var(--shadow-accent)}.settings-page-content{flex:1 1 auto;min-width:0;padding:24px 0}.settings-page-title{margin:0 0 24px;font-size:22px;font-weight:600;color:var(--text-primary)}.settings-page .settings-section{margin-top:28px;padding-top:28px;border-top:1px solid var(--border-primary)}.settings-page .settings-section-appearance{margin-top:0;padding-top:0;border-top:none}.settings-section-title{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary)}.settings-section-desc{margin:0 0 16px;font-size:13px;color:var(--text-muted);line-height:1.5}.settings-field{margin-bottom:20px}.settings-field:last-child{margin-bottom:0}.settings-field-label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:10px}.settings-workspace-icon-input{display:block;width:64px;padding:8px 12px;font-size:18px;text-align:center;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);box-sizing:border-box}.settings-workspace-icon-input:focus{outline:none;border-color:var(--accent-primary)}.settings-workspace-colors{display:flex;gap:10px;flex-wrap:wrap}.settings-workspace-color-btn{width:32px;height:32px;border-radius:8px;border:2px solid transparent;cursor:pointer;transition:border-color .2s,transform .15s}.settings-workspace-color-btn:hover{transform:scale(1.08)}.settings-workspace-color-btn[data-color=""]{background:var(--accent-primary);border-color:var(--accent-primary)}.settings-workspace-color-btn.active,.settings-workspace-color-btn[aria-pressed=true]{border-color:var(--text-primary);box-shadow:0 0 0 2px var(--bg-primary)}.settings-app-theme{display:flex;gap:12px}.settings-app-option{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s}.settings-app-option:hover{background:var(--bg-tertiary)}.settings-app-option:has(.settings-radio:checked){border-color:var(--accent-primary);background:var(--shadow-accent)}.settings-app-preview{width:56px;height:36px;border-radius:8px;border:1px solid var(--border-primary)}.settings-app-preview-light{background:var(--settings-preview-light-bg);box-shadow:inset 0 1px 2px var(--shadow-inset-light)}.settings-app-preview-dark{background:var(--settings-preview-dark-bg);box-shadow:inset 0 1px 2px var(--shadow-inset-dark)}.settings-app-name{font-size:13px;font-weight:500;color:var(--text-primary)}.settings-radio{position:absolute;opacity:0;pointer-events:none}.settings-note-theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.settings-note-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px 8px;border:2px solid var(--border-primary);border-radius:12px;cursor:pointer;transition:border-color .2s,background .2s}.settings-note-option:hover{background:var(--bg-tertiary)}.settings-note-option:has(.settings-radio:checked){border-color:var(--accent-primary);background:var(--shadow-accent)}.settings-note-preview{width:100%;max-width:72px;height:44px;border-radius:8px;border:1px solid var(--border-primary);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;letter-spacing:.02em}.settings-note-preview-default{background:var(--bg-card);color:var(--text-primary)}.settings-note-preview-sepia{background:var(--note-theme-sepia-bg);color:var(--note-theme-sepia-text)}.settings-note-preview-dark{background:var(--note-theme-dark-bg);color:var(--note-theme-dark-text)}.settings-note-preview-highcontrast{background:var(--note-theme-hc-light-bg);color:var(--note-theme-hc-light-text)}body.dark-mode .settings-note-preview-highcontrast{background:var(--note-theme-hc-dark-bg);color:var(--note-theme-hc-dark-text)}.settings-note-name{font-size:12px;font-weight:500;color:var(--text-primary)}.settings-plan-link,.settings-about-link{font-size:14px;color:var(--accent-primary);text-decoration:none}.settings-plan-link:hover,.settings-about-link:hover{text-decoration:underline}.settings-plan-row,.settings-about-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.settings-plan-label,.settings-about-version{font-size:14px;color:var(--text-secondary)}.settings-plan-value{font-size:14px;font-weight:600;color:var(--text-primary)}.settings-integrations-link-btn{margin-top:4px}.settings-integrations-header{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.settings-integrations-header .settings-back-btn{align-self:flex-start;margin-bottom:4px;background-color:var(--bg-secondary)}.settings-integrations-header .settings-page-title{margin:0;min-width:0}.settings-integrations-header .settings-integrations-intro{margin:0 0 4px;font-size:13px;color:var(--text-muted);line-height:1.5}.settings-integrations-page .settings-section-notion{margin-top:24px}.settings-integrations-page .settings-section-obsidian{margin-top:32px}.settings-notion-header{display:flex;align-items:center;gap:10px;margin-bottom:16px}.settings-notion-section-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.settings-obsidian-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.settings-obsidian-section-icon{width:32px;height:32px;object-fit:contain;flex-shrink:0}.settings-obsidian-how{margin:12px 0 16px}.settings-obsidian-how-title{display:block;margin:0 0 8px;font-size:14px;color:var(--text-primary)}.settings-obsidian-steps{margin:0;padding-left:0;list-style-position:inside;font-size:13px;color:var(--text-muted);line-height:1.5}.settings-obsidian-steps li{margin-bottom:6px;padding-left:0}.settings-obsidian-steps li:last-child{margin-bottom:0}.settings-obsidian-steps code{font-size:12px;padding:1px 4px;background:var(--bg-tertiary);border-radius:4px}.settings-notion-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}.settings-notion-step{display:flex;gap:12px;align-items:flex-start}.settings-notion-step-num{flex-shrink:0;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:var(--text-muted);background:var(--bg-tertiary);border-radius:50%}.settings-notion-step-body{flex:1;min-width:0}.settings-notion-step-title{display:block;margin:0 0 4px;font-size:14px;color:var(--text-primary)}.settings-notion-step-desc{margin:0 0 8px;font-size:13px;color:var(--text-muted);line-height:1.45}.settings-notion-step-desc code{font-size:12px;padding:1px 4px;background:var(--bg-tertiary);border-radius:4px}.settings-notion-status{font-size:13px;color:var(--text-secondary);margin-bottom:8px}.settings-notion-actions{margin-top:4px}.settings-notion-connect-btn{display:inline-flex;align-items:center;gap:8px}.settings-notion-btn-icon{width:20px;height:20px;object-fit:contain}.settings-notion-sync-row{display:flex;gap:10px;align-items:center;margin-top:8px}.settings-notion-sync-row .settings-input{flex:1;min-width:0;box-sizing:border-box;height:40px;padding:0 14px;font-size:14px;color:var(--text-primary);background:var(--bg-secondary);border:2px solid var(--border-primary);border-radius:8px;transition:border-color .15s ease}.settings-notion-sync-row .settings-input::placeholder{color:var(--text-muted)}.settings-notion-sync-row .settings-input:focus{outline:none;border-color:var(--accent-primary)}.settings-import-input{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.settings-import-message{margin:12px 0 0;font-size:13px;color:var(--text-secondary);line-height:1.45}.settings-about-links{margin-top:4px;font-size:14px}.settings-about-sep{margin:0 6px;color:var(--text-muted)}.search-container{position:relative;padding:16px 24px;width:100%}.search-input{width:100%;padding:12px 16px 12px 40px;border:1px solid var(--border-primary);border-radius:12px;font-size:14px;color:var(--text-secondary);background-color:var(--bg-card);box-shadow:0 1px 3px var(--shadow-sm);transition:all .2s}.search-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 1px 3px var(--shadow-sm),0 0 0 3px var(--shadow-accent)}.search-icon{position:absolute;left:36px;top:50%;transform:translateY(-50%);color:var(--text-disabled);pointer-events:none}.search-icon svg{width:14px;height:14px}.notes-content{padding:24px;flex:1;min-height:0}.note-item{padding:12px 0;margin-bottom:4px;cursor:pointer;transition:all .2s;position:relative;background:transparent;border-radius:12px;box-sizing:border-box;width:100%}.note-item:before{content:"";position:absolute;inset:0 -12px;background-color:transparent;border-radius:12px;transition:background-color .2s;pointer-events:none;z-index:0}.note-item:hover:before{background-color:var(--bg-tertiary)}.note-item>*{position:relative;z-index:1}.note-item-selected:before{background-color:var(--bg-tertiary)}.note-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.note-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:600;color:var(--text-primary);min-width:0;overflow:hidden}.note-title>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.note-list-color{width:10px;height:10px;min-width:10px;border-radius:4px;flex-shrink:0}.note-pip-icon{opacity:.35;transition:opacity .2s,color .2s;width:24px;height:24px;display:flex;align-items:center;justify-content:center;cursor:pointer;border-radius:8px;color:var(--text-muted);flex-shrink:0}.note-item:hover .note-pip-icon{opacity:.85}.note-item-open-in-pip .note-pip-icon{opacity:1;color:var(--accent-primary)}.folder-item{cursor:pointer}.folder-item:hover{background-color:var(--bg-tertiary)}.folder-item .folder-icon{color:var(--text-primary);margin-right:0;flex-shrink:0}.folder-item .folder-icon svg{width:16px;height:16px}.note-pip-icon:hover{color:var(--accent-primary)}.note-pip-icon svg{width:14px;height:14px}.note-content{font-size:14px;color:var(--text-muted);line-height:1.6;margin-bottom:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.note-metadata{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--text-disabled)}.note-metadata-separator{width:4px;height:4px;border-radius:50%;background-color:var(--border-secondary)}.note-file-icon{flex-shrink:0;width:16px;height:16px;color:var(--text-primary)}.note-file-icon svg{width:16px;height:16px}.note-pip-icon.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.note-item:hover .note-pip-icon.disabled{opacity:.5}.main-notes-list .note-item.dragging,.main-notes-list .folder-item.dragging{opacity:.5;cursor:grabbing}.main-notes-list .note-item[draggable=true],.main-notes-list .folder-item[draggable=true]{cursor:grab}.main-notes-list .folder-item.drag-over{background-color:var(--accent-light)}.main-list-root-drop-zone{padding:8px 12px;margin-bottom:8px;border-radius:12px;font-size:13px;color:var(--text-muted);border:1px dashed var(--border-primary);transition:background-color .2s}.main-list-root-drop-zone.drag-over{background-color:var(--accent-light);border-color:var(--accent-primary);color:var(--text-primary)}.note-detail-view{padding:24px 0;margin:0 auto}.note-detail-header{display:flex;flex-direction:column;gap:4px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--border-primary)}.note-detail-title-row{display:flex;align-items:flex-start;gap:10px}.note-detail-meta-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.note-detail-color{width:10px;height:10px;min-width:10px;border-radius:4px;flex-shrink:0}.note-detail-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;word-break:break-word}.note-detail-meta-inline{font-size:13px;color:var(--text-muted);margin:0}.note-detail-actions{display:flex;gap:6px;flex-shrink:0}.note-detail-action-btn{width:40px;height:40px;border-radius:12px;background:transparent;border:1px solid var(--border-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);transition:all .2s}.note-detail-action-btn:hover:not(:disabled):not(.disabled){background-color:var(--bg-tertiary);border-color:var(--border-secondary)}.note-detail-action-btn:disabled,.note-detail-action-btn.disabled{opacity:.5;cursor:not-allowed}.note-detail-action-btn.note-detail-open-active{background-color:var(--accent-light);border-color:var(--accent-primary);color:var(--accent-primary);opacity:1}.note-detail-action-btn.note-detail-done-btn{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--on-accent)}.note-detail-action-btn.note-detail-done-btn:hover:not(:disabled){background-color:var(--accent-primary-hover);border-color:var(--accent-primary-hover);color:var(--on-accent)}.note-detail-action-btn.note-detail-done-btn svg,.note-detail-action-btn.note-detail-done-btn:hover:not(:disabled) svg{color:inherit;stroke:currentColor}body.dark-mode .note-detail-action-btn.note-detail-done-btn,body.dark-mode .note-detail-action-btn.note-detail-done-btn:hover:not(:disabled),body.dark-mode .note-detail-action-btn.note-detail-done-btn svg,body.dark-mode .note-detail-action-btn.note-detail-done-btn:hover:not(:disabled) svg{color:var(--on-accent)}body.dark-mode .note-detail-action-btn.note-detail-done-btn svg,body.dark-mode .note-detail-action-btn.note-detail-done-btn:hover:not(:disabled) svg{stroke:var(--on-accent)}body.dark-mode .note-detail-action-btn.note-detail-done-btn svg path,body.dark-mode .note-detail-action-btn.note-detail-done-btn:hover:not(:disabled) svg path{stroke:var(--on-accent)}.note-detail-action-btn svg{width:14px;height:14px}body.dark-mode .note-detail-action-btn:not(.note-detail-done-btn){color:var(--text-secondary)}body.dark-mode .note-detail-action-btn:not(.note-detail-done-btn) svg,body.dark-mode .note-detail-action-btn:not(.note-detail-done-btn) svg path{color:var(--text-secondary);stroke:var(--text-secondary)}body.dark-mode .note-detail-action-btn.note-detail-open-active:not(.note-detail-done-btn) svg,body.dark-mode .note-detail-action-btn.note-detail-open-active:not(.note-detail-done-btn) svg path{color:var(--accent-primary);stroke:var(--accent-primary)}.note-detail-content{font-size:16px;line-height:1.8;color:var(--text-primary);word-wrap:break-word;margin-bottom:24px;min-height:120px;position:relative}.note-detail-content .note-detail-lexical-root{min-height:120px}.note-detail-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:48px 20px;color:var(--text-disabled)}.note-detail-empty svg{color:var(--text-disabled);opacity:.6}.note-detail-empty p{margin:0;font-size:14px;color:var(--text-muted)}.note-detail-empty-edit-btn{display:inline-flex;align-items:center;gap:6px;margin-top:4px;padding:6px 14px;font-size:13px;color:var(--accent-primary);background:transparent;border:1px solid var(--border-secondary);border-radius:6px;cursor:pointer;transition:background-color .15s,border-color .15s}.note-detail-empty-edit-btn:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary)}.note-detail-content .note-detail-lexical-root[data-read-only] .note-editor-content-editable{cursor:default}.note-detail-content-click-to-edit,.note-detail-content-click-to-edit .note-detail-lexical-root[data-read-only] .note-editor-content-editable{cursor:text}.note-detail-content.note-detail-content-editing{border:1px solid var(--border-secondary);border-radius:8px;background-color:var(--bg-secondary);padding:12px}.note-detail-content.note-detail-content-editing .note-detail-lexical-root{cursor:text;caret-color:var(--text-primary);outline:none;min-height:140px}.empty-state-main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;color:var(--text-disabled);font-size:14px}.onboarding{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;min-height:0;flex:1;max-width:560px;margin:0 auto}.onboarding-hero{text-align:center;margin-bottom:32px}.onboarding-logo{width:80px;height:80px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;position:relative;animation:onboarding-logo-glow 3s ease-in-out infinite}@keyframes onboarding-logo-glow{0%,to{filter:drop-shadow(0 0 8px rgba(79,70,229,.3))}50%{filter:drop-shadow(0 0 16px rgba(79,70,229,.5))}}.onboarding-logo-image{width:100%;height:100%;display:block}.onboarding-hero-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 12px;line-height:1.2;letter-spacing:-.03em}.onboarding-hero-desc{font-size:16px;color:var(--text-secondary);margin:0;line-height:1.5;max-width:460px}.onboarding-features{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:32px;flex-wrap:wrap}.onboarding-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background:var(--bg-secondary);border:1px solid var(--border-color);font-size:13px;font-weight:500;color:var(--text-secondary);white-space:nowrap}.onboarding-badge svg{flex-shrink:0;color:var(--accent-primary)}.onboarding-ctas{display:flex;align-items:center;gap:12px;margin-bottom:20px}.onboarding-cta{padding:12px 28px;font-size:15px;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .15s ease-out;white-space:nowrap;position:relative}.onboarding-cta-primary{background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;box-shadow:0 4px 12px #4f46e54d}.onboarding-cta-primary:hover{background:linear-gradient(135deg,#4338ca,#4f46e5);transform:translateY(-2px);box-shadow:0 8px 20px #4f46e566}.onboarding-cta-primary:active{transform:translateY(0);box-shadow:0 4px 12px #4f46e54d}.onboarding-cta-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1.5px solid var(--border-color)}.onboarding-cta-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--accent-primary);color:var(--accent-primary);transform:translateY(-1px);box-shadow:0 2px 8px #00000014}.onboarding-cta-secondary:active:not(:disabled){transform:translateY(0);box-shadow:none}.onboarding-cta-secondary:disabled{opacity:.5;cursor:not-allowed}.onboarding-hint{margin:0;font-size:13px;color:var(--text-muted);text-align:center}.onboarding-alert{display:flex;align-items:flex-start;gap:12px;padding:16px;background:var(--bg-secondary);border:1.5px solid var(--border-color);border-radius:12px;margin-bottom:20px;max-width:100%}.onboarding-alert-icon{flex-shrink:0;color:var(--text-muted);margin-top:2px}.onboarding-alert-content{flex:1;min-width:0}.onboarding-alert-title{margin:0 0 6px;font-size:15px;font-weight:600;color:var(--text-primary)}.onboarding-alert-message{margin:0;font-size:14px;line-height:1.5;color:var(--text-secondary)}.tutorial-modal-overlay{display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tutorial-modal{width:90%;max-width:540px;background:var(--bg-primary);border-radius:16px;box-shadow:0 20px 60px #0000004d;overflow:hidden;display:flex;flex-direction:column;max-height:90vh}.tutorial-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.tutorial-modal-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:#4f46e51a;border:1px solid rgba(79,70,229,.3);font-size:13px;font-weight:600;color:var(--accent-primary)}.tutorial-modal-badge svg{flex-shrink:0}.tutorial-modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.tutorial-modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.tutorial-modal-content{padding:32px 24px;overflow-y:auto;flex:1;min-height:0}.tutorial-modal-title{font-size:24px;font-weight:700;color:var(--text-primary);margin:0 0 12px;line-height:1.3}.tutorial-modal-desc{font-size:15px;color:var(--text-secondary);margin:0 0 24px;line-height:1.5}.tutorial-task-list{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px}.tutorial-task-item{display:flex;align-items:flex-start;gap:12px;padding:12px 16px;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:10px;font-size:14px;line-height:1.5}.tutorial-task-checkbox{flex-shrink:0;font-size:16px;color:var(--text-secondary);-webkit-user-select:none;user-select:none}.tutorial-task-text{color:var(--text-primary);flex:1}.tutorial-task-text kbd{display:inline-block;padding:2px 6px;font-size:12px;font-family:ui-monospace,monospace;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:4px;color:var(--text-secondary)}.tutorial-info-callout{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#4f46e50d;border:1px solid rgba(79,70,229,.2);border-radius:10px;font-size:13px;color:var(--text-secondary);line-height:1.5}.tutorial-info-callout svg{flex-shrink:0;color:var(--accent-primary);margin-top:2px}.tutorial-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.confetti-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10003;overflow:hidden}.confetti-particle{position:absolute;width:10px;height:10px;opacity:1;animation:confetti-fall 3s ease-out forwards}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(100vh) rotate(720deg);opacity:0}}.tutorial-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;background:var(--accent-light);border-bottom:1px solid var(--accent-border);color:var(--text-primary);font-size:14px;line-height:1.4}.tutorial-banner-content{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.tutorial-banner-icon{flex-shrink:0;font-size:16px}.tutorial-banner-text{flex:1;min-width:0}.tutorial-banner-close{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;font-size:20px;line-height:1;transition:all .2s}.tutorial-banner-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.onboarding-browser-warning{display:flex;align-items:flex-start;gap:14px;width:100%;max-width:480px;padding:16px 18px;margin-bottom:24px;background:#ef444414;border:1px solid rgba(239,68,68,.25);border-radius:12px}.onboarding-browser-warning-icon{flex-shrink:0;width:20px;height:20px;color:#ef4444;margin-top:2px}.onboarding-browser-warning-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.onboarding-browser-warning-title{margin:0;font-size:14px;font-weight:600;color:#ef4444;line-height:1.3}.onboarding-browser-warning-desc{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4}.onboarding-browser-logos{display:flex;align-items:center;gap:12px;margin-top:4px}.onboarding-browser-logo{width:28px;height:28px;object-fit:contain;opacity:.9;transition:opacity .2s}.onboarding-browser-logo:hover{opacity:1}.onboarding-browser-info{display:flex;align-items:flex-start;gap:14px;width:100%;max-width:480px;padding:16px 18px;margin-bottom:24px;background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:12px}.onboarding-browser-info-icon{flex-shrink:0;width:20px;height:20px;color:var(--text-secondary);margin-top:2px}.onboarding-browser-info-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.onboarding-browser-info-title{margin:0;font-size:14px;font-weight:600;color:var(--text-primary);line-height:1.3}.onboarding-browser-info-desc{margin:0;font-size:13px;color:var(--text-secondary);line-height:1.4}.pip-empty-state{width:100%;display:flex;align-items:center;justify-content:center;padding:40px;box-sizing:border-box;min-height:120px}.pip-empty-state-content{display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.pip-empty-state-message{font-size:16px;color:var(--text-muted);margin:0}.pip-empty-state-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background-color:var(--accent-primary);color:var(--text-inverse);border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s}.pip-empty-state-button:hover{background-color:var(--accent-primary-hover)}.pip-empty-state-button svg{width:14px;height:14px}.note-detail-editor-toolbar{display:flex;flex-wrap:wrap;gap:2px;padding:6px 0 8px;border-bottom:1px solid var(--border-secondary);margin-bottom:8px;flex-shrink:0}.note-detail-toolbar-btn{width:32px;height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;transition:background-color .15s,color .15s}.note-detail-toolbar-btn:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.note-detail-toolbar-btn i,.note-detail-toolbar-btn svg{width:16px;height:16px}.note-detail-toolbar-image-wrap{position:relative}.note-detail-image-dropdown.context-menu{position:absolute;top:100%;left:0;margin-top:2px;z-index:50;min-width:180px;padding:6px 0;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;box-shadow:var(--shadow-md)}.note-detail-image-dropdown.context-menu .context-menu-item{width:100%;text-align:left;border:none;white-space:nowrap;padding:8px 12px;font-size:14px;background:none;cursor:pointer;color:var(--text-primary);border-radius:6px}.note-detail-image-dropdown.context-menu .context-menu-item:hover{background:var(--bg-tertiary)}.note-detail-image-dropdown.context-menu .context-menu-item-label{display:block}.note-detail-image-dropdown:not(.show){display:none}.note-detail-image-dropdown.show{display:block}.note-editor{display:flex;flex-direction:column;flex:1;min-height:0}.note-editor-body{flex:1;min-height:0;overflow-y:auto}.note-editor-content-editable{outline:none;font-size:14px;line-height:1.6;color:var(--text-primary);min-height:80px}.note-editor-placeholder{position:absolute;color:var(--text-disabled);pointer-events:none;font-style:italic}.note-editor-paragraph{margin:0 0 .5em}.note-editor-paragraph:last-child{margin-bottom:0}.note-editor-heading-h1{font-size:1.5em;font-weight:700;margin:.5em 0}.note-editor-heading-h2{font-size:1.25em;font-weight:600;margin:.5em 0}.note-editor-heading-h3{font-size:1.1em;font-weight:600;margin:.5em 0}.note-editor-quote{margin:.5em 0;padding-left:1em;border-left:3px solid var(--border-primary);color:var(--text-secondary)}.note-editor-list-ul{margin:.5em 0;padding-left:1.5em;list-style-type:disc}.note-editor-list-ol{margin:.5em 0;padding-left:1.5em;list-style-type:decimal}.note-editor-listitem{margin:.2em 0}.note-editor-listitem-checked,.note-editor-listitem-unchecked{position:relative;margin-left:8px;padding-left:24px;list-style-type:none;cursor:pointer}.note-editor-listitem-checked{text-decoration:line-through;color:var(--text-muted)}.note-editor-listitem-unchecked:before,.note-editor-listitem-checked:before{content:"";width:16px;height:16px;top:3px;left:0;cursor:pointer;display:block;position:absolute;border-radius:3px;box-sizing:border-box}.note-editor-listitem-unchecked:before{border:2px solid var(--border-color, #999)}.note-editor-listitem-checked:before{border:2px solid var(--accent, #3d87f5);background-color:var(--accent, #3d87f5)}.note-editor-listitem-checked:after{content:"";cursor:pointer;border-color:#fff;border-style:solid;position:absolute;display:block;top:6px;width:4px;left:6px;height:8px;transform:rotate(45deg);border-width:0 2px 2px 0}.note-editor-code{font-family:ui-monospace,monospace;font-size:.9em;background:var(--bg-tertiary);padding:.2em .4em;border-radius:4px;margin:.5em 0}.note-editor-link{color:var(--accent-primary);text-decoration:underline;cursor:pointer}.note-editor-image{display:block;max-width:100%;height:auto;margin:8px 0;border-radius:4px;vertical-align:middle}.note-editor-text-bold{font-weight:700}.note-editor-text-italic{font-style:italic}.note-editor-table{width:100%;border-collapse:collapse;margin:.75em 0;font-size:.95em;table-layout:auto;border:1px solid var(--border-primary, #e4e4e7);border-radius:6px;overflow:hidden}.note-editor-table-cell,.note-editor-table-cell-header{border:1px solid var(--border-primary, #e4e4e7);padding:8px 12px;text-align:left;vertical-align:top;min-width:60px}.note-editor-table-cell-header{font-weight:600;background:var(--bg-secondary, #f4f4f5)}.note-editor-table-cell p,.note-editor-table-cell-header p{margin:0}.note-editor-content-editable div[data-lexical-scroll-table=true]{overflow-x:auto;-webkit-overflow-scrolling:touch}body.dark-mode .note-editor-table,body.dark-mode .note-editor-table-cell,body.dark-mode .note-editor-table-cell-header{border-color:var(--border-primary, #3f3f46)}body.dark-mode .note-editor-table-cell-header{background:var(--bg-tertiary, #3f3f46)}.note-editor-table td.selectedCell,.note-editor-table th.selectedCell{background:var(--accent-light, rgba(99, 102, 241, .15))}.pip-container{width:100%;height:100%;display:flex;flex-direction:column;gap:0;padding:0;box-sizing:border-box;min-height:200px;min-width:200px;background:var(--bg-primary);color:var(--text-primary)}.pip-tabs{flex-shrink:0;display:flex;gap:0;padding:8px 8px 0;background-color:var(--tab-bar-bg);border-bottom:1px solid var(--border-primary);min-width:0;overflow:hidden;--pip-tab-hover: var(--bg-tertiary)}.pip-tab-item{display:flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;font-size:13px;font-weight:500;color:var(--text-muted);background-color:transparent;border-radius:8px 8px 0 0;cursor:pointer;transition:background-color .2s,color .2s,box-shadow .2s;flex:0 1 200px;min-width:0;max-width:200px;border-bottom:2px solid transparent;margin-bottom:-1px}.pip-tab-item:hover{color:var(--text-secondary);background-color:var(--pip-tab-hover)}.pip-tab-item.active{color:var(--text-primary);background-color:var(--bg-primary);border-bottom-color:var(--accent-primary);box-shadow:0 1px 0 0 var(--bg-primary)}.pip-tab-color{width:8px;height:8px;min-width:8px;border-radius:4px;flex-shrink:0}.pip-tab-pin{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none}.pip-tab-pin i,.pip-tab-pin svg{width:12px;height:12px;color:inherit;stroke:currentColor}.pip-tab-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pip-tab-sep{width:1px;flex-shrink:0;height:20px;align-self:center;background-color:var(--border-primary)}.pip-tab-close{flex-shrink:0;width:20px;height:20px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;display:none;align-items:center;justify-content:center}.pip-tab-item:hover .pip-tab-close,.pip-tab-item.active .pip-tab-close{display:flex}.pip-tab-close:hover{color:var(--text-primary);background-color:var(--bg-hover)}.pip-tab-close i,.pip-tab-close svg{width:14px;height:14px;color:inherit;stroke:currentColor}.pip-tab-new-btn{margin-left:4px;padding:8px 10px;font-size:14px;color:var(--text-muted);background:transparent;border:none;border-radius:8px 8px 0 0;cursor:pointer;transition:background-color .2s,color .2s;display:flex;align-items:center;justify-content:center}.pip-tab-new-btn:hover{color:var(--text-primary);background-color:var(--pip-tab-hover, var(--bg-tertiary))}.pip-tab-new-btn i,.pip-tab-new-btn svg{width:16px;height:16px}.pip-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;position:relative}.pip-content .note-container{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative}.pip-content .note-container .note-editor{flex:1;min-height:0}.pip-content .note-container .note-editor-body{flex:1;min-height:0;overflow-y:auto;padding:16px;scrollbar-color:var(--border-secondary) transparent;scrollbar-width:thin}.pip-content .note-container .note-editor-body::-webkit-scrollbar{width:8px}.pip-content .note-container .note-editor-body::-webkit-scrollbar-track{background:transparent}.pip-content .note-container .note-editor-body::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.pip-content .note-container .note-editor-body::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.pip-content .note-container .note-editor-content-editable{font-size:16px;line-height:1.6;color:var(--text-primary);background:transparent}.pip-note-char-warning{flex-shrink:0;padding:6px 12px;font-size:12px;color:var(--text-muted);background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);display:none}.pip-note-char-warning.visible{display:block}body.pip-page[data-note-theme=sepia] .pip-content .note-container .note-editor-body,body.pip-page[data-note-theme=sepia] .pip-content .note-container .note-editor-content-editable{background:var(--note-theme-sepia-bg);color:var(--note-theme-sepia-text)}body.pip-page[data-note-theme=dark] .pip-content .note-container .note-editor-body,body.pip-page[data-note-theme=dark] .pip-content .note-container .note-editor-content-editable{background:var(--note-theme-dark-bg);color:var(--note-theme-dark-text)}body.pip-page[data-note-theme=high-contrast] .pip-content .note-container .note-editor-body,body.pip-page[data-note-theme=high-contrast] .pip-content .note-container .note-editor-content-editable{background:var(--note-theme-hc-light-bg);color:var(--note-theme-hc-light-text)}body.pip-page.dark-mode[data-note-theme=high-contrast] .pip-content .note-container .note-editor-body,body.pip-page.dark-mode[data-note-theme=high-contrast] .pip-content .note-container .note-editor-content-editable{background:var(--note-theme-hc-dark-bg);color:var(--note-theme-hc-dark-text)}body.pip-page[data-note-theme=sepia] .pip-content .note-editor-link{color:var(--note-theme-sepia-link)!important}body.pip-page[data-note-theme=sepia] .pip-content .note-editor-link:hover{color:var(--note-theme-sepia-link-hover)!important}body.pip-page[data-note-theme=dark] .pip-content .note-editor-link{color:var(--note-theme-dark-link)!important}body.pip-page[data-note-theme=dark] .pip-content .note-editor-link:hover{color:var(--note-theme-dark-link-hover)!important}body.pip-page[data-note-theme=high-contrast] .pip-content .note-editor-link,body.pip-page.dark-mode[data-note-theme=high-contrast] .pip-content .note-editor-link{color:var(--note-theme-hc-link)!important}body.pip-page[data-note-theme=high-contrast] .pip-content .note-editor-link:hover,body.pip-page.dark-mode[data-note-theme=high-contrast] .pip-content .note-editor-link:hover{color:var(--note-theme-hc-link-hover)!important}body.pip-page[data-note-theme=sepia] .pip-content .note-editor-quote{border-color:var(--note-theme-sepia-border)}body.pip-page[data-note-theme=sepia] .pip-content .note-container hr{border-top-color:var(--note-theme-sepia-border)}body.pip-page[data-note-theme=dark] .pip-content .note-editor-quote{border-color:var(--note-theme-dark-border)}body.pip-page[data-note-theme=dark] .pip-content .note-container hr{border-top-color:var(--note-theme-dark-border)}body.pip-page[data-note-theme=high-contrast] .pip-content .note-editor-quote{border-color:var(--note-theme-hc-light-border)}body.pip-page[data-note-theme=high-contrast] .pip-content .note-container hr{border-top-color:var(--note-theme-hc-light-border)}body.pip-page.dark-mode[data-note-theme=high-contrast] .pip-content .note-editor-quote{border-color:var(--note-theme-hc-dark-border)}body.pip-page.dark-mode[data-note-theme=high-contrast] .pip-content .note-container hr{border-top-color:var(--note-theme-hc-dark-border)}body.pip-page[data-note-theme=sepia] .pip-content .note-editor-table,body.pip-page[data-note-theme=sepia] .pip-content .note-editor-table-cell,body.pip-page[data-note-theme=sepia] .pip-content .note-editor-table-cell-header{border-color:var(--note-theme-sepia-border)}body.pip-page[data-note-theme=sepia] .pip-content .note-editor-table-cell-header{background:var(--note-theme-sepia-th-bg)}body.pip-page[data-note-theme=dark] .pip-content .note-editor-table,body.pip-page[data-note-theme=dark] .pip-content .note-editor-table-cell,body.pip-page[data-note-theme=dark] .pip-content .note-editor-table-cell-header{border-color:var(--note-theme-dark-border)}body.pip-page[data-note-theme=dark] .pip-content .note-editor-table-cell-header{background:var(--note-theme-dark-th-bg)}body.pip-page[data-note-theme=high-contrast] .pip-content .note-editor-table,body.pip-page[data-note-theme=high-contrast] .pip-content .note-editor-table-cell,body.pip-page[data-note-theme=high-contrast] .pip-content .note-editor-table-cell-header{border-color:var(--note-theme-hc-light-border)}body.pip-page[data-note-theme=high-contrast] .pip-content .note-editor-table-cell-header{background:var(--note-theme-hc-light-th-bg)}body.pip-page.dark-mode[data-note-theme=high-contrast] .pip-content .note-editor-table,body.pip-page.dark-mode[data-note-theme=high-contrast] .pip-content .note-editor-table-cell,body.pip-page.dark-mode[data-note-theme=high-contrast] .pip-content .note-editor-table-cell-header{border-color:var(--note-theme-hc-dark-border)}body.pip-page.dark-mode[data-note-theme=high-contrast] .pip-content .note-editor-table-cell-header{background:var(--note-theme-hc-dark-th-bg)}body.pip-page[data-note-theme=sepia] .pip-content .note-editor-quote{color:#78716c}body.pip-page[data-note-theme=sepia] .pip-content .note-editor-code{background:#e8dcc4;color:var(--note-theme-sepia-text)}body.pip-page[data-note-theme=sepia] .pip-content .note-editor-listitem-checked{color:#a8a29e}body.pip-page[data-note-theme=sepia] .pip-content .note-editor-listitem-unchecked:before{border-color:#a8a29e}body.pip-page[data-note-theme=sepia] .pip-content .note-editor-placeholder{color:#a8a29e}body.pip-page[data-note-theme=dark] .pip-content .note-editor-quote{color:#a1a1aa}body.pip-page[data-note-theme=dark] .pip-content .note-editor-code{background:#3f3f46;color:var(--note-theme-dark-text)}body.pip-page[data-note-theme=dark] .pip-content .note-editor-listitem-checked{color:#71717a}body.pip-page[data-note-theme=dark] .pip-content .note-editor-listitem-unchecked:before{border-color:#71717a}body.pip-page[data-note-theme=dark] .pip-content .note-editor-placeholder{color:#71717a}body.pip-page[data-note-theme=high-contrast] .pip-content .note-editor-quote{color:#525252}body.pip-page[data-note-theme=high-contrast] .pip-content .note-editor-code{background:#f5f5f5;color:var(--note-theme-hc-light-text)}body.pip-page[data-note-theme=high-contrast] .pip-content .note-editor-listitem-checked{color:#737373}body.pip-page[data-note-theme=high-contrast] .pip-content .note-editor-listitem-unchecked:before{border-color:#525252}body.pip-page[data-note-theme=high-contrast] .pip-content .note-editor-placeholder{color:#a3a3a3}body.pip-page.dark-mode[data-note-theme=high-contrast] .pip-content .note-editor-quote{color:#d4d4d8}body.pip-page.dark-mode[data-note-theme=high-contrast] .pip-content .note-editor-code{background:#1c1c20;color:var(--note-theme-hc-dark-text)}body.pip-page.dark-mode[data-note-theme=high-contrast] .pip-content .note-editor-listitem-checked{color:#a1a1aa}body.pip-page.dark-mode[data-note-theme=high-contrast] .pip-content .note-editor-listitem-unchecked:before{border-color:#a1a1aa}body.pip-page.dark-mode[data-note-theme=high-contrast] .pip-content .note-editor-placeholder{color:#71717a}.slash-command-strip{flex-shrink:0;display:flex;flex-wrap:wrap;gap:2px;padding:4px 6px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-primary);align-items:center}.slash-command-strip-floating{position:fixed;z-index:1000;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:6px;box-shadow:var(--shadow-md)}.slash-command-strip-btn{width:28px;height:28px;padding:0;border:none;border-radius:4px;background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s,color .15s}.slash-command-strip-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.slash-command-strip-btn svg{width:14px;height:14px;color:inherit;stroke:currentColor}.slash-command-strip .note-detail-toolbar-image-wrap .note-detail-toolbar-btn{width:28px;height:28px}.slash-command-strip .note-detail-toolbar-image-wrap .note-detail-toolbar-btn svg{width:14px;height:14px}.pip-container .pip-empty-state{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:40px;box-sizing:border-box;min-height:200px;position:absolute;inset:0}.pip-context-menu{position:fixed;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 4px 6px var(--shadow-md);padding:4px;z-index:10000;display:none;min-width:120px}.pip-context-menu.show{display:block}.pip-context-menu-item{padding:8px 12px;cursor:pointer;font-size:14px;color:var(--text-secondary);border-radius:8px;transition:background-color .2s;display:block;width:100%;text-align:left;border:none;background:transparent;font-family:inherit;font-weight:400;line-height:inherit}.pip-context-menu-item:hover{background-color:var(--bg-tertiary)}.pip-context-menu-item.danger{color:var(--danger)}.pip-context-menu-item.danger:hover{background-color:var(--danger-hover)}.pip-context-menu-item:disabled,.pip-context-menu-item.pip-context-menu-item-disabled,.pip-context-menu-item.pip-context-menu-item-disabled:hover{color:var(--text-disabled);cursor:not-allowed;pointer-events:none;background:transparent}.pip-context-menu-item.danger:disabled,.pip-context-menu-item.danger.pip-context-menu-item-disabled,.pip-context-menu-item.danger.pip-context-menu-item-disabled:hover{color:var(--text-disabled);cursor:not-allowed;pointer-events:none;background:transparent}.pip-context-menu-item-has-submenu{position:relative;display:flex;align-items:center;gap:8px}.pip-context-menu-item-label{flex:1}.pip-context-menu-item-chevron{color:var(--text-muted);font-size:12px}.pip-context-menu-submenu{position:absolute;left:100%;top:0;margin-left:2px;min-width:160px;background:var(--bg-card);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 4px 6px var(--shadow-md);padding:4px;z-index:10001;display:none}.pip-context-menu-submenu.show{display:block}.pip-context-menu-submenu-item{padding:8px 12px;cursor:pointer;font-size:14px;color:var(--text-secondary);border-radius:8px;display:flex;align-items:center;gap:8px;transition:background-color .2s;width:100%;text-align:left;border:none;background:transparent;font-family:inherit;font-weight:400;line-height:inherit}.pip-context-menu-submenu-item:hover{background-color:var(--bg-tertiary)}.pip-context-menu-color-swatch{width:14px;height:14px;min-width:14px;border-radius:4px;flex-shrink:0}.pip-context-menu-color-swatch-default{background:transparent;border:1px solid var(--border-secondary)}.pip-context-menu-submenu-item-label{flex:1}.pip-modal-overlay{position:fixed;inset:0;background:var(--overlay-bg, rgba(0, 0, 0, .5));display:none;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.pip-modal-overlay.show{display:flex}.pip-modal{background:var(--bg-card);border-radius:16px;box-shadow:0 20px 25px -5px var(--shadow-lg),0 10px 10px -5px var(--shadow-md);padding:24px;min-width:300px;max-width:400px;animation:modalSlideIn .2s ease-out}.pip-modal-header{margin-bottom:16px}.pip-modal-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.pip-modal-message{font-size:14px;color:var(--text-secondary);margin:0}.pip-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.pip-modal-btn{padding:8px 16px;border-radius:10px;border:none;cursor:pointer;font-size:14px;font-weight:500;transition:all .2s;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.pip-modal-btn-secondary{background-color:var(--bg-tertiary);color:var(--text-secondary);border:none}.pip-modal-btn-secondary:hover{background-color:var(--border-primary);color:var(--text-secondary)}.pip-modal-btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text, var(--text-inverse))}.pip-modal-btn-primary:hover{background-color:var(--btn-primary-hover);color:var(--btn-primary-text, var(--text-inverse))}.pip-modal-btn-danger{background-color:var(--danger);color:#fff}.pip-modal-btn-danger:hover{background-color:var(--danger-btn-hover)}.pip-modal-input{width:100%;margin-top:8px;padding:10px 12px;font-size:14px;border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);background:var(--bg-primary);box-sizing:border-box}.pip-modal-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--shadow-accent)}.dropdown-overlay{position:fixed;inset:0;z-index:9999;background:transparent}.modal-overlay{position:fixed;inset:0;background:var(--overlay-bg, rgba(0, 0, 0, .5));display:flex;align-items:center;justify-content:center;z-index:10001;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal{background:var(--bg-card);border-radius:12px;box-shadow:0 20px 25px -5px var(--shadow-lg, rgba(0, 0, 0, .15)),0 10px 10px -5px var(--shadow-md, rgba(0, 0, 0, .1));padding:24px;min-width:400px;max-width:500px;max-height:90vh;overflow-y:auto;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.tutorial-pip-container{height:100%;display:flex;flex-direction:column;background:var(--bg-primary);color:var(--text-primary)}.tutorial-pip-content{flex:1;padding:24px;overflow-y:auto;scrollbar-color:var(--border-secondary) transparent;scrollbar-width:thin}.tutorial-pip-content::-webkit-scrollbar{width:8px}.tutorial-pip-content::-webkit-scrollbar-track{background:transparent}.tutorial-pip-content::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.tutorial-pip-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.tutorial-pip-title{font-size:22px;font-weight:700;color:var(--text-primary);margin:0 0 12px;line-height:1.3}.tutorial-pip-desc{font-size:14px;color:var(--text-secondary);margin:0 0 20px;line-height:1.5}.tutorial-pip-task-list{list-style:none;padding:0;margin:0 0 20px}.tutorial-pip-task-item{display:flex;align-items:flex-start;gap:10px;padding:10px 0;font-size:14px;color:var(--text-primary);line-height:1.5}.tutorial-pip-task-text{display:flex;flex-direction:column;gap:4px;flex:1}.tutorial-pip-task-label{font-weight:500;color:var(--text-primary)}.tutorial-pip-task-hint{font-size:15px;color:var(--accent-primary);font-weight:700;animation:hint-highlight .5s ease-out}.tutorial-pip-task-hint-active{background:var(--accent-hover);padding:6px 12px;border-radius:6px;border:2px solid var(--accent-primary);display:inline-block;animation:hint-highlight .5s ease-out,hint-pulse 2s ease-in-out infinite .5s;box-shadow:0 0 0 0 var(--accent-primary)}@keyframes hint-highlight{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.tutorial-pip-checkbox{flex-shrink:0;width:18px;height:18px;border:2px solid var(--text-muted);border-radius:5px;margin-top:2px;display:flex;align-items:center;justify-content:center;transition:all .2s;background:var(--bg-secondary)}.tutorial-pip-checkbox-checked{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.tutorial-pip-checkbox-pulse{animation:checkbox-pulse .6s ease-out}@keyframes checkbox-pulse{0%{transform:scale(1)}50%{transform:scale(1.3)}to{transform:scale(1)}}.tutorial-pip-task-checked{opacity:.65}.tutorial-pip-task-disabled{opacity:.35;pointer-events:none}.tutorial-pip-task-disabled .tutorial-pip-checkbox{background:var(--bg-tertiary);border-color:var(--border-secondary)}.tutorial-pip-task-disabled .tutorial-pip-task-label{color:var(--text-muted)}.tutorial-interactive{position:relative;animation:tab-pulse 2s ease-in-out infinite}.tutorial-interactive:after{content:"";position:absolute;inset:-2px;border:2px solid var(--accent-primary);border-radius:6px;pointer-events:none;opacity:.6;animation:tab-border-pulse 2s ease-in-out infinite}@keyframes tab-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes tab-border-pulse{0%,to{opacity:.4}50%{opacity:.8}}.tutorial-pip-note{padding:14px 16px;border-radius:10px;background:var(--accent-light);border:1px solid var(--accent-border);font-size:13px;color:var(--text-secondary);line-height:1.5}.modal-header{margin-bottom:16px}.modal-title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.modal-message{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal-btn{padding:10px 20px;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid var(--border-primary);transition:all .2s;min-width:80px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.modal-btn-primary{background:var(--btn-primary-bg);color:var(--text-inverse);border-color:var(--btn-primary-bg)}.modal-btn-primary:hover{background:var(--btn-primary-hover);border-color:var(--btn-primary-hover)}.modal-btn-secondary{background:transparent;color:var(--text-primary)}.modal-btn-secondary:hover{background:var(--bg-hover)}.modal-folder-picker .modal-folder-picker-search{display:block;width:100%;margin-top:12px;padding:8px 12px;font-size:14px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;outline:none;box-sizing:border-box}.modal-folder-picker .modal-folder-picker-search:focus{border-color:var(--accent-primary)}.modal-folder-picker .modal-folder-picker-search::placeholder{color:var(--text-muted)}.modal-folder-picker .modal-workspace-label{display:block;margin-top:12px;margin-bottom:4px;font-size:13px;font-weight:500;color:var(--text-primary)}.modal-folder-picker .modal-workspace-label:first-of-type{margin-top:0}.modal-folder-picker .modal-workspace-select{display:block;width:100%;min-height:40px;padding:8px 36px 8px 12px;font-size:14px;font-family:inherit;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;outline:none;box-sizing:border-box;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;background-size:16px}.modal-folder-picker .modal-workspace-select:hover{border-color:var(--text-muted)}.modal-folder-picker .modal-workspace-select:focus{border-color:var(--accent-primary)}.modal-folder-picker .modal-folder-picker-list{max-height:280px;overflow-y:auto;margin-top:12px;margin-bottom:16px;border:1px solid var(--border-primary);border-radius:8px;background:var(--bg-secondary)}.modal-folder-picker .modal-folder-picker-list.scrollbar-branded,.scrollbar-branded{scrollbar-color:var(--border-secondary) transparent;scrollbar-width:thin}.modal-folder-picker .modal-folder-picker-list.scrollbar-branded::-webkit-scrollbar,.scrollbar-branded::-webkit-scrollbar{width:8px}.modal-folder-picker .modal-folder-picker-list.scrollbar-branded::-webkit-scrollbar-track,.scrollbar-branded::-webkit-scrollbar-track{background:transparent}.modal-folder-picker .modal-folder-picker-list.scrollbar-branded::-webkit-scrollbar-thumb,.scrollbar-branded::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.modal-folder-picker .modal-folder-picker-list.scrollbar-branded::-webkit-scrollbar-thumb:hover,.scrollbar-branded::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.modal-folder-picker-item{display:block;width:100%;padding:10px 12px;text-align:left;font-size:14px;color:var(--text-primary);background:transparent;border:none;border-radius:0;cursor:pointer;transition:background .15s}.modal-folder-picker-item:hover{background:var(--bg-hover)}.modal-folder-picker-item-current{font-weight:600;color:var(--accent-primary)}body.dark-mode .modal-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text);border-color:var(--btn-primary-bg)}body.dark-mode .modal-btn-primary:hover{background:var(--btn-primary-hover);border-color:var(--btn-primary-hover);color:var(--btn-primary-text)}.modal-share .modal-btn-primary{background:var(--btn-primary-bg)!important;color:var(--text-inverse)!important;border-color:var(--btn-primary-bg)!important;font-weight:600}.modal-share .modal-btn-primary:hover{background:var(--btn-primary-hover)!important;border-color:var(--btn-primary-hover)!important;color:var(--text-inverse)!important}.modal-share .share-link-row{display:flex;gap:8px;align-items:stretch;margin-top:12px}.modal-share .share-link-input{flex:1;min-width:0;height:36px;padding:0 12px;font-size:13px;line-height:36px;color:var(--text-primary);background:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:8px;outline:none;box-sizing:border-box}.modal-share .share-copy-btn{flex-shrink:0;width:36px;height:36px;min-width:36px;min-height:36px;padding:0!important;aspect-ratio:1;display:inline-flex;align-items:center;justify-content:center;border-radius:8px}.modal-share .share-copy-btn svg{width:16px;height:16px;display:block;flex-shrink:0}.modal-share .modal-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.modal-share .modal-actions .modal-btn{min-height:36px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center}.note-detail-action-shared{color:var(--accent-primary)}.modal-btn-cta-upgrade,a.modal-btn-cta-upgrade{background-color:var(--btn-primary-bg)!important;color:var(--text-inverse)!important;border:1px solid var(--btn-primary-bg)!important;text-decoration:none;font-weight:600}.modal-btn-cta-upgrade:hover,a.modal-btn-cta-upgrade:hover{background-color:var(--btn-primary-hover)!important;border-color:var(--btn-primary-hover)!important;color:var(--text-inverse)!important}body.dark-mode .modal-btn-cta-upgrade,body.dark-mode a.modal-btn-cta-upgrade{background-color:var(--btn-primary-bg)!important;color:var(--btn-primary-text)!important}body.dark-mode .modal-btn-cta-upgrade:hover,body.dark-mode a.modal-btn-cta-upgrade:hover{background-color:var(--btn-primary-hover)!important;border-color:var(--btn-primary-hover)!important;color:var(--btn-primary-text)!important}.toast-message{padding:10px 16px;border-radius:8px;background:var(--bg-secondary);color:var(--text-primary);font-size:14px;box-shadow:0 4px 12px #00000026;pointer-events:none}.modal-signin-choice .modal-actions-stacked{flex-direction:column;align-items:stretch;gap:10px;margin-top:16px}.modal-signin-choice .modal-btn-stacked{display:flex;align-items:center;justify-content:center;width:100%;min-width:0}.content-view.trash-view-active .search-container{display:none}.content-view.trash-view-active{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--border-secondary) transparent;scrollbar-width:thin}.content-view.trash-view-active::-webkit-scrollbar{width:8px}.content-view.trash-view-active::-webkit-scrollbar-track{background:transparent}.content-view.trash-view-active::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:4px}.content-view.trash-view-active::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.content-view.trash-view-active .notes-content{min-width:0;padding:24px 24px 32px}.content-view.trash-view-active .settings-page{min-width:0;min-height:0;overflow-x:hidden;padding-left:0;padding-right:0}.content-view.trash-view-active .settings-page-content{min-width:0;overflow-x:hidden}.trash-header-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.trash-header-row .settings-page-title{margin:0}.trash-empty-all-btn{flex-shrink:0}.trash-empty-desc{margin:0;color:var(--text-muted);font-size:14px}.trash-list .note-item{cursor:default}.trash-list .note-item:before{left:0;right:0}.trash-list .note-item:hover:before{background-color:transparent}.trash-list .note-detail-action-btn{width:auto;min-width:0;padding:0 14px;font-size:13px;white-space:nowrap}.tutorial-tab-highlight{position:relative;animation:tutorial-tab-pulse 1.5s ease-in-out infinite;z-index:10}.tutorial-tabs-active:before{content:"👆";position:absolute;left:60px;top:50px;font-size:32px;pointer-events:none;z-index:1001;animation:tutorial-finger-bounce-vertical-up 1s ease-in-out infinite;filter:drop-shadow(0 2px 6px rgba(0,0,0,.3))}.tutorial-tab-highlight:before{content:"👆 Right-click here";position:absolute;bottom:-45px;left:50%;transform:translate(-50%);background:var(--accent-primary);color:#fff;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:1000;box-shadow:0 4px 12px #0000004d;animation:tutorial-hint-bounce-vertical 1.5s ease-in-out infinite}.tutorial-tab-highlight:after{content:"";position:absolute;inset:-4px;border:3px solid var(--accent-primary);border-radius:6px;pointer-events:none;animation:tutorial-tab-glow 1.5s ease-in-out infinite;box-shadow:0 0 20px var(--accent-primary)}@keyframes tutorial-tab-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes tutorial-tab-glow{0%,to{opacity:.7;box-shadow:0 0 15px var(--accent-primary),0 0 25px var(--accent-primary)}50%{opacity:1;box-shadow:0 0 25px var(--accent-primary),0 0 40px var(--accent-primary)}}@keyframes tutorial-hint-bounce-vertical{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-8px)}}@keyframes tutorial-finger-bounce-vertical-up{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.tutorial-hint-create-note{position:relative;animation:tutorial-hint-pulse-strong 1.5s ease-in-out infinite;z-index:1}.tutorial-hint-create-note:before{content:"👉";position:absolute;left:-35px;top:50%;transform:translateY(-50%);font-size:24px;animation:tutorial-hint-bounce 1s ease-in-out infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.tutorial-hint-create-note:after{content:"";position:absolute;inset:-6px;border:3px solid var(--accent-primary);border-radius:8px;pointer-events:none;animation:tutorial-hint-glow-strong 1.5s ease-in-out infinite;box-shadow:0 0 20px var(--accent-primary)}@keyframes tutorial-hint-pulse-strong{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes tutorial-hint-bounce{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-8px)}}@keyframes tutorial-hint-glow-strong{0%,to{opacity:.6;box-shadow:0 0 12px var(--accent-primary),0 0 20px var(--accent-primary)}50%{opacity:1;box-shadow:0 0 20px var(--accent-primary),0 0 32px var(--accent-primary)}}.install-bar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border-primary);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;z-index:100;box-shadow:0 -2px 8px #0000001a;height:56px}.dashboard-container:has(.install-bar) .sidebar{padding-bottom:56px}.dashboard-container:has(.install-bar) .main-content{padding-bottom:56px}.install-bar-content{display:flex;align-items:center;gap:12px;flex:1;min-width:0}.install-bar-icon{color:var(--accent-primary);flex-shrink:0}.install-bar-text{font-size:14px;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.install-bar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.install-bar-btn{border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.install-bar-btn-primary{background:var(--btn-primary-bg);color:var(--btn-primary-text, var(--text-inverse));padding:8px 16px}.install-bar-btn-primary:hover{background:var(--btn-primary-hover)}.install-bar-btn-dismiss{background:transparent;color:var(--text-tertiary);padding:8px;width:32px;height:32px}.install-bar-btn-dismiss:hover{background:var(--hover-background);color:var(--text-secondary)}@media(max-width:600px){.install-bar{padding:10px 16px}.install-bar-text{font-size:13px}.install-bar-btn-primary{padding:7px 14px;font-size:13px}}.mobile-menu-btn,.mobile-fab{display:none}.editor-modal{position:fixed;z-index:9999;display:flex;flex-direction:column;background:var(--bg-primary);border:1px solid var(--border-primary);border-radius:10px;box-shadow:0 8px 32px #0000002e,0 2px 8px #00000014;overflow:hidden;-webkit-user-select:none;user-select:none}.editor-modal-resize{position:absolute;z-index:2}.editor-modal-resize-n{top:-4px;left:8px;right:8px;height:8px;cursor:ns-resize}.editor-modal-resize-s{bottom:-4px;left:8px;right:8px;height:8px;cursor:ns-resize}.editor-modal-resize-e{top:8px;bottom:8px;right:-4px;width:8px;cursor:ew-resize}.editor-modal-resize-w{top:8px;bottom:8px;left:-4px;width:8px;cursor:ew-resize}.editor-modal-resize-ne{top:-4px;right:-4px;width:14px;height:14px;cursor:nesw-resize}.editor-modal-resize-nw{top:-4px;left:-4px;width:14px;height:14px;cursor:nwse-resize}.editor-modal-resize-se{bottom:-4px;right:-4px;width:14px;height:14px;cursor:nwse-resize}.editor-modal-resize-sw{bottom:-4px;left:-4px;width:14px;height:14px;cursor:nesw-resize}.editor-modal-titlebar{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--tab-bar-bg, var(--bg-secondary));cursor:grab;flex-shrink:0}.editor-modal-titlebar:active{cursor:grabbing}.editor-modal-grip{color:var(--text-disabled);flex-shrink:0}.editor-modal-titlebar-text{flex:1;font-size:12px;font-weight:600;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-modal-close-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;border-radius:4px;color:var(--text-secondary);cursor:pointer;flex-shrink:0}.editor-modal-close-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.editor-modal-tabs{display:flex;align-items:center;background:var(--tab-bar-bg, var(--bg-secondary));overflow:hidden;flex-shrink:0}.editor-modal-tabs-scroll{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;flex:1}.editor-modal-tabs-scroll::-webkit-scrollbar{display:none}.editor-modal-content{flex:1;overflow-y:auto;min-height:0;padding:8px 12px;-webkit-user-select:text;user-select:text}.editor-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:var(--text-muted);font-size:14px}.editor-modal-empty p{margin:0}.mobile-bottom-sheet,.mobile-sidebar-backdrop{display:none}@media(max-width:768px){.sidebar-resize-handle{display:none!important}.sidebar{position:fixed!important;top:0;left:0;bottom:0;width:280px!important;min-width:280px!important;z-index:1000;transform:translate(-100%);transition:transform .25s ease,width 0s,min-width 0s;box-shadow:none;overflow:visible}.sidebar.sidebar--collapsed{width:280px!important;min-width:280px!important;overflow:visible;border-right:1px solid var(--border-primary)}.sidebar.sidebar--collapsed .sidebar-toolbar{visibility:visible;pointer-events:auto}.mobile-sidebar-open .sidebar{transform:translate(0);box-shadow:2px 0 12px #00000026}.open-notes-btn{display:none!important}.mobile-sidebar-backdrop{display:block;position:fixed;inset:0;background:#0006;z-index:999;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:6px;flex-shrink:0;transition:background .15s,color .15s}.mobile-menu-btn:hover{background:var(--hover-background);color:var(--text-primary)}.breadcrumbs-row{padding:12px 16px;max-width:100%;overflow:hidden}.breadcrumb-item{max-width:8rem}.sidebar-toolbar{display:none!important}.mobile-sidebar-open .sidebar-toolbar{display:flex!important;right:-64px!important;top:60px!important;cursor:default}.mobile-sidebar-open .sidebar-toolbar:active{cursor:default}.mobile-sidebar-open .toolbar-btn{width:44px;height:44px}.mobile-sidebar-open .toolbar-btn i,.mobile-sidebar-open .toolbar-btn svg{font-size:16px;width:16px;height:16px}.editor-container{padding:0 12px}.mobile-fab{display:flex;align-items:center;justify-content:center;position:fixed;bottom:24px;right:20px;width:56px;height:56px;border-radius:50%;background:var(--accent-primary);color:#fff;border:none;box-shadow:0 4px 12px #00000040;cursor:pointer;z-index:800;transition:transform .15s,box-shadow .15s}.mobile-fab:active{transform:scale(.92);box-shadow:0 2px 8px #0000004d}.mobile-bottom-sheet{display:flex;flex-direction:column;position:fixed;bottom:0;left:0;right:0;height:70vh;z-index:900;background:var(--bg-primary);border-top-left-radius:16px;border-top-right-radius:16px;box-shadow:0 -4px 24px #0003;overflow:hidden;transition:height .25s ease,border-radius .25s ease;will-change:height}.mobile-bottom-sheet.dragging{transition:none!important}.mobile-bs-handle-row{display:flex;justify-content:center;padding:10px 0 2px;flex-shrink:0;background-color:var(--tab-bar-bg);cursor:grab;touch-action:none}.mobile-bottom-sheet.dragging .mobile-bs-handle-row{cursor:grabbing}.mobile-bs-drag-handle{width:36px;height:4px;border-radius:2px;background:var(--text-disabled);opacity:.45}.mobile-bs-header{display:flex;align-items:center;justify-content:space-between;padding:0 12px 8px 16px;flex-shrink:0;background-color:var(--tab-bar-bg);touch-action:none}.mobile-bs-header-title{font-size:15px;font-weight:600;color:var(--text-primary)}.mobile-bs-header-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:none;border:none;border-radius:8px;cursor:pointer;color:var(--text-secondary);transition:background .15s,color .15s}.mobile-bs-header-btn:hover,.mobile-bs-header-btn:active{background:var(--hover-background);color:var(--text-primary)}.mobile-bs-tabs{flex-shrink:0;background-color:var(--tab-bar-bg);border-bottom:1px solid var(--border-primary);padding:0;--pip-tab-hover: var(--bg-tertiary)}.mobile-bs-tabs-scroll{display:flex;align-items:stretch;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:8px 8px 0;min-width:0}.mobile-bs-tabs-scroll::-webkit-scrollbar{display:none}.mobile-bs-tab{display:flex;align-items:center;gap:6px;padding:6px 8px 6px 12px;border-radius:8px 8px 0 0;background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;white-space:nowrap;flex:0 1 180px;min-width:0;max-width:180px;font-size:13px;font-weight:500;color:var(--text-muted);transition:background-color .2s,color .2s,box-shadow .2s}.mobile-bs-tab.active{background-color:var(--bg-primary);color:var(--text-primary);border-bottom-color:var(--accent-primary);box-shadow:0 1px 0 0 var(--bg-primary)}.mobile-bs-tab:not(.active):active{color:var(--text-secondary);background-color:var(--pip-tab-hover)}.mobile-bs-tab-color{width:8px;height:8px;min-width:8px;border-radius:4px;flex-shrink:0}.mobile-bs-tab-pin-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none}.mobile-bs-tab-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.mobile-bs-tab-close{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;border-radius:4px;cursor:pointer;color:var(--text-secondary);flex-shrink:0;transition:background-color .15s,color .15s}.mobile-bs-tab-close:active{color:var(--text-primary);background-color:var(--bg-hover)}.mobile-bs-tab-add{margin-left:4px;display:flex;align-items:center;justify-content:center;padding:8px 10px;background:transparent;border:none;border-radius:8px 8px 0 0;cursor:pointer;color:var(--text-muted);flex-shrink:0;transition:background-color .2s,color .2s}.mobile-bs-tab-add:active{color:var(--text-primary);background-color:var(--pip-tab-hover, var(--bg-tertiary))}.mobile-bs-content{flex:1;min-height:0;overflow-y:auto;padding:8px 16px 16px}.mobile-bs-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:var(--text-muted);font-size:14px}.mobile-bs-empty-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--accent-primary);color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;transition:background .15s}.mobile-bs-empty-btn:active{background:var(--accent-hover)}.dashboard-container:has(.install-bar) .mobile-fab{bottom:80px}}