:root{--bg-primary:#faf9f5;--bg-secondary:#fff;--bg-hover:#0000000d;--text-primary:#333;--text-secondary:#666;--text-muted:#999;--border-primary:#0000001a;--border-secondary:#0000000d;--shadow-primary:0 2px 4px #0000001a;--shadow-secondary:0 2px 5px #0000000d;--accent-primary:#06c;--accent-hover:#0052a3;--code-bg:#f5f5f5;--toc-bg:#faf9f5;--toc-border:#0000000d}.dark{--bg-primary:#1a1a1a;--bg-secondary:#2d2d2d;--bg-hover:#ffffff1a;--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-muted:grey;--border-primary:#fff3;--border-secondary:#ffffff1a;--shadow-primary:0 2px 4px #0000004d;--shadow-secondary:0 2px 5px #0003;--accent-primary:#4a9eff;--accent-hover:#66b3ff;--code-bg:#3a3a3a;--toc-bg:#1a1a1a;--toc-border:#ffffff1a}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#faf9f5;background-color:var(--bg-primary);color:#333;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;transition:background-color .3s ease,color .3s ease}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#faf9f5;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#0000001a;background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#999;background:var(--text-muted)}*{scrollbar-color:#0000001a #faf9f5;scrollbar-color:var(--border-primary) var(--bg-primary);scrollbar-width:thin}.blog-container{background-color:var(--bg-primary);margin:1.5rem auto;max-width:1200px;padding:0 .75rem;position:relative;transition:background-color .3s ease}.toc-hover-area{cursor:pointer;width:50px;z-index:998}.toc-hover-area,.toc-wrapper{height:calc(100% - 102px);left:0;position:fixed;top:102px}.toc-wrapper{background-color:var(--toc-bg);border-right:1px solid var(--toc-border);box-shadow:none;direction:rtl;opacity:0;overflow-y:auto;padding-bottom:50px;padding-left:12px;scrollbar-color:var(--border-primary) #0000;scrollbar-width:thin;transform:translateX(-100%);transition:all .25s ease;width:250px;z-index:999}.toc-wrapper::-webkit-scrollbar{width:4px}.toc-wrapper::-webkit-scrollbar-track{background:#0000;margin:8px 0}.toc-wrapper::-webkit-scrollbar-thumb{background-color:var(--border-primary);border-radius:10px;min-height:40px}.toc-wrapper::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.toc-wrapper.visible{opacity:1;transform:translateX(0)}.toc{background-color:initial;border-right:none;direction:ltr;height:auto;padding:1.5rem 1.5rem 1.5rem 1rem}.toc h2{color:var(--text-secondary);font-size:1.1rem;font-weight:500;margin-bottom:1rem;transition:color .3s ease}.toc ul{list-style:none;padding:0}.toc li{line-height:1.4;margin-bottom:.25rem}.toc a{border-left:2px solid #0000;color:var(--text-secondary);display:block;font-size:.9rem;padding:4px 0 4px 8px;text-decoration:none;transition:all .3s ease}.toc a:hover{background-color:var(--bg-hover);border-left:2px solid var(--accent-primary);color:var(--accent-primary)}.blog-post{margin:0 auto;max-width:800px}.blog-header{margin-bottom:1.5rem}.blog-header h1{color:var(--text-primary);font-size:2.2rem;font-weight:700;margin-bottom:.5rem;transition:color .3s ease}.blog-date,.word-count{color:var(--text-secondary);font-size:.9rem;transition:color .3s ease}.blog-date{padding-right:1rem;position:relative}.blog-date:after{color:var(--text-muted);content:"|";position:absolute;right:0}.blog-post h1,.blog-post h2,.blog-post h3,.blog-post h4,.blog-post h5,.blog-post h6{color:var(--text-primary);margin-bottom:.75rem;margin-top:1.5rem;scroll-margin-top:120px;transition:color .3s ease}.blog-post h1{font-size:1.8rem}.blog-post h1,.blog-post h2{color:var(--text-primary);font-weight:700;margin-bottom:1rem;transition:color .3s ease}.blog-post h2{font-size:1.35rem}.blog-post h3{font-size:1.15rem;font-weight:700;margin-bottom:1rem}.blog-post h3,.blog-post p{color:var(--text-primary);transition:color .3s ease}.blog-post p{font-family:Georgia,Times New Roman,Times,serif;font-size:1.05rem;line-height:1.6;margin-bottom:1.2rem}.blog-post a{color:var(--accent-primary);text-decoration:none;transition:color .3s ease}.blog-post a:hover{color:var(--accent-hover);text-decoration:underline}.blog-post code{border-radius:3px;color:var(--text-primary);font-size:.9em;padding:.2em .4em;transition:all .3s ease}.blog-post code,.blog-post pre{background-color:var(--code-bg)}.blog-post pre{border-radius:5px;margin:1.5rem 0;overflow-x:auto;padding:1rem;transition:background-color .3s ease}.blog-post figure{margin:2rem 0;text-align:center}.blog-post figure img{height:auto;max-width:400px;width:100%}@media (max-width:768px){.toc-wrapper{height:calc(100% - 102px);top:102px;width:240px}.blog-post{padding:0 1rem}.blog-header h1{font-size:1.8rem}.blog-author:after,.blog-date:after{display:none}.blog-meta{flex-direction:column;gap:.5rem}}.blog-meta{color:var(--text-secondary);display:flex;font-size:.9rem;gap:1rem}.blog-author,.blog-meta{transition:color .3s ease}.blog-author{color:var(--text-primary);font-weight:700;padding-right:1rem;position:relative}.blog-author:after{color:var(--text-muted);content:"|";position:absolute;right:0}.recent-posts h2{font-size:1.4rem;margin-bottom:1rem}.blog-post ol,.blog-post ul,.recent-posts h2{color:var(--text-primary);transition:color .3s ease}.blog-post ol,.blog-post ul{font-family:Georgia,Times New Roman,Times,serif;font-size:1.05rem;line-height:1.6;margin:0 0 1.2rem;padding-left:1.5em}.blog-post li{margin-bottom:.4rem}.blog-post li p{margin:0 0 .5rem}.toc-button{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-radius:50%;box-shadow:var(--shadow-secondary);color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;left:20px;opacity:.7;position:fixed;top:120px;transition:all .3s ease;width:36px;z-index:997}.toc-button:hover{background-color:var(--bg-hover);opacity:1;transform:scale(1.05)}@media (max-width:768px){.toc-button{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-primary);border-left:none;border-radius:0 8px 8px 0;box-shadow:var(--shadow-primary);display:flex;height:30px;justify-content:center;left:0;opacity:.8;top:120px;width:20px}.toc-button:hover{background-color:var(--bg-hover);opacity:1;transform:translateX(2px)}.toc-button:after{border-color:#0000 #0000 #0000 var(--text-primary);border-style:solid;border-width:4px 0 4px 6px;content:"";height:0;width:0}.toc-button svg{display:none}}.toc-button svg{fill:currentColor;height:18px;width:18px}.toc-wrapper.visible+.toc-button{opacity:0;pointer-events:none}.home-page{background-color:var(--bg-primary);margin:0 auto;max-width:1200px;padding:1rem;transition:background-color .3s ease}.all-posts,.recent-posts{margin-bottom:3rem}.all-posts{margin-top:5rem}h2{color:var(--text-primary);font-size:2.5rem;margin-bottom:1.5rem;transition:color .3s ease}.posts-grid{grid-gap:1.5rem;grid-row-gap:4rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem;row-gap:4rem}.post-card{background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;box-shadow:var(--shadow-primary);color:inherit;display:flex;flex-direction:column;height:100%;padding:1.5rem;text-decoration:none;transition:all .3s ease}.post-card:hover{background-color:var(--bg-hover);box-shadow:var(--shadow-secondary);transform:translateY(-3px)}.post-card h1{color:var(--text-primary);flex-shrink:0;font-size:1.5rem;font-weight:700;margin:0 0 1rem;transition:color .3s ease}.post-card .post-excerpt{color:var(--text-secondary);flex-grow:1;font-family:Georgia,Times New Roman,Times,serif;line-height:1.5;margin-bottom:1rem;transition:color .3s ease}.post-card .post-meta{align-items:center;border-top:1px solid var(--border-secondary);display:flex;flex-shrink:0;justify-content:space-between;margin-top:auto;padding-top:1rem}.posts-list{gap:1rem}.post-item{padding:1.5rem}h3{color:var(--text-primary);font-size:1.5rem;margin-bottom:1rem}.post-meta,h3{transition:color .3s ease}.post-meta{align-items:center;color:var(--text-muted);display:flex;font-size:.9rem;gap:1rem}.post-author{color:var(--text-secondary);font-weight:500;transition:color .3s ease}.post-date{border-radius:4px;display:inline-block;padding:.25rem .5rem}.posts-list{display:flex;flex-direction:column;gap:.75rem}.post-item{align-items:center;background-color:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:8px;box-shadow:var(--shadow-primary);color:inherit;display:flex;justify-content:space-between;padding:1rem;text-decoration:none;transition:all .3s ease}.post-item:hover{background-color:var(--bg-hover);box-shadow:var(--shadow-secondary);transform:translateX(3px)}.post-title{color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:500;margin-right:1rem;transition:color .3s ease}.post-meta-compact{align-items:center;display:flex;font-size:.9rem;gap:1rem;white-space:nowrap}.post-meta-compact .post-author{color:var(--text-secondary);transition:color .3s ease}.post-meta-compact .post-date{border-radius:4px;color:var(--text-muted);padding:.25rem .5rem;transition:color .3s ease}.loading{align-items:center;color:var(--text-secondary);display:flex;font-size:1.1rem;justify-content:center;min-height:200px;transition:color .3s ease}@media (max-width:768px){.home-page{margin:0;padding:1rem .75rem}.all-posts,.recent-posts{margin-bottom:2rem}.all-posts{margin-top:2rem}h2{font-size:2.2rem;margin-bottom:1rem}.posts-grid,h2{padding:0 .5rem}.posts-grid{gap:4rem;grid-template-columns:1fr;margin-bottom:5rem}.post-card{margin-bottom:2rem;padding:1.5rem}.post-card h1{font-size:1.5rem;margin-bottom:.75rem}.post-card .post-excerpt{font-size:1.2rem;line-height:1.4;margin-bottom:.75rem}.post-card .post-meta{align-items:flex-start;flex-direction:column;gap:.5rem;padding-top:.75rem}.post-card .post-meta .post-author,.post-card .post-meta .post-date{font-size:.85rem}.posts-list{padding:0 .5rem}.post-item{align-items:flex-start;flex-direction:column;gap:.5rem;padding:1.5rem}.post-title{font-size:1.3rem;margin-bottom:.25rem;margin-right:0}.post-meta-compact{align-items:flex-start;flex-direction:column;font-size:.8rem;gap:.25rem}.post-meta-compact .post-author,.post-meta-compact .post-date{font-size:.8rem}}@media (max-width:480px){.home-page{padding:.5rem}h2{font-size:2rem;margin-bottom:.75rem}.posts-grid{gap:3.7rem;padding:.8rem}.post-card{padding:1.5rem 1.5rem 1rem}.post-card h1{font-size:1.7rem}.post-card .post-excerpt{font-size:1rem}.posts-list{padding:0 .25rem}.post-item{padding:1rem}.post-title{font-size:1.2rem}.post-meta-compact{font-size:.75rem}}.header{background-color:var(--bg-primary);box-shadow:var(--shadow-primary);padding:1rem 0;position:sticky;top:0;transition:background-color .3s ease,box-shadow .3s ease;z-index:1000}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 1rem}.logo{color:var(--text-primary);font-size:1.5rem;font-weight:700;margin:0;text-decoration:none;transition:color .3s ease}.header-content img{display:inline-block;height:70px;vertical-align:middle;width:auto}.theme-toggle{align-items:center;background:none;border:2px solid var(--border-primary);border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.theme-toggle:hover{background-color:var(--bg-hover);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.search-form{display:flex;gap:.5rem}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:var(--bg-primary);color:var(--text-primary);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh;transition:all .3s ease}.App-link{color:var(--accent-primary);transition:color .3s ease}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#root,.App,body{background-color:var(--bg-primary);min-height:100vh;transition:background-color .3s ease}
/*# sourceMappingURL=main.a36ea64d.css.map*/