*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-family-base);font-size:var(--font-size-base);line-height:var(--line-height-base);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;overflow:hidden}.app-container{display:flex;flex-direction:column;height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;padding:0 var(--spacing-lg);height:var(--header-height);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.app-brand{display:flex;align-items:center;gap:var(--spacing-sm)}.app-logo{width:24px;height:24px;border-radius:var(--border-radius-sm);flex-shrink:0;object-fit:contain}@media (max-width: 640px){.app-logo{width:20px;height:20px}}.app-title{font-family:var(--font-family-base);font-size:var(--font-size-xl);font-weight:700;letter-spacing:.15em;color:var(--color-text);white-space:nowrap;margin:0}.app-main{position:relative;flex:1;overflow:hidden;transition:margin-left .4s cubic-bezier(.25,.46,.45,.94)}.app-main.navigator-hidden{margin-left:0}.sidebar{display:none}.sidebar.sidebar-hidden{transform:translate(-100%);opacity:0;pointer-events:none}.app-main.sidebar-hidden{margin-left:0}.sidebar-section{margin-bottom:var(--spacing-xl)}.sidebar-section h2{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}#search-input{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background-color:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm)}#search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2c3e501a}.editor-container{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden}.editor{flex:1;display:flex;justify-content:center;align-items:stretch;overflow:hidden;background-color:var(--color-bg);padding:var(--spacing-lg)}.editor-content{width:100%;max-width:var(--editor-max-width);height:100%;padding:var(--spacing-lg);border:1px solid var(--color-border-light);border-radius:var(--border-radius-lg);background-color:var(--color-bg);box-shadow:var(--shadow-sm);transition:border-color var(--transition-fast),max-width var(--transition-base);display:flex;flex-direction:column;gap:var(--spacing-md)}.editor-codemirror{flex:1;font-family:var(--font-family-mono);line-height:var(--line-height-relaxed);color:var(--color-text);overflow:hidden}.doc-title-container{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.doc-title{width:100%;padding:var(--spacing-sm) 0;border:none;background:transparent;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text);text-align:center;font-family:var(--font-family-base);outline:none}.doc-guid-label{display:flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-full);opacity:.8}.doc-guid-text{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.doc-title:focus{background-color:var(--color-bg-secondary);border-radius:var(--border-radius-sm)}.doc-title.readonly{background-color:var(--color-bg-tertiary);color:var(--color-text-secondary);cursor:default;opacity:.7}.doc-title.readonly:focus{background-color:var(--color-bg-tertiary);outline:none}.readonly-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);background-color:var(--readonly-indicator);color:var(--color-text-inverse);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);opacity:.8;margin-left:var(--spacing-sm)}.readonly-indicator:before{content:"🔒";font-size:var(--font-size-xs)}.system-document-indicator{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm);background-color:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);opacity:.9;margin-left:var(--spacing-sm)}.system-document-indicator:before{content:"📖";font-size:var(--font-size-xs)}.editor-content:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.app-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--spacing-lg);height:var(--footer-height);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary);gap:var(--spacing-md)}.footer-left-section{display:flex;align-items:center;gap:var(--spacing-md);justify-self:start}.footer-center-section{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-sm);justify-self:center;max-width:40vw;overflow:hidden}.footer-right-section{display:flex;align-items:center;gap:var(--spacing-md);justify-self:end}.status-item{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);opacity:.9;transition:all var(--transition-fast)}.footer-center-content{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);flex:1;min-width:0;overflow:hidden}.repository-info{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-full);opacity:.9;font-size:var(--font-size-xs);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sync-status-container{display:flex;align-items:center;gap:var(--spacing-md)}.github-sync-indicator{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-full);opacity:.9;font-size:var(--font-size-xs)}.sync-status-icon{font-size:var(--font-size-xs);line-height:1}.command-hint-footer{justify-self:center;font-family:var(--font-family-mono);font-size:var(--font-size-xs);opacity:.7}.noscript-warning{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-bg);color:var(--color-danger);font-size:var(--font-size-lg);padding:var(--spacing-xl);text-align:center}@media (max-width: 768px){.app-title{font-size:var(--font-size-base)}.command-input-container{max-width:200px}.global-command-input{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-sm)}.command-hint{display:none}.app-main{margin-left:0!important}.sidebar{width:90vw;max-width:320px}.editor{padding:var(--spacing-sm)}.editor-content{max-width:100%;padding:var(--spacing-md)}.editor-codemirror{padding:var(--spacing-sm)}.doc-title{font-size:var(--font-size-base)}.app-footer{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);height:auto;min-height:var(--footer-height)}.footer-left-section,.footer-center-section,.footer-right-section{justify-self:center}.footer-left-section,.footer-right-section{flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.status-item{font-size:var(--font-size-xs);padding:2px var(--spacing-xs)}}.notification{position:fixed;bottom:calc(var(--footer-height) + var(--spacing-md));right:var(--spacing-lg);max-width:400px;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);z-index:var(--z-index-toast);opacity:0;transform:translateY(20px);transition:all var(--transition-base);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);white-space:pre-line;word-wrap:break-word}.notification-info{background-color:var(--color-bg);color:var(--color-text);border-color:var(--color-secondary)}.notification-success{background-color:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success)}.notification-warning{background-color:var(--color-warning);color:var(--color-text-inverse);border-color:var(--color-warning)}.notification-error{background-color:var(--color-danger);color:var(--color-text-inverse);border-color:var(--color-danger)}@media (max-width: 768px){.notification{left:var(--spacing-md);right:var(--spacing-md);max-width:none}}[data-theme=dark] .notification-info{background-color:var(--color-bg-secondary);color:var(--color-text);border-color:var(--color-secondary)}@media (max-width: 480px){.editor-content{padding:var(--spacing-sm);font-size:var(--font-size-sm)}.doc-title{font-size:var(--font-size-sm);padding:var(--spacing-xs)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:root{--color-primary: #2c3e50;--color-primary-rgb: 44, 62, 80;--color-primary-dark: #1a252f;--color-primary-light: #34495e;--color-secondary: #3498db;--color-secondary-rgb: 52, 152, 219;--color-secondary-dark: #2980b9;--color-secondary-light: #5dade2;--color-success: #27ae60;--color-warning: #f39c12;--color-danger: #e74c3c;--color-bg: #ffffff;--color-bg-rgb: 255, 255, 255;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #ecf0f1;--color-bg-tertiary-rgb: 236, 240, 241;--color-text: #2c3e50;--color-text-secondary: #7f8c8d;--color-text-inverse: #ffffff;--color-border: #dee2e6;--color-border-rgb: 222, 226, 230;--color-border-light: #e9ecef;--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 2rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-base: 1.5;--line-height-relaxed: 1.75;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--border-radius-sm: .25rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-index-dropdown: 1000;--z-index-modal: 1050;--z-index-popover: 1060;--z-index-tooltip: 1070;--z-index-toast: 1090;--sidebar-width: 280px;--header-height: 60px;--footer-height: 40px;--header-background: var(--color-bg-secondary);--header-text-color: var(--color-text);--header-border-color: var(--color-border);--header-shadow: var(--shadow-sm);--editor-max-width: 65ch;--editor-zoom-level: 1;--codemirror-font-size: 16px;--readonly-background: rgba(0, 0, 0, .02);--readonly-selection: rgba(0, 0, 0, .1);--readonly-gutter-bg: rgba(0, 0, 0, .05);--readonly-indicator: rgba(0, 0, 0, .2)}[data-theme=dark]{--color-primary: #ffffff;--color-primary-dark: #e0e0e0;--color-primary-light: #f5f5f5;--color-bg: #1a1a1a;--color-bg-secondary: #2d2d2d;--color-bg-tertiary: #3a3a3a;--color-text: #e0e0e0;--color-text-secondary: #a0a0a0;--color-text-inverse: #1a1a1a;--color-border: #404040;--color-border-light: #333333;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px -1px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--readonly-background: rgba(255, 255, 255, .03);--readonly-selection: rgba(255, 255, 255, .1);--readonly-gutter-bg: rgba(255, 255, 255, .05);--readonly-indicator: rgba(255, 255, 255, .2)}.navigator{position:fixed;top:var(--header-height, 60px);left:0;width:320px;height:calc(100vh - var(--header-height, 60px) - var(--footer-height, 40px));background:var(--color-bg);border-right:1px solid var(--color-border);z-index:var(--z-index-sidebar, 100);display:flex;flex-direction:column;transform:translate(-100%);transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .3s cubic-bezier(.25,.46,.45,.94),visibility 0s linear .4s;opacity:0;visibility:hidden}.navigator.visible{transform:translate(0);opacity:1;visibility:visible;transition:transform .4s cubic-bezier(.25,.46,.45,.94),opacity .3s cubic-bezier(.25,.46,.45,.94),visibility 0s linear 0s}.navigator.pinned{position:fixed;top:var(--header-height, 60px);left:0;transform:translate(0);opacity:1;visibility:visible;transition:width var(--transition-fast) ease-out}.navigator-header{display:flex;flex-direction:column;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.navigator-tabs{display:flex;align-items:stretch;height:48px;min-width:0;overflow:hidden}.navigator-tab{flex:1;min-width:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm) var(--spacing-xs);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid transparent;white-space:nowrap;overflow:hidden}.navigator-tab:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.navigator-tab.active{background:var(--color-bg);color:var(--color-text);border-bottom-color:var(--color-primary);border-bottom-width:2px}.navigator-tab .tab-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;text-overflow:ellipsis;overflow:hidden}.navigator-pin{padding:var(--spacing-xs);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast);font-size:var(--font-size-sm);width:24px;height:24px;display:flex;align-items:center;justify-content:center}.navigator-pin:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.navigator-pin.active{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.pin-icon{border:1px solid var(--color-border);padding:2px 3px;border-radius:3px;background:transparent;transition:all var(--transition-fast);display:inline-block;font-size:12px}.navigator-pin:hover .pin-icon{background:var(--color-bg-secondary);border-color:var(--color-text-secondary)}.navigator-pin.active .pin-icon{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.navigator-top{display:flex;justify-content:flex-end;padding:var(--spacing-xs);border-bottom:1px solid var(--color-border-light)}.navigator-content{flex:1;position:relative;overflow:hidden}.navigator-panel{position:absolute;inset:0;opacity:0;visibility:hidden;transition:all var(--transition-fast)}.navigator-panel.active{opacity:1;visibility:visible}.navigator-resize-handle{position:absolute;top:0;right:-2px;width:4px;height:100%;background:transparent;cursor:col-resize;z-index:1;transition:background var(--transition-fast)}.navigator-resize-handle:hover,.navigator-resize-handle:active{background:var(--color-primary)}.documents-tab{height:100%;display:flex;flex-direction:column;overflow:hidden;font-size:13px}.documents-header{padding:var(--spacing-sm);border-bottom:1px solid var(--color-border-light);background:var(--color-bg)}.documents-filter{position:relative;margin-bottom:var(--spacing-sm)}.filter-input{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-bg);color:var(--color-text);font-size:12px;transition:border-color var(--transition-fast)}.filter-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.filter-clear{position:absolute;right:var(--spacing-xs);top:50%;transform:translateY(-50%);padding:2px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);transition:all var(--transition-fast)}.filter-clear:hover{background:var(--color-bg-secondary);color:var(--color-text)}.sort-select{width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='%23666' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:32px}.sort-select:hover{border-color:var(--color-border-hover, var(--color-border));background-color:var(--color-bg-hover, var(--color-bg-secondary))}.sort-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-alpha)}.sort-select option{background:var(--color-bg);color:var(--color-text);padding:var(--spacing-xs)}.documents-content{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.documents-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.documents-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.recent-group{border-bottom:1px solid var(--color-border-light);padding-bottom:0;margin-bottom:0;position:relative}.recent-separator{height:8px;background:transparent;cursor:row-resize;display:flex;align-items:center;justify-content:center;transition:background var(--transition-fast);margin:2px 0;position:relative;padding:2px 0}.recent-separator:hover{background:rgba(var(--color-border-rgb, 200, 200, 200),.1)}.separator-handle{width:24px;height:1px;background:var(--color-border-light);border-radius:1px;opacity:.4;transition:all var(--transition-fast)}.recent-separator:hover .separator-handle{opacity:.8;height:2px;background:var(--color-text-secondary)}.group-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0 2px 0;border-bottom:1px solid var(--color-border-light)}.group-title{font-size:10px;font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.group-count{font-size:var(--font-size-xs);background:var(--color-bg-tertiary);color:var(--color-text-secondary);padding:2px 6px;border-radius:var(--border-radius-full);min-width:20px;text-align:center}.group-items{display:flex;flex-direction:column;gap:var(--spacing-xs)}.document-item{padding:var(--spacing-sm);border-radius:var(--border-radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--transition-fast)}.document-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-border)}.document-item.selected{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.document-item.recent-item{background:rgba(var(--color-success-rgb, 76, 175, 80),.05)}.document-main{display:flex;flex-direction:column;gap:var(--spacing-xs)}.document-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.document-title-row{display:flex;align-items:center;gap:var(--spacing-xs);flex:1}.document-title{font-weight:var(--font-weight-medium);color:var(--color-text);line-height:var(--line-height-tight);word-break:break-word;flex:1;font-size:13px}.document-actions{display:flex;align-items:center;gap:var(--spacing-xs);opacity:0;transition:opacity var(--transition-fast)}.document-item:hover .document-actions{opacity:1}.document-item:focus-within .document-actions{opacity:1}.sync-status-indicator{display:flex;align-items:center;gap:4px;padding:2px 6px;border-radius:var(--border-radius-sm);font-size:10px;font-weight:var(--font-weight-medium);transition:all var(--transition-fast)}.sync-status-indicator.synced{background:rgba(var(--color-success-rgb, 76, 175, 80),.1);color:var(--color-success, #4caf50);border:1px solid rgba(var(--color-success-rgb, 76, 175, 80),.2)}.sync-status-indicator.out-of-sync{background:rgba(var(--color-warning-rgb, 255, 193, 7),.1);color:var(--color-warning, #ffc107);border:1px solid rgba(var(--color-warning-rgb, 255, 193, 7),.2)}.sync-status-indicator.local-only{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger);border:1px solid rgba(var(--color-danger-rgb),.2)}.sync-status-indicator.conflicts{background:rgba(var(--color-purple-rgb, 156, 39, 176),.1);color:var(--color-purple, #9c27b0);border:1px solid rgba(var(--color-purple-rgb, 156, 39, 176),.2)}.sync-icon{font-size:8px}.sync-text{font-size:9px;letter-spacing:.02em}.git-actions{display:flex;gap:2px}.git-action-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:transparent;border-radius:var(--border-radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-size:10px}.git-action-btn:hover{background:var(--color-bg-secondary);color:var(--color-text);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.git-action-btn:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.git-action-btn:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary-alpha)}.action-icon{pointer-events:none;user-select:none}.git-action-btn[data-action=save]{position:relative}.git-action-btn[data-action=save]:hover{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.sync-status-indicator.clickable{cursor:pointer;transition:all var(--transition-fast);border-radius:var(--border-radius-sm);padding:2px 4px;margin:-2px -4px}.sync-status-indicator.clickable:hover{background:rgba(var(--color-warning-rgb, 255, 193, 7),.1);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.sync-status-indicator.clickable:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.document-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs);font-size:10px}.document-meta-left,.document-meta-right{display:flex;align-items:center;gap:var(--spacing-xs)}.word-count{color:var(--color-text-secondary);font-size:9px;background:var(--color-bg-tertiary);padding:1px 4px;border-radius:var(--border-radius-sm)}.sync-details{display:flex;justify-content:space-between;align-items:center;font-size:9px;color:var(--color-text-secondary);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border-light);opacity:0;transition:opacity var(--transition-fast)}.document-item:hover .sync-details,.document-item.selected .sync-details{opacity:1}.conflict-count{color:var(--color-danger);font-weight:var(--font-weight-medium)}.document-indicator{display:inline-flex;align-items:center;font-size:var(--font-size-xs);opacity:.8;margin-left:var(--spacing-xs)}.document-indicator.system-indicator{color:var(--color-primary)}.document-indicator.readonly-indicator{color:var(--color-text-secondary)}.document-sync-status{font-size:8px;line-height:1;flex-shrink:0;opacity:.5;transition:opacity .2s ease}.document-item:hover .document-sync-status{opacity:.9}.document-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs)}.document-time{font-size:10px;color:var(--color-text-secondary);white-space:nowrap}.document-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.doc-tag{font-size:9px;background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:1px 4px;border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light)}.doc-tag-more{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.empty-state,.search-welcome,.search-no-results,.outline-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary);height:100%}.empty-icon,.welcome-icon,.no-results-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);opacity:.6}.empty-state p,.search-welcome p,.outline-empty p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-base)}.empty-state small,.search-welcome small,.outline-empty small{font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.empty-state kbd{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:2px 6px;font-size:.85em;font-family:var(--font-family-mono)}.outline-tab{height:100%;display:flex;flex-direction:column;overflow:hidden}.outline-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm);border-bottom:1px solid var(--color-border-light);background:var(--color-bg)}.outline-info{display:flex;flex-direction:column;gap:2px}.outline-title{font-size:12px;font-weight:var(--font-weight-semibold);color:var(--color-text)}.outline-count{font-size:10px;color:var(--color-text-secondary)}.outline-content{flex:1;overflow-y:auto;padding:var(--spacing-sm)}.outline-tree{display:flex;flex-direction:column}.outline-item{position:relative;margin:1px 0}.outline-item-content{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--border-radius-sm);cursor:pointer;transition:all var(--transition-fast)}.outline-item-content:hover{background:var(--color-bg-tertiary)}.outline-item.selected .outline-item-content{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.outline-level-indicator{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:2px 4px;border-radius:var(--border-radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);min-width:24px;text-align:center}.outline-level-indicator.level-1{background:rgba(var(--color-primary-rgb),.1);color:var(--color-primary)}.outline-level-indicator.level-2{background:rgba(var(--color-success-rgb, 76, 175, 80),.1);color:var(--color-success, #4caf50)}.outline-level-indicator.level-3{background:rgba(var(--color-warning-rgb, 255, 193, 7),.1);color:var(--color-warning, #ffc107)}.outline-level-indicator.level-4{background:rgba(var(--color-info-rgb, 33, 150, 243),.1);color:var(--color-info, #2196f3)}.outline-level-indicator.level-5{background:rgba(var(--color-purple-rgb, 156, 39, 176),.1);color:var(--color-purple, #9c27b0)}.outline-level-indicator.level-6{background:rgba(var(--color-danger-rgb),.1);color:var(--color-danger)}.outline-text{flex:1;font-size:12px;line-height:var(--line-height-tight);word-break:break-word}.outline-line{font-size:9px;color:var(--color-text-secondary);opacity:.6}.search-tab{height:100%;display:flex;flex-direction:column;overflow:hidden}.search-header{padding:var(--spacing-sm);border-bottom:1px solid var(--color-border-light);background:var(--color-bg)}.search-input-group{position:relative;margin-bottom:var(--spacing-sm)}.search-input{width:100%;padding:var(--spacing-xs) 40px var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-bg);color:var(--color-text);font-size:12px;transition:border-color var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.2)}.search-button,.search-stop{position:absolute;right:var(--spacing-xs);top:50%;transform:translateY(-50%);padding:var(--spacing-xs);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--border-radius-sm);transition:all var(--transition-fast)}.search-button:hover,.search-stop:hover{background:var(--color-bg-secondary);color:var(--color-text)}.search-options{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.search-option{display:flex;align-items:center;gap:var(--spacing-xs);font-size:10px;color:var(--color-text-secondary);cursor:pointer}.search-progress{padding:var(--spacing-sm);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.progress-bar{width:100%;height:4px;background:var(--color-border);border-radius:var(--border-radius-full);overflow:hidden;margin-bottom:var(--spacing-xs)}.progress-fill{height:100%;background:var(--color-primary);transition:width var(--transition-fast)}.progress-text{display:flex;justify-content:space-between;align-items:center;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.search-content{flex:1;overflow-y:auto;position:relative}.search-results-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-border-light);background:transparent}.results-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.clear-results{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);cursor:pointer;transition:all var(--transition-fast)}.clear-results:hover{background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.search-results-list{padding:var(--spacing-xs);display:flex;flex-direction:column;gap:var(--spacing-xs)}.search-result-item{padding:var(--spacing-sm);border-radius:var(--border-radius-md);border:1px solid transparent;background:transparent;cursor:pointer;transition:all var(--transition-fast)}.search-result-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-border)}.search-result-item.selected{background:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xs)}.result-title{font-weight:var(--font-weight-medium);color:var(--color-text);line-height:var(--line-height-tight);flex:1;font-size:12px}.result-meta{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.result-snippet{margin-bottom:var(--spacing-xs);padding:var(--spacing-xs);background:transparent;border-radius:var(--border-radius-sm);border-left:2px solid var(--color-border-light)}.snippet-line,.snippet-field{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);margin-right:var(--spacing-xs)}.snippet-text{font-size:var(--font-size-xs);line-height:var(--line-height-base);color:var(--color-text-secondary)}.snippet-text mark{background:rgba(var(--color-primary-rgb),.15);color:var(--color-text);padding:0 2px;border-radius:2px;font-weight:var(--font-weight-medium)}.result-more{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic;margin-top:var(--spacing-xs)}.virtual-scrolling-container{overflow:hidden;position:relative}.virtual-scrolling-content{position:relative;will-change:transform}.documents-content{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.documents-content::-webkit-scrollbar{width:6px}.documents-content::-webkit-scrollbar-track{background:transparent}.documents-content::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.documents-content::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-secondary);height:100%}.error-state,.search-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-danger);height:100%}@media (max-width: 768px){.navigator{width:90vw;max-width:320px}.navigator-tab .tab-label{font-size:var(--font-size-xs)}.outline-line,.search-options{display:none}}[data-theme=dark] .sort-select{background-image:url("data:image/svg+xml;utf8,<svg fill='%23aaa' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>")}[data-theme=fantasy] .sort-select{background-image:url("data:image/svg+xml;utf8,<svg fill='%23b695bf' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>")}@media (max-width: 480px){.navigator{width:100vw;max-width:none}.group-count,.result-meta{display:none}}@media (prefers-contrast: high){.navigator{border-width:2px}.navigator-tab.active{border-bottom-width:2px}.document-item.selected,.outline-item.selected .outline-item-content,.search-result-item.selected{border-width:2px}}@media (prefers-reduced-motion: reduce){.navigator,.navigator-tab,.document-item,.outline-item-content,.search-result-item{transition:none}.loading-spinner{animation:none}}.file-tree{height:100%;overflow-y:auto;font-size:var(--font-size-sm);outline:none}.file-tree:focus{box-shadow:inset 0 0 0 2px rgba(var(--color-primary-rgb),.3);border-radius:var(--border-radius-md)}.file-tree-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.loading-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--spacing-sm)}.file-tree-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.empty-icon{font-size:2.5rem;margin-bottom:var(--spacing-md);opacity:.6}.file-tree-empty p{margin:0 0 var(--spacing-sm) 0;font-size:var(--font-size-base)}.file-tree-empty small{font-size:var(--font-size-xs);line-height:var(--line-height-relaxed)}.file-tree-empty kbd{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);padding:2px 6px;font-size:.85em;font-family:var(--font-family-mono)}.file-tree-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);text-align:center;color:var(--color-danger)}.error-icon{font-size:2rem;margin-bottom:var(--spacing-md)}.retry-btn{margin-top:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--border-radius-md);cursor:pointer;font-size:var(--font-size-sm);transition:all var(--transition-fast)}.retry-btn:hover{opacity:.9;transform:translateY(-1px)}.file-tree-group{margin-bottom:var(--spacing-lg)}.file-tree-group-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border-light);margin-bottom:var(--spacing-sm)}.group-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.group-count{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--border-radius-full);min-width:20px;text-align:center}.file-tree-item{padding:var(--spacing-sm);margin-bottom:var(--spacing-xs);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.file-tree-item:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border)}.file-tree-item.selected{background-color:rgba(var(--color-primary-rgb),.1);border-color:var(--color-primary)}.file-item-main{display:flex;flex-direction:column;gap:var(--spacing-xs)}.file-item-title{font-weight:var(--font-weight-medium);color:var(--color-text);line-height:var(--line-height-tight);word-break:break-word}.file-item-meta{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-xs)}.file-item-time{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.file-item-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.file-tag{font-size:var(--font-size-xs);background:var(--color-bg-secondary);color:var(--color-text-secondary);padding:2px 6px;border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light)}.file-tag-more{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.file-item-excerpt{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-base);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs);border-top:1px solid var(--color-border-light)}@media (max-width: 768px){.file-tree{font-size:var(--font-size-xs)}.file-tree-item{padding:var(--spacing-xs)}.file-item-tags{display:none}}[data-theme=dark] .file-tree-item.selected{background-color:rgba(var(--color-primary-rgb),.15)}[data-theme=dark] .loading-spinner{border-color:var(--color-border);border-top-color:var(--color-primary)}[data-theme=fantasy] .file-tree-item.selected{background-color:#ff6f001a;border-color:var(--color-secondary)}[data-theme=fantasy] .group-title{color:var(--color-secondary)}[data-theme=fantasy] .loading-spinner{border-top-color:var(--color-secondary)}[data-theme=fantasy] .retry-btn{background:var(--color-secondary)}#search-results{margin-top:var(--spacing-md);max-height:400px;overflow-y:auto}.search-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.search-loading:before{content:"";width:16px;height:16px;border:2px solid var(--color-border);border-top:2px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-right:var(--spacing-sm)}.search-empty{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);text-align:center;color:var(--color-text-secondary)}.search-empty .empty-icon{font-size:2rem;opacity:.6;margin-bottom:var(--spacing-sm)}.search-empty p{margin:0;font-size:var(--font-size-sm)}.search-error{padding:var(--spacing-md);background-color:rgba(var(--color-danger-rgb, 231, 76, 60),.1);border:1px solid var(--color-danger);border-radius:var(--border-radius-md);color:var(--color-danger);text-align:center}.search-results-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.search-result-item{padding:var(--spacing-sm);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);cursor:pointer;transition:all var(--transition-fast);background-color:var(--color-bg)}.search-result-item:hover,.search-result-item.selected{background-color:var(--color-bg-tertiary);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.search-result-item.selected{border-width:2px}.search-result-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-xs)}.search-result-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin:0;line-height:var(--line-height-tight);flex:1;margin-right:var(--spacing-sm)}.search-result-meta{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.search-result-snippet{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-base);margin-bottom:var(--spacing-xs);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-result-snippet mark{background-color:rgba(var(--color-primary-rgb),.2);color:var(--color-primary);padding:1px 2px;border-radius:2px;font-weight:var(--font-weight-medium)}.search-result-tags{display:flex;gap:var(--spacing-xs);flex-wrap:wrap}.search-tag{font-size:var(--font-size-xs);background-color:var(--color-bg-secondary);color:var(--color-text-secondary);padding:2px 6px;border-radius:var(--border-radius-sm);border:1px solid var(--color-border-light)}@media (max-width: 768px){#search-results{max-height:300px}.search-result-item{padding:var(--spacing-xs)}.search-result-title{font-size:var(--font-size-xs)}.search-result-tags{display:none}}[data-theme=dark] .search-result-snippet mark{background-color:rgba(var(--color-primary-rgb),.3)}[data-theme=dark] .search-result-item:hover{background-color:var(--color-bg-secondary)}[data-theme=fantasy] .search-result-snippet mark{background-color:#ff6f0033;color:var(--color-secondary)}[data-theme=fantasy] .search-result-item:hover{border-color:var(--color-secondary)}[data-theme=fantasy] .search-loading:before{border-top-color:var(--color-secondary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.github-auth-container{display:flex;align-items:center;position:relative}.github-signin-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;transition:all var(--transition-fast)}.github-signin-btn:hover{color:var(--color-text);border-color:var(--color-primary);background-color:var(--color-bg-tertiary)}.github-signin-btn:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.github-signin-btn:active{transform:translateY(1px)}.github-icon{flex-shrink:0;opacity:.8}.github-signin-text{font-weight:var(--font-weight-medium)}.github-user-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;color:var(--color-text);border:1px solid transparent;border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;transition:all var(--transition-fast);max-width:200px}.github-user-btn:hover{background-color:var(--color-bg-tertiary);border-color:var(--color-border)}.github-user-btn:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.github-user-btn:active{transform:translateY(1px)}.github-avatar{flex-shrink:0;width:24px;height:24px;border-radius:var(--border-radius-full);border:1px solid var(--color-border);object-fit:cover}.github-username{font-weight:var(--font-weight-medium);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.github-dropdown-icon{flex-shrink:0;opacity:.6;transition:transform var(--transition-fast),opacity var(--transition-fast)}.github-user-btn:hover .github-dropdown-icon{opacity:.8}@media (max-width: 768px){.github-signin-btn{padding:var(--spacing-xs) var(--spacing-sm)}.github-signin-text{display:none}.github-user-btn{max-width:120px}.github-username{max-width:80px}}@media (max-width: 480px){.github-user-btn{max-width:100px}.github-username{max-width:60px}}[data-theme=dark] .github-avatar{border-color:var(--color-border)}[data-theme=dark] .github-signin-btn:hover,[data-theme=dark] .github-user-btn:hover{background-color:var(--color-bg-tertiary)}.github-menu-overlay{position:fixed;inset:0;background:transparent;z-index:var(--z-index-dropdown)}.github-user-menu{position:fixed;z-index:calc(var(--z-index-dropdown) + 1);width:280px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);opacity:0;transform:translateY(-8px);transition:all var(--transition-fast);overflow:hidden}.github-menu-header{padding:var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.github-menu-user{display:flex;align-items:center;gap:var(--spacing-md)}.github-menu-avatar{width:32px;height:32px;border-radius:var(--border-radius-full);border:1px solid var(--color-border);object-fit:cover}.github-menu-user-info{flex:1;min-width:0}.github-menu-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text);margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.github-menu-login{font-size:var(--font-size-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.github-menu-divider{height:1px;background:var(--color-border);margin:0}.github-menu-item{display:block;width:100%;padding:var(--spacing-md);background:transparent;border:none;text-align:left;font-family:inherit;cursor:default;transition:background-color var(--transition-fast)}.github-menu-item.github-menu-action{cursor:pointer;display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text)}.github-menu-item.github-menu-action:hover{background-color:var(--color-bg-tertiary)}.github-menu-item.github-menu-action:focus{outline:none;background-color:var(--color-bg-tertiary)}.github-menu-item.github-menu-action:active{background-color:var(--color-border)}.github-menu-repo{cursor:default}.github-menu-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.github-menu-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);font-family:var(--font-family-mono);word-break:break-all}.github-menu-value-inactive{color:var(--color-text-secondary);font-style:italic;font-family:inherit}.github-menu-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs);opacity:.8}.github-menu-icon{flex-shrink:0;opacity:.7}.github-menu-action:hover .github-menu-icon{opacity:.9}.github-menu-action span{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.github-menu-action[data-action=signout]{color:var(--color-danger)}.github-menu-action[data-action=signout]:hover{background-color:#e74c3c1a}.github-menu-action[data-action=signout] .github-menu-icon{opacity:.8}[data-theme=dark] .github-user-menu{background:var(--color-bg-secondary);border-color:var(--color-border);box-shadow:var(--shadow-xl)}[data-theme=dark] .github-menu-header{background:var(--color-bg-tertiary)}[data-theme=dark] .github-menu-avatar{border-color:var(--color-border)}[data-theme=dark] .github-menu-action:hover{background-color:var(--color-bg)}[data-theme=dark] .github-menu-action[data-action=signout]:hover{background-color:#e74c3c33}@media (max-width: 768px){.github-user-menu{width:260px}}@media (max-width: 480px){.github-user-menu{width:calc(100vw - 32px);left:16px!important;right:16px}}.github-user-menu[data-state=entering]{opacity:0;transform:translateY(-8px)}.github-user-menu[data-state=entered]{opacity:1;transform:translateY(0)}.github-user-menu[data-state=exiting]{opacity:0;transform:translateY(-8px)}.auth-container{position:relative}.auth-signin-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;font-family:var(--font-family-base)}.auth-signin-btn:hover{background:var(--color-secondary);color:var(--color-text-inverse);border-color:var(--color-secondary);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-secondary-rgb),.3)}.auth-signin-btn:focus{outline:2px solid var(--color-secondary);outline-offset:2px}.auth-signin-btn:active{transform:translateY(0);box-shadow:0 1px 4px rgba(var(--color-secondary-rgb),.3)}.auth-signin-btn.single-provider{background:var(--color-bg-primary);color:var(--color-text);border-color:var(--color-border)}.auth-signin-btn.single-provider:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover)}.auth-signin-btn.multi-provider .auth-dropdown-icon{opacity:.7;transition:all .2s ease}.auth-signin-btn.multi-provider:hover .auth-dropdown-icon{opacity:1;transform:rotate(180deg)}.auth-user-btn{display:flex;align-items:center;gap:8px;padding:6px 12px 6px 6px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:6px;color:var(--color-text);font-size:.9rem;cursor:pointer;transition:all .2s ease;min-width:0;font-family:var(--font-family-base)}.auth-user-btn:hover{background:var(--color-bg);border-color:var(--color-secondary);transform:translateY(-1px);box-shadow:0 2px 8px rgba(var(--color-secondary-rgb),.15)}.auth-user-btn:focus{outline:2px solid var(--color-secondary);outline-offset:2px}.auth-avatar{width:24px;height:24px;border-radius:4px;flex-shrink:0}.auth-avatar-placeholder{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-avatar-placeholder svg{width:14px;height:14px;fill:#fff}.auth-username{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.auth-provider-badge{width:18px;height:18px;border-radius:3px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-provider-badge svg{width:10px;height:10px;fill:#fff}.auth-dropdown-icon{opacity:.6;transition:all .2s ease;flex-shrink:0}.auth-user-btn:hover .auth-dropdown-icon{opacity:1}.auth-no-providers{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#fef3cd;border:1px solid #ffeaa7;border-radius:6px;color:#856404;font-size:.85rem}.auth-warning-icon{flex-shrink:0;opacity:.8}.auth-warning-text{font-weight:500}.auth-error-toast{position:fixed;top:20px;right:20px;background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:6px;padding:12px 16px;font-size:.9rem;max-width:400px;z-index:10001;transform:translate(100%);opacity:0;transition:all .3s ease;box-shadow:0 4px 12px #00000026}.auth-error-toast.visible{transform:translate(0);opacity:1}.auth-generic-icon,.auth-signin-btn svg:first-child{flex-shrink:0}[data-theme=dark] .auth-no-providers{background:#3d3015;border-color:#5a4a1f;color:#f4e5a1}[data-theme=dark] .auth-error-toast{background:#2d1b1e;color:#ff6b6b;border-color:#5d2a2a}@media (max-width: 768px){.auth-username{max-width:120px}.auth-signin-text{display:none}.auth-signin-btn.single-provider .auth-signin-text,.auth-signin-btn.multi-provider .auth-signin-text{display:inline;max-width:100px;overflow:hidden;text-overflow:ellipsis}}@media (max-width: 480px){.auth-container{font-size:.85rem}.auth-signin-btn,.auth-user-btn{padding:6px 10px;gap:6px}.auth-avatar,.auth-avatar-placeholder{width:20px;height:20px}.auth-provider-badge{width:16px;height:16px}.auth-provider-badge svg{width:8px;height:8px}.auth-username{max-width:80px}.auth-error-toast{top:16px;right:16px;left:16px;max-width:none}}.provider-selector-overlay{position:fixed;inset:0;background:#000c;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px}.provider-selector-modal{background:var(--color-bg);border-radius:12px;border:1px solid var(--color-border);max-width:480px;width:100%;max-height:90vh;overflow:auto;box-shadow:0 20px 40px #0000004d}.provider-selector-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 16px;border-bottom:1px solid var(--color-border)}.provider-selector-header h2{margin:0;color:var(--color-text);font-size:1.5rem;font-weight:600;font-family:var(--font-family-base)}.provider-selector-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:4px;line-height:1;transition:color .2s ease}.provider-selector-close:hover{color:var(--text-primary)}.provider-selector-content{padding:24px}.provider-list{display:flex;flex-direction:column;gap:12px}.provider-button{display:flex;align-items:center;gap:16px;width:100%;padding:16px;border:1px solid var(--border-color);border-radius:8px;background:var(--bg-secondary);cursor:pointer;transition:all .2s ease;text-align:left}.provider-button:hover{border-color:var(--accent-color);background:var(--bg-primary);transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.provider-button:focus{outline:2px solid var(--accent-color);outline-offset:2px}.provider-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.provider-icon{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.provider-info{flex:1}.provider-name{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin-bottom:4px}.provider-description{font-size:.9rem;color:var(--text-secondary)}.custom-provider-form{animation:slideIn .2s ease}.custom-provider-form h3{margin:0 0 20px;color:var(--text-primary);font-size:1.25rem;font-weight:600}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.9rem;font-weight:600;color:var(--text-primary);margin-bottom:8px}.form-group input,.form-group select{width:100%;padding:12px;border:1px solid var(--border-color);border-radius:6px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(var(--accent-color-rgb),.1)}.form-group input::placeholder{color:var(--text-tertiary)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-primary,.btn-secondary{padding:12px 20px;border:none;border-radius:6px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}.btn-primary{background:var(--accent-color);color:#fff}.btn-primary:hover{background:var(--accent-color-hover);transform:translateY(-1px)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary:hover{background:var(--bg-primary);border-color:var(--accent-color)}.btn-primary:disabled,.btn-secondary:disabled{opacity:.6;cursor:not-allowed;transform:none}.provider-selector-footer{padding:16px 24px;border-top:1px solid var(--border-color);background:var(--bg-secondary);border-radius:0 0 12px 12px}.provider-selector-footer p{margin:0;font-size:.8rem;color:var(--text-tertiary);line-height:1.4}.error-message{background:#fee;border:1px solid #fcc;color:#c33;padding:12px 16px;border-radius:6px;margin:0 24px 16px;font-size:.9rem}.provider-selector-overlay.loading{cursor:wait}.provider-selector-overlay.loading .provider-selector-modal{opacity:.8}body.provider-selector-open{overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}[data-theme=dark] .error-message{background:#4a1a1a;border-color:#8b1e1e;color:#ff6b6b}@media (max-width: 600px){.provider-selector-overlay{padding:16px}.provider-selector-modal{max-height:95vh}.provider-selector-header,.provider-selector-content,.provider-selector-footer{padding-left:16px;padding-right:16px}.provider-button{padding:12px}.provider-icon{width:40px;height:40px}.provider-name{font-size:1rem}.provider-description{font-size:.85rem}.form-actions{flex-direction:column;gap:8px}.btn-primary,.btn-secondary{width:100%}}.command-bar-trigger{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md);font-size:var(--font-size-sm);font-family:inherit;cursor:pointer;transition:all var(--transition-fast);position:absolute;left:50%;transform:translate(-50%);white-space:nowrap;min-width:65ch;justify-content:center}.command-bar-trigger:hover{color:var(--color-text);border-color:var(--color-primary);background-color:var(--color-bg-tertiary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.command-bar-trigger:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.command-bar-trigger:active{transform:translate(-50%) translateY(1px)}.command-bar-trigger__text{font-weight:var(--font-weight-medium)}.command-bar-trigger__shortcut{font-size:11px;font-family:var(--font-family-mono);color:var(--color-text-tertiary);opacity:.7;font-weight:400;background:var(--color-bg-tertiary);padding:2px 6px;border-radius:3px;border:1px solid var(--color-border)}@media (max-width: 768px){.command-bar-trigger{padding:var(--spacing-xs) var(--spacing-sm);min-width:auto;width:auto}.command-bar-trigger__shortcut{display:none}}@media (max-width: 640px){.command-bar-trigger{padding:var(--spacing-xs) var(--spacing-sm)}}.command-bar-trigger:focus-visible{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb),.1)}.command-bar-trigger:hover .command-bar-trigger__shortcut{opacity:1;background:var(--color-bg);border-color:var(--color-primary)}.status-bar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 var(--spacing-lg);height:var(--footer-height);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text-secondary);gap:var(--spacing-md)}.status-bar-left{display:flex;align-items:center;gap:var(--spacing-md);justify-self:start}.status-bar-center{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);justify-self:center}.status-bar-right{display:flex;align-items:center;gap:var(--spacing-md);justify-self:end}.status-item{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);opacity:.9;transition:all var(--transition-fast);white-space:nowrap}.status-item.clickable{cursor:pointer;user-select:none}.status-item.clickable:hover{background-color:var(--color-bg);border-color:var(--color-primary);color:var(--color-text);opacity:1;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.status-item.clickable:active{transform:translateY(0);box-shadow:none}.status-item.clickable:focus{outline:2px solid var(--color-primary);outline-offset:2px}.status-item.word-count,.status-item.editor-width,.status-item.editor-zoom,.status-item.text-format{background-color:var(--color-bg-tertiary);border-color:var(--color-border)}.status-item.app-version{background-color:var(--color-bg-tertiary);border-color:var(--color-border);opacity:.7}.repository-info{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-full);opacity:.9;font-size:var(--font-size-xs)}.repo-name{font-size:var(--font-size-xs);font-family:var(--font-family-mono);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.sync-status-container{display:flex;align-items:center}.status-item.sync-status{display:flex;align-items:center;gap:var(--spacing-xs);font-weight:var(--font-weight-semibold);font-size:var(--font-size-xs);opacity:1;border-width:1px;transition:all var(--transition-fast)}.sync-status-icon{font-size:var(--font-size-sm);line-height:1;flex-shrink:0}.sync-status-text{font-family:var(--font-family-mono);font-weight:var(--font-weight-semibold);white-space:nowrap}.status-item.sync-status.synced{background-color:rgba(var(--color-success-rgb),.1);border-color:rgba(var(--color-success-rgb),.3);color:var(--color-success)}.status-item.sync-status.out-of-sync{background-color:rgba(var(--color-warning-rgb),.1);border-color:rgba(var(--color-warning-rgb),.3);color:var(--color-warning);cursor:pointer;transition:all var(--transition-fast)}.status-item.sync-status.out-of-sync:hover{background-color:rgba(var(--color-warning-rgb),.2);border-color:rgba(var(--color-warning-rgb),.5);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.status-item.sync-status.local-only{background-color:rgba(var(--color-danger-rgb),.1);border-color:rgba(var(--color-danger-rgb),.3);color:var(--color-danger)}.status-item.app-version{opacity:.6;font-weight:var(--font-weight-normal);margin-left:var(--spacing-md)}.readonly-status-indicator{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--border-radius-full);font-size:var(--font-size-xs);opacity:.9}.readonly-status-indicator .status-icon{font-size:var(--font-size-xs);line-height:1}.readonly-status-indicator .status-text{font-family:var(--font-family-mono);color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}[data-theme=dark] .status-item{background-color:var(--color-bg-tertiary);border-color:var(--color-border)}[data-theme=dark] .status-item.clickable:hover{background-color:var(--color-bg);border-color:var(--color-primary)}[data-theme=fantasy] .status-item{background-color:var(--color-bg-tertiary);border-color:var(--color-border)}[data-theme=fantasy] .status-item.clickable:hover{background-color:var(--color-bg);border-color:var(--color-primary);box-shadow:var(--shadow-md)}@media (max-width: 768px){.app-footer{grid-template-columns:1fr;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);height:auto;min-height:var(--footer-height)}.footer-left-section,.footer-center-section,.footer-right-section{justify-self:center}.footer-left-section,.footer-right-section{flex-wrap:wrap;justify-content:center;gap:var(--spacing-sm)}.status-item.sync-status{order:-1;font-weight:var(--font-weight-semibold)}.status-item.app-version{margin-left:0;order:1}.status-item{font-size:var(--font-size-xs);padding:2px var(--spacing-xs)}}@media (max-width: 480px){.app-footer{padding:var(--spacing-xs) var(--spacing-sm)}.status-item{font-size:var(--font-size-xs);padding:1px var(--spacing-xs)}.footer-left-section,.footer-right-section{gap:var(--spacing-xs)}}@media (prefers-contrast: high){.status-item{border-width:2px;background-color:var(--color-bg)}.status-item.clickable:focus{outline-width:3px;outline-offset:1px}}@media (prefers-reduced-motion: reduce){.status-item{transition:none}.status-item.clickable:hover{transform:none}}[data-theme=light]{--primary-color: #2d1b69;--secondary-color: #8b5a5a;--accent-color: #007bff;--color-primary: #007bff;--color-primary-rgb: 0, 123, 255;--color-secondary: #8b5a5a;--color-secondary-rgb: 139, 90, 90;--color-bg: #ffffff;--color-bg-secondary: #f8f9fa;--color-bg-tertiary: #e9ecef;--color-bg-tertiary-rgb: 233, 236, 239;--color-text: #212529;--color-text-secondary: #6c757d;--color-text-tertiary: #868e96;--color-text-inverse: #ffffff;--color-border: #dee2e6;--color-border-rgb: 222, 226, 230;--color-border-light: #f1f3f4;--background-color: #ffffff;--surface-color: #f8f9fa;--surface-hover: #e9ecef;--text-color: #212529;--text-secondary: #6c757d;--text-muted: #868e96;--border-color: #dee2e6;--border-light: #f1f3f4;--border-dark: #adb5bd;--header-background: #f8f9fa;--header-text-color: #212529;--header-border-color: #dee2e6;--header-shadow: 0 2px 4px rgba(0, 0, 0, .1);--success-color: #28a745;--warning-color: #ffc107;--error-color: #dc3545;--info-color: #17a2b8;--shadow: 0 2px 4px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--editor-background: #ffffff;--editor-gutter: #f8f9fa;--editor-selection: rgba(0, 123, 255, .1);--editor-cursor: var(--text-color);--editor-line-number: var(--text-secondary);--code-keyword: #d73a49;--code-string: #032f62;--code-comment: #6a737d;--code-number: #005cc5;--code-operator: #d73a49;--code-function: #6f42c1;--code-variable: #e36209;--markdown-heading: var(--primary-color);--markdown-link: var(--accent-color);--markdown-emphasis: var(--text-color);--markdown-strong: var(--text-color);--markdown-code: #e83e8c;--markdown-quote: var(--text-secondary);--markdown-hr: var(--border-color)}[data-theme=light] .app-header{background-color:var(--surface-color);box-shadow:var(--shadow)}[data-theme=light] .sidebar,[data-theme=light] .gutenberg-panel{background-color:var(--surface-color)}[data-theme=light] .editor-container{background-color:var(--background-color)}[data-theme=light] button:hover{background-color:var(--surface-hover)}[data-theme=light] input:focus,[data-theme=light] textarea:focus{box-shadow:0 0 0 2px #007bff40}[data-theme=light] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=light] ::-webkit-scrollbar-track{background:var(--surface-color)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}[data-theme=light] ::selection{background-color:#007bff33;color:var(--text-color)}[data-theme=light] *:focus{outline-color:var(--accent-color)}[data-theme=light] .app-header{background-color:var(--header-background);color:var(--header-text-color);border-bottom:1px solid var(--header-border-color);box-shadow:var(--header-shadow)}[data-theme=light] .app-title{color:var(--header-text-color)}[data-theme=light] .app-header .command-bar-trigger,[data-theme=light] .app-header .github-signin-btn,[data-theme=light] .github-signin-btn,[data-theme=light] .app-header .auth-signin-btn,[data-theme=light] .auth-signin-btn,[data-theme=light] .app-header .auth-user-btn,[data-theme=light] .auth-user-btn{color:var(--header-text-color);border-color:var(--header-border-color);background:transparent}[data-theme=light] .app-header .command-bar-trigger:hover,[data-theme=light] .app-header .github-signin-btn:hover,[data-theme=light] .github-signin-btn:hover,[data-theme=light] .app-header .auth-signin-btn:hover,[data-theme=light] .auth-signin-btn:hover,[data-theme=light] .app-header .auth-user-btn:hover,[data-theme=light] .auth-user-btn:hover{color:var(--header-text-color);border-color:var(--accent-color);background-color:#007bff1a}[data-theme=light] .command-bar-v2__modal{background-color:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}[data-theme=light] .command-bar-v2__input{background-color:var(--background-color);color:var(--text-color);border-color:var(--border-color)}[data-theme=light] .command-bar-v2__result-item{color:var(--text-color)}[data-theme=light] .command-bar-v2__result-item:hover,[data-theme=light] .command-bar-v2__result-item.selected{background-color:var(--surface-hover);color:var(--text-color)}[data-theme=light] .command-bar-v2__result-name{color:var(--text-color)}[data-theme=light] .command-bar-v2__result-description{color:var(--text-secondary)}[data-theme=light] .command-bar-v2__result-alias{color:var(--accent-color);background-color:var(--surface-color);border-color:var(--border-color)}[data-theme=light] .command-bar-v2__category-title{color:var(--text-secondary)}@media print{[data-theme=light]{--background-color: white;--text-color: black;--surface-color: white;--border-color: #ccc}}[data-theme=dark]{--primary-color: #6c5ce7;--secondary-color: #a29bfe;--accent-color: #63b3ed;--color-primary: #63b3ed;--color-primary-rgb: 99, 179, 237;--color-secondary: #a29bfe;--color-secondary-rgb: 162, 155, 254;--color-bg: #1a1a1a;--color-bg-secondary: #2d3748;--color-bg-tertiary: #4a5568;--color-bg-tertiary-rgb: 74, 85, 104;--color-text: #f7fafc;--color-text-secondary: #a0aec0;--color-text-tertiary: #718096;--color-text-inverse: #1a1a1a;--color-border: #4a5568;--color-border-rgb: 74, 85, 104;--color-border-light: #2d3748;--background-color: #1a1a1a;--surface-color: #2d3748;--surface-hover: #4a5568;--text-color: #f7fafc;--text-secondary: #a0aec0;--text-muted: #718096;--border-color: #4a5568;--border-light: #2d3748;--border-dark: #718096;--header-background: #2d3748;--header-text-color: #f7fafc;--header-border-color: #4a5568;--header-shadow: 0 2px 4px rgba(0, 0, 0, .3);--success-color: #48bb78;--warning-color: #ed8936;--error-color: #f56565;--info-color: #4299e1;--shadow: 0 2px 4px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px -2px rgba(0, 0, 0, .1);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--editor-background: #1a1a1a;--editor-gutter: #2d3748;--editor-selection: rgba(99, 179, 237, .2);--editor-cursor: var(--text-color);--editor-line-number: var(--text-secondary);--code-keyword: #c678dd;--code-string: #98c379;--code-comment: #5c6370;--code-number: #d19a66;--code-operator: #56b6c2;--code-function: #61dafb;--code-variable: #e06c75;--markdown-heading: var(--accent-color);--markdown-link: #63b3ed;--markdown-emphasis: #fbd38d;--markdown-strong: var(--text-color);--markdown-code: #ed64a6;--markdown-quote: var(--text-secondary);--markdown-hr: var(--border-color)}[data-theme=dark] .app-header{background-color:var(--surface-color);box-shadow:var(--shadow)}[data-theme=dark] .app-title{color:var(--color-text)}[data-theme=dark] .sidebar,[data-theme=dark] .gutenberg-panel{background-color:var(--surface-color)}[data-theme=dark] .editor-container{background-color:var(--background-color)}[data-theme=dark] button:hover{background-color:var(--surface-hover)}[data-theme=dark] input:focus,[data-theme=dark] textarea:focus{box-shadow:0 0 0 2px #63b3ed4d}[data-theme=dark] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=dark] ::-webkit-scrollbar-track{background:var(--background-color)}[data-theme=dark] ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}[data-theme=dark] ::selection{background-color:#63b3ed4d;color:var(--text-color)}[data-theme=dark] *:focus{outline-color:var(--accent-color)}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--text-color);text-shadow:0 1px 2px rgba(0,0,0,.5)}[data-theme=dark] pre,[data-theme=dark] code{background-color:#282c34;border:1px solid var(--border-color)}[data-theme=dark] a{color:var(--accent-color)}[data-theme=dark] a:hover{color:#90cdf4}[data-theme=dark] .modal-overlay{background-color:#000c}[data-theme=dark] .text-secondary{color:#cbd5e0}[data-theme=dark] .text-muted{color:#a0aec0}[data-theme=dark] .app-header{background-color:var(--header-background);color:var(--header-text-color);border-bottom:1px solid var(--header-border-color);box-shadow:var(--header-shadow)}[data-theme=dark] .app-title{color:var(--header-text-color)}[data-theme=dark] .app-header .command-bar-trigger,[data-theme=dark] .app-header .github-signin-btn,[data-theme=dark] .github-signin-btn,[data-theme=dark] .app-header .auth-signin-btn,[data-theme=dark] .auth-signin-btn,[data-theme=dark] .app-header .auth-user-btn,[data-theme=dark] .auth-user-btn{color:var(--header-text-color);border-color:var(--header-border-color);background:transparent}[data-theme=dark] .app-header .command-bar-trigger:hover,[data-theme=dark] .app-header .github-signin-btn:hover,[data-theme=dark] .github-signin-btn:hover,[data-theme=dark] .app-header .auth-signin-btn:hover,[data-theme=dark] .auth-signin-btn:hover,[data-theme=dark] .app-header .auth-user-btn:hover,[data-theme=dark] .auth-user-btn:hover{color:var(--header-text-color);border-color:var(--accent-color);background-color:#63b3ed1a}[data-theme=dark] .command-bar-v2__modal{background-color:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}[data-theme=dark] .command-bar-v2__input{background-color:var(--background-color);color:var(--text-color);border-color:var(--border-color)}[data-theme=dark] .command-bar-v2__result-item{color:var(--text-color)}[data-theme=dark] .command-bar-v2__result-item:hover,[data-theme=dark] .command-bar-v2__result-item.selected{background-color:var(--surface-hover);color:var(--text-color)}[data-theme=dark] .command-bar-v2__result-name{color:var(--text-color)}[data-theme=dark] .command-bar-v2__result-description{color:var(--text-secondary)}[data-theme=dark] .command-bar-v2__result-alias{color:var(--accent-color);background-color:var(--surface-color);border-color:var(--border-color)}[data-theme=dark] .command-bar-v2__category-title{color:var(--text-secondary)}[data-theme=fantasy]{--primary-color: #2A4D2E;--secondary-color: #6A1B2D;--accent-color: #D4AF37;--color-primary: #D4AF37;--color-primary-rgb: 212, 175, 55;--color-secondary: #6A1B2D;--color-secondary-rgb: 106, 27, 45;--color-bg: #F3E6D1;--color-bg-secondary: #E6D5B8;--color-bg-tertiary: #C9B28A;--color-bg-tertiary-rgb: 201, 178, 138;--color-text: #17301A;--color-text-secondary: #2A4D2E;--color-text-tertiary: #4F7A55;--color-text-inverse: #F3E6D1;--color-border: #C9B28A;--color-border-light: #E6D5B8;--background-color: #F3E6D1;--surface-color: #E6D5B8;--surface-hover: #C9B28A;--header-background: #2A4D2E;--header-text-color: #D4AF37;--header-border-color: #E6C875;--header-shadow: 0 2px 8px rgba(23, 48, 26, .2);--text-color: #17301A;--text-secondary: #2A4D2E;--text-muted: #4F7A55;--border-color: #C9B28A;--border-light: #E6D5B8;--border-dark: #A6801D;--success-color: #2A4D2E;--warning-color: #D4AF37;--error-color: #8E2C42;--info-color: #4F7A55;--shadow: 0 2px 4px rgba(23, 48, 26, .1);--shadow-lg: 0 10px 15px -3px rgba(23, 48, 26, .15);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--editor-background: #F3E6D1;--editor-gutter: #E6D5B8;--editor-selection: rgba(212, 175, 55, .25);--editor-cursor: #17301A;--editor-line-number: #4F7A55;--code-keyword: #6A1B2D;--code-string: #2A4D2E;--code-comment: #4F7A55;--code-number: #A6801D;--code-operator: #40101C;--code-function: #8E2C42;--code-variable: #D4AF37;--markdown-heading: #6A1B2D;--markdown-link: #A6801D;--markdown-emphasis: #2A4D2E;--markdown-strong: #17301A;--markdown-code: #8E2C42;--markdown-quote: #4F7A55;--markdown-hr: #C9B28A;--color-border-rgb: 201, 178, 138}[data-theme=fantasy] .app-header{background-color:var(--header-background);color:var(--header-text-color);border-bottom:1px solid var(--header-border-color);box-shadow:var(--header-shadow)}[data-theme=fantasy] .app-title{color:var(--header-text-color)}[data-theme=fantasy] .sidebar,[data-theme=fantasy] .navigator,[data-theme=fantasy] .gutenberg-panel{background-color:var(--surface-color)}[data-theme=fantasy] .editor-container{background-color:var(--editor-background)}[data-theme=fantasy] button:hover{background-color:var(--surface-hover)}[data-theme=fantasy] input:focus,[data-theme=fantasy] textarea:focus{box-shadow:0 0 0 2px #d4af3740;border-color:var(--accent-color)}[data-theme=fantasy] .btn-primary{background-color:var(--accent-color);color:#17301a;border-color:var(--border-dark)}[data-theme=fantasy] .btn-primary:hover{background-color:var(--border-dark);color:var(--background-color)}[data-theme=fantasy] .btn-secondary{background-color:var(--surface-color);color:var(--text-color);border-color:var(--border-color)}[data-theme=fantasy] .btn-secondary:hover{background-color:var(--surface-hover)}[data-theme=fantasy] .command-bar{background-color:var(--surface-color);border:1px solid var(--border-color);box-shadow:var(--shadow-lg)}[data-theme=fantasy] .command-bar input{background-color:var(--background-color);color:var(--text-color);border-color:var(--border-color)}[data-theme=fantasy] .app-header .command-bar-trigger,[data-theme=fantasy] .app-header .github-signin-btn,[data-theme=fantasy] .github-signin-btn,[data-theme=fantasy] .app-header .auth-signin-btn,[data-theme=fantasy] .auth-signin-btn,[data-theme=fantasy] .app-header .auth-user-btn,[data-theme=fantasy] .auth-user-btn{color:var(--header-text-color);border-color:var(--header-border-color);background:transparent}[data-theme=fantasy] .app-header .command-bar-trigger:hover,[data-theme=fantasy] .app-header .github-signin-btn:hover,[data-theme=fantasy] .github-signin-btn:hover,[data-theme=fantasy] .app-header .auth-signin-btn:hover,[data-theme=fantasy] .auth-signin-btn:hover,[data-theme=fantasy] .app-header .auth-user-btn:hover,[data-theme=fantasy] .auth-user-btn:hover{color:var(--header-text-color);border-color:var(--accent-color);background-color:#d4af371a}[data-theme=fantasy] .nav-tab.active{background-color:var(--accent-color);color:#17301a;border-bottom-color:var(--accent-color)}[data-theme=fantasy] .nav-tab:hover{background-color:var(--surface-hover)}[data-theme=fantasy] .status-synced{background-color:var(--success-color);color:var(--background-color)}[data-theme=fantasy] .status-out-of-sync{background-color:var(--warning-color);color:#17301a}[data-theme=fantasy] .status-local-only{background-color:var(--error-color);color:var(--background-color)}[data-theme=fantasy] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=fantasy] ::-webkit-scrollbar-track{background:var(--surface-color)}[data-theme=fantasy] ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}[data-theme=fantasy] ::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}[data-theme=fantasy] ::selection{background-color:#d4af374d;color:var(--text-color)}[data-theme=fantasy] *:focus{outline-color:var(--accent-color)}[data-theme=fantasy] .settings-dialog{background-color:var(--background-color);border:1px solid var(--border-color)}[data-theme=fantasy] .settings-tab.active{background-color:var(--accent-color);color:#17301a}[data-theme=fantasy] .settings-tab:hover{background-color:var(--surface-hover)}[data-theme=fantasy] .theme-preview-card.active{border-color:var(--accent-color);box-shadow:0 0 0 2px #d4af3740}@media print{[data-theme=fantasy]{--background-color: white;--text-color: black;--surface-color: white;--border-color: #ccc;--header-background: white;--header-text-color: black;--header-border-color: #ccc}}@media (prefers-contrast: high){[data-theme=fantasy]{--text-color: #000000;--background-color: #ffffff;--border-color: #000000}}@media (prefers-reduced-motion: reduce){[data-theme=fantasy] *{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}[data-theme=custom]{--primary-color: var(--accent-color, #2d1b69);--secondary-color: #8b5a5a;--success-color: #28a745;--warning-color: #ffc107;--error-color: #dc3545;--info-color: #17a2b8;--color-success: var(--success-color);--color-warning: var(--warning-color);--color-danger: var(--error-color);--color-info: var(--info-color);--color-success-rgb: 40, 167, 69;--color-warning-rgb: 255, 193, 7;--color-danger-rgb: 220, 53, 69;--color-info-rgb: 23, 162, 184;--color-purple-rgb: 156, 39, 176;--color-primary-rgb: 45, 27, 105;--color-border-rgb: 200, 200, 200;--shadow: 0 2px 4px rgba(0, 0, 0, .1);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-family-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--editor-background: var(--background-color);--editor-gutter: var(--surface-color);--editor-selection: rgba(0, 123, 255, .1);--editor-cursor: var(--text-color);--editor-line-number: var(--text-secondary);--code-keyword: var(--accent-color, #d73a49);--code-string: var(--text-color, #032f62);--code-comment: var(--text-muted, #6a737d);--code-number: var(--accent-color, #005cc5);--code-operator: var(--accent-color, #d73a49);--code-function: var(--accent-color, #6f42c1);--code-variable: var(--text-secondary, #e36209);--markdown-heading: var(--text-color);--markdown-link: var(--accent-color);--markdown-emphasis: var(--text-color);--markdown-strong: var(--text-color);--markdown-code: var(--accent-color);--markdown-quote: var(--text-secondary);--markdown-hr: var(--border-color)}[data-theme=custom] .app-header{background-color:var(--surface-color);box-shadow:var(--shadow)}[data-theme=custom] .sidebar,[data-theme=custom] .gutenberg-panel{background-color:var(--surface-color)}[data-theme=custom] .editor-container{background-color:var(--background-color)}[data-theme=custom] button:hover{background-color:var(--surface-hover)}[data-theme=custom] input:focus,[data-theme=custom] textarea:focus{box-shadow:0 0 0 2px #007bff40}[data-theme=custom] ::-webkit-scrollbar{width:8px;height:8px}[data-theme=custom] ::-webkit-scrollbar-track{background:var(--surface-color)}[data-theme=custom] ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}[data-theme=custom] ::-webkit-scrollbar-thumb:hover{background:var(--border-dark)}[data-theme=custom] ::selection{background-color:#007bff33;color:var(--text-color)}[data-theme=custom] *:focus{outline-color:var(--accent-color)}@media print{[data-theme=custom]{--background-color: white;--text-color: black;--surface-color: white;--border-color: #ccc}}.command-bar-v2{position:fixed;inset:0;z-index:var(--z-index-modal);pointer-events:none;font-family:var(--font-family-base)}.command-bar-v2.visible{pointer-events:auto}.command-bar-v2.hidden{display:none}.command-bar-v2__overlay{position:absolute;inset:0;background:rgba(var(--color-text-rgb, 0, 0, 0),.15);backdrop-filter:blur(2px);opacity:0;transition:opacity var(--transition-fast)}.command-bar-v2.visible .command-bar-v2__overlay{opacity:1}.command-bar-v2__modal{position:absolute;left:50%;transform:translate(-50%) translateY(-10px);width:90%;max-width:520px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-xl);opacity:0;transition:all var(--transition-fast);overflow:hidden}.command-bar-v2.visible .command-bar-v2__modal{opacity:1;transform:translate(-50%) translateY(0)}.command-bar-v2--top .command-bar-v2__modal{top:var(--spacing-lg)}.command-bar-v2--center .command-bar-v2__modal{top:50%;transform:translate(-50%,-50%) translateY(-10px)}.command-bar-v2--center.visible .command-bar-v2__modal{transform:translate(-50%,-50%)}.command-bar-v2__header{border-bottom:1px solid var(--color-border-light)}.command-bar-v2__input-container{padding:var(--spacing-sm) var(--spacing-md)}.command-bar-v2__input{width:100%;padding:var(--spacing-sm);font-size:var(--font-size-sm);font-family:var(--font-family-base);border:1px solid var(--color-border-light);border-radius:var(--border-radius-md);background:var(--color-bg-secondary);color:var(--color-text);outline:none;box-sizing:border-box;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.command-bar-v2__input::placeholder{color:var(--color-text-secondary);font-weight:var(--font-weight-normal)}.command-bar-v2__results-container{max-height:320px;overflow-y:auto;overscroll-behavior:contain}.command-bar-v2__results-container::-webkit-scrollbar{width:6px}.command-bar-v2__results-container::-webkit-scrollbar-track{background:transparent}.command-bar-v2__results-container::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--border-radius-sm)}.command-bar-v2__results-container::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.command-bar-v2__results-list{list-style:none;margin:0;padding:var(--spacing-xs)}.command-bar-v2__category-header{padding:var(--spacing-sm) var(--spacing-sm) var(--spacing-xs);margin-top:var(--spacing-sm);pointer-events:none}.command-bar-v2__category-header:first-child{margin-top:0}.command-bar-v2__category-title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);opacity:.8}.command-bar-v2__result-item{padding:var(--spacing-sm);margin:1px 0;border-radius:var(--border-radius-md);cursor:pointer;display:flex;align-items:flex-start;transition:background-color var(--transition-fast);color:var(--color-text)}.command-bar-v2__result-item:hover{background:var(--color-bg-tertiary)}.command-bar-v2__result-item.selected{background:var(--color-bg-secondary)}.command-bar-v2__result-item[aria-selected=true]{box-shadow:inset 0 0 0 1px var(--color-primary)}.command-bar-v2__result-left{flex:1;display:flex;flex-direction:column;gap:var(--spacing-xs)}.command-bar-v2__result-main{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.command-bar-v2__result-name{font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);color:var(--color-text)}.command-bar-v2__result-alias{font-family:var(--font-family-mono);font-size:var(--font-size-xs);padding:2px var(--spacing-xs);background:var(--color-bg-tertiary);color:var(--color-text-secondary);border:1px solid var(--color-border-light);border-radius:var(--border-radius-sm);font-weight:var(--font-weight-medium)}.command-bar-v2__result-params{display:inline-flex;gap:var(--spacing-xs);align-items:center}.command-bar-v2__result-param{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-text-secondary);opacity:.8}.command-bar-v2__result-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-tight);opacity:.9}.command-bar-v2__no-results{padding:var(--spacing-xl) var(--spacing-lg);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.command-bar-v2__footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border-light);font-size:var(--font-size-xs);color:var(--color-text-secondary);display:flex;justify-content:space-between;align-items:center}.command-bar-v2.searching .command-bar-v2__results-container{opacity:.6;pointer-events:none}@media (max-width: 640px){.command-bar-v2__modal{width:calc(100% - 16px);max-width:none}.command-bar-v2--top .command-bar-v2__modal{top:8px}.command-bar-v2__results-container{max-height:50vh}.command-bar-v2__input{font-size:16px}}.command-bar-v2__result-item:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.command-bar-v2__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.command-bar-v2__input:focus-visible{outline:none}@media (prefers-reduced-motion: reduce){.command-bar-v2__overlay,.command-bar-v2__modal,.command-bar-v2__result-item{transition:none}}.settings-dialog-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:20px;box-sizing:border-box}.settings-dialog{background:var(--color-bg);border-radius:var(--border-radius-lg);box-shadow:0 20px 40px #0000004d;max-width:1200px;width:100%;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--color-border);animation:settingsDialogFadeIn .3s cubic-bezier(.25,.46,.45,.94)}@keyframes settingsDialogFadeIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl) var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);flex-shrink:0}.settings-title h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-sm)}.settings-search-actions{display:flex;align-items:center;gap:var(--spacing-md)}.settings-search-container{padding:var(--spacing-md);padding-bottom:var(--spacing-sm)}.settings-search{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-family-base);transition:all .2s ease;box-sizing:border-box}.settings-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f11a}.settings-search::placeholder{color:var(--color-text-secondary)}.settings-btn{padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--border-radius-md);border:1px solid transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;font-family:var(--font-family-base)}.settings-btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.settings-btn-primary:hover{background:var(--color-primary);transform:translateY(-1px)}.settings-btn-secondary{background:transparent;color:var(--color-text-secondary);border-color:var(--color-border)}.settings-btn-secondary:hover{background:var(--color-bg-secondary);border-color:var(--color-border)}.settings-close-btn{width:36px;height:36px;border:none;background:transparent;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;border-radius:var(--border-radius-sm);display:flex;align-items:center;justify-content:center;transition:all .2s ease;margin-left:var(--spacing-sm)}.settings-close-btn:hover{background:var(--color-bg-secondary);color:var(--color-text)}.settings-content{display:flex;flex:1;min-height:0}.settings-sidebar{width:240px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border);padding:var(--spacing-lg) 0;flex-shrink:0;overflow-y:auto}.settings-tabs{display:flex;flex-direction:column;gap:2px;padding:0 var(--spacing-md)}.settings-tab{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--border-radius-md);transition:all .2s ease;text-align:left;font-family:var(--font-family-base)}.settings-tab:hover{background:var(--color-bg-secondary);color:var(--color-text)}.settings-tab.active{background:var(--color-primary);color:#fff}.settings-tab:focus{outline:none;box-shadow:0 0 0 2px #6366f133}.settings-no-results{padding:var(--spacing-xl) var(--spacing-md);text-align:center;color:var(--color-text-secondary)}.settings-no-results p{margin:0 0 var(--spacing-md) 0;font-size:var(--font-size-sm)}.settings-clear-search{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-sm);font-size:var(--font-size-xs);cursor:pointer;font-family:var(--font-family-base);transition:all .2s ease}.settings-main{flex:1;padding:var(--spacing-xl);overflow-y:auto;min-width:0}.settings-panel{max-width:800px}.settings-panel-header h3{margin:0 0 var(--spacing-lg) 0;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text)}.settings-panel-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.settings-placeholder{padding:var(--spacing-xl);background:var(--color-bg-secondary);border-radius:var(--border-radius-lg);border:2px dashed var(--color-border);text-align:center}.settings-placeholder p{margin:0 0 var(--spacing-md) 0;color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:1.5}.settings-placeholder strong{color:var(--color-primary);font-weight:var(--font-weight-bold)}.settings-sections{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.settings-section{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);box-shadow:0 2px 8px #0000000a;transition:box-shadow .2s ease}.settings-section:hover{box-shadow:0 4px 16px #00000014}.settings-section h4{margin:0 0 12px;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:var(--color-text);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary);display:flex;align-items:center;gap:var(--spacing-sm)}.settings-section h4:before{content:"";width:4px;height:20px;background:var(--color-primary);border-radius:var(--border-radius-xs)}.settings-field{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md) 0;position:relative}.settings-field label{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);display:flex;align-items:center;gap:var(--spacing-sm)}.settings-field label:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--color-border),transparent)}.settings-field small{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5;font-style:italic;margin-top:var(--spacing-xs)}.settings-field select{padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-bg-secondary);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right var(--spacing-sm) center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.settings-field select:hover{border-color:var(--color-primary);background:var(--color-bg);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.settings-field select:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg);box-shadow:0 0 0 3px #6366f11a;transform:translateY(-1px)}.settings-text-input{padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-bg-secondary);color:var(--color-text);font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);transition:all .2s ease;width:100%;box-sizing:border-box}.settings-text-input::placeholder{color:var(--color-text-secondary);opacity:.7}.settings-text-input:hover{border-color:var(--color-primary);background:var(--color-bg);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.settings-text-input:focus{outline:none;border-color:var(--color-primary);background:var(--color-bg);box-shadow:0 0 0 3px #6366f11a;transform:translateY(-1px)}.settings-checkbox-label{display:flex;align-items:center;gap:var(--spacing-md);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-secondary);border:2px solid var(--color-border);border-radius:var(--border-radius-lg);transition:all .2s ease;position:relative;overflow:hidden}.settings-checkbox-label:hover{border-color:var(--color-primary);background:var(--color-bg);transform:translateY(-1px);box-shadow:0 2px 8px #0000001a}.settings-checkbox-label:hover:before{opacity:1}.settings-checkbox-label:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--color-primary);opacity:0;transition:opacity .2s ease}.settings-checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;position:relative;appearance:none;border:2px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-bg);transition:all .2s ease;flex-shrink:0}.settings-checkbox-label input[type=checkbox]:hover{border-color:var(--color-primary);box-shadow:0 0 0 2px #6366f11a}.settings-checkbox-label input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.settings-checkbox-label input[type=checkbox]:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.settings-checkbox-text{user-select:none;flex:1}.settings-width-controls{display:flex;flex-direction:column;gap:var(--spacing-md)}.width-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-md)}.width-preset{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg) var(--spacing-md);border:3px solid var(--color-border);border-radius:var(--border-radius-lg);background:var(--color-bg-secondary);cursor:pointer;transition:all .3s cubic-bezier(.25,.46,.45,.94);font-family:var(--font-family-base);text-align:center;position:relative;overflow:hidden}.width-preset:hover{border-color:var(--color-primary);background:var(--color-bg);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 25px #00000026}.width-preset.active{border-color:var(--color-primary);background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.width-label{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-sm);letter-spacing:-.5px;color:inherit}.width-description{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);opacity:.7;text-transform:uppercase;letter-spacing:.5px;color:inherit}.settings-zoom-controls{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg);background:var(--color-bg-secondary);border-radius:var(--border-radius-lg);border:2px solid var(--color-border)}.zoom-slider{width:100%;height:8px;border-radius:var(--border-radius-xs);background:var(--color-bg-secondary);outline:none;cursor:pointer;-webkit-appearance:none;position:relative}.zoom-slider::-webkit-slider-track{height:8px;border-radius:var(--border-radius-xs);background:var(--color-bg-secondary)}.zoom-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-primary);cursor:pointer;border:3px solid white;box-shadow:0 4px 12px #0003;transition:all .2s ease}.zoom-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 6px 20px #6366f166}.zoom-labels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-top:var(--spacing-sm)}.zoom-labels span{padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg);border-radius:var(--border-radius-sm);border:1px solid var(--color-border);min-width:40px;text-align:center}.zoom-display{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg);border-radius:var(--border-radius-lg);border:2px solid var(--color-border);box-shadow:inset 0 2px 4px #0000000d}.zoom-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary);letter-spacing:-1px}.zoom-reset{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);border:2px solid var(--color-primary);border-radius:var(--border-radius-md);background:transparent;color:var(--color-primary);cursor:pointer;font-family:var(--font-family-base);transition:all .2s ease;text-transform:uppercase;letter-spacing:.5px}.zoom-reset:hover{background:var(--color-primary);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #6366f14d}.settings-toast{position:fixed;bottom:var(--spacing-xl);right:var(--spacing-xl);background:var(--color-primary);color:#fff;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--border-radius-md);box-shadow:0 8px 24px #0003;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);z-index:10001;animation:settingsToastSlideIn .3s ease}.settings-footer{border-top:1px solid var(--color-border);padding:var(--spacing-lg);background:var(--color-bg-secondary);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-shrink:0}.settings-status{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);font-size:.9rem}.settings-changes-indicator{color:var(--color-accent);font-size:.8rem}.settings-actions{display:flex;gap:var(--spacing-sm)}@keyframes settingsToastSlideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@media (max-width: 768px){.settings-dialog-overlay{padding:var(--spacing-sm)}.settings-dialog{max-height:95vh}.settings-header{padding:var(--spacing-md) var(--spacing-lg)}.settings-content{flex-direction:column}.settings-sidebar{width:100%;padding:var(--spacing-md) 0;border-right:none;border-bottom:1px solid var(--color-border)}.settings-tabs{flex-direction:row;overflow-x:auto;padding:0 var(--spacing-md);gap:var(--spacing-sm)}.settings-tab{white-space:nowrap;flex-shrink:0}.settings-main{padding:var(--spacing-md)}.width-presets{grid-template-columns:1fr;gap:var(--spacing-sm)}.width-preset{flex-direction:row;justify-content:space-between;padding:var(--spacing-md);font-size:.9rem}}@media (max-width: 480px){.settings-dialog-overlay{padding:0}.settings-dialog{max-width:100%;max-height:100vh;border-radius:0;border:none}.settings-header{padding:var(--spacing-md)}.settings-header h2{font-size:1.2rem}.settings-search{font-size:16px}.settings-main{padding:var(--spacing-md)}.settings-section{margin-bottom:var(--spacing-md)}.settings-section h4{font-size:1rem;margin-bottom:var(--spacing-sm)}.settings-field{margin-bottom:var(--spacing-md)}.settings-field small{font-size:.8rem}.width-preset{padding:var(--spacing-sm) var(--spacing-md);font-size:.85rem}.width-label{font-size:1rem;font-weight:600}.width-description{font-size:.75rem}.settings-footer{padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-sm)}.settings-footer button{font-size:16px;padding:var(--spacing-sm) var(--spacing-md)}}.theme-preview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.theme-preview-card{border:2px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;cursor:pointer;transition:all .2s ease;background:var(--color-bg)}.theme-preview-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.theme-preview-card.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-alpha)}.theme-preview-card:focus{outline:2px solid var(--color-primary);outline-offset:2px}.theme-preview-header{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);font-weight:600;text-align:center}.theme-preview-content{padding:var(--spacing-md);min-height:100px;background:var(--color-bg)}.preview-sample{font-size:.85rem;line-height:1.5}.preview-title{font-weight:600;color:var(--color-text);margin-bottom:var(--spacing-xs)}.preview-text{color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.preview-muted{color:var(--color-text-muted);font-style:italic;margin-bottom:var(--spacing-xs)}.preview-accent{color:var(--color-primary);font-family:var(--font-family-mono)}[data-preview-theme=light] .theme-preview-content{background:#fff;color:#1e293b}[data-preview-theme=dark] .theme-preview-content{background:#0f172a;color:#f1f5f9}[data-preview-theme=fantasy] .theme-preview-content{background:#1a0f2e;color:#e0d5ff}.custom-theme-preview{border:2px solid var(--color-border);border-radius:var(--border-radius-md);margin-top:var(--spacing-lg);overflow:hidden}.custom-theme-preview.active{border-color:var(--color-primary)}.custom-theme-preview .preview-header{padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);display:flex;justify-content:space-between;align-items:center}.preview-actions{display:flex;gap:var(--spacing-sm)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:.85rem}.btn-primary{background:var(--color-primary);color:#fff;border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:opacity .2s}.btn-primary:hover:not(:disabled){opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:background .2s}.btn-secondary:hover{background:var(--color-bg-tertiary)}.color-settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.color-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.color-field label{font-size:.85rem;font-weight:500}.color-input-group{display:flex;gap:var(--spacing-xs);align-items:center}input[type=color]{width:50px;height:35px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);cursor:pointer;padding:2px}input[type=color]::-webkit-color-swatch-wrapper{padding:0}input[type=color]::-webkit-color-swatch{border-radius:2px;border:none}.color-hex-input{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--border-radius-sm);font-family:var(--font-family-mono);font-size:.85rem;background:var(--color-bg);color:var(--color-text)}.color-hex-input:focus{outline:2px solid var(--color-primary);outline-offset:-1px}.theme-selection-group h5{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.settings-subsection{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.settings-subsection h5{margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-size:.9rem;font-weight:500}.custom-theme-preview-content{--preview-background-primary: var(--color-bg);--preview-background-secondary: var(--color-bg-secondary);--preview-text-primary: var(--color-text);--preview-text-secondary: var(--color-text-secondary);--preview-text-muted: var(--color-text-muted);--preview-accent: var(--color-primary);--preview-border: var(--color-border);background:var(--preview-background-primary);padding:var(--spacing-md)}.custom-theme-preview-content .preview-title{color:var(--preview-text-primary)}.custom-theme-preview-content .preview-text{color:var(--preview-text-secondary)}.custom-theme-preview-content .preview-muted{color:var(--preview-text-muted)}.custom-theme-preview-content .preview-accent{color:var(--preview-accent)}@media (max-width: 768px){.theme-preview-grid,.color-settings-grid{grid-template-columns:1fr}.preview-actions{flex-direction:column;width:100%}.preview-actions button{width:100%}}.git-auth-status{margin:var(--spacing-md) 0;padding:var(--spacing-lg);border-radius:var(--border-radius-md);border:1px solid var(--color-border)}.git-auth-status.authenticated{background:color-mix(in srgb,var(--color-success) 10%,var(--color-bg));border-color:var(--color-success)}.git-auth-status.unauthenticated{background:color-mix(in srgb,var(--color-warning) 10%,var(--color-bg));border-color:var(--color-warning)}.auth-status-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);font-weight:600}.auth-status-indicator{font-size:18px;line-height:1}.auth-status-indicator.success{color:var(--color-success)}.auth-status-indicator.warning{color:var(--color-warning)}.auth-details{color:var(--color-text-secondary);line-height:1.5}.auth-details p{margin:var(--spacing-xs) 0}.auth-details strong{color:var(--color-text)}.auth-details code{background:var(--color-bg-secondary);color:var(--color-text);padding:2px 6px;border-radius:var(--border-radius-sm);font-family:var(--font-mono);font-size:.9em}.status-warning{color:var(--color-warning);font-weight:500}.git-actions{margin:0}.git-action-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);align-items:center}.git-action-buttons button{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border:1px solid var(--color-border);border-radius:var(--border-radius-sm);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:13px;font-weight:500;font-family:inherit;transition:all .15s ease;white-space:nowrap;min-width:65px}.git-action-buttons button:hover{background:var(--color-bg-secondary);border-color:var(--color-border-focus);transform:translateY(-1px)}.git-action-buttons button.primary{background:var(--color-primary);color:var(--color-primary-text);border-color:var(--color-primary);font-weight:600}.git-action-buttons button.primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:0 2px 4px #0000001a}.git-status-summary{padding:16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius-md)}.git-status-summary-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px 24px;align-items:start}.settings-dialog .status-item{display:flex;flex-direction:column;gap:4px;font-size:13px}.settings-dialog .status-label{font-weight:600;color:var(--color-text-muted);font-size:11px;text-transform:uppercase;letter-spacing:.5px}.settings-dialog .status-value{color:var(--color-text);font-family:var(--font-family-mono);font-size:13px;font-weight:500;padding:4px 8px;background:var(--color-bg);border-radius:var(--border-radius-sm);border:1px solid var(--color-border)}.settings-dialog .status-value.status-warning{color:var(--color-warning);font-weight:500}.git-status-summary-content.not-connected{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:8px}.status-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:8px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-sm)}.settings-dialog .status-icon{color:var(--color-warning);font-size:16px;line-height:1}.settings-dialog .status-text{color:var(--color-text-secondary);font-size:13px;font-weight:500}.settings-dialog .status-hint{color:var(--color-text-muted);font-size:11px;font-style:italic}.git-action-buttons button.secondary{background:var(--color-bg-secondary)}.git-integration-main{display:flex;flex-direction:column;gap:var(--spacing-lg)}.git-integration-main .settings-field{margin-bottom:0}.git-provider-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.git-provider-row{display:flex;align-items:center;gap:var(--spacing-md);flex-wrap:wrap}.git-provider-field{flex:1;min-width:200px}.git-actions.inline{flex-shrink:0}.git-actions.inline .git-action-buttons{margin:0}.git-actions.inline button{min-width:100px}.git-connection-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;transition:all .2s ease}.git-connection-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.connection-header{padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex;align-items:center;gap:var(--spacing-lg);flex-wrap:wrap}.connection-action{flex-shrink:0}.connection-status{padding:var(--spacing-lg);background:var(--color-bg)}.git-integration-main .status-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md);gap:var(--spacing-md)}.git-integration-main .status-indicator{display:flex;align-items:center;gap:var(--spacing-sm)}.git-integration-main .indicator-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.git-integration-main .status-indicator.connected .indicator-dot{background:var(--color-success);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-success) 20%,transparent)}.git-integration-main .status-indicator.disconnected .indicator-dot{background:var(--color-text-secondary);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-text-secondary) 20%,transparent)}.git-integration-main .indicator-text{font-weight:500;color:var(--color-text)}.git-integration-main .repo-info{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--border-radius-sm);border-left:3px solid var(--color-success)}.git-integration-main .repo-info.warning{border-left-color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 5%,var(--color-bg-tertiary))}.git-integration-main .repo-name{font-family:var(--font-mono, monospace);font-size:.9rem;font-weight:600;color:var(--color-text)}.git-integration-main .branch-name{font-family:var(--font-mono, monospace);font-size:.8rem;color:var(--color-text-secondary)}.git-integration-main .repo-warning{font-weight:500;color:var(--color-warning);font-size:.9rem}.git-integration-main .repo-hint{font-size:.8rem;color:var(--color-text-secondary);font-style:italic}.git-integration-main .status-actions{flex-shrink:0}.git-integration-main .status-actions .btn-link{background:none;border:none;color:var(--color-text-secondary);font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm);cursor:pointer;text-decoration:underline;border-radius:var(--border-radius-sm);transition:all .2s ease}.git-integration-main .status-actions .btn-link:hover{color:var(--color-text);background:var(--color-bg-secondary);text-decoration:none}.git-integration-main .status-actions .btn-primary{background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-bg);font-size:.85rem;padding:var(--spacing-xs) var(--spacing-md);cursor:pointer;border-radius:var(--border-radius-sm);transition:all .2s ease;font-weight:500}.git-integration-main .status-actions .btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px)}.git-integration-main .connection-hint{font-size:.9rem;color:var(--color-text-secondary);margin-top:var(--spacing-xs);line-height:1.4}.git-action-buttons button.secondary:hover{background:var(--color-bg-tertiary)}.git-action-buttons button.danger{background:var(--color-bg);color:var(--color-error);border-color:var(--color-error)}.git-action-buttons button.danger:hover{background:color-mix(in srgb,var(--color-error) 10%,var(--color-bg));border-color:var(--color-error)}.git-action-buttons button span{font-size:14px}@media (max-width: 768px){.connection-header{flex-direction:column;align-items:stretch;gap:var(--spacing-md);padding:var(--spacing-md)}.connection-status{padding:var(--spacing-md)}.git-integration-main .status-header{flex-direction:column;align-items:stretch;gap:var(--spacing-sm)}.git-integration-main .status-actions{align-self:flex-end}.git-integration-main .status-actions .btn-primary,.git-integration-main .status-actions .btn-link{font-size:.9rem;padding:var(--spacing-sm) var(--spacing-md)}.git-provider-row{flex-direction:column;gap:var(--spacing-sm)}.git-provider-field{min-width:unset}.git-actions.inline button{width:100%;min-width:unset}.git-action-buttons{flex-direction:column;align-items:stretch}.git-action-buttons button{width:100%;justify-content:center}.git-integration-main .repo-info{padding:var(--spacing-sm)}.git-connection-card{margin:0 calc(-1 * var(--spacing-sm));border-radius:0;border-left:none;border-right:none}}.data-management-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin:var(--spacing-md) 0}.data-management-actions button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--border-radius-md);background:var(--color-bg-secondary);color:var(--color-text);cursor:pointer;font-size:14px;font-family:inherit;transition:all .2s ease}.data-management-actions button:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-focus)}.about-info{background:var(--color-bg-secondary);border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin:var(--spacing-md) 0}.app-info{margin-bottom:var(--spacing-lg)}.settings-dialog .app-logo{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.app-icon{font-size:48px;line-height:1}.app-details h3{margin:0 0 var(--spacing-xs) 0;color:var(--color-text);font-size:24px;font-weight:600}.app-tagline{margin:0;color:var(--color-text-secondary);font-size:16px;font-style:italic}.version-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.version-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border-radius:var(--border-radius-sm);border:1px solid var(--color-border)}.version-label{color:var(--color-text-secondary);font-weight:500}.version-value{color:var(--color-text);font-weight:600;font-family:var(--font-mono)}.app-links{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);align-items:center}.app-link{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-primary);border-radius:var(--border-radius-md);background:var(--color-primary);color:var(--color-primary-text);text-decoration:none;cursor:pointer;font-size:14px;font-family:inherit;transition:all .2s ease}.app-link:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.app-link span{font-size:14px}.legal-info{border-top:1px solid var(--color-border);padding-top:var(--spacing-lg)}.legal-info h5{margin:0 0 var(--spacing-sm) 0;color:var(--color-text);font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.legal-info p{margin:0 0 var(--spacing-sm) 0;color:var(--color-text-secondary);line-height:1.5}.legal-info p small{font-size:12px;color:var(--color-text-muted)}.legal-info p strong{color:var(--color-text);font-weight:600}.license-info{margin-bottom:var(--spacing-md)}.attribution{margin-bottom:0}@media (max-width: 768px){.data-management-actions{flex-direction:column}.data-management-actions button{width:100%;justify-content:center}.settings-dialog .app-logo{flex-direction:column;text-align:center}.app-icon{font-size:36px}.app-details h3{font-size:20px}.version-info{grid-template-columns:1fr}.version-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.app-links{flex-direction:column}.app-links>*{width:100%;justify-content:center}}.skeleton-container{opacity:0;transition:opacity .2s ease-in-out}.skeleton-container.skeleton-visible{opacity:1}.skeleton-container.skeleton-hiding{opacity:0}@keyframes skeleton-pulse{0%{background-color:var(--color-bg-secondary)}50%{background-color:var(--color-bg-tertiary)}to{background-color:var(--color-bg-secondary)}}.skeleton-animated .skeleton-field>*,.skeleton-animated .skeleton-section-title,.skeleton-animated .skeleton-theme-header>*,.skeleton-animated .skeleton-preview-sample,.skeleton-animated .skeleton-auth-header>*,.skeleton-animated .skeleton-auth-line,.skeleton-animated .skeleton-app-icon,.skeleton-animated .skeleton-app-title,.skeleton-animated .skeleton-app-tagline,.skeleton-animated .skeleton-version-label,.skeleton-animated .skeleton-version-value{animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-field{margin-bottom:var(--spacing-lg)}.skeleton-label{height:16px;width:120px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-sm)}.skeleton-input{height:40px;width:100%;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md);margin-bottom:var(--spacing-xs)}.skeleton-description{height:12px;width:80%;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-sm)}.skeleton-section{margin-bottom:var(--spacing-xl)}.skeleton-section-title{height:20px;width:150px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-md)}.skeleton-section-content{padding-left:var(--spacing-sm)}.skeleton-theme-preview{border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.skeleton-theme-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-sm)}.skeleton-theme-title{height:16px;width:80px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-sm)}.skeleton-theme-indicator{height:16px;width:16px;background-color:var(--color-bg-secondary);border-radius:50%}.skeleton-preview-sample{height:90px;width:100%;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md)}.skeleton-auth-status{border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:var(--spacing-lg);margin:var(--spacing-md) 0}.skeleton-auth-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.skeleton-auth-indicator{height:18px;width:18px;background-color:var(--color-bg-secondary);border-radius:50%}.skeleton-auth-title{height:18px;width:140px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-sm)}.skeleton-auth-details{display:flex;flex-direction:column;gap:var(--spacing-xs)}.skeleton-auth-line{height:14px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-sm)}.skeleton-auth-line:not(.short){width:100%}.skeleton-auth-line.short{width:60%}.skeleton-app-logo{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.skeleton-app-icon{height:48px;width:48px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-md)}.skeleton-app-details{flex:1}.skeleton-app-title{height:24px;width:160px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-sm);margin-bottom:var(--spacing-xs)}.skeleton-app-tagline{height:16px;width:240px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-sm)}.skeleton-version-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md)}.skeleton-version-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg);border-radius:var(--border-radius-sm);border:1px solid var(--color-border)}.skeleton-version-label{height:14px;width:80px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-sm)}.skeleton-version-value{height:14px;width:60px;background-color:var(--color-bg-secondary);border-radius:var(--border-radius-sm)}.skeleton-loading{min-height:200px;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch}@media (max-width: 768px){.skeleton-version-grid{grid-template-columns:1fr}.skeleton-version-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.skeleton-app-logo{flex-direction:column;text-align:center}.skeleton-app-icon{height:36px;width:36px}}.credits-section{border-top:1px solid var(--color-border);margin-top:var(--spacing-lg);padding-top:var(--spacing-lg)}.credits-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.credits-description{margin:0;color:var(--color-text);line-height:var(--line-height-relaxed);font-size:var(--font-size-md)}.credits-links{display:grid;gap:var(--spacing-sm);border-left:3px solid var(--color-accent-muted);padding-left:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--border-radius);padding:var(--spacing-md)}.credits-item{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm)}.credits-item strong{color:var(--color-text-emphasis);font-weight:600;min-width:100px;flex-shrink:0}.credits-item a{color:var(--color-accent);text-decoration:none;border-bottom:1px solid transparent;transition:all .2s ease}.credits-item a:hover{color:var(--color-accent-hover);border-bottom-color:var(--color-accent-hover)}.credits-item a:focus{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}.credits-thanks{margin:0;color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center;font-style:italic;border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}@media (max-width: 768px){.credits-item{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.credits-item strong{min-width:auto}.credits-links{padding:var(--spacing-sm)}}.privacy-agreement-container{display:flex;flex-direction:column;gap:var(--spacing-md)}.privacy-policy-text{background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);padding:var(--spacing-md);max-height:400px;overflow-y:auto}.privacy-highlights{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.privacy-item{display:flex;gap:var(--spacing-md);align-items:flex-start}.privacy-icon{font-size:1.5rem;flex-shrink:0;margin-top:2px}.privacy-content{flex:1}.privacy-content strong{display:block;margin-bottom:var(--spacing-xs);color:var(--color-text-primary)}.privacy-content p{margin:0;color:var(--color-text-secondary);font-size:.9rem}.privacy-details{margin-top:var(--spacing-md);border-top:1px solid var(--color-border);padding-top:var(--spacing-md)}.privacy-details summary{cursor:pointer;color:var(--color-accent);font-weight:500;padding:var(--spacing-sm) 0;user-select:none}.privacy-details summary:hover{text-decoration:underline}.privacy-full-text{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-primary);border-radius:var(--border-radius)}.privacy-full-text h6{margin:var(--spacing-md) 0 var(--spacing-sm) 0;color:var(--color-text-primary);font-size:.95rem}.privacy-full-text ul{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.privacy-full-text li{margin:var(--spacing-xs) 0;color:var(--color-text-secondary);font-size:.9rem}.privacy-agreement-actions{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border)}.privacy-agreement-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer}.privacy-agreement-checkbox input[type=checkbox]{margin-top:3px;cursor:pointer}.privacy-agreement-checkbox input[type=checkbox]:disabled{cursor:not-allowed;opacity:.6}.privacy-agreement-checkbox span{flex:1;font-size:.95rem;line-height:1.4}.agreement-status{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-primary);border-radius:var(--border-radius)}.status-label{font-weight:500;color:var(--color-text-secondary)}.status-value{flex:1;font-size:.9rem}.status-value.agreed{color:var(--color-success)}.status-value.pending{color:var(--color-warning)}.agreement-prompt{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.agreement-prompt h4{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.data-info{margin-top:var(--spacing-md);padding:var(--spacing-md);background:var(--color-background-secondary);border-radius:var(--border-radius);border:1px solid var(--color-border)}.data-info small{color:var(--color-text-secondary);font-size:.85rem}.tech-stack{list-style:none;padding:0;margin:var(--spacing-sm) 0}.tech-stack li{padding:var(--spacing-xs) 0;color:var(--color-text-secondary);font-size:.9rem}.tech-stack li:before{content:"• ";color:var(--color-accent);font-weight:700;margin-right:var(--spacing-xs)}.license-link,.support-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-background-secondary);border:1px solid var(--color-border);border-radius:var(--border-radius);color:var(--color-accent);text-decoration:none;transition:all .2s ease;margin:var(--spacing-xs)}.license-link:hover,.support-link:hover{background:var(--color-accent);color:var(--color-background-primary);border-color:var(--color-accent)}.license-actions,.support-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.commercial-info{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.support-info{display:flex;flex-direction:column;gap:var(--spacing-lg)}.support-item h5{margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.about-footer{text-align:center;padding:var(--spacing-lg);border-top:1px solid var(--color-border)}.about-copyright{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:var(--spacing-sm)}.about-motto{color:var(--color-text-secondary);font-style:italic;font-size:.95rem}.legal-splash-overlay{position:fixed;inset:0;background-color:#000000bf;display:flex;align-items:center;justify-content:center;z-index:9999;padding:1rem;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.legal-splash{background-color:var(--background-color, #ffffff);border-radius:8px;box-shadow:0 20px 25px -5px #0000004d,0 10px 10px -5px #0000001a;max-width:800px;width:100%;max-height:85vh;display:flex;flex-direction:column;animation:slideUp .3s ease-out;border:1px solid var(--border-color, #e5e7eb)}@keyframes slideUp{0%{transform:translateY(1rem);opacity:0}to{transform:translateY(0);opacity:1}}.splash-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;border-bottom:1px solid var(--border-color, #e5e7eb);background-color:var(--surface-color, #f9fafb);border-radius:8px 8px 0 0}.splash-branding{display:flex;align-items:center;gap:1rem}.splash-logo{width:48px;height:48px;border-radius:8px;object-fit:contain}.splash-title-group{display:flex;flex-direction:column;gap:.25rem}.splash-title-group h1{font-size:1.5rem;font-weight:600;color:var(--text-color, #111827);margin:0;line-height:1.2}.splash-subtitle{font-size:.875rem;color:var(--text-secondary, #6b7280);margin:0;font-weight:500}.splash-close{width:2.5rem;height:2.5rem;border:none;background-color:transparent;color:var(--text-secondary, #6b7280);font-size:1.5rem;font-weight:300;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.splash-close:hover{background-color:var(--surface-hover, #f3f4f6);color:var(--text-color, #111827)}.splash-close:focus{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}.splash-tabs{display:flex;border-bottom:1px solid var(--border-color, #e5e7eb);background-color:var(--surface-color, #f9fafb);overflow-x:auto;scrollbar-width:thin}.splash-body{flex:1;display:flex;flex-direction:column;min-height:0}.splash-tab{flex:1;min-width:120px;padding:.75rem 1rem;border:none;background-color:transparent;color:var(--text-secondary, #6b7280);font-size:.875rem;font-weight:500;cursor:pointer;border-bottom:2px solid transparent;transition:all .2s ease;white-space:nowrap}.splash-tab:hover{background-color:var(--surface-hover, #f3f4f6);color:var(--text-color, #111827)}.splash-tab.active{color:var(--accent-color, #3b82f6);border-bottom-color:var(--accent-color, #3b82f6);background-color:var(--background-color, #ffffff)}.splash-tab:focus{outline:2px solid var(--accent-color, #3b82f6);outline-offset:-2px}.splash-content{flex:1;padding:1.5rem;overflow-y:auto;max-height:400px;line-height:1.6;color:var(--text-color, #111827);font-size:.9rem}.splash-content h1{font-size:1.5rem;font-weight:600;color:var(--text-color, #111827);margin:0 0 1rem;line-height:1.3}.splash-content h2{font-size:1.25rem;font-weight:600;color:var(--text-color, #111827);margin:1.5rem 0 .75rem;line-height:1.3}.splash-content h3{font-size:1.125rem;font-weight:600;color:var(--text-color, #111827);margin:1.25rem 0 .5rem;line-height:1.3}.splash-content p{margin:0 0 1rem;color:var(--text-color, #111827)}.splash-content ul{margin:0 0 1rem;padding-left:1.5rem}.splash-content li{margin-bottom:.5rem;color:var(--text-color, #111827)}.splash-loading,.splash-error{text-align:center;padding:2rem;color:var(--text-secondary, #6b7280);font-style:italic}.splash-error{color:var(--error-color, #dc2626)}.splash-content::-webkit-scrollbar{width:6px}.splash-content::-webkit-scrollbar-track{background:var(--surface-color, #f9fafb)}.splash-content::-webkit-scrollbar-thumb{background:var(--border-color, #e5e7eb);border-radius:3px}.splash-content::-webkit-scrollbar-thumb:hover{background:var(--text-muted, #9ca3af)}.splash-progress{padding:1rem 1.5rem .5rem;border-bottom:1px solid var(--border-color, #e5e7eb);background-color:var(--surface-color, #f9fafb)}.splash-progress-label{font-size:.875rem;font-weight:500;color:var(--text-secondary, #6b7280);margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.splash-progress-percent{font-weight:600;color:var(--accent-color, #3b82f6)}.splash-progress-bar{width:100%;height:8px;background-color:var(--border-light, #f3f4f6);border-radius:4px;overflow:hidden}.splash-progress-fill{height:100%;background-color:var(--accent-color, #3b82f6);border-radius:4px;transition:width .3s ease;min-width:0}.splash-actions{padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;background-color:var(--surface-color, #f9fafb);border-radius:0 0 8px 8px}.splash-help{font-size:.875rem;color:var(--text-secondary, #6b7280);text-align:center;margin:0;font-style:italic}.splash-button{padding:1rem 2rem;font-size:1rem;font-weight:600;border-radius:8px;border:1px solid;cursor:pointer;transition:all .2s ease;min-width:240px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.splash-button:disabled{opacity:.5;cursor:not-allowed}.splash-button-primary{background-color:var(--accent-color, #3b82f6);border-color:var(--accent-color, #3b82f6);color:#fff}.splash-button-primary:hover:not(:disabled){background-color:var(--primary-hover, #2563eb);border-color:var(--primary-hover, #2563eb)}.splash-button-primary:focus{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}.splash-button-secondary{background-color:transparent;border-color:var(--border-color, #e5e7eb);color:var(--text-color, #111827)}.splash-button-secondary:hover:not(:disabled){background-color:var(--surface-hover, #f3f4f6);border-color:var(--text-muted, #9ca3af)}.splash-button-secondary:focus{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}.legal-splash-open{overflow:hidden}@media (max-width: 768px){.legal-splash{max-width:95vw;max-height:90vh;margin:.5rem}.splash-header{padding:1rem}.splash-title-group h1{font-size:1.25rem}.splash-tabs{flex-wrap:nowrap;overflow-x:scroll;-webkit-overflow-scrolling:touch}.splash-tab{min-width:100px;padding:.625rem .75rem;font-size:.8125rem}.splash-content{padding:1rem;max-height:350px;font-size:.875rem}.splash-progress{padding:.75rem 1rem .5rem}.splash-actions{padding:1rem;flex-direction:column}.splash-button{width:100%;order:1}.splash-button-primary{order:0}}@media (max-width: 480px){.legal-splash-overlay{padding:.5rem}.legal-splash{max-height:95vh}.splash-header{padding:.75rem}.splash-branding{gap:.75rem}.splash-logo{width:40px;height:40px}.splash-title-group h1{font-size:1.125rem}.splash-subtitle{font-size:.8125rem}.splash-tab{min-width:80px;padding:.5rem;font-size:.75rem}.splash-content{padding:.75rem;max-height:300px;font-size:.8125rem}.splash-content h1{font-size:1.25rem}.splash-content h2{font-size:1.125rem}.splash-progress{padding:.5rem .75rem}.splash-progress-label{font-size:.8125rem}.splash-acceptance{padding:.75rem}.splash-actions{padding:.75rem;gap:.75rem}.splash-button{padding:.625rem 1rem;font-size:.8125rem;min-width:auto}}[data-theme=fantasy] .legal-splash{background-color:var(--background-color, #f3e6d1);border-color:var(--border-color, #c9b28a)}[data-theme=fantasy] .splash-header,[data-theme=fantasy] .splash-tabs,[data-theme=fantasy] .splash-progress,[data-theme=fantasy] .splash-actions{background-color:var(--surface-color, #e6d5b8)}[data-theme=fantasy] .splash-tab.active{background-color:var(--background-color, #f3e6d1);color:var(--accent-color, #d4af37);border-bottom-color:var(--accent-color, #d4af37)}[data-theme=fantasy] .splash-progress-fill{background-color:var(--accent-color, #d4af37)}[data-theme=fantasy] .splash-button-primary{background-color:var(--accent-color, #d4af37);border-color:var(--accent-color, #d4af37);color:var(--text-color, #17301a)}[data-theme=fantasy] .splash-button-primary:hover:not(:disabled){background-color:var(--border-dark, #a6801d);border-color:var(--border-dark, #a6801d)}[data-theme=dark] .legal-splash{background-color:var(--background-color, #1f2937);border-color:var(--border-color, #374151)}[data-theme=dark] .splash-header,[data-theme=dark] .splash-tabs,[data-theme=dark] .splash-progress,[data-theme=dark] .splash-actions{background-color:var(--surface-color, #111827)}[data-theme=dark] .splash-tab.active{background-color:var(--background-color, #1f2937)}[data-theme=dark] .splash-content::-webkit-scrollbar-track{background:var(--surface-color, #111827)}[data-theme=dark] .splash-content::-webkit-scrollbar-thumb{background:var(--border-color, #374151)}@media (prefers-contrast: high){.legal-splash{border-width:2px}.splash-tab.active{border-bottom-width:3px}.splash-button{border-width:2px}}@media (prefers-reduced-motion: reduce){.legal-splash-overlay,.legal-splash,.splash-tab,.splash-button,.splash-close,.splash-progress-fill{animation:none;transition:none}}.splash-tab:focus-visible,.splash-button:focus-visible,.splash-close:focus-visible{outline:2px solid var(--accent-color, #3b82f6);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media print{.legal-splash-overlay{position:static;background:none;padding:0}.legal-splash{box-shadow:none;border:1px solid #000;max-height:none;max-width:none}.splash-close,.splash-actions{display:none}.splash-content{max-height:none;overflow:visible}.splash-tab{border-bottom:1px solid #000}.splash-tab.active{background:none;font-weight:700}}.diff-close-button{position:absolute;top:8px;right:8px;z-index:1000;width:28px;height:28px;border:none;border-radius:6px;background:var(--color-bg-secondary);color:var(--color-text);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;box-shadow:var(--shadow-md);border:1px solid var(--color-border);transition:all var(--transition-fast);opacity:.9}.diff-close-button:hover{background:var(--color-bg);color:var(--color-text);opacity:1;transform:scale(1.05);box-shadow:var(--shadow-lg)}.diff-close-button:active{transform:scale(.95)}.diff-close-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}body:not(.diff-mode-active) .diff-close-button{display:none}.cm-collapsedLines{background:var(--color-bg-secondary)!important;color:var(--color-text-secondary)!important;border:1px solid var(--color-border)!important;border-radius:var(--border-radius-sm, 3px)!important;padding:2px 8px!important;font-size:12px!important;text-align:center!important;cursor:pointer!important}.cm-mergeSpacer{background:var(--color-bg-secondary)!important;color:var(--color-text-secondary)!important;border:1px solid var(--color-border)!important;border-radius:var(--border-radius-sm, 3px)!important;padding:2px 8px!important;font-size:12px!important}.cm-deletedChunk{background:var(--color-diff-deleted-bg, rgba(220, 53, 69, .15))!important;border-left:4px solid var(--color-diff-deleted-border, #dc3545)!important;margin:2px 0!important;padding:2px 4px!important;border-radius:3px!important;text-decoration:line-through!important;opacity:.7!important;color:var(--color-text)!important}.cm-insertedChunk{background:var(--color-diff-added-bg, rgba(40, 167, 69, .15))!important;border-left:4px solid var(--color-diff-added-border, #28a745)!important;margin:2px 0!important;padding:2px 4px!important;border-radius:3px!important;color:var(--color-text)!important}.cm-changedChunk{background:var(--color-diff-modified-bg, rgba(255, 193, 7, .15))!important;border-left:4px solid var(--color-diff-modified-border, #ffc107)!important;margin:2px 0!important;padding:2px 4px!important;border-radius:3px!important;color:var(--color-text)!important}.cm-mergeViewGutter{background:var(--color-gutter-bg, #f8f9fa)!important;color:var(--color-text-secondary, #6c757d)!important;border-right:1px solid var(--color-border, #e1e4e8)!important;padding:0 4px!important}.cm-mergeViewGutter.cm-deleted{background:var(--color-diff-deleted-gutter, #ffeef0)!important;color:var(--color-diff-deleted-border, #dc3545)!important}.cm-mergeViewGutter.cm-inserted{background:var(--color-diff-added-gutter, #f0fff4)!important;color:var(--color-diff-added-border, #28a745)!important}.cm-mergeControl{display:block!important;margin:8px 0!important;padding:6px 8px!important;background:var(--color-merge-control-bg, rgba(0, 0, 0, .05))!important;border-radius:6px!important;font-size:11px!important;line-height:1.2!important;border:1px solid var(--color-border, #e1e4e8)!important;clear:both!important;width:fit-content!important;box-shadow:0 2px 4px #0000001a!important}.cm-mergeControl .cm-mergeControl-buttons{display:flex!important;align-items:center!important;gap:6px!important}.cm-mergeControl button{background:none!important;border:1px solid var(--color-border, #e1e4e8)!important;border-radius:3px!important;padding:2px 6px!important;font-size:10px!important;cursor:pointer!important;color:var(--color-text, #24292e)!important}.cm-mergeControl button:hover{background:var(--color-button-hover-bg, #f6f8fa)!important}.cm-mergeControl .cm-mergeAccept:hover{background:var(--color-success-hover-bg, #d4edda)!important;border-color:var(--color-success-border, #28a745)!important}.cm-mergeControl .cm-mergeReject:hover{background:var(--color-danger-hover-bg, #f8d7da)!important;border-color:var(--color-danger-border, #dc3545)!important}.merge-view-container{width:100%!important;height:600px!important;display:flex!important;flex-direction:column!important;border:1px solid var(--color-border, #e1e4e8);border-radius:8px;background:var(--color-editor-bg, white);overflow:hidden;box-shadow:0 4px 12px #0000001a;margin:16px 0}.merge-view-header{display:flex;border-bottom:1px solid var(--color-border, #e1e4e8);background:var(--color-header-bg, #f6f8fa);font-size:13px;font-weight:600;color:var(--color-text-secondary, #656d76)}.merge-view-header-side{flex:1;padding:12px 16px;display:flex;align-items:center;gap:8px}.merge-view-header-side:first-child{border-right:1px solid var(--color-border, #e1e4e8)}.merge-view-header-icon{width:16px;height:16px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.merge-view-header-icon.remote{background:var(--color-remote, #0969da)}.merge-view-header-icon.local{background:var(--color-local, #cf222e)}.merge-view-wrapper{flex:1;display:flex;overflow:hidden}.cm-mergeView{display:flex!important;width:100%!important;height:100%!important;font-family:var( --font-family-mono, "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace );overflow:hidden!important;background:transparent!important}.cm-mergeView .cm-editor{flex:1!important;min-width:0!important;height:100%!important;border:none!important;background:var(--color-editor-bg, white)!important}.cm-mergeView .cm-editor:first-child{border-right:2px solid var(--color-diff-separator, #e1e4e8)!important}.cm-mergeView .cm-editor:first-child{background:var(--color-remote-bg, rgba(9, 105, 218, .03))!important}.cm-mergeView .cm-editor:last-child{background:var(--color-local-bg, rgba(207, 34, 46, .03))!important}.cm-mergeView .cm-scroller{overflow:auto!important;height:100%!important}.cm-mergeView .cm-content{min-height:100%!important;padding:10px!important}.cm-mergeView .cm-changedLine,.cm-mergeView .cm-deletedChunk,.cm-mergeView .cm-insertedChunk{position:relative;margin:2px 0;border-radius:3px}.cm-mergeView .cm-insertedChunk,.cm-mergeView .cm-changedLine.cm-changedLine-added{background:var(--color-diff-added-bg, rgba(40, 167, 69, .12));border-left:4px solid var(--color-diff-added-border, #28a745)}.cm-mergeView .cm-deletedChunk,.cm-mergeView .cm-changedLine.cm-changedLine-deleted{background:var(--color-diff-deleted-bg, rgba(220, 53, 69, .12));border-left:4px solid var(--color-diff-deleted-border, #dc3545)}.cm-mergeView .cm-changedLine{background:var(--color-diff-modified-bg, rgba(255, 193, 7, .12));border-left:4px solid var(--color-diff-modified-border, #ffc107)}.cm-mergeView .cm-gutter{background:var(--color-gutter-bg, #f8f9fa);border-right:1px solid var(--color-border, #e1e4e8);min-width:32px}.cm-mergeView .cm-lineNumbers{color:var(--color-text-secondary, #656d76);font-size:12px;padding:0 6px}.cm-merge-chunk{background:var(--color-diff-modified-bg, rgba(255, 215, 0, .2));border-left:3px solid var(--color-diff-modified-border, #ffd700);margin:1px 0}.cm-merge-chunk.cm-merge-chunk-added{background:var(--color-diff-added-bg, rgba(40, 167, 69, .15));border-left-color:var(--color-diff-added-border, #28a745)}.cm-merge-chunk.cm-merge-chunk-deleted{background:var(--color-diff-deleted-bg, rgba(220, 53, 69, .15));border-left-color:var(--color-diff-deleted-border, #dc3545)}.cm-merge-chunk.cm-merge-chunk-conflict{background:var(--color-diff-conflict-bg, rgba(255, 193, 7, .2));border-left-color:var(--color-diff-conflict-border, #ffc107)}.cm-merge-controls{display:block;margin:8px 0;padding:6px 8px;background:var(--color-merge-controls-bg, rgba(0, 0, 0, .05));border-radius:6px;font-size:12px;border:1px solid var(--color-border, #e1e4e8);clear:both;width:fit-content;box-shadow:0 2px 4px #0000001a}.cm-merge-controls .buttons-container{display:flex;align-items:center;gap:6px}.cm-merge-accept,.cm-merge-reject{background:none;border:1px solid var(--color-border, #e1e4e8);border-radius:3px;padding:2px 6px;cursor:pointer;color:var(--color-text, #24292e);font-size:11px}.cm-merge-accept:hover{background:var(--color-success-hover-bg, #d4edda);border-color:var(--color-success-border, #28a745)}.cm-merge-reject:hover{background:var(--color-danger-hover-bg, #f8d7da);border-color:var(--color-danger-border, #dc3545)}.cm-merge-gutter{background:var(--color-gutter-bg, #f6f8fa);border-right:1px solid var(--color-border, #e1e4e8);width:40px;display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--color-text-secondary, #586069)}.cm-merge-gutter.cm-merge-gutter-added{background:var(--color-diff-added-gutter-bg, #cdffd8)}.cm-merge-gutter.cm-merge-gutter-deleted{background:var(--color-diff-deleted-gutter-bg, #ffdce0)}.cm-merge-gutter.cm-merge-gutter-modified{background:var(--color-diff-modified-gutter-bg, #fff5b4)}[data-theme=dark] .cm-deletedChunk{background:#dc354540!important;border-left-color:#ff6b7a!important}[data-theme=dark] .cm-insertedChunk{background:#28a74540!important;border-left-color:#52c788!important}[data-theme=dark] .cm-changedChunk{background:#ffc10740!important;border-left-color:#ffd43b!important}[data-theme=dark] .merge-view-container{background:var(--color-editor-bg, #1e1e1e);border-color:var(--color-border, #404040);box-shadow:0 4px 12px #0000004d}[data-theme=dark] .merge-view-header{background:var(--color-header-bg, #2d2d2d);border-bottom-color:var(--color-border, #404040);color:var(--color-text-secondary, #a5a5a5)}[data-theme=dark] .merge-view-header-side:first-child{border-right-color:var(--color-border, #404040)}[data-theme=dark] .cm-mergeView{background:transparent}[data-theme=dark] .cm-mergeView .cm-editor{background:var(--color-editor-bg, #1e1e1e)!important}[data-theme=dark] .cm-mergeView .cm-editor:first-child{background:#0969da14!important;border-right-color:var(--color-border, #404040)!important}[data-theme=dark] .cm-mergeView .cm-editor:last-child{background:#cf222e14!important}[data-theme=dark] .cm-merge-gutter{background:var(--color-gutter-bg, #2d2d2d);border-right-color:var(--color-border, #404040);color:var(--color-text-secondary, #888)}[data-theme=fantasy] .cm-deletedChunk{background:#ff6a8c33!important;border-left-color:#ff6a8c!important}[data-theme=fantasy] .cm-insertedChunk{background:#6affc733!important;border-left-color:#6affc7!important}[data-theme=fantasy] .cm-changedChunk{background:#ff9a5633!important;border-left-color:#ff9a56!important}[data-theme=fantasy] .merge-view-container{background:linear-gradient(135deg,#1a0f2e,#2d1b3e);border-color:#8b5fbf;box-shadow:0 4px 20px #8b5fbf4d}[data-theme=fantasy] .merge-view-header{background:linear-gradient(135deg,#4a2c7e,#6b46a3);border-bottom-color:#8b5fbf;color:#f8f4ff}[data-theme=fantasy] .merge-view-header-side:first-child{border-right-color:#8b5fbf}[data-theme=fantasy] .merge-view-header-icon.remote{background:linear-gradient(135deg,#00d4ff,#6affc7);color:#1a0f2e}[data-theme=fantasy] .merge-view-header-icon.local{background:linear-gradient(135deg,#ff6a8c,#ff9a56);color:#1a0f2e}[data-theme=fantasy] .cm-mergeView .cm-editor{background:linear-gradient(135deg,#1a0f2e,#2d1b3e)!important}[data-theme=fantasy] .cm-mergeView .cm-editor:first-child{background:linear-gradient(135deg,#6affc714,#00d4ff0d)!important;border-right-color:#8b5fbf!important}[data-theme=fantasy] .cm-mergeView .cm-editor:last-child{background:linear-gradient(135deg,#ff6a8c14,#ff9a560d)!important}[data-theme=fantasy] .cm-merge-chunk.cm-merge-chunk-added{background:#6affc726;border-left-color:#6affc7}[data-theme=fantasy] .cm-merge-chunk.cm-merge-chunk-deleted{background:#ff6a8c26;border-left-color:#ff6a8c}.cm-merge-accept:focus,.cm-merge-reject:focus{outline:2px solid var(--color-focus-outline, #0066cc);outline-offset:2px}.cm-editor.cm-focused .cm-content,.cm-editor .cm-content{background:var(--color-editor-bg)!important;color:var(--color-text)!important}.cm-foldPlaceholder{background:var(--color-bg-secondary)!important;color:var(--color-text-secondary)!important;border:1px solid var(--color-border)!important;border-radius:3px;padding:2px 6px}.cm-mergeView .cm-editor{background:var(--color-editor-bg)!important;color:var(--color-text)!important}.cm-line{color:var(--color-text)!important}.cm-focused .cm-selectionBackground{background:var(--color-selection-bg, rgba(0, 102, 204, .2))!important}.cm-cursor{border-left-color:var(--color-text)!important}.cm-merge-unchanged,.cm-merge-changed,.cm-merge-gap,.cm-merge-spacer{background:var(--color-bg-secondary)!important;color:var(--color-text-secondary)!important;border:1px solid var(--color-border)!important;border-radius:3px!important;padding:4px 8px!important;font-size:12px!important;text-align:center!important}.cm-widget{background:var(--color-bg-secondary)!important;color:var(--color-text-secondary)!important;border:1px solid var(--color-border)!important;border-radius:3px!important}body.diff-mode-active .cm-widget{background:var(--color-bg-secondary)!important;color:var(--color-text-secondary)!important;border:1px solid var(--color-border)!important;border-radius:3px!important;padding:4px 8px!important}body.diff-mode-active .cm-content [title*=unchanged],body.diff-mode-active .cm-content [title*=lines],body.diff-mode-active .cm-merge-unchanged-widget,body.diff-mode-active .cm-merge-gap-widget,body.diff-mode-active .cm-merge-separator,body.diff-mode-active .cm-collapseMarker,body.diff-mode-active .cm-foldPlaceholder,body.diff-mode-active .cm-merge-spacer,body.diff-mode-active .cm-editor .cm-widget,body.diff-mode-active .cm-mergeView .cm-widget{background:var(--color-bg-secondary)!important;color:var(--color-text-secondary)!important;border:1px solid var(--color-border)!important;border-radius:3px!important;padding:4px 8px!important;font-size:12px!important}