:root{--surface-canvas: #0d0f12;--surface-sidebar: #13161a;--surface-elevated: #1a1e24;--surface-hover: rgba(255, 255, 255, .04);--surface-active: rgba(255, 255, 255, .07);--surface-selected: rgba(124, 109, 250, .12);--surface-selected-hover: rgba(124, 109, 250, .18);--surface-code: #111317;--bg-primary: var(--surface-canvas);--bg-secondary: var(--surface-sidebar);--bg-tertiary: var(--surface-elevated);--bg-elevated: var(--surface-elevated);--bg-active: var(--surface-active);--border-subtle: rgba(255, 255, 255, .06);--border-medium: rgba(255, 255, 255, .1);--border-strong: rgba(255, 255, 255, .18);--border-focus: rgba(124, 109, 250, .5);--text-primary: #f0f2f5;--text-secondary: #949ba4;--text-muted: #7d858f;--text-inverse: #0d0f12;--font-sans: system-ui, -apple-system, "Segoe UI Variable", "Segoe UI", BlinkMacSystemFont, "SF Pro", Roboto, sans-serif;--font-mono: "Cascadia Code", "Cascadia Mono", "SFMono-Regular", "Fira Code", Consolas, monospace;--accent-primary: #7c6dfa;--accent-hover: #8f82fc;--accent-active: #6c5ce7;--accent-soft: rgba(124, 109, 250, .12);--accent-light: rgba(124, 109, 250, .12);--accent-glow: rgba(124, 109, 250, .25);--status-success: #10b981;--status-warning: #f59e0b;--status-danger: #ef4444;--status-info: #38bdf8;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 5px;--radius-md: 7px;--radius-lg: 10px;--radius-xl: 12px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 36px rgba(0, 0, 0, .65), 0 0 0 1px rgba(255, 255, 255, .08);--duration-fast: .12s;--duration-normal: .18s;--ease-standard: cubic-bezier(.16, 1, .3, 1)}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;width:100%;overflow:hidden;background-color:var(--surface-canvas);color:var(--text-primary);font-family:var(--font-sans);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}#root{height:100%;width:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#ffffff38}:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}.app-container{display:flex;flex-direction:column;height:100vh;width:100vw;background-color:var(--surface-canvas);overflow:hidden}.app-header{height:40px;min-height:40px;background-color:var(--surface-sidebar);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3);-webkit-user-select:none;user-select:none;z-index:20;gap:var(--space-4)}.header-left{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.app-logo{display:flex;align-items:center;gap:var(--space-2);font-weight:600;font-size:13px;color:var(--text-primary);letter-spacing:-.01em;padding-right:var(--space-2)}.app-logo .logo-icon{width:22px;height:22px;object-fit:contain;border-radius:var(--radius-sm);display:block;flex-shrink:0}.vault-badge{font-size:12px;font-weight:500;padding:2px var(--space-2);background-color:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-1)}.header-center{flex:1;max-width:480px;display:flex;justify-content:center}.search-trigger-btn{width:100%;max-width:380px;height:28px;background-color:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-muted);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3);font-size:12px;font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast) ease}.search-trigger-btn:hover{border-color:var(--border-medium);color:var(--text-secondary);background-color:var(--surface-hover)}.search-trigger-btn kbd{font-size:10px;font-family:var(--font-mono);background-color:var(--surface-sidebar);border:1px solid var(--border-subtle);border-radius:3px;padding:1px 4px;color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.view-mode-group{display:flex;align-items:center;background-color:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:2px;gap:2px}.view-mode-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;font-size:12px;font-weight:500;font-family:var(--font-sans);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) ease}.view-mode-btn:hover{color:var(--text-primary);background-color:var(--surface-hover)}.view-mode-btn.active{color:var(--text-primary);background-color:var(--surface-elevated);box-shadow:var(--shadow-sm)}.right-panel-toggles{display:flex;align-items:center;gap:2px;border-left:1px solid var(--border-subtle);padding-left:var(--space-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-size:13px;font-weight:500;padding:6px 14px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background-color:var(--surface-elevated);color:var(--text-primary);cursor:pointer;transition:all var(--duration-fast) ease;-webkit-user-select:none;user-select:none}.btn:hover{background-color:var(--surface-hover);border-color:var(--border-medium)}.btn-primary{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.btn-primary:hover{background-color:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{background-color:var(--surface-hover);color:var(--text-primary)}.btn-danger{background-color:#ef44441f;border-color:#ef44444d;color:var(--status-danger)}.btn-danger:hover{background-color:var(--status-danger);color:#fff}.btn-icon{width:28px;height:28px;border-radius:var(--radius-md);background:transparent;border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) ease}.btn-icon:hover{background-color:var(--surface-hover);color:var(--text-primary)}.btn-icon.active{background-color:var(--surface-selected);color:var(--accent-primary)}.workspace-body{display:flex;flex:1;overflow:hidden;position:relative}.workspace-sidebar{width:250px;min-width:200px;max-width:380px;background-color:var(--surface-sidebar);border-right:1px solid var(--border-subtle);display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;flex-shrink:0}.sidebar-header{height:38px;padding:0 var(--space-3);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle)}.sidebar-title{font-size:12px;font-weight:600;color:var(--text-secondary);letter-spacing:.02em}.sidebar-header-actions{display:flex;align-items:center;gap:2px}.file-tree{flex:1;overflow-y:auto;padding:var(--space-2) var(--space-1)}.tree-item{display:flex;align-items:center;gap:var(--space-2);padding:5px var(--space-2);font-size:13px;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);margin:1px 0;transition:background var(--duration-fast) ease,color var(--duration-fast) ease}.tree-item:hover{background-color:var(--surface-hover);color:var(--text-primary)}.tree-item.active{background-color:var(--surface-selected);color:var(--accent-primary);font-weight:500}.tree-item.active .tree-icon{color:var(--accent-primary);opacity:1}.tree-item .tree-icon{flex-shrink:0;opacity:.65;transition:opacity var(--duration-fast) ease}.tree-item .tree-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tree-item-actions{display:flex;align-items:center;gap:2px;opacity:0;transition:opacity var(--duration-fast) ease}.tree-item:hover .tree-item-actions{opacity:1}.editor-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background-color:var(--surface-canvas)}.tab-bar{height:36px;background-color:var(--surface-sidebar);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;padding:0 var(--space-2);gap:2px;overflow-x:auto;-webkit-user-select:none;user-select:none}.tab{display:flex;align-items:center;gap:var(--space-2);height:28px;padding:0 10px;font-size:13px;color:var(--text-muted);background-color:transparent;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;max-width:220px;transition:all var(--duration-fast) ease}.tab:hover{color:var(--text-secondary);background-color:var(--surface-hover)}.tab.active{color:var(--text-primary);background-color:var(--surface-canvas);border-color:var(--border-subtle);font-weight:500}.tab-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-close{opacity:0;border-radius:var(--radius-sm);padding:2px;display:flex;align-items:center;color:var(--text-muted);transition:opacity var(--duration-fast) ease,color var(--duration-fast) ease}.tab:hover .tab-close{opacity:.7}.tab-close:hover{opacity:1;color:var(--text-primary);background-color:var(--surface-hover)}.tab-dirty-indicator{width:6px;height:6px;border-radius:50%;background-color:var(--accent-primary);flex-shrink:0}.content-split{flex:1;display:flex;overflow:hidden}.editor-container{flex:1;height:100%;overflow:hidden;display:flex;flex-direction:column;background-color:var(--surface-canvas)}.codemirror-wrapper{flex:1;height:100%;overflow:hidden;font-family:var(--font-mono);font-size:15px;line-height:1.6}.cm-editor{height:100%!important;background-color:var(--surface-canvas)!important;color:var(--text-primary)!important}.cm-scroller{padding:var(--space-8) var(--space-12)!important;max-width:860px;margin:0 auto}.cm-gutters{background-color:var(--surface-canvas)!important;color:var(--text-muted)!important;border-right:1px solid transparent!important}.cm-activeLine{background-color:#ffffff05!important}.cm-activeLineGutter{background-color:transparent!important;color:var(--text-secondary)!important}.cm-cursor{border-left-color:var(--accent-primary)!important;border-left-width:2px!important}.cm-selectionBackground,.cm-content ::selection{background-color:#7c6dfa47!important}.preview-pane{flex:1;height:100%;overflow-y:auto;padding:var(--space-8) var(--space-12);background-color:var(--surface-canvas);border-left:1px solid var(--border-subtle);line-height:1.7;color:var(--text-primary)}.preview-content-wrapper{max-width:840px;margin:0 auto}.preview-pane h1{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-5);padding-bottom:var(--space-2);border-bottom:1px solid var(--border-subtle);color:var(--text-primary)}.preview-pane h2{font-size:22px;font-weight:600;letter-spacing:-.01em;margin-top:var(--space-6);margin-bottom:var(--space-3);color:var(--text-primary)}.preview-pane h3{font-size:17px;font-weight:600;margin-top:var(--space-5);margin-bottom:var(--space-2);color:var(--text-primary)}.preview-pane p{margin-bottom:var(--space-4);color:var(--text-primary);font-size:15px}.preview-pane ul,.preview-pane ol{margin-bottom:var(--space-4);padding-left:var(--space-6);color:var(--text-primary)}.preview-pane li{margin-bottom:var(--space-1)}.preview-pane .wikilink{color:var(--accent-primary);text-decoration:none;font-weight:500;padding:1px 4px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--duration-fast) ease}.preview-pane .wikilink:hover{background-color:var(--accent-soft);text-decoration:none}.preview-pane .tag-pill{display:inline-block;font-size:11px;color:var(--status-info);background-color:#38bdf81a;padding:1px 7px;border-radius:var(--radius-full);margin-right:var(--space-1);font-family:var(--font-mono)}.preview-pane pre{background-color:var(--surface-code);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto;margin-bottom:var(--space-4);font-family:var(--font-mono);font-size:13px}.preview-pane code:not(pre code){font-family:var(--font-mono);font-size:13px;background-color:var(--surface-hover);padding:2px 5px;border-radius:var(--radius-sm);color:#e2e8f0}.preview-pane blockquote{border-left:3px solid var(--accent-primary);padding-left:var(--space-4);margin:var(--space-4) 0;color:var(--text-secondary);font-style:italic}.callout{border-radius:var(--radius-md);margin:var(--space-4) 0;padding:var(--space-3) var(--space-4);transition:all var(--duration-fast) ease}.callout-note{border-left:3px solid var(--accent-primary);background-color:#7c6dfa14}.callout-tip{border-left:3px solid var(--status-success);background-color:#10b98114}.callout-warning{border-left:3px solid var(--status-warning);background-color:#f59e0b14}.callout-important,.callout-caution{border-left:3px solid var(--status-danger);background-color:#ef444414}.inspector-rail{width:300px;min-width:240px;max-width:440px;background-color:var(--surface-sidebar);border-left:1px solid var(--border-subtle);display:flex;flex-direction:column;flex-shrink:0}.inspector-header{height:38px;padding:0 var(--space-3);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-subtle);gap:var(--space-2)}.inspector-tabs{display:flex;align-items:center;gap:2px;overflow-x:auto}.inspector-tab{padding:3px 8px;font-size:12px;font-weight:500;font-family:var(--font-sans);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) ease;white-space:nowrap}.inspector-tab:hover{color:var(--text-primary);background-color:var(--surface-hover)}.inspector-tab.active{color:var(--text-primary);background-color:var(--surface-elevated);box-shadow:var(--shadow-sm)}.more-menu-popover{position:absolute;top:44px;right:var(--space-3);background-color:var(--surface-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-1);min-width:200px;z-index:50;display:flex;flex-direction:column;gap:1px}.more-menu-item{display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-3);font-size:13px;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;width:100%;text-align:left;transition:all var(--duration-fast) ease}.more-menu-item:hover{background-color:var(--surface-hover);color:var(--text-primary)}.more-menu-item kbd{margin-left:auto;font-size:10px;font-family:var(--font-mono);color:var(--text-muted)}.inspector-title{font-size:12px;font-weight:600;color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2)}.inspector-body{flex:1;overflow-y:auto;padding:var(--space-3)}.outline-list{display:flex;flex-direction:column;gap:2px}.outline-item{display:flex;align-items:center;padding:4px var(--space-2);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) ease}.outline-item:hover{background-color:var(--surface-hover);color:var(--text-primary)}.outline-item.h1{font-weight:600;color:var(--text-primary)}.outline-item.h2{padding-left:14px}.outline-item.h3{padding-left:24px;font-size:12px}.outline-item.h4{padding-left:34px;font-size:12px;color:var(--text-muted)}.backlink-group{margin-bottom:var(--space-4)}.backlink-source-title{font-size:13px;font-weight:600;color:var(--text-primary);padding:4px var(--space-2);border-radius:var(--radius-sm);cursor:pointer;display:flex;align-items:center;gap:var(--space-2);transition:background var(--duration-fast) ease}.backlink-source-title:hover{background-color:var(--surface-hover)}.backlink-excerpt{font-size:12px;color:var(--text-secondary);padding:4px var(--space-3);margin-left:var(--space-3);border-left:2px solid var(--border-subtle);line-height:1.5}.properties-table{width:100%;display:flex;flex-direction:column;gap:var(--space-1)}.property-row{display:flex;align-items:center;padding:4px var(--space-2);border-radius:var(--radius-sm);font-size:13px;gap:var(--space-2)}.property-row:hover{background-color:var(--surface-hover)}.property-key{width:90px;font-size:12px;color:var(--text-muted);font-weight:500;flex-shrink:0}.property-val{flex:1;color:var(--text-primary)}.ai-drawer{display:flex;flex-direction:column;height:100%;background-color:var(--surface-sidebar)}.ai-message-list{flex:1;overflow-y:auto;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4)}.ai-message{display:flex;flex-direction:column;gap:var(--space-1)}.ai-message-user{align-self:flex-end;max-width:85%;background-color:var(--surface-selected);color:var(--text-primary);padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);font-size:13px}.ai-message-assistant{align-self:flex-start;max-width:95%;color:var(--text-primary);font-size:13px;line-height:1.6}.ai-composer-wrapper{padding:var(--space-3);border-top:1px solid var(--border-subtle);background-color:var(--surface-sidebar)}.ai-composer{background-color:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-2);display:flex;flex-direction:column;gap:var(--space-2);box-shadow:var(--shadow-sm)}.ai-composer:focus-within{border-color:var(--border-focus)}.ai-input{background:transparent;border:none;outline:none;color:var(--text-primary);font-family:var(--font-sans);font-size:13px;resize:none;min-height:48px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000094;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn var(--duration-fast) ease}.modal-dialog{background-color:#1a1e24;border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:0 20px 40px #0009;width:90%;max-width:520px;overflow:hidden;animation:scaleIn var(--duration-normal) var(--ease-standard)}.modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:14px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.modal-body{padding:var(--space-5)}.modal-footer{padding:var(--space-3) var(--space-5);background-color:var(--surface-sidebar);border-top:1px solid var(--border-subtle);display:flex;justify-content:flex-end;gap:var(--space-2)}.command-palette{position:fixed;top:16%;left:50%;transform:translate(-50%);width:90%;max-width:580px;background-color:#1a1e24;border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:0 20px 40px #0009;z-index:110;overflow:hidden;animation:scaleIn var(--duration-normal) var(--ease-standard)}.command-input-wrapper{background-color:#13161a;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;gap:var(--space-3);transition:border-color var(--duration-fast) ease,box-shadow var(--duration-fast) ease}.command-input-wrapper:focus-within{border-bottom-color:var(--border-focus);box-shadow:inset 0 -1px 0 var(--border-focus)}.command-input{flex:1;background:transparent;border:none;outline:none;font-family:var(--font-sans);font-size:15px;color:var(--text-primary)}.command-input:focus-visible{outline:none}.command-list{max-height:340px;overflow-y:auto;padding:var(--space-2)}.command-item{display:flex;align-items:center;justify-content:space-between;padding:8px var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:background var(--duration-fast) ease}.command-item:hover,.command-item.selected{background-color:var(--surface-hover)}.command-item.selected{background-color:var(--surface-selected);color:var(--accent-primary)}.command-item-title{font-size:13px;font-weight:500;color:var(--text-primary)}.command-badge{font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);background-color:var(--surface-sidebar);color:var(--text-muted);font-family:var(--font-mono)}.status-bar{height:24px;min-height:24px;background-color:var(--surface-sidebar);border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-3);font-size:11px;color:var(--text-muted);-webkit-user-select:none;user-select:none}.status-left,.status-right{display:flex;align-items:center;gap:var(--space-4)}.save-status{display:flex;align-items:center;gap:4px}.save-status.saved{color:var(--status-success)}.save-status.saving{color:var(--status-warning)}.save-status.disconnected{color:var(--status-danger)}.save-status.conflict{color:var(--status-danger);font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:translate(-50%,-8px) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.modal-overlay{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#000000bf!important;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex!important;align-items:center!important;justify-content:center!important;z-index:9999!important;animation:fadeIn var(--duration-fast) var(--ease-standard)}.modal-container{background:#1a1e24!important;background-color:#1a1e24!important;border:1px solid var(--border-medium)!important;border-radius:var(--radius-xl)!important;box-shadow:var(--shadow-xl)!important;color:var(--text-primary)!important;position:relative!important;z-index:10000!important;opacity:1!important;animation:scaleIn var(--duration-fast) var(--ease-standard)}.modal-close-btn{position:absolute;top:14px;right:14px;background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:color var(--duration-fast) var(--ease-standard)}.modal-close-btn:hover{color:var(--text-primary)}.welcome-modal-container{max-width:460px;width:90vw;padding:28px;background:#1a1e24!important;background-color:#1a1e24!important;border:1px solid var(--border-medium);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);text-align:center;position:relative}.welcome-modal-content{display:flex;flex-direction:column;align-items:center}.welcome-brand-header{display:flex;flex-direction:column;align-items:center;gap:12px;margin-bottom:14px}.welcome-brand-mark{filter:drop-shadow(0 2px 8px rgba(0,0,0,.4))}.welcome-title{font-size:20px;font-weight:600;color:var(--text-primary)}.welcome-description{font-size:13.5px;line-height:1.55;color:var(--text-secondary);margin-bottom:22px}.welcome-modal-actions{display:flex;flex-direction:column;width:100%;gap:8px;margin-bottom:16px}.welcome-start-btn{width:100%;padding:10px 16px;font-size:14px;font-weight:500;display:flex;align-items:center;justify-content:center;gap:8px}.welcome-skip-btn{width:100%;padding:8px 16px;font-size:13px;justify-content:center}.welcome-helper-text{font-size:11.5px;color:var(--text-muted)}.tour-overlay-root{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9998;pointer-events:none}.tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;-webkit-backdrop-filter:blur(1.5px);backdrop-filter:blur(1.5px);pointer-events:auto;z-index:9998}.tour-spotlight{position:fixed;border-radius:var(--radius-md);box-shadow:0 0 0 9999px #000000a6,0 0 16px #7c6dfa59;border:1.5px solid var(--accent-primary);pointer-events:none;z-index:9998;transition:all var(--duration-normal) var(--ease-standard)}.tour-card{background:var(--surface-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);padding:18px;pointer-events:auto;color:var(--text-primary);animation:fadeIn var(--duration-normal) var(--ease-standard)}.tour-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.tour-badge-row{display:flex;align-items:center;gap:8px}.tour-chapter-name{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary)}.tour-step-counter{font-size:11px;color:var(--text-muted);background:#ffffff0d;padding:2px 6px;border-radius:var(--radius-sm)}.tour-card-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center}.tour-card-close:hover{color:var(--text-primary)}.tour-step-title{font-size:15px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.tour-step-content{font-size:13px;line-height:1.5;color:var(--text-secondary);margin-bottom:12px;white-space:pre-line}.tour-shortcut-pill{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--text-muted);margin-bottom:14px;background:var(--surface-canvas);padding:4px 8px;border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:fit-content}.tour-shortcut-pill kbd{font-family:var(--font-mono);background:#ffffff14;border:1px solid var(--border-subtle);padding:1px 5px;border-radius:3px;color:var(--text-primary);font-size:11px}.tour-card-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-subtle);padding-top:12px;margin-top:6px}.tour-footer-right{display:flex;align-items:center;gap:10px}.tour-skip-link{background:transparent;border:none;color:var(--text-muted);font-size:12px;cursor:pointer;text-decoration:underline;padding:4px 6px}.tour-skip-link:hover{color:var(--text-secondary)}.learn-center-modal-container{width:90vw;max-width:860px;max-height:85vh;padding:24px;display:flex;flex-direction:column;gap:16px;background:#1a1e24!important;background-color:#1a1e24!important;border-radius:var(--radius-xl);border:1px solid var(--border-medium);box-shadow:var(--shadow-xl)}.learn-center-header{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--border-subtle);padding-bottom:14px}.learn-center-brand{display:flex;align-items:center;gap:14px}.learn-center-logo{flex-shrink:0}.learn-center-title{font-size:18px;font-weight:600;color:var(--text-primary)}.learn-center-subtitle{font-size:12.5px;color:var(--text-muted);margin-top:2px}.learn-hero-card{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#7c6dfa1a,#1a1e24cc);border:1px solid var(--accent-primary);border-radius:var(--radius-lg);padding:16px 20px;gap:20px}.learn-hero-badge{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;color:var(--accent-primary);background:#7c6dfa1f;padding:3px 8px;border-radius:var(--radius-full);margin-bottom:6px}.learn-hero-title{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:4px}.learn-hero-desc{font-size:13px;color:var(--text-secondary);line-height:1.45;margin-bottom:10px}.learn-hero-meta{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--text-muted)}.learn-meta-item{display:flex;align-items:center;gap:4px}.learn-completed-badge{display:flex;align-items:center;gap:4px;color:var(--status-success);font-weight:500}.learn-hero-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;white-space:nowrap}.learn-nav-bar{display:flex;justify-content:space-between;align-items:center;padding:4px 0}.learn-category-tabs{display:flex;gap:6px}.learn-tab{background:transparent;border:1px solid var(--border-subtle);color:var(--text-secondary);padding:5px 12px;border-radius:var(--radius-md);font-size:12px;cursor:pointer;transition:all var(--duration-fast) var(--ease-standard)}.learn-tab:hover{background:var(--surface-hover);color:var(--text-primary)}.learn-tab.active{background:var(--accent-soft);border-color:var(--accent-primary);color:var(--text-primary);font-weight:500}.learn-progress-stat{font-size:12px;color:var(--text-muted)}.learn-chapter-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;overflow-y:auto;max-height:380px;padding-right:4px}.learn-chapter-card{background:var(--surface-canvas);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:border-color var(--duration-fast) var(--ease-standard)}.learn-chapter-card:hover{border-color:var(--border-strong)}.learn-chapter-card.completed{border-color:#10b9814d}.learn-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px}.learn-card-title{font-size:13.5px;font-weight:600;color:var(--text-primary);line-height:1.35}.learn-badge-done{display:flex;align-items:center;gap:4px;color:var(--status-success);font-size:11px;font-weight:500;flex-shrink:0}.learn-badge-time{display:flex;align-items:center;gap:4px;color:var(--text-muted);font-size:11px;flex-shrink:0}.learn-card-desc{font-size:12px;color:var(--text-secondary);line-height:1.45}.learn-card-action{width:100%;display:flex;justify-content:space-between;align-items:center;padding:6px 12px;font-size:12px}.learn-center-footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--border-subtle);padding-top:14px}.learn-reset-btn{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px;background:transparent;border:none;cursor:pointer}.learn-reset-btn:hover{color:var(--status-danger)}.shortcuts-modal-container{width:90vw;max-width:560px;background:#1a1e24!important;background-color:#1a1e24!important;border-radius:var(--radius-xl);padding:24px;border:1px solid var(--border-medium);box-shadow:var(--shadow-xl)}.shortcuts-modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-subtle);padding-bottom:12px;margin-bottom:16px}.shortcuts-title-group{display:flex;align-items:center;gap:10px}.shortcuts-title{font-size:17px;font-weight:600;color:var(--text-primary)}.shortcuts-grid{display:flex;flex-direction:column;gap:16px;max-height:60vh;overflow-y:auto;padding-right:4px}.shortcuts-group-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);margin-bottom:8px}.shortcuts-list{display:flex;flex-direction:column;gap:6px}.shortcuts-row{display:flex;justify-content:space-between;align-items:center;padding:6px 8px;border-radius:var(--radius-sm);background:var(--surface-canvas)}.shortcuts-desc{font-size:13px;color:var(--text-secondary)}.shortcuts-key{font-family:var(--font-mono);font-size:11.5px;background:#ffffff14;border:1px solid var(--border-medium);padding:2px 7px;border-radius:var(--radius-sm);color:var(--text-primary)}.shortcuts-modal-footer{display:flex;justify-content:flex-end;border-top:1px solid var(--border-subtle);padding-top:14px;margin-top:16px}