:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0a0a0b;--bg-secondary:#121215;--bg-tertiary:#19191e;--bg-elevated:#222228;--bg-hover:#ffffff0d;--bg-active:#ffffff14;--bg-selected:#2e5bff26;--border-subtle:#ffffff0d;--border-default:#ffffff1a;--border-strong:#ffffff26;--text-primary:#f3f3f4;--text-secondary:#f3f3f4a6;--text-tertiary:#f3f3f473;--text-placeholder:#f3f3f44d;--accent-primary:#2e5bff;--accent-primary-hover:#1b45de;--accent-primary-subtle:#2e5bff1f;--accent-secondary:#8b5cf6;--accent-tertiary:#963200;--accent-gradient:linear-gradient(135deg, #2e5bff 0%, #8b5cf6 100%);--success:#4ade80;--success-subtle:#4ade801f;--warning:#facc15;--warning-subtle:#facc151f;--error:#f87171;--error-subtle:#f871711f;--info:#60a5fa;--info-subtle:#60a5fa1f;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--leading-tight:1.3;--leading-normal:1.6;--leading-relaxed:1.8;--space-1:4px;--space-2:8px;--space-2-5:10px;--space-3:12px;--space-3-5:14px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 24px #00000080;--shadow-xl:0 16px 48px #0009;--shadow-glow:0 0 20px #8b5cf633;--transition-fast:.12s ease;--transition-default:.2s ease;--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--sidebar-width:280px;--topbar-height:0px;--editor-max-width:960px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background:var(--bg-primary);width:100vw;height:100vh;overflow:hidden}#root{width:100%;height:100%}a{color:var(--accent-primary);text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--accent-primary-subtle);color:var(--text-primary)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#ffffff2e}.app-layout{width:100vw;height:100vh;display:flex;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border:1px solid #0000;outline:none;padding:8px 16px;display:inline-flex}.btn-primary{background:var(--accent-primary);color:#fff;box-shadow:0 2px 8px #2e5bff4d}.btn-primary:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #2e5bff66}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:var(--bg-hover);border-color:var(--border-subtle);color:var(--text-primary)}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--bg-secondary);border-right:1px solid var(--border-subtle);height:100vh;transition:transform var(--transition-slow), width var(--transition-slow), min-width var(--transition-slow);z-index:20;flex-direction:column;display:flex;overflow:hidden}.sidebar.collapsed{border-right:none;width:0;min-width:0}.sidebar-header{padding:var(--space-4) var(--space-4) var(--space-3);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.sidebar-brand{align-items:center;gap:var(--space-2);font-size:var(--text-base);color:var(--text-primary);letter-spacing:-.01em;font-weight:600;display:flex}.sidebar-brand-icon{border-radius:var(--radius-md);background:var(--accent-gradient);width:26px;height:26px;font-size:var(--text-sm);color:#fff;justify-content:center;align-items:center;font-weight:700;display:flex}.sidebar-toggle{color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{color:var(--text-secondary);background:var(--bg-hover)}.sidebar-search{padding:0 var(--space-3) var(--space-3);flex-shrink:0}.sidebar-section{padding:var(--space-2) var(--space-3);flex-shrink:0}.sidebar-section-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-1) var(--space-2);margin-bottom:var(--space-1);font-weight:600}.sidebar-nav{padding:0 var(--space-2);flex:1;overflow:hidden auto}.sidebar-footer{padding:var(--space-3);border-top:1px solid var(--border-subtle);flex-shrink:0}.page-item{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;min-height:32px;display:flex;position:relative}.page-item:hover{background:var(--bg-hover)}.page-item.active{background:var(--bg-selected);color:var(--accent-primary)}.page-item-expand{border-radius:var(--radius-sm);width:20px;height:20px;color:var(--text-tertiary);transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.page-item-expand:hover{background:var(--bg-active);color:var(--text-secondary)}.page-item-expand svg{transition:transform var(--transition-fast)}.page-item-expand.expanded svg{transform:rotate(90deg)}.page-item-icon{font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.page-item-title{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;color:var(--text-secondary);flex:1;overflow:hidden}.page-item.active .page-item-title{color:var(--text-primary);font-weight:500}.page-item-actions{opacity:0;transition:opacity var(--transition-fast);gap:2px;display:flex}.page-item:hover .page-item-actions{opacity:1}.page-item-action{width:22px;height:22px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.page-item-action:hover{background:var(--bg-active);color:var(--text-primary)}.page-item-children{padding-left:var(--space-4)}.new-page-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--accent-primary);border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-sans);border:none;display:flex}.new-page-btn:hover{background:var(--accent-primary-hover);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.main-content{flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.main-topbar{height:46px;padding:0 var(--space-4);align-items:center;gap:var(--space-2);border-bottom:1px solid var(--border-subtle);background:var(--bg-primary);z-index:10;flex-shrink:0;display:flex}.topbar-toggle{color:var(--text-tertiary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;display:flex}.topbar-toggle:hover{color:var(--text-secondary);background:var(--bg-hover)}.topbar-breadcrumb{align-items:center;gap:var(--space-1);font-size:var(--text-sm);color:var(--text-tertiary);display:flex}.topbar-breadcrumb-item{align-items:center;gap:var(--space-1);color:var(--text-secondary);cursor:pointer;padding:2px var(--space-2);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex}.topbar-breadcrumb-item:hover{background:var(--bg-hover);color:var(--text-primary)}.topbar-breadcrumb-item:last-child{color:var(--text-primary);font-weight:500}.topbar-breadcrumb-sep{color:var(--text-tertiary)}.topbar-actions{align-items:center;gap:var(--space-1);margin-left:auto;display:flex}.editor-scroll{flex:1;overflow:hidden auto}.editor-container{max-width:var(--editor-max-width);padding:var(--space-10) var(--space-16) var(--space-16);margin:0 auto}.page-title-input{width:100%;font-size:var(--text-3xl);color:var(--text-primary);font-weight:700;font-family:var(--font-sans);line-height:var(--leading-tight);letter-spacing:-.025em;margin-bottom:var(--space-4);resize:none;background:0 0;border:none;outline:none;padding-left:34px;overflow:hidden}.page-title-input::placeholder{color:var(--text-placeholder)}.page-icon-btn{background:var(--bg-hover);border-radius:var(--radius-lg);cursor:pointer;width:56px;height:56px;margin-bottom:var(--space-3);transition:all var(--transition-fast);border:none;justify-content:center;align-items:center;margin-left:34px;font-size:2.5rem;display:flex}.page-icon-btn:hover{background:var(--bg-active);transform:scale(1.05)}.block-wrapper{align-items:flex-start;gap:var(--space-2-5);padding:var(--notion-block-padding,3px 2px);border-radius:var(--radius-sm);transition:background var(--transition-fast);display:flex;position:relative}.block-wrapper:hover .block-handle{opacity:1}.block-placeholder{contain:layout style paint;min-height:28px;overflow:hidden}.block-handle{width:24px;height:24px;color:var(--text-tertiary);cursor:grab;opacity:0;transition:opacity var(--transition-fast);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;display:flex}.block-handle:hover{background:var(--bg-active);color:var(--text-secondary)}.block-content{flex:1;min-width:0}.block-children{transition:border-color var(--transition-default);border-left:1px solid #0000;margin-left:24px;padding-left:4px}.block-wrapper:hover>.block-children{border-left-color:var(--border-subtle)}.block-text{min-height:1.5em;line-height:var(--leading-relaxed);word-break:break-word;white-space:pre-wrap;caret-color:var(--accent-primary);outline:none;padding:0 2px}.block-text b,.block-text strong,.table-cell-editable b,.table-cell-editable strong{color:var(--text-primary);font-weight:700}.block-text code,.table-cell-editable code{font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--accent-primary);border-radius:4px;padding:2px 4px;font-size:.9em}.block-text a,.table-cell-editable a{color:var(--accent-primary);text-underline-offset:2px;cursor:pointer;text-decoration:underline}.hl-purple{background:#8b5cf633;border-bottom:2px solid #8b5cf666}.hl-cyan{background:#06b6d433;border-bottom:2px solid #06b6d466}.hl-amber{background:#f59e0b33;border-bottom:2px solid #f59e0b66}.hl-rose{background:#f43f5e33;border-bottom:2px solid #f43f5e66}.block-text:empty:before{content:attr(data-placeholder);color:var(--text-placeholder);pointer-events:none}.tiptap-editor{min-height:1.5em;line-height:var(--leading-relaxed);word-break:break-word;white-space:pre-wrap;caret-color:var(--accent-primary);outline:none}.tiptap-editor p{margin:0}.tiptap-editor p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-placeholder);pointer-events:none;height:0}.tiptap-editor strong{color:var(--text-primary);font-weight:700}.tiptap-editor em{font-style:italic}.tiptap-editor u{text-underline-offset:2px;text-decoration:underline}.tiptap-editor s{color:var(--text-tertiary);text-decoration:line-through}.tiptap-editor code{font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--accent-primary);border-radius:4px;padding:2px 5px;font-size:.9em}.tiptap-editor mark{background:#8b5cf633;border-radius:2px;padding:1px 2px}.tiptap-editor a,.tiptap-editor a.editor-link{color:var(--accent-primary);text-underline-offset:2px;cursor:pointer;text-decoration:underline}.tiptap.ProseMirror{outline:none;min-height:1.5em}.block-drag-overlay{opacity:.85;background:var(--bg-elevated);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--accent-primary);padding:4px 8px}.block-wrapper.dragging{opacity:.3}.block-drop-indicator{background:var(--accent-primary);border-radius:1px;height:2px;transition:opacity .15s}.block-heading1{font-size:var(--notion-h1-size,1.875em);letter-spacing:-.02em;font-weight:600;line-height:var(--notion-h1-line-height,1.3);margin-top:var(--notion-h1-mt,2em);margin-bottom:1px}.page-blocks>.block-wrapper:first-child .block-heading1,.page-blocks>div:first-child .block-heading1{margin-top:0}.block-heading2{font-size:var(--notion-h2-size,1.5em);letter-spacing:-.015em;font-weight:600;line-height:var(--notion-h2-line-height,1.3);margin-top:var(--notion-h2-mt,1.4em);margin-bottom:1px}.page-blocks>.block-wrapper:first-child .block-heading2,.page-blocks>div:first-child .block-heading2{margin-top:0}.block-heading3{font-size:var(--notion-h3-size,1.25em);letter-spacing:-.01em;font-weight:600;line-height:var(--notion-h3-line-height,1.3);margin-top:var(--notion-h3-mt,1em);margin-bottom:1px}.page-blocks>.block-wrapper:first-child .block-heading3,.page-blocks>div:first-child .block-heading3{margin-top:0}.block-todo{align-items:flex-start;gap:var(--space-2);display:flex}.block-todo-checkbox{border:2px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;width:18px;height:18px;transition:all var(--transition-fast);background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-top:3px;display:flex}.block-todo-checkbox:hover{border-color:var(--accent-primary)}.block-todo-checkbox.checked{background:var(--accent-primary);border-color:var(--accent-primary)}.block-todo-checkbox.checked svg{color:#fff}.block-todo-content{flex:1}.block-todo-content.checked{color:var(--text-tertiary);text-decoration:line-through}.block-quote{padding-left:var(--space-4);margin:var(--space-1) 0;border-left:3px solid}.block-callout{align-items:flex-start;gap:var(--space-2);margin:var(--space-1) 0;background:#ffffff0e;border:1px solid #ffffff14;border-radius:3px;padding:16px 16px 16px 12px;display:flex}.block-callout-emoji{cursor:pointer;flex-shrink:0;font-size:1.25rem;line-height:1.5}.block-callout-content{flex:1;min-width:0;line-height:1.5}.block-divider{background:var(--border-default);height:1px;margin:var(--space-4) 0;border:none}.block-column-list{gap:var(--space-4);width:100%;display:flex}.block-wrapper.block-column-list{padding:0}.block-wrapper.block-column{flex-direction:column;flex:1;min-width:0;padding:0;display:flex}.block-column-content{gap:var(--space-1);flex-direction:column;width:100%;display:flex}.empty-column-placeholder{border:1px dashed var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);color:var(--text-tertiary);font-size:var(--text-sm);text-align:center;transition:all var(--transition-fast);background:#ffffff03}.empty-column-placeholder:hover{border-color:var(--accent-primary);background:#ffffff08}.peak-view-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.peak-view-modal{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:var(--radius-lg);width:90vw;max-width:900px;height:85vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.25s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden}.peak-view-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);justify-content:flex-end;display:flex}.peak-view-close{color:var(--text-secondary);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.peak-view-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.peak-view-content{padding:var(--space-4);flex:1;overflow-y:auto}.db-row-open-btn{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);align-items:center;gap:4px;padding:2px 6px;font-size:11px;font-weight:500;display:inline-flex}.db-row-open-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-default)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.block-code-wrapper{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);margin:var(--space-2) 0;overflow:hidden}.block-code-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);font-size:var(--text-xs);color:var(--text-tertiary);background:#ffffff05;justify-content:space-between;align-items:center;display:flex}.block-code{padding:var(--space-4);font-family:var(--font-mono);font-size:var(--text-sm);line-height:var(--leading-relaxed);white-space:pre;tab-size:2;outline:none;overflow-x:auto}.block-bullet{align-items:flex-start;gap:var(--space-2);display:flex}.block-bullet-marker{background:var(--text-tertiary);border-radius:50%;flex-shrink:0;width:6px;height:6px;margin-top:11px}.block-numbered{align-items:flex-start;gap:var(--space-2);display:flex}.block-numbered-marker{font-size:var(--text-sm);color:var(--text-tertiary);text-align:right;flex-shrink:0;min-width:20px;margin-top:2px;font-weight:500}.block-image-wrapper{margin:var(--space-4) 0;border-radius:var(--radius-lg);transition:box-shadow var(--transition-fast);width:fit-content;max-width:100%;position:relative}.block-image-wrapper:hover{box-shadow:0 0 0 1px var(--border-strong)}.block-image-wrapper img{border-radius:var(--radius-lg);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}.image-resizer-handle{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-full);cursor:col-resize;opacity:0;width:12px;height:48px;transition:opacity var(--transition-fast), background var(--transition-fast);z-index:10;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.image-resizer-handle:after{content:"";background:var(--text-tertiary);border-radius:1px;width:2px;height:16px}.block-image-wrapper:hover .image-resizer-handle{opacity:1}.image-resizer-handle:hover{background:var(--accent-primary);border-color:var(--accent-primary)}.image-resizer-handle:hover:after{background:#fff}.image-resizer-handle.left{left:-6px}.image-resizer-handle.right{right:-6px}.block-image-wrapper.resizing{cursor:col-resize;box-shadow:0 0 0 2px var(--accent-primary)}.block-image-wrapper.resizing .image-resizer-handle{opacity:1;background:var(--accent-primary)}.block-image-upload{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-10);border:2px dashed var(--border-default);border-radius:var(--radius-lg);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-direction:column;display:flex}.block-image-upload:hover{border-color:var(--accent-primary);background:var(--accent-primary-subtle);color:var(--accent-primary)}.slash-menu{z-index:100;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:280px;max-height:340px;padding:var(--space-2);animation:.15s slideUp;position:absolute;overflow-y:auto}.slash-menu-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex}.slash-menu-item:hover,.slash-menu-item.active{background:var(--bg-active)}.slash-menu-item-icon{background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.slash-menu-item-text{flex-direction:column;min-width:0;display:flex}.slash-menu-item-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.slash-menu-item-desc{font-size:var(--text-xs);color:var(--text-tertiary)}.slash-menu-category{text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);border-top:1px solid var(--border-subtle);margin-top:4px;padding:8px 12px 4px;font-size:10px;font-weight:700}.slash-menu-category:first-child{border-top:none;margin-top:0}.mention-chip,.backlink-chip{color:var(--accent-primary);cursor:pointer;transition:background var(--transition-fast);vertical-align:baseline;background:#6366f11f;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:.9em;font-weight:500;text-decoration:none;display:inline-flex}.mention-chip:hover,.backlink-chip:hover{background:#6366f138}.db-chip{color:var(--warning);cursor:pointer;transition:background var(--transition-fast);background:#f59e0b1f;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:.9em;font-weight:500;display:inline-flex}.db-chip:hover{background:#f59e0b38}.synced-block{border:1.5px dashed #8b5cf666;border-radius:6px;padding:4px;position:relative}.synced-block-badge{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#8b5cf6cc;border-radius:3px;padding:1px 6px;font-size:9px;font-weight:700;position:absolute;top:-9px;right:8px}.drop-indicator{background:var(--accent-primary);pointer-events:none;z-index:50;border-radius:1px;height:2px;position:absolute;left:0;right:0}.drop-indicator-inside{border:2px solid var(--accent-primary);pointer-events:none;z-index:50;background:#6366f10f;border-radius:6px;position:absolute;inset:0 0 0 24px}.backlinks-panel{border-top:1px solid var(--border-subtle);margin-top:48px;padding-top:24px}.backlinks-header{cursor:pointer;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:8px;padding:4px 0;font-size:12px;font-weight:600;display:flex}.backlinks-header:hover{color:var(--text-secondary)}.backlinks-list{margin-top:8px}.backlink-entry{cursor:pointer;transition:background var(--transition-fast);border-radius:6px;flex-direction:column;gap:2px;padding:8px 12px;display:flex}.backlink-entry:hover{background:var(--bg-active)}.backlink-entry-title{color:var(--text-primary);align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.backlink-entry-snippet{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;padding-left:22px;font-size:12px;overflow:hidden}.command-palette-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:flex-start;padding-top:20vh;animation:.12s fadeIn;display:flex;position:fixed;inset:0}.command-palette{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:560px;max-height:420px;box-shadow:var(--shadow-xl);flex-direction:column;animation:.15s scaleIn;display:flex;overflow:hidden}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.command-palette-input-wrapper{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex}.command-palette-input{font-size:var(--text-base);color:var(--text-primary);font-family:var(--font-sans);background:0 0;border:none;outline:none;flex:1}.command-palette-input::placeholder{color:var(--text-placeholder)}.command-palette-results{padding:var(--space-2);flex:1;overflow-y:auto}.command-palette-section{padding:var(--space-1) var(--space-2)}.command-palette-section-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) var(--space-2);font-weight:600}.command-palette-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast);display:flex}.command-palette-item:hover,.command-palette-item.active{background:var(--bg-active)}.command-palette-item-icon{color:var(--text-tertiary);flex-shrink:0}.command-palette-item-label{font-size:var(--text-sm);color:var(--text-primary);flex:1}.command-palette-item-kbd{font-size:var(--text-xs);color:var(--text-tertiary);border:1px solid var(--border-subtle);background:#ffffff0f;border-radius:3px;padding:1px 6px}.command-palette-empty{padding:var(--space-8);text-align:center;color:var(--text-tertiary);font-size:var(--text-sm)}.modal-overlay{z-index:900;background:#0000008c;justify-content:center;align-items:center;animation:.12s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:90%;max-width:580px;max-height:85vh;animation:.15s scaleIn;overflow-y:auto}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);color:var(--text-primary);font-weight:600}.modal-close{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--bg-active);color:var(--text-primary)}.modal-body{padding:var(--space-6)}.modal-footer{justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-subtle);display:flex}.input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);transition:all var(--transition-fast);outline:none}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-primary-subtle)}.input::placeholder{color:var(--text-placeholder)}.input-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500;display:block}.input-group{margin-bottom:var(--space-4)}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:32px}textarea.input{resize:vertical;min-height:80px;line-height:var(--leading-normal)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;border:1px solid #0000;display:inline-flex}.btn-primary{background:var(--accent-gradient);color:#fff;border:none}.btn-primary:hover{opacity:.9;box-shadow:var(--shadow-glow)}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border-color:var(--border-default)}.btn-secondary:hover{background:var(--bg-active);border-color:var(--border-strong)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn-danger{background:var(--error-subtle);color:var(--error);border-color:#f8717133}.btn-danger:hover{background:#f8717133}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-icon{width:32px;height:32px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.tracker-container{margin:var(--space-4) 0;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--bg-secondary);overflow:hidden}.tracker-header{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);background:var(--bg-tertiary);justify-content:space-between;align-items:center;display:flex}.tracker-title{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-primary);font-weight:600;display:flex}.tracker-actions{align-items:center;gap:var(--space-1);display:flex}.tracker-view-toggle{background:var(--bg-hover);border-radius:var(--radius-md);align-items:center;padding:2px;display:flex}.tracker-view-btn{padding:var(--space-1) var(--space-2);color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:var(--text-xs);background:0 0;border:none;align-items:center;display:flex}.tracker-view-btn.active{background:var(--bg-active);color:var(--text-primary)}.tracker-table-wrapper{overflow-x:auto}.tracker-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.tracker-table th{padding:var(--space-2) var(--space-3);text-align:left;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle);white-space:nowrap;font-weight:500;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em}.tracker-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-primary);vertical-align:middle}.tracker-table tr:last-child td{border-bottom:none}.tracker-table tr:hover td{background:var(--bg-hover)}.tracker-table-cell-edit{color:var(--text-primary);font-size:var(--text-sm);font-family:var(--font-sans);width:100%;padding:var(--space-1) 0;background:0 0;border:none;outline:none}.tracker-table-cell-edit:focus{border-bottom:1px solid var(--accent-primary)}.tracker-cards{gap:var(--space-3);padding:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.tracker-card{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-4);cursor:pointer;transition:all var(--transition-fast)}.tracker-card:hover{border-color:var(--border-default);background:var(--bg-elevated);box-shadow:var(--shadow-md);transform:translateY(-1px)}.tracker-card-field{margin-bottom:var(--space-2)}.tracker-card-field:last-child{margin-bottom:0}.tracker-card-field-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px}.tracker-card-field-value{font-size:var(--text-sm);color:var(--text-primary)}.tag{border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;align-items:center;padding:1px 8px;font-weight:500;display:inline-flex}.toggle-switch{border-radius:var(--radius-full);background:var(--border-strong);cursor:pointer;width:36px;height:20px;transition:background var(--transition-fast);border:none;flex-shrink:0;position:relative}.toggle-switch.active{background:var(--accent-primary)}.toggle-switch:after{content:"";width:16px;height:16px;transition:transform var(--transition-fast);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px}.toggle-switch.active:after{transform:translate(16px)}.icon-picker{z-index:200;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-3);width:280px;animation:.15s scaleIn;position:absolute}.icon-picker-grid{gap:var(--space-1);grid-template-columns:repeat(8,1fr);display:grid}.icon-picker-item{border-radius:var(--radius-md);cursor:pointer;width:32px;height:32px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;font-size:1.125rem;display:flex}.icon-picker-item:hover{background:var(--bg-active);transform:scale(1.15)}.context-menu{z-index:500;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:200px;padding:var(--space-2);animation:.1s scaleIn;position:fixed}.context-menu-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);transition:all var(--transition-fast);text-align:left;width:100%;font-family:var(--font-sans);background:0 0;border:none;display:flex}.context-menu-item:hover{background:var(--bg-active);color:var(--text-primary)}.context-menu-item.danger{color:var(--error)}.context-menu-item.danger:hover{background:var(--error-subtle)}.context-menu-divider{background:var(--border-subtle);height:1px;margin:var(--space-1) 0}.empty-state{height:100%;padding:var(--space-16);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{background:var(--accent-primary-subtle);border-radius:var(--radius-xl);width:80px;height:80px;color:var(--accent-primary);margin-bottom:var(--space-6);justify-content:center;align-items:center;display:flex}.empty-state-title{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.empty-state-desc{font-size:var(--text-sm);color:var(--text-tertiary);max-width:360px;line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.w-full{width:100%}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.selection-toolbar-container{z-index:1000;pointer-events:none;justify-content:center;transition:opacity .15s,transform .15s;display:flex;position:fixed}.selection-toolbar{pointer-events:auto;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg), var(--shadow-glow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);align-items:center;gap:2px;padding:4px;animation:.15s ease-out fadeInDown;display:flex}.st-btn{color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);width:28px;height:28px;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.st-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.st-btn.active{color:var(--accent-primary);background:var(--accent-primary-subtle)}.st-divider{background:var(--border-subtle);width:1px;height:18px;margin:0 4px}.st-link-popover{background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);gap:8px;min-width:280px;padding:8px;animation:.15s scaleIn;display:flex;position:absolute;top:calc(100% + 8px)}.st-link-input{background:var(--bg-primary);border:1px solid var(--border-strong);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-sm);outline:none;flex:1;padding:4px 8px}.st-link-input:focus{border-color:var(--accent-primary)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.db-container{width:100%;margin:4px 0;position:relative}.db-view-tabs{border-bottom:1px solid var(--border-subtle);gap:2px;margin-bottom:4px;padding:4px 0 8px;display:flex}.db-view-tab{color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;padding:5px 10px;font-size:12px;font-weight:500;display:flex}.db-view-tab:hover{background:var(--bg-active);color:var(--text-secondary)}.db-view-tab.active{background:var(--bg-active);color:var(--accent-primary)}.board-view{gap:12px;min-height:200px;padding:8px 0 16px;display:flex;overflow-x:auto}.board-column{border:1px solid var(--border-subtle);min-width:240px;max-width:280px;transition:border-color var(--transition-fast);background:#ffffff05;border-radius:8px;flex-direction:column;flex-shrink:0;display:flex}.board-column.drag-over{border-color:var(--accent-primary);background:#6366f10a}.board-column-header{border-bottom:1px solid var(--border-subtle);padding:10px 12px}.board-column-title{color:var(--text-secondary);font-size:13px;font-weight:600}.board-column-count{color:var(--text-tertiary);background:#ffffff0f;border-radius:10px;padding:1px 6px;font-size:11px}.board-column-cards{flex-direction:column;flex:1;gap:6px;max-height:400px;padding:8px;display:flex;overflow-y:auto}.board-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);cursor:grab;transition:box-shadow var(--transition-fast), border-color var(--transition-fast);border-radius:6px;padding:10px 12px}.board-card:hover{border-color:#ffffff1f;box-shadow:0 2px 8px #0003}.board-card:active{cursor:grabbing}.board-card-title{color:var(--text-primary);margin-bottom:4px;font-size:13px;font-weight:500}.board-card-props{flex-direction:column;gap:2px;display:flex}.board-card-prop{color:var(--text-secondary);justify-content:space-between;font-size:12px;display:flex}.board-add-card-btn{color:var(--text-tertiary);cursor:pointer;width:100%;transition:background var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:8px 12px;font-size:12px;display:flex}.board-add-card-btn:hover{background:var(--bg-active);color:var(--text-secondary)}.calendar-view{padding:8px 0}.cal-header{align-items:center;gap:12px;padding:4px 0 12px;display:flex}.cal-nav-btn{border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;display:flex}.cal-nav-btn:hover{background:var(--bg-active)}.cal-title{color:var(--text-primary);font-size:15px;font-weight:600}.cal-today-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:6px;margin-left:auto;padding:4px 12px;font-size:12px}.cal-today-btn:hover{background:var(--bg-active)}.cal-weekdays{grid-template-columns:repeat(7,1fr);gap:1px;display:grid}.cal-weekday{text-align:center;color:var(--text-tertiary);text-transform:uppercase;padding:6px;font-size:11px;font-weight:600}.cal-grid{background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:6px;grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.cal-cell{background:var(--bg-primary);cursor:pointer;min-height:80px;transition:background var(--transition-fast);padding:4px}.cal-cell:hover{background:var(--bg-active)}.cal-cell-empty{cursor:default;background:#ffffff03}.cal-cell-empty:hover{background:#ffffff03}.cal-cell-today{background:#6366f10f}.cal-day-number{color:var(--text-secondary);padding:2px 4px;font-size:12px;font-weight:500}.cal-cell-today .cal-day-number{color:var(--accent-primary);font-weight:700}.cal-day-events{flex-direction:column;gap:2px;margin-top:2px;display:flex}.cal-event{color:var(--accent-primary);text-overflow:ellipsis;white-space:nowrap;background:#6366f11f;border-radius:3px;padding:2px 6px;font-size:11px;overflow:hidden}.cal-event-more{color:var(--text-tertiary);padding:0 6px;font-size:10px}.timeline-view{padding:8px 0}.timeline-controls{gap:4px;padding:0 0 8px;display:flex}.timeline-zoom-btn{border:1px solid var(--border-subtle);color:var(--text-tertiary);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500}.timeline-zoom-btn:hover{background:var(--bg-active);color:var(--text-secondary)}.timeline-zoom-btn.active{background:var(--bg-active);color:var(--accent-primary);border-color:var(--accent-primary)}.timeline-scroll{border:1px solid var(--border-subtle);border-radius:6px;overflow-x:auto}.timeline-content{min-width:100%}.timeline-header{border-bottom:1px solid var(--border-subtle);background:#ffffff05;display:flex}.timeline-label-col{width:160px;min-width:160px;color:var(--text-tertiary);text-transform:uppercase;border-right:1px solid var(--border-subtle);padding:8px 12px;font-size:11px;font-weight:600}.timeline-cols{flex:1;display:flex}.timeline-col-header{color:var(--text-tertiary);text-align:center;border-right:1px solid #ffffff08;padding:8px 4px;font-size:10px}.timeline-row{border-bottom:1px solid #ffffff08;display:flex}.timeline-row-label{color:var(--text-primary);align-items:center;font-size:13px;font-weight:500;display:flex}.timeline-bar{background:linear-gradient(135deg, var(--accent-primary), #6366f1b3);border-radius:4px;align-items:center;padding:0 8px;display:flex;overflow:hidden}.timeline-bar-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:500;overflow:hidden}.gallery-view{padding:8px 0}.gallery-controls{gap:4px;padding:0 0 8px;display:flex}.gallery-size-btn{border:1px solid var(--border-subtle);color:var(--text-tertiary);cursor:pointer;background:0 0;border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500}.gallery-size-btn:hover{background:var(--bg-active);color:var(--text-secondary)}.gallery-size-btn.active{background:var(--bg-active);color:var(--accent-primary);border-color:var(--accent-primary)}.gallery-grid{gap:12px;display:grid}.gallery-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);cursor:pointer;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);border-radius:8px;overflow:hidden}.gallery-card:hover{border-color:#ffffff1f;box-shadow:0 4px 12px #00000040}.gallery-card-image{background-color:#ffffff08;background-position:50%;background-size:cover;width:100%}.gallery-card-placeholder{background:#ffffff05;justify-content:center;align-items:center;width:100%;display:flex}.gallery-card-body{padding:10px 12px}.gallery-card-title{color:var(--text-primary);margin-bottom:6px;font-size:14px;font-weight:600}.gallery-card-prop{justify-content:space-between;padding:2px 0;font-size:12px;display:flex}.gallery-card-prop-name{color:var(--text-tertiary)}.gallery-card-prop-value{color:var(--text-secondary)}.db-scroll-wrapper{scrollbar-width:thin;scrollbar-color:#ffffff14 transparent;width:100%;overflow-x:auto}.db-scroll-wrapper::-webkit-scrollbar{height:6px}.db-scroll-wrapper::-webkit-scrollbar-track{background:0 0}.db-scroll-wrapper::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.db-table{border-collapse:collapse;table-layout:fixed;border-top:1px solid #2f2f2f;width:100%}.db-th{vertical-align:middle;text-align:left;box-sizing:border-box;background:0 0;border-bottom:1px solid #2f2f2f;border-right:1px solid #2f2f2f;height:33px;padding:0;position:relative}.db-th:last-child{border-right:none}.db-th-content{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;height:100%;padding:0 8px;transition:background 80ms;display:flex}.db-th-content:hover{background:#ffffff09}.db-th-name{color:#9b9b9b;text-transform:none;letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.db-th-content .flex-shrink-0{color:#9b9b9bb3}.db-th-content .db-th-chevron{opacity:0;color:#9b9b9b80;flex-shrink:0;margin-left:auto;transition:opacity 80ms}.db-th-content:hover .db-th-chevron{opacity:1}.db-col-resizer{cursor:col-resize;z-index:10;width:3px;transition:background 80ms;position:absolute;top:0;bottom:0;right:-1px}.db-col-resizer:hover,.db-th.is-resizing .db-col-resizer{background:#2383e2;width:2px;right:-1px}.db-th-add{background:0 0;border-bottom:1px solid #2f2f2f;width:32px;min-width:32px;border-right:none!important;padding:0!important}.db-add-col-btn{color:#9b9b9b99;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:100%;height:100%;transition:all 80ms;display:flex}.db-add-col-btn:hover{color:#9b9b9b;background:#ffffff09}.db-tr{border-bottom:1px solid #2f2f2f;transition:background 50ms}.db-tr:last-child{border-bottom:none}.db-tr:hover{background:#ffffff05}.db-td{vertical-align:top;box-sizing:border-box;border-right:1px solid #2f2f2f;height:33px;padding:0;position:relative}.db-td:last-child{border-right:none}.db-cell{height:33px;min-height:33px;color:var(--text-primary);cursor:default;box-sizing:border-box;align-items:center;padding:6px 8px;font-size:14px;line-height:1.3;transition:box-shadow 80ms;display:flex;overflow:hidden}.db-cell.is-active{border-radius:0;box-shadow:inset 0 0 0 1px #2383e2}.db-cell.is-editing{z-index:10;background:#ffffff08;border-radius:0;box-shadow:inset 0 0 0 2px #2383e2}.db-cell-input{width:100%;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit;background:0 0;border:none;outline:none;padding:0}.db-checkbox{color:#9b9b9b99;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color 80ms;display:flex}.db-checkbox svg{stroke-width:1.5px}.db-checkbox:hover{color:#9b9b9b}.db-checkbox.active{color:#2383e2}.db-tag{white-space:nowrap;cursor:default;border-radius:3px;align-items:center;padding:0 6px;font-size:12px;font-weight:400;line-height:20px;transition:filter 80ms;display:inline-flex}.db-tag:hover{filter:brightness(1.1)}.db-tag-default{color:#ffffffb3;background:#ffffff0e}.db-tag-blue{color:#529cca;background:#2383e226}.db-tag-purple{color:#9a6dd7;background:#6724de26}.db-tag-pink{color:#c14c8a;background:#c14c8a26}.db-tag-red{color:#e16f64;background:#d44c4726}.db-tag-orange{color:#d9730d;background:#d9730d26}.db-tag-yellow{color:#cb912f;background:#cb912f26}.db-tag-green{color:#4c9a6b;background:#44836126}.db-tag-teal{color:#45b5a1;background:#14b8a626}.db-select-dropdown{z-index:1000;background:#202020;border:1px solid #2f2f2f;border-radius:4px;width:250px;animation:.12s notionPopIn;position:absolute;top:calc(100% + 4px);left:0;overflow:hidden;box-shadow:0 4px 24px #00000080,0 0 0 1px #ffffff0d}@keyframes notionPopIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.db-select-search{background:0 0;border-bottom:1px solid #2f2f2f;padding:8px}.db-select-input{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-size:14px}.db-select-option{width:100%;height:28px;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:space-between;align-items:center;width:calc(100% - 8px);margin:1px 4px;padding:0 8px;transition:background 50ms;display:flex}.db-select-option:hover{background:#ffffff0e}.db-select-option.is-selected{background:#2383e21a}.db-td-new{border-right:none!important}.db-tr-new{animation:2s ease-out dbRowFlash}@keyframes dbRowFlash{0%{background:#2383e226}to{background:0 0}}.db-add-row-btn{color:#9b9b9b99;text-align:left;cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:6px 8px;font-family:inherit;font-size:14px;transition:background 50ms;display:flex}.db-add-row-btn:hover{color:#9b9b9b;background:#ffffff05}.db-td-placeholder{width:32px;border-right:none!important}button.db-add-row-btn,button.db-add-col-btn,button.db-checkbox,button.db-select-option,button.db-menu-item,button.db-type-item{outline:none}.db-column-menu,.db-add-prop-popover{z-index:2000;-webkit-backdrop-filter:blur(12px);background:#202020d9;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;width:260px;animation:.15s cubic-bezier(.2,.8,.2,1) forwards notionPopIn;display:flex;position:fixed;overflow:hidden;box-shadow:0 10px 30px #0009,0 0 0 1px #ffffff05}.db-popover-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.db-popover-title{color:#9b9b9bcc;text-transform:uppercase;letter-spacing:.05em;font-size:11px;font-weight:600}.db-popover-close{color:#9b9b9b80;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .12s;display:flex}.db-popover-close:hover{color:#fff;background:#ffffff14}.db-popover-content{flex-direction:column;gap:12px;padding:12px;display:flex}.db-field-group{flex-direction:column;gap:6px;display:flex}.db-field-label{color:#9b9b9bcc;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:500}.db-popover-input{width:100%;color:var(--text-primary);background:#ffffff0a;border:1px solid #2f2f2f;border-radius:4px;outline:none;padding:8px 10px;font-size:14px;transition:border-color 80ms}.db-popover-input:focus{border-color:#2383e2}.db-menu-input{color:#fff;background:#ffffff08;border:1px solid #ffffff0f;border-radius:4px;outline:none;width:100%;padding:8px 10px;font-family:inherit;font-size:14px;transition:all .15s}.block-embed-loading{color:var(--text-secondary);align-items:center;gap:12px;padding:16px;font-size:14px;display:flex}.spinner-small{border:2px solid #ffffff1a;border-top-color:var(--accent-primary);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.db-menu-input:focus{background:#2383e20d;border-color:#2383e2;box-shadow:0 0 0 3px #2383e21a}.db-menu-divider{background:#ffffff0f;height:1px;margin:4px 0}.db-menu-item{color:#ffffffd9;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:4px;align-items:center;gap:10px;width:calc(100% - 8px);margin:0 4px;padding:8px 12px;font-family:inherit;font-size:13.5px;transition:all .1s;display:flex}.db-menu-item:hover{background:#ffffff14}.db-menu-item.text-error{color:#ff6b6b}.db-menu-item.text-error:hover{background:#ff6b6b1f}.db-type-selector{grid-template-columns:1fr;max-height:320px;padding:4px;display:grid;overflow-y:auto}.db-type-option{color:#fffc;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:12px;width:calc(100% - 8px);margin:1px 4px;padding:6px 10px;transition:all .12s;display:flex;position:relative}.db-type-option:hover{background:#ffffff14}.db-type-option.active{color:#2383e2;background:#2383e21a}.db-type-icon-wrapper{color:#fff9;background:#ffffff0d;border-radius:4px;justify-content:center;align-items:center;width:24px;height:24px;transition:all .12s;display:flex}.db-type-option.active .db-type-icon-wrapper{color:#fff;background:#2383e2}.db-type-option:hover .db-type-icon-wrapper:not(.active){color:#fff}.db-type-label{font-size:13.5px;font-weight:400}.db-type-active-indicator{background:#2383e2;border-radius:50%;width:6px;height:6px;margin-left:auto;box-shadow:0 0 8px #2383e266}.db-popover-footer{border-top:1px solid #2f2f2f;padding:8px 12px 12px}.db-popover-submit{color:#fff;cursor:pointer;background:#2383e2;border:none;border-radius:4px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px;font-size:14px;font-weight:500;transition:background 80ms;display:flex}.db-popover-submit:hover:not(:disabled){background:#1b6dbf}.db-popover-submit:disabled{opacity:.4;cursor:not-allowed}.db-cell-link-icon{color:#9b9b9b99;background:#ffffff0a;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;transition:all 80ms;display:flex}.db-cell-link-icon:hover{color:#2383e2;background:#2383e226}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.breadcrumb-bar{font-size:var(--text-xs);color:var(--text-tertiary);border-bottom:1px solid var(--border-subtle);background:var(--bg-primary);z-index:10;flex-wrap:wrap;align-items:center;gap:2px;min-height:36px;padding:8px 64px;display:flex;position:sticky;top:0}.breadcrumb-segment{align-items:center;gap:2px;display:flex}.breadcrumb-sep{color:var(--text-placeholder);margin:0 4px;font-size:11px}.breadcrumb-item{border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;font-family:var(--font-sans);font-size:var(--text-xs);transition:all var(--transition-fast);white-space:nowrap;background:0 0;border:none;align-items:center;gap:4px;padding:2px 6px;display:flex}.breadcrumb-item:hover{background:var(--bg-hover);color:var(--text-secondary)}.breadcrumb-item.current{color:var(--text-secondary);font-weight:500}.breadcrumb-icon{font-size:12px}.breadcrumb-label{text-overflow:ellipsis;white-space:nowrap;max-width:160px;overflow:hidden}.block-toggle{margin:var(--space-1) 0;border-radius:var(--radius-md)}.block-toggle-arrow{width:22px;height:22px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;display:flex}.block-toggle-arrow svg{transition:transform .2s cubic-bezier(.4,0,.2,1)}.block-toggle-arrow.expanded svg{transform:rotate(90deg)}.block-toggle-title{flex:1;font-weight:500}.block-toggle-body{border-left:2px solid var(--border-subtle);margin-left:24px;padding:4px 0 4px 12px;animation:.2s ease-out toggleExpand}.block-toggle-content{min-height:1em;line-height:var(--leading-relaxed);color:var(--text-secondary)}@keyframes toggleExpand{0%{opacity:0;max-height:0;transform:translateY(-4px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.page-cover{background:var(--bg-tertiary);width:100%;height:220px;position:relative;overflow:hidden}.page-cover-img{object-fit:cover;width:100%;height:100%;display:block}.page-cover-actions{gap:8px;animation:.15s fadeIn;display:flex;position:absolute;bottom:12px;right:12px}.page-cover-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);color:#ffffffd9;font-size:var(--text-xs);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);background:#0009;border:1px solid #ffffff26;align-items:center;gap:6px;padding:6px 12px;display:flex}.page-cover-btn:hover{color:#fff;background:#000c}.page-cover-btn-danger:hover{background:#dc2828b3}.page-cover-add-area{opacity:0;transition:opacity var(--transition-fast);justify-content:flex-end;padding:8px 64px 0;display:flex}.editor-scroll:hover .page-cover-add-area{opacity:1}.page-cover-add-btn{color:var(--text-placeholder);font-size:var(--text-xs);font-family:var(--font-sans);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;align-items:center;gap:6px;padding:4px 10px;display:flex}.page-cover-add-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.db-toolbar{align-items:center;gap:8px;margin-bottom:2px;padding:4px 0 8px;display:flex}.db-toolbar-btn{color:#9b9b9bcc;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;gap:6px;padding:4px 8px;font-family:inherit;font-size:14px;font-weight:400;transition:all 80ms;display:flex}.db-toolbar-btn:hover{color:#fff;background:#ffffff0e}.db-toolbar-btn.active{color:#2383e2}.db-toolbar-badge{color:#2383e2;background:#2383e226;border-radius:3px;justify-content:center;align-items:center;width:16px;height:16px;font-size:11px;font-weight:500;display:flex}.db-toolbar-popover{z-index:2000;position:fixed}.db-toolbar-popover-overlay{z-index:1;position:fixed;inset:0}.db-toolbar-popover-content{z-index:2;background:#202020;border:1px solid #2f2f2f;border-radius:4px;flex-direction:column;width:380px;max-width:90vw;animation:.12s notionPopIn;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000080,0 0 0 1px #ffffff08}.db-toolbar-popover-header{color:#9b9b9b;border-bottom:1px solid #2f2f2f;justify-content:space-between;align-items:center;padding:10px 12px;font-size:12px;font-weight:600;display:flex}.db-toolbar-close{color:#9b9b9b99;cursor:pointer;background:0 0;border:none;border-radius:3px;align-items:center;padding:4px;transition:all 80ms;display:flex}.db-toolbar-close:hover{color:#9b9b9b;background:#ffffff0e}.db-filter-row{align-items:center;gap:8px;padding:8px 12px;display:flex}.db-filter-select{min-width:0;color:var(--text-primary);cursor:pointer;appearance:none;background:#ffffff0a;border:1px solid #2f2f2f;border-radius:3px;outline:none;flex:1;padding:6px 8px;font-family:inherit;font-size:14px;transition:border-color 80ms}.db-filter-select:focus{border-color:#2383e2}.db-filter-input{min-width:0;color:var(--text-primary);background:#ffffff0a;border:1px solid #2f2f2f;border-radius:3px;outline:none;flex:1;padding:6px 8px;font-family:inherit;font-size:14px;transition:border-color 80ms}.db-filter-input:focus{border-color:#2383e2}.db-filter-remove{color:#9b9b9b99;cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all 80ms;display:flex}.db-filter-remove:hover{color:#e16f64;background:#d44c471f}.db-toolbar-add-btn{color:#9b9b9bcc;cursor:pointer;text-align:left;background:0 0;border:none;border-top:1px solid #2f2f2f;align-items:center;gap:6px;width:100%;padding:8px 12px;font-family:inherit;font-size:14px;transition:background 50ms;display:flex}.db-toolbar-add-btn:hover{color:#fff;background:#ffffff05}.loading-spinner{border:2px solid var(--border-subtle);border-top-color:var(--accent-primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.sidebar-search-btn{align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-tertiary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-sans);display:flex}.sidebar-search-btn:hover{background:var(--bg-active);border-color:var(--border-default);color:var(--text-secondary)}.sidebar-search-kbd{font-size:var(--text-xs);border:1px solid var(--border-subtle);font-family:var(--font-sans);color:var(--text-tertiary);background:#ffffff0f;border-radius:3px;margin-left:auto;padding:1px 5px}.page-mention{background:var(--bg-hover);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;vertical-align:middle;border-bottom:1px solid #2e5bff33;border-radius:4px;align-items:center;gap:4px;margin:0 1px;padding:0 6px;font-weight:500;display:inline-flex;color:var(--accent-primary)!important;text-decoration:none!important}.page-mention:hover{background:var(--accent-primary-subtle);border-bottom-color:var(--accent-primary)}.mention-icon{align-items:center;font-size:14px;display:flex}.mention-label{font-size:.9em}.unlock-screen{z-index:9999;background:var(--bg-primary);justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.unlock-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);text-align:center;width:100%;max-width:400px;box-shadow:var(--shadow-xl);border-radius:16px;padding:40px}.unlock-icon-wrapper{width:80px;height:80px;color:var(--accent-primary);background:#2e5bff1a;border-radius:20px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex}.unlock-card h1{color:var(--text-primary);margin-bottom:12px;font-size:24px;font-weight:700}.unlock-card p{color:var(--text-tertiary);margin-bottom:32px;font-size:14px;line-height:1.6}.unlock-card .input-group{margin-bottom:16px}.unlock-card input{background:var(--bg-primary);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);border-radius:8px;padding:12px 16px;font-size:15px;transition:all .2s}.unlock-card input:focus{border-color:var(--accent-primary);outline:none;box-shadow:0 0 0 3px #2e5bff1a}.unlock-btn{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;margin-top:8px;padding:12px;font-size:15px;font-weight:600;transition:all .2s}.unlock-btn:hover{filter:brightness(1.1);transform:translateY(-1px)}.unlock-error{color:var(--error);text-align:left;margin-bottom:16px;font-size:13px}.unlock-footer{border-top:1px solid var(--border-subtle);margin-top:32px;padding-top:24px}.unlock-footer p{letter-spacing:.05em;text-transform:uppercase;margin-bottom:0;font-size:11px}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px;border-radius:inherit}button{font-family:inherit}.icon-btn,.icon-btn-subtle{cursor:pointer;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:6px;display:flex}.icon-btn:hover,.icon-btn-subtle:hover,.icon-btn:focus-visible,.icon-btn-subtle:focus-visible{background:var(--bg-hover);color:var(--text-primary)}.text-link-btn{color:var(--accent-primary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;border:none;padding:4px 8px;font-size:13px;font-weight:500}.text-link-btn:hover,.text-link-btn:focus-visible{background:var(--accent-primary-subtle)}.interactive-card{transition:all var(--transition-fast);outline:none}.interactive-card:focus-visible{border-color:var(--accent-primary)!important;box-shadow:0 0 0 1px var(--accent-primary)!important}.calendar-event-btn{text-align:left;color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;transition:all var(--transition-fast);background:#ffffff0d;border:none;outline:none;padding:4px 8px;font-size:12px;overflow:hidden}.calendar-event-btn:hover,.calendar-event-btn:focus-visible{color:var(--text-primary);background:#ffffff1a}.empty-state-container{padding:var(--space-8);text-align:center;color:var(--text-tertiary);background:var(--bg-secondary);border:1px dashed var(--border-strong);border-radius:var(--radius-lg);flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.empty-state-icon{margin-bottom:var(--space-4);opacity:.5;color:var(--text-tertiary)}.empty-state-title{color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600;font-size:var(--text-lg)}.empty-state-desc{font-size:var(--text-sm);color:var(--text-tertiary);max-width:300px}@keyframes slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes checkmark-ping{0%{transform:scale(1);box-shadow:0 0 #4ade8066}50%{transform:scale(1.2)}to{transform:scale(1);box-shadow:0 0 0 10px #4ade8000}}.animate-slide-up{animation:.25s cubic-bezier(.4,0,.2,1) forwards slide-up}.animate-ping{animation:.4s cubic-bezier(.175,.885,.32,1.275) checkmark-ping}.block-wrapper{transition:all .25s cubic-bezier(.4,0,.2,1)}.notion-import-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.notion-import-modal{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:20px;flex-direction:column;width:560px;max-width:92vw;max-height:85vh;animation:.2s scaleIn;display:flex;overflow:hidden;box-shadow:0 32px 64px #00000059,0 0 0 1px #ffffff0a}.notion-import-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.notion-import-icon-wrapper{color:#a78bfa;background:linear-gradient(135deg,#6366f133,#a855f733);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.notion-import-title{color:var(--text-primary);margin:0;font-size:17px;font-weight:700}.notion-import-subtitle{color:var(--text-tertiary);margin:2px 0 0;font-size:12px}.notion-import-close{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.notion-import-close:hover{background:var(--bg-hover);color:var(--text-primary)}.notion-import-steps{border-bottom:1px solid var(--border-subtle);background:var(--bg-secondary);justify-content:center;align-items:center;gap:0;padding:16px 24px;display:flex}.notion-import-step{align-items:center;gap:6px;display:flex}.notion-import-step-dot{border:2px solid var(--border-strong);width:24px;height:24px;color:var(--text-tertiary);border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .3s;display:flex}.notion-import-step.active .notion-import-step-dot{border-color:var(--accent-primary);background:var(--accent-primary);color:#fff;box-shadow:0 0 12px #6366f166}.notion-import-step.done .notion-import-step-dot{color:#fff;background:#4ade80;border-color:#4ade80}.notion-import-step-label{color:var(--text-tertiary);font-size:12px;font-weight:500}.notion-import-step.active .notion-import-step-label{color:var(--text-primary)}.notion-import-step.done .notion-import-step-label{color:#4ade80}.notion-import-step-line{background:var(--border-subtle);width:32px;height:2px;margin:0 8px}.notion-import-body{flex:1;padding:24px;overflow-y:auto}.notion-import-error{color:#f87171;background:#f871711a;border:1px solid #f8717140;border-radius:10px;align-items:center;gap:10px;margin-bottom:16px;padding:12px 16px;font-size:13px;display:flex}.notion-import-error button{color:#f87171;cursor:pointer;opacity:.6;background:0 0;border:none;margin-left:auto}.notion-import-dropzone{border:2px dashed var(--border-strong);cursor:pointer;background:#ffffff03;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;transition:all .2s;display:flex}.notion-import-dropzone:hover,.notion-import-dropzone.dragging{border-color:var(--accent-primary);background:#6366f10a;box-shadow:0 0 24px #6366f114}.notion-import-dropzone.dragging{transform:scale(1.01)}.notion-import-dropzone-icon{color:#a78bfa;background:linear-gradient(135deg,#6366f11f,#a855f71f);border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:16px;display:flex}.notion-import-dropzone-title{color:var(--text-primary);margin:0 0 6px;font-size:16px;font-weight:600}.notion-import-dropzone-sub{color:var(--text-tertiary);margin:0 0 16px;font-size:13px}.notion-import-dropzone-hint{color:var(--text-tertiary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:20px;padding:6px 14px;font-size:11px}.notion-import-loading{flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:48px 24px;display:flex}.notion-import-loading p{color:var(--text-secondary);margin:0;font-size:14px}@keyframes notion-spin{to{transform:rotate(360deg)}}.notion-import-spinner{color:var(--accent-primary);animation:1s linear infinite notion-spin}.notion-import-progress-bar{background:var(--bg-tertiary);border-radius:4px;width:100%;max-width:320px;height:6px;overflow:hidden}.notion-import-progress-fill{background:linear-gradient(90deg, var(--accent-primary), #a78bfa);border-radius:4px;height:100%;transition:width .3s}.notion-import-loading-phase{color:var(--text-secondary);font-size:14px}.notion-import-loading-pct{color:var(--text-tertiary);font-size:12px;font-weight:600}.notion-import-stats{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:20px;display:grid}.notion-import-stat-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;flex-direction:column;gap:4px;padding:16px;transition:all .15s;display:flex}.notion-import-stat-card:hover{border-color:var(--stat-color);box-shadow:0 0 16px color-mix(in srgb, var(--stat-color) 15%, transparent)}.notion-import-stat-icon{color:var(--stat-color);opacity:.8}.notion-import-stat-value{color:var(--text-primary);font-variant-numeric:tabular-nums;font-size:26px;font-weight:800}.notion-import-stat-label{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:500}.notion-import-tree-section{margin-bottom:24px}.notion-import-tree-section h4{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 10px;font-size:13px;font-weight:600}.notion-import-tree{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:12px;max-height:240px;padding:6px 0;overflow-y:auto}.notion-import-tree-item{cursor:pointer;align-items:center;gap:8px;padding:6px 12px;font-size:13px;transition:background .12s;display:flex}.notion-import-tree-item:hover{background:var(--bg-hover)}.notion-import-tree-chevron{color:var(--text-tertiary);flex-shrink:0}.notion-import-tree-icon{flex-shrink:0;font-size:14px}.notion-import-tree-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.notion-import-tree-count{color:var(--text-tertiary);background:var(--bg-tertiary);border-radius:10px;padding:1px 7px;font-size:11px;font-weight:500}.notion-import-tree-more{color:var(--text-tertiary);padding:8px 20px;font-size:12px;font-style:italic}.notion-import-action-btn{background:linear-gradient(135deg, var(--accent-primary), #7c3aed);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px 20px;font-size:15px;font-weight:600;transition:all .2s;display:flex;box-shadow:0 4px 16px #6366f14d}.notion-import-action-btn:hover{opacity:.92;transform:translateY(-1px);box-shadow:0 6px 24px #6366f166}.notion-import-complete{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px 24px;display:flex}.notion-import-complete-icon{color:#4ade80;background:#4ade801a;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin-bottom:20px;animation:.5s ease-out checkmark-ping;display:flex}.notion-import-complete h3{color:var(--text-primary);margin:0 0 8px;font-size:22px;font-weight:700}.notion-import-complete p{color:var(--text-tertiary);margin:0 0 20px;font-size:14px}.notion-import-complete-stats{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:20px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 16px;font-size:13px;display:flex}.notion-import-preview{animation:.3s fadeIn}:root{--notion-default:inherit;--notion-gray:#9b9a97;--notion-brown:#ba856f;--notion-orange:#c77d48;--notion-yellow:#ca9849;--notion-green:#529e72;--notion-blue:#5e87c9;--notion-purple:#9065b0;--notion-pink:#c14c8a;--notion-red:#d44c47;--notion-gray_background:#9b9a971f;--notion-brown_background:#ba856f1f;--notion-orange_background:#c77d481f;--notion-yellow_background:#ca98491f;--notion-green_background:#529e721f;--notion-blue_background:#5e87c91f;--notion-purple_background:#9065b01f;--notion-pink_background:#c14c8a1f;--notion-red_background:#d44c471f;--notion-font-body:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, "Apple Color Emoji", Arial, sans-serif, "Segoe UI Emoji", "Segoe UI Symbol";--notion-font-mono:"SFMono-Regular", Menlo, Consolas, "PT Mono", "Liberation Mono", Courier, monospace;--notion-body-size:16px;--notion-body-line-height:1.5;--notion-h1-size:1.875em;--notion-h1-line-height:1.3;--notion-h2-size:1.5em;--notion-h2-line-height:1.3;--notion-h3-size:1.25em;--notion-h3-line-height:1.3;--notion-block-gap:1px;--notion-h1-mt:2em;--notion-h2-mt:1.4em;--notion-h3-mt:1em;--notion-indent:24px;--notion-block-padding:3px 2px}.block-callout[data-color=default],.block-callout:not([data-color]){background:#ffffff0e;border-color:#ffffff14}.block-callout[data-color=gray_background]{background:#9b9a971a;border-color:#9b9a9733}.block-callout[data-color=brown_background]{background:#ba856f1a;border-color:#ba856f33}.block-callout[data-color=orange_background]{background:#c77d481a;border-color:#c77d4833}.block-callout[data-color=yellow_background]{background:#ca98491a;border-color:#ca984933}.block-callout[data-color=green_background]{background:#529e721a;border-color:#529e7233}.block-callout[data-color=blue_background]{background:#5e87c91a;border-color:#5e87c933}.block-callout[data-color=purple_background]{background:#9065b01a;border-color:#9065b033}.block-callout[data-color=pink_background]{background:#c14c8a1a;border-color:#c14c8a33}.block-callout[data-color=red_background]{background:#d44c471a;border-color:#d44c4733}.block-bullet-marker[data-depth="0"],.block-bullet-marker:not([data-depth]){background:var(--text-tertiary);border:none;border-radius:50%;width:6px;height:6px}.block-bullet-marker[data-depth="1"]{border:1.5px solid var(--text-tertiary);background:0 0;border-radius:50%;width:6px;height:6px}.block-bullet-marker[data-depth="2"]{background:var(--text-tertiary);border:none;border-radius:1px;width:6px;height:6px}.block-image-caption{width:100%;color:var(--text-tertiary);text-align:center;font-size:14px;font-family:var(--font-sans);resize:none;background:0 0;border:none;outline:none;padding:6px 2px;line-height:1.4}.block-image-caption::placeholder{color:var(--text-placeholder)}.block-image-caption:focus{color:var(--text-secondary)}.block-image-wrapper[data-align=left]{margin-right:auto}.block-image-wrapper[data-align=center]{margin-left:auto;margin-right:auto}.block-image-wrapper[data-align=full] img{width:100%;max-width:none}.block-code-caption{color:var(--text-tertiary);border:none;border-top:1px solid var(--border-subtle);width:100%;font-size:13px;font-family:var(--font-sans);background:0 0;outline:none;padding:6px 12px}.block-code-caption::placeholder{color:var(--text-placeholder)}.block-code-copy-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;transition:all .15s;display:flex}.block-code-copy-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.block-code-copy-btn.copied{color:var(--success)}.block-code-lang-select{background:var(--bg-hover);border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:12px;font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);border-radius:6px;outline:none;padding:4px 8px}.block-code-lang-select:hover{background:var(--bg-active);color:var(--text-primary);border-color:var(--border-default)}.block-code-lang-select option{color:#fff;background:#1e1e1e;padding:8px}.block-embed-wrapper{border:1px solid var(--border-subtle);border-radius:8px;margin:4px 0;transition:border-color .15s;overflow:hidden}.block-embed-wrapper:hover{border-color:var(--border-default)}.block-embed-iframe{border:none;width:100%;display:block}.block-embed-link{color:var(--text-primary);align-items:center;gap:12px;padding:14px 16px;text-decoration:none;transition:background .15s;display:flex}.block-embed-link:hover{background:var(--bg-hover);text-decoration:none}.block-embed-link-icon{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-tertiary);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.block-embed-link-text{flex:1;min-width:0}.block-embed-link-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.block-embed-link-url{color:var(--text-tertiary);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:12px;overflow:hidden}.block-embed-input-container{background:linear-gradient(145deg, var(--bg-secondary) 0%, var(--bg-tertiary) 100%);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.block-embed-input-group{gap:10px;width:100%;max-width:480px;display:flex}.block-embed-input{border:1px solid var(--border-strong);color:var(--text-primary);background:#0003;border-radius:10px;outline:none;flex:1;padding:12px 16px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 2px 4px #0000001a}.block-embed-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-primary-subtle), inset 0 2px 4px #0000001a;background:#0000004d}.block-embed-submit-btn{background:var(--accent-primary);color:#fff;cursor:pointer;white-space:nowrap;border:none;border-radius:10px;padding:0 20px;font-size:14px;font-weight:600;transition:all .2s;box-shadow:0 4px 12px #2e5bff33}.block-embed-submit-btn:hover{background:var(--accent-primary-hover);transform:translateY(-1px);box-shadow:0 6px 16px #2e5bff4d}.block-embed-submit-btn:active{transform:translateY(0)}.block-embed-submit-btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;transform:none}.block-embed-type-hint{color:var(--text-tertiary);opacity:.8;align-items:center;gap:8px;font-size:12px;display:flex}.block-embed-type-hint svg{color:var(--accent-primary)}.block-toggle{padding:0}.block-toggle-header{align-items:flex-start;gap:2px;display:flex}.block-toggle-arrow{cursor:pointer;width:24px;height:24px;color:var(--text-tertiary);background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;transition:transform .15s,color .15s;display:flex}.block-toggle-arrow:hover{background:var(--bg-hover);color:var(--text-secondary)}.block-toggle-arrow.expanded{transform:rotate(90deg)}.block-toggle-body{margin-left:var(--notion-indent);border-left:1px solid var(--border-subtle);padding-left:4px}