@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);:root{--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--line-height-loose:2;--radius-sm:0.125rem;--radius-md:0.25rem;--radius-lg:0.5rem;--radius-xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 2px 8px #00000014;--shadow-lg:0 4px 16px #0000001f;--shadow-xl:0 8px 24px #00000029;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-popover:600;--z-tooltip:700;--transition-fast:150ms;--transition-base:200ms;--transition-slow:300ms;--transition-slower:500ms;--ease-in:cubic-bezier(0.4,0,1,1);--ease-out:cubic-bezier(0,0,0.2,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1)}[data-theme=dark]{--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 2px 8px #0006;--shadow-lg:0 4px 16px #00000080;--shadow-xl:0 8px 24px #0009}:root{--bg-primary:#fafafa;--bg-secondary:#f5f5f5;--bg-tertiary:#eee;--text-tertiary:#90a4ae;--text-inverse:#fff;--accent-color:#7986cb;--accent-hover:#5c6bc0;--accent-light:#c5cae9;--accent-lighter:#e8eaf6;--border-color:#e0e0e0;--border-color-light:#eee;--border-color-dark:#bdbdbd;--card-bg:#fff;--header-bg:#fff;--sidebar-bg:#fff;--toolbar-bg:#fff;--input-text:#37474f;--input-border:#e0e0e0;--input-border-focus:#7986cb;--input-placeholder:#90a4ae;--button-primary-bg:#7986cb;--button-primary-text:#fff;--button-primary-hover:#5c6bc0;--button-secondary-bg:#e8eaf6;--button-secondary-text:#5c6bc0;--button-secondary-hover:#c5cae9;--success-color:#81c784;--success-bg:#e8f5e9;--error-color:#e57373;--error-bg:#ffebee;--warning-color:#ffb74d;--warning-bg:#fff3e0;--info-color:#64b5f6;--info-bg:#e3f2fd;--code-bg:#f5f5f5;--code-text:#37474f;--inline-code-bg:#eee;--inline-code-text:#d32f2f;--selected-bg:#e8eaf6;--focus-ring:#7986cb;--scrollbar-track:#f5f5f5;--scrollbar-thumb:#bdbdbd;--scrollbar-thumb-hover:#9e9e9e}[data-theme=dark]{--bg-primary:#1e1e1e;--bg-secondary:#2a2a2a;--bg-tertiary:#333;--text-tertiary:#757575;--text-inverse:#1e1e1e;--accent-color:#9fa8da;--accent-hover:#c5cae9;--accent-light:#7986cb;--accent-lighter:#5c6bc0;--border-color:#424242;--border-color-light:#333;--border-color-dark:#616161;--card-bg:#2a2a2a;--header-bg:#252525;--sidebar-bg:#252525;--toolbar-bg:#252525;--input-bg:#303030;--input-text:#e0e0e0;--input-border:#424242;--input-border-focus:#9fa8da;--input-placeholder:#757575;--button-primary-bg:#7986cb;--button-primary-text:#fff;--button-primary-hover:#9fa8da;--button-secondary-bg:#3f51b5;--button-secondary-text:#c5cae9;--button-secondary-hover:#5c6bc0;--success-color:#a5d6a7;--success-bg:#1b5e20;--error-color:#ef9a9a;--error-bg:#b71c1c;--warning-color:#ffcc80;--warning-bg:#e65100;--info-color:#90caf9;--info-bg:#0d47a1;--code-bg:#1e1e1e;--code-text:#e0e0e0;--inline-code-bg:#333;--inline-code-text:#ef9a9a;--hover-bg:#333;--active-bg:#3a3a3a;--selected-bg:#3f51b5;--focus-ring:#9fa8da;--scrollbar-track:#2a2a2a;--scrollbar-thumb:#616161;--scrollbar-thumb-hover:#757575}.prose{color:var(--text-primary);line-height:var(--line-height-relaxed)}.prose h1,.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{color:var(--text-primary);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--space-md);margin-top:var(--space-lg)}.prose h1:first-child,.prose h2:first-child,.prose h3:first-child,.prose h4:first-child,.prose h5:first-child,.prose h6:first-child{margin-top:0}.prose h1{font-size:var(--font-size-4xl);margin-bottom:var(--space-lg)}.prose h2{border-bottom:1px solid var(--border-color);font-size:var(--font-size-3xl);padding-bottom:var(--space-sm)}.prose h3{font-size:var(--font-size-2xl)}.prose h4{font-size:var(--font-size-xl)}.prose h5{font-size:var(--font-size-lg)}.prose h6{color:var(--text-secondary);font-size:var(--font-size-md)}.prose p{margin-bottom:var(--space-md)}.prose a{border-bottom:1px solid #0000;color:var(--accent-color);text-decoration:none;transition:border-color var(--transition-base) var(--ease-in-out)}.prose a:hover{border-bottom-color:var(--accent-color)}.prose strong{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.prose em{font-style:italic}.prose ol,.prose ul{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.prose ul{list-style-type:disc}.prose ol{list-style-type:decimal}.prose li,.prose li>ol,.prose li>ul{margin-bottom:var(--space-sm)}.prose li>ol,.prose li>ul{margin-top:var(--space-sm)}.prose blockquote{border-left:4px solid var(--accent-color);color:var(--text-secondary);font-style:italic;margin:var(--space-lg) 0;padding-left:var(--space-md)}.prose blockquote p{margin-bottom:0}.prose img{border-radius:var(--radius-md);height:auto;margin:var(--space-lg) 0;max-width:100%}.prose hr{border:none;border-top:1px solid var(--border-color);margin:var(--space-2xl) 0}.prose code{background-color:var(--inline-code-bg);border-radius:var(--radius-sm);color:var(--inline-code-text);font-family:Courier New,Courier,monospace;font-size:.875em;padding:.125rem .375rem}.prose pre{background-color:var(--code-bg);border-radius:var(--radius-md);margin:var(--space-lg) 0;overflow-x:auto;padding:var(--space-md)}.prose pre code{background:none;color:var(--code-text);font-size:var(--font-size-sm);padding:0}.prose table{border-collapse:collapse;margin:var(--space-lg) 0;width:100%}.prose td,.prose th{border:1px solid var(--border-color);padding:var(--space-sm) var(--space-md);text-align:left}.prose th{color:var(--text-primary);font-weight:var(--font-weight-semibold)}.prose th,.prose tr:nth-child(2n){background-color:var(--bg-secondary)}.prose .code-block-wrapper{margin:var(--space-lg) 0;position:relative}.prose .code-language{background-color:var(--bg-secondary);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-sm);position:absolute;right:var(--space-sm);text-transform:uppercase;top:var(--space-sm);z-index:1}.prose .inline-code{background-color:var(--inline-code-bg);border-radius:var(--radius-sm);color:var(--inline-code-text);font-size:.875em;padding:.125rem .375rem}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.px-xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.py-xs{padding-bottom:var(--space-xs);padding-top:var(--space-xs)}.py-sm{padding-bottom:var(--space-sm);padding-top:var(--space-sm)}.py-md{padding-bottom:var(--space-md);padding-top:var(--space-md)}.py-lg{padding-bottom:var(--space-lg);padding-top:var(--space-lg)}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.mx-auto{margin-left:auto;margin-right:auto}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-accent{color:var(--accent-color)}.text-success{color:var(--success-color)}.text-error{color:var(--error-color)}.text-warning{color:var(--warning-color)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-card{background-color:var(--card-bg)}.bg-accent{background-color:var(--accent-color)}.border{border:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-around{justify-content:space-around}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.flex-1{flex:1 1}.flex-auto{flex:auto}.flex-none{flex:none}.block{display:block}.inline-block{display:inline-block}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.custom-scrollbar::-webkit-scrollbar{height:8px;width:8px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-md)}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.transition-fast{transition:all var(--transition-fast) var(--ease-in-out)}.transition-base{transition:all var(--transition-base) var(--ease-in-out)}.transition-slow{transition:all var(--transition-slow) var(--ease-in-out)}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;margin:0;transition:background-color var(--transition-base) var(--ease-in-out),color var(--transition-base) var(--ease-in-out)}code{font-family:JetBrains Mono,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.toolbar{align-items:center;background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;justify-content:space-between;min-width:50px;padding:var(--space-sm) 0;width:50px}.toolbar-bottom,.toolbar-top{display:flex;flex-direction:column;gap:var(--space-xs)}.toolbar-button{align-items:center;background:#0000;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:background-color var(--transition-base) var(--ease-in-out);width:40px}.toolbar-button:hover{background:var(--hover-bg)}.toolbar-button.active{background:var(--active-bg)}.toolbar-button.active:before{background:var(--accent-color);border-radius:0 var(--radius-sm) var(--radius-sm) 0;content:"";height:24px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.toolbar-icon{color:var(--text-primary);font-size:var(--font-size-xl);line-height:1}.mobile-nav-button{display:none}@media (max-width:768px){.toolbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f5f5f5f2;background:var(--toolbar-mobile-bg);border:1px solid var(--border-color);border-radius:24px;bottom:16px;box-shadow:0 8px 32px #0003;flex-direction:row;height:auto;left:50%;max-width:calc(100vw - 32px);min-width:auto;padding:8px 12px;position:fixed;transform:translateX(-50%);width:auto;z-index:1000}.toolbar-bottom,.toolbar-top{flex-direction:row;gap:8px}.toolbar-top{border-right:1px solid var(--border-color);padding-right:8px}.toolbar-bottom{padding-left:8px}.toolbar-button{height:44px;width:44px}.toolbar-button.active:before{display:none}.toolbar-button.active{background:var(--accent-color)}.toolbar-button.active .toolbar-icon{color:#fff}.mobile-nav-button{display:flex}.mobile-nav-button.disabled{cursor:not-allowed;opacity:.3}.mobile-nav-button.disabled:hover{background:#0000}.toolbar-button.view-button{display:none}}:root{--toolbar-mobile-bg:#f5f5f5f2}[data-theme=dark]{--toolbar-mobile-bg:#1e1e1ef2}.sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden;position:relative}.sidebar-content{display:flex;flex:1 1;flex-direction:column;overflow-x:hidden;overflow-y:auto;padding:var(--space-md) var(--space-md) 0 var(--space-md)}.sidebar-resize-handle{background:#0000;bottom:0;cursor:col-resize;position:absolute;right:0;top:0;transition:background-color var(--transition-base) var(--ease-in-out);width:4px;z-index:var(--z-sticky)}.sidebar-resize-handle:hover{background:var(--accent-color)}.sidebar-overlay{display:none}@media (max-width:768px){.sidebar{bottom:0;box-shadow:var(--shadow-xl);left:-100%;max-width:320px!important;position:fixed;top:0;transition:left var(--transition-slow) var(--ease-out);width:80vw!important;z-index:var(--z-modal)}.sidebar.sidebar-open{left:0}.sidebar-overlay{animation:fadeIn var(--transition-slow) var(--ease-out);background:#00000080;bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:var(--z-modal-backdrop)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.sidebar-resize-handle{display:none}}.directory-tree{text-align:left;-webkit-user-select:none;user-select:none}.tree-loading{color:#78909c;color:var(--text-secondary);font-style:italic;padding:16px}.tree-node{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:15px;font-weight:400;gap:8px;padding:6px 8px;position:relative;transition:background-color .15s}.tree-node:hover{background:#f5f5f5;background:var(--hover-bg)}.tree-node.file:active{background:#eee;background:var(--active-bg)}.tree-arrow{align-items:center;color:#78909c;color:var(--text-secondary);display:inline-flex;flex-shrink:0;font-size:14px;font-weight:600;height:16px;justify-content:center;transition:transform .15s;width:16px}.tree-node.expanded .tree-arrow{transform:rotate(90deg)}.tree-arrow-empty{visibility:hidden}.tree-name{color:#37474f;color:var(--text-primary);flex:1 1;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap}.tree-count{display:none}.tree-children{position:relative}.tree-children:before{border-left:1px dotted #bdbdbdbf;border-left:1px dotted var(--guide-line-color);bottom:0;content:"";left:calc(var(--parent-level)*16px + 12px);pointer-events:none;position:absolute;top:0;width:0}:root{--text-primary:#37474f;--text-secondary:#78909c;--count-bg:#e8eaf6;--hover-bg:#f5f5f5;--active-bg:#eee;--guide-line-color:#bdbdbdbf}[data-theme=dark]{--text-secondary:#9e9e9e;--count-bg:#3f51b5;--hover-bg:#2a2a2a;--active-bg:#333;--guide-line-color:#616161bf}.search-panel{display:flex;flex-direction:column;height:100%}.search-input-wrapper{margin-bottom:16px;position:relative}.search-input{background:#fff;background:var(--input-bg);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:14px;outline:none;padding:10px 36px 10px 12px;transition:border-color .2s;width:100%}.search-input:focus{border-color:var(--accent-color)}.search-spinner{font-size:16px;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.search-hint,.search-no-results{color:var(--text-secondary);font-size:13px;font-style:italic;padding:16px;text-align:center}.search-results{flex:1 1;overflow-y:auto}.search-results-header{border-bottom:1px solid var(--border-color);color:var(--text-secondary);font-size:12px;font-weight:600;margin-bottom:8px;padding:8px 0;text-transform:uppercase}.search-result{border-radius:6px;cursor:pointer;margin-bottom:4px;padding:12px;transition:background-color .15s}.search-result.selected,.search-result:hover{background:var(--hover-bg)}.search-result-title{color:var(--text-primary);font-size:14px;font-weight:600;margin-bottom:6px}.search-result-excerpt{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--text-secondary);display:-webkit-box;font-size:13px;line-height:1.5;margin-bottom:8px;overflow:hidden}.search-result-excerpt mark{background:#fef08a;background:var(--highlight-bg);border-radius:2px;color:#854d0e;color:var(--highlight-color);font-weight:600;padding:2px 4px}.search-result-meta{align-items:center;color:var(--text-secondary);display:flex;font-size:11px;gap:8px}.search-result-tags{display:flex;flex-wrap:wrap;gap:4px}.search-result-tag{background:var(--tag-bg);border-radius:4px;color:var(--tag-color);font-weight:500;padding:2px 6px}.search-results::-webkit-scrollbar{width:6px}.search-results::-webkit-scrollbar-track{background:#0000}.search-results::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}:root{--input-bg:#fff;--highlight-bg:#fef08a;--highlight-color:#854d0e}[data-theme=dark]{--input-bg:#2d2d2d;--highlight-bg:#713f12;--highlight-color:#fef08a}.tab-bar{align-items:center;background:#fafafa;background:var(--tab-bar-bg);border-bottom:1px solid var(--border-color);display:flex;gap:2px;height:40px;min-height:40px;overflow-x:auto;overflow-y:hidden;padding:0 4px}.tab-bar-empty{justify-content:center}.tab-empty-message{color:var(--text-secondary);font-size:13px;font-style:italic}.tab{align-items:center;background:#f0f0f0;background:var(--tab-bg);border:1px solid var(--border-color);border-bottom:none;border-radius:6px 6px 0 0;cursor:pointer;display:flex;gap:6px;max-width:200px;min-width:100px;padding:6px 12px;transition:background-color .15s;-webkit-user-select:none;user-select:none;white-space:nowrap}.tab:hover{background:#e8e8e8;background:var(--tab-hover-bg)}.tab-active{background:#fff;background:var(--tab-active-bg);border-color:var(--border-color);position:relative}.tab-active:after{background:var(--accent-color);bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.tab-icon{flex-shrink:0;font-size:14px;line-height:1}.tab-title{color:var(--text-primary);flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis}.tab-close{align-items:center;background:#0000;border:none;border-radius:3px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:18px;justify-content:center;line-height:1;padding:0;transition:all .15s;width:18px}.tab-close:hover{background:#e0e0e0;background:var(--close-hover-bg);color:var(--text-primary)}.tab-bar::-webkit-scrollbar{height:4px}.tab-bar::-webkit-scrollbar-track{background:#0000}.tab-bar::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:2px}:root{--tab-bar-bg:#fafafa;--tab-bg:#f0f0f0;--tab-hover-bg:#e8e8e8;--tab-active-bg:#fff;--close-hover-bg:#e0e0e0}[data-theme=dark]{--tab-bar-bg:#1a1a1a;--tab-bg:#252525;--tab-hover-bg:#2a2a2a;--tab-active-bg:#2d2d2d;--close-hover-bg:#404040}.content-viewer{background:var(--bg-primary);flex:1 1;overflow-y:auto;padding:0}.content-empty,.content-error,.content-loading{align-items:center;color:var(--text-secondary);display:flex;font-style:italic;height:100%;justify-content:center}.content-error{flex-direction:column;gap:var(--space-sm)}.content-error h2{color:var(--error-color);margin:0}.content-article{margin:0 auto;max-width:800px;padding:var(--space-2xl) var(--space-xl);text-align:left}.content-header{border-bottom:1px solid var(--border-color);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg)}.content-title{color:var(--text-primary);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-md) 0}.content-meta{color:var(--text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-md);margin-bottom:var(--space-md)}.content-date,.content-reading-time,.content-word-count{align-items:center;display:flex}.content-tags{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.content-tag{background:var(--accent-lighter);border-radius:var(--radius-xl);color:var(--accent-light);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-xs) var(--space-md)}[data-theme=dark] .content-tag{background:var(--accent-light);color:var(--accent-lighter)}.code-block-wrapper pre{margin:0!important;overflow-x:auto;padding:var(--space-md)!important}.welcome-page{display:flex;justify-content:center;min-height:100%;padding:var(--space-3xl) var(--space-2xl)}.welcome-content{max-width:800px;padding-bottom:var(--space-3xl);text-align:left;width:100%}.welcome-stats{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:var(--space-2xl) 0}.stat-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--space-lg);text-align:left;transition:transform var(--transition-base) var(--ease-out),box-shadow var(--transition-base) var(--ease-out)}.stat-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.stat-value{color:var(--accent-color);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-sm)}.stat-label{color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);letter-spacing:.5px;text-transform:uppercase}.editor-page{background:var(--content-bg);color:var(--text-primary);height:100vh;width:100vw}.content-area,.editor-page{display:flex;overflow:hidden}.content-area{flex:1 1;flex-direction:column}.sidebar-title{color:var(--text-primary);flex-shrink:0;font-size:16px;font-weight:600;margin:0 0 16px}.mobile-view-switcher{display:none}.sidebar-tree-container{flex:1 1;margin-bottom:16px;overflow-x:hidden;overflow-y:auto}.sidebar-branding{background:var(--branding-bg);border-top:1px solid var(--border-color);bottom:0;box-shadow:var(--branding-shadow);flex-shrink:0;margin:0 -16px;padding:20px 0;position:sticky;text-align:center;z-index:5}.branding-text{-webkit-text-fill-color:#0000;background:var(--branding-gradient);-webkit-background-clip:text;background-clip:text;display:inline-block;font-family:Inter,sans-serif;font-size:28px;font-weight:700;letter-spacing:2px}.tags-view{padding:16px 0}.coming-soon{color:var(--text-secondary);font-style:italic;text-align:center}[data-theme=light]{--content-bg:#fff;--text-primary:#1a1a1a;--text-secondary:#666;--branding-bg:linear-gradient(180deg,#7986cb14,#9fa8da1f);--branding-shadow:0 -2px 8px #7986cb1a;--branding-gradient:linear-gradient(135deg,#5c6bc0,#7986cb 50%,#5e92f3)}[data-theme=dark]{--content-bg:#1a1a1a;--text-primary:#e0e0e0;--text-secondary:#999;--branding-bg:#0000;--branding-shadow:none;--branding-gradient:linear-gradient(135deg,#7986cb,#9fa8da 50%,#64b5f6)}.mobile-header{display:none}@media (max-width:768px){.editor-page{flex-direction:column}.content-area{height:100%;padding-bottom:80px;width:100%}.mobile-header{align-items:center;background:var(--content-bg);border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;justify-content:center;padding:16px 20px}.mobile-branding{-webkit-text-fill-color:#0000;background:var(--branding-gradient);-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700;letter-spacing:1px}.content-area>.tab-bar,.sidebar-title{display:none}.mobile-view-switcher{background:#00000008;background:var(--view-switcher-bg);border-radius:12px;display:flex;gap:4px;margin-bottom:16px;padding:8px}.view-switch-button{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:4px;padding:8px 4px;transition:background-color .2s}.view-switch-button.active{background:#fff;background:var(--view-switch-active-bg)}.view-switch-icon{color:var(--toolbar-icon-color);font-size:18px}.view-switch-label{color:var(--text-secondary);font-size:11px;font-weight:500}.view-switch-button.active .view-switch-label{color:var(--text-primary);font-weight:600}}:root{--view-switcher-bg:#00000008;--view-switch-active-bg:#fff}[data-theme=dark]{--view-switcher-bg:#ffffff0d;--view-switch-active-bg:#2a2a2a}.post-page{background:var(--content-bg);display:flex;flex-direction:column;min-height:100vh}.post-page-header{background:var(--sidebar-bg);border-bottom:1px solid var(--border-color)}.post-page-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:16px 32px}.post-page-logo{color:var(--text-primary);font-size:24px;font-weight:700;text-decoration:none;transition:color .2s}.post-page-logo:hover{color:var(--accent-color)}.post-page-theme-toggle{align-items:center;background:var(--content-bg);border:1px solid var(--border-color);border-radius:6px;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s;width:40px}.post-page-theme-toggle:hover{background:var(--hover-bg);border-color:var(--accent-color)}.post-page-main{flex:1 1}.post-page-footer{background:var(--sidebar-bg);border-top:1px solid var(--border-color);margin-top:40px;padding:24px 32px}.post-page-footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin:0 auto;max-width:1200px}.post-page-footer-link{color:var(--accent-color);font-weight:500;text-decoration:none;transition:color .2s}.post-page-footer-link:hover{color:var(--text-primary)}.post-page-footer-info{color:var(--text-secondary);font-size:14px}.post-page-footer-info a{color:var(--accent-color);text-decoration:none}.post-page-footer-info a:hover{text-decoration:underline}@media (max-width:768px){.post-page-footer-content,.post-page-header-content{padding:16px}.post-page-footer-content{flex-direction:column;text-align:center}}.card,.panel,.server-status{background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:var(--shadow-md);color:var(--text-primary)}.btn,button{border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-base) var(--ease-in-out)}.btn-primary{background-color:var(--button-primary-bg);color:var(--button-primary-text)}.btn-primary:hover{background-color:var(--button-primary-hover)}.btn-secondary{background-color:var(--button-secondary-bg);color:var(--button-secondary-text)}.btn-secondary:hover{background-color:var(--button-secondary-hover)}input,select,textarea{background-color:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--input-text);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-base) var(--ease-in-out)}input:focus,select:focus,textarea:focus{border-color:var(--input-border-focus);outline:none}a{color:var(--accent-color);text-decoration:none;transition:color var(--transition-base) var(--ease-in-out)}a:hover{color:var(--accent-hover)}.header{background-color:var(--header-bg);border-bottom:1px solid var(--border-color);padding:var(--space-md)}.theme-toggle{align-items:center;background:none;background-color:var(--button-secondary-bg);border:none;border-radius:var(--radius-full);color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:background-color var(--transition-base) var(--ease-in-out);width:40px}.theme-toggle:hover{background-color:var(--button-secondary-hover)}.App{display:flex;flex-direction:column;min-height:100vh;text-align:center}.home-page{flex:1 1;padding:20px}.server-status{border-radius:8px;margin:20px auto;max-width:500px;padding:20px}.container{margin:0 auto;max-width:1200px;padding:0 15px;width:100%}.header{align-items:center;display:flex;justify-content:space-between;padding:1rem 2rem}.navbar{gap:20px}.flex,.navbar{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:.5rem}.gap-4{gap:1rem}.my-4{margin-bottom:1rem}.mt-4,.my-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.p-4{padding:1rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.px-4{padding-left:1rem;padding-right:1rem}
/*# sourceMappingURL=main.c6a7bc4d.css.map*/