@charset "UTF-8";.hero-banner{background:linear-gradient(135deg,#667eea 0%,#3b82f6 100%);color:#fff;position:relative;overflow:hidden;margin:0 -3rem 2rem;padding:4rem 2rem;text-align:center}.hero-banner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1)}.hero-banner>*{position:relative;z-index:1}.hero-banner h1,.hero-banner p{color:#fff !important;text-align:center}.hero-banner h1{text-shadow:2px 2px 4px rgba(0,0,0,.3);margin-bottom:1.5rem}.hero-banner p{text-shadow:2px 2px 4px rgba(0,0,0,.3)}.archive-tree details[open]>summary{margin-bottom:.5rem}.archive-tree summary{list-style:none;position:relative;padding-left:1.5rem}.archive-tree summary::-webkit-details-marker{display:none}.archive-tree summary::before{content:'▶';position:absolute;left:0;transition:transform .2s ease}.archive-tree details[open]>summary::before{transform:rotate(90deg)}.archive-tree .year-item>details>summary{font-size:1.1rem;font-weight:700;color:#374151}.archive-tree .month-item>details>summary{font-size:.95rem;color:#6b7280}.archive-tree a{display:block;padding:.125rem 0;border-radius:.25rem;transition:all .2s ease}.archive-tree a:hover{background-color:rgba(59,130,246,.1);padding-left:.5rem}.post-summary{transition:transform .2s ease;transition:transform .2s,box-shadow .2s}.post-summary:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.post-summary h3 a{text-decoration:none;transition:color .2s ease}.post-summary .category{text-transform:capitalize;font-weight:500}.post-summary .tag{font-size:.75rem;text-transform:lowercase;transition:all .2s ease}.post-summary .tag:hover{background-color:rgba(59,130,246,.2)}@media(max-width:1024px){.archive-tree{margin-bottom:2rem}.hero-banner{margin-left:-2rem;margin-right:-2rem}}@media(max-width:768px){.hero-banner h1{font-size:2rem}.hero-banner p{font-size:1.125rem}.archive-tree{position:sticky;top:1rem;z-index:10}}#coding-quote{animation:fadeIn .5s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dark .dark\\:text-gray-300{color:var(--color-text-secondary)}.dark .dark\\:text-gray-400{color:var(--color-text-muted)}.dark .dark\\:text-blue-400{color:#60a5fa}.dark .dark\\:text-gray-100{color:var(--color-text)}.dark .dark\\:text-white{color:var(--color-text)}.dark .dark\\:bg-gray-700{background-color:var(--color-card-bg)}.dark .dark\\:bg-gray-800{background-color:var(--color-bg)}.dark .dark\\:bg-gray-900{background-color:var(--color-bg)}.dark .dark\\:hover\\:bg-gray-600:hover{background-color:var(--color-card-border)}.dark .dark\\:hover\\:text-blue-300:hover{color:var(--color-link)}.light .dark\\:text-gray-300{color:var(--color-text-secondary)}.light .dark\\:text-gray-400{color:var(--color-text-muted)}.light .dark\\:text-blue-400{color:var(--color-link)}.light .dark\\:bg-gray-700{background-color:var(--color-card-bg)}.light .dark\\:bg-gray-800{background-color:var(--color-bg)}.light .dark\\:hover\\:bg-gray-600:hover{background-color:var(--color-card-border)}.welcome-section{background:linear-gradient(135deg,rgba(59,130,246,5%) 0%,rgba(102,126,234,8%) 100%);border:1px solid rgba(59,130,246,.1);border-radius:.75rem;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden;transition:all .3s ease}.welcome-section::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#3b82f6 0%,#667eea 100%)}.welcome-section h2{color:var(--color-text);margin-bottom:1rem}.welcome-section p{color:var(--color-text-secondary);line-height:1.6}@media(max-width:768px){.welcome-section{margin:0 1.5rem 2rem;padding:1.5rem}}.welcome-section a{text-decoration:none;color:#3b82f6}.welcome-section a:hover{color:#1e40af;background:rgba(59,130,246,.1);padding:.125rem .25rem;border-radius:.25rem}.dark .welcome-section{background:linear-gradient(135deg,rgba(59,130,246,8%) 0%,rgba(102,126,234,.12) 100%);border-color:rgba(59,130,246,.2)}.dark .welcome-section::before{background:linear-gradient(135deg,#6ca1f8 0%,#93a4f0 100%)}.dark .welcome-section a{color:#9dc0fa}.dark .welcome-section a:hover{color:#cddffd;background:rgba(59,130,246,.15)}.flex.gap-8{gap:2rem}main.prose.max-w-none{max-width:100%}@media(min-width:1024px){aside.lg\\:sticky{position:sticky;top:5rem;height:fit-content;margin-right:2rem}}.flex-1{width:100%;min-width:0}.post-archive{background-color:#f9fafb;border-radius:.5rem;padding:1.5rem;margin-bottom:1rem;border:1px solid #e5e7eb}@media(prefers-color-scheme:dark){.post-archive{background-color:#1f2937;border-color:#374151}}.post-archive h3{margin-bottom:1rem;font-size:1.125rem}.content.index{padding-top:2rem;padding-bottom:2rem}.content.index .py4{padding-top:2rem;padding-bottom:2rem}.max-width{max-width:65rem}.max-width.px3{padding-left:3rem;padding-right:3rem}@media(max-width:768px){.max-width.px3{padding-left:1.5rem;padding-right:1.5rem}}@media(max-width:768px){.hero-banner{margin-left:-1.5rem;margin-right:-1.5rem}}.flex-col.lg\\:flex-row{padding:0 3rem}@media(max-width:768px){.flex-col.lg\\:flex-row{padding:0 1.5rem}}.posts-list{width:100%}.post-summary{padding-left:1rem;padding-right:1rem;margin-bottom:3rem}@media(max-width:768px){.post-summary{padding-left:.5rem;padding-right:.5rem}}.theme-toggle{position:fixed;top:20px;left:20px;z-index:1000;width:52px;height:52px;border-radius:50%;border:none;background:linear-gradient(135deg,#667eea 0%,#3b82f6 100%);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:all .3s ease;overflow:hidden}.theme-toggle::before{content:'';position:absolute;top:2px;left:2px;right:2px;bottom:2px;border-radius:50%;background:rgba(255,255,255,.1);pointer-events:none}.theme-toggle:hover{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%);transform:scale(1.05);box-shadow:0 6px 16px rgba(0,0,0,.2)}.theme-toggle:active{transform:scale(.95)}.theme-toggle .theme-icon{width:28px;height:28px;transition:all .3s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);fill:currentColor}.theme-toggle .theme-icon.hidden{opacity:0;transform:translate(-50%,-50%)scale(.8);pointer-events:none}.theme-toggle .theme-icon:not(.hidden){opacity:1;transform:translate(-50%,-50%)scale(1)}@media(prefers-color-scheme:dark){.theme-toggle{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%)}.theme-toggle:hover{background:linear-gradient(135deg,#274cb4 0%,#2650da 100%)}}@media(max-width:768px){.theme-toggle{top:80px;width:48px;height:48px}.theme-toggle .theme-icon{width:24px;height:24px}}:root{--color-bg:#ffffff;--color-text:#383838;--color-border:#666;--color-link:rgba(212, 128, 170, 1);--color-code-bg:#f8f8f8;--color-card-bg:#f9fafb;--color-card-border:#e5e7eb;--color-text-muted:#6b7280;--color-text-secondary:#4b5563;--color-shadow:rgba(0, 0, 0, 0.1)}@media(prefers-color-scheme:dark){:root{--color-bg:#1d1f21;--color-text:#c9cacc;--color-border:#666;--color-link:rgba(212, 128, 170, 1);--color-code-bg:#242629;--color-card-bg:#1f2937;--color-card-border:#374151;--color-text-muted:#9ca3af;--color-text-secondary:#d1d5db;--color-shadow:rgba(255, 255, 255, 0.1)}}html.light{--color-bg:#ffffff;--color-text:#383838;--color-border:#666;--color-link:rgba(212, 128, 170, 1);--color-code-bg:#f8f8f8;--color-card-bg:#f9fafb;--color-card-border:#e5e7eb;--color-text-muted:#6b7280;--color-text-secondary:#4b5563;--color-shadow:rgba(0, 0, 0, 0.1)}html.dark{--color-bg:#1d1f21;--color-text:#c9cacc;--color-border:#666;--color-link:rgba(212, 128, 170, 1);--color-code-bg:#242629;--color-card-bg:#1f2937;--color-card-border:#374151;--color-text-muted:#9ca3af;--color-text-secondary:#d1d5db;--color-shadow:rgba(255, 255, 255, 0.1)}html{border-top-color:var(--color-text)}body{background-color:var(--color-bg);color:var(--color-text)}.content{background-color:var(--color-bg);color:var(--color-text)}.content a{color:var(--color-text)}.content a:hover{background-image:linear-gradient(transparent,transparent 4px,var(--color-link) 4px,var(--color-link))}.content a.icon:hover{color:var(--color-link)}h1,h2,h3,h4,h5,h6{color:var(--color-text)}pre{background-color:var(--color-code-bg);border-color:var(--color-border);color:var(--color-text)}code{background-color:var(--color-code-bg);border-color:var(--color-border);color:var(--color-text)}.post-archive{background-color:var(--color-card-bg);border-color:var(--color-card-border)}.post-summary:hover{box-shadow:0 4px 12px var(--color-shadow)}.post-summary .text-gray-500{color:var(--color-text-muted)}.post-summary .text-gray-600{color:var(--color-text-secondary)}.light .theme-toggle{background:linear-gradient(135deg,#667eea 0%,#3b82f6 100%)}.light .theme-toggle:hover{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%)}.dark .theme-toggle{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%)}.dark .theme-toggle:hover{background:linear-gradient(135deg,#274cb4 0%,#2650da 100%)}.light .hero-banner{background:linear-gradient(135deg,#667eea 0%,#3b82f6 100%)}.dark .hero-banner{background:linear-gradient(135deg,#1e3a8a 0%,#1e40af 100%)}.archive-tree .year-item>details>summary{color:var(--color-text)}.archive-tree .month-item>details>summary{color:var(--color-text-muted)}.archive-tree a{color:var(--color-text)}.archive-nav-container .archive-nav-panel{background:var(--color-card-bg);color:var(--color-text)}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree .year-item>details>summary{color:var(--color-text)}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree .month-item>details>summary{color:var(--color-text-muted)}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree a{color:var(--color-text)}.dark .archive-nav-container .archive-nav-panel .archive-nav-header{background:#1e3a8a}.max-width .content{background-color:var(--color-bg);color:var(--color-text)}.max-width.px3{background-color:var(--color-bg);color:var(--color-text)}.content a,.max-width a{color:var(--color-text)}.content .footer{background-color:var(--color-bg);color:var(--color-text)}.pagination a{background-color:var(--color-card-bg);color:var(--color-text)}.meta,.post-meta{color:var(--color-text-muted)}.post{background-color:var(--color-bg);color:var(--color-text)}.post .posttitle{color:var(--color-text)}.post .meta{color:var(--color-text-muted)}.post .content{background-color:var(--color-bg);color:var(--color-text)}article{background-color:var(--color-bg);color:var(--color-text)}article header{color:var(--color-text)}article .prose{color:var(--color-text)}#logo{width:80px;height:80px;background-size:contain;background-repeat:no-repeat;background-position:50%;border-radius:0;opacity:1}@media(max-width:768px){#logo{width:60px;height:60px}}#header a{display:flex;align-items:center;text-decoration:none}#header a #logo{margin-right:1rem}#header a #title h1{color:var(--color-text);margin:0;font-size:1.75rem}@media(max-width:768px){#header a #title h1{font-size:1.5rem}}#header-post a{color:var(--color-text)}.archive-nav-container{position:fixed;top:50%;left:0;transform:translateY(-50%);z-index:99}.archive-nav-container .archive-nav-toggle{position:absolute;left:0;top:0;width:48px;height:48px;background:#667eea;border-radius:0 8px 8px 0;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;box-shadow:2px 2px 8px rgba(0,0,0,.2)}.archive-nav-container .archive-nav-toggle:hover{background:#1e3a8a;transform:translateX(4px)}.archive-nav-container .archive-nav-toggle .archive-icon{width:24px;height:24px;color:#fff}.archive-nav-container .archive-nav-panel{position:absolute;left:-400px;top:0;width:400px;max-height:80vh;background:#fff;border-radius:0 8px 8px 0;box-shadow:4px 0 16px rgba(0,0,0,.15);transition:left .3s ease;overflow:hidden}.archive-nav-container .archive-nav-panel.open{left:48px}.archive-nav-container .archive-nav-panel .archive-nav-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#667eea;color:#fff}.archive-nav-container .archive-nav-panel .archive-nav-header .archive-nav-title{font-size:1.125rem;font-weight:700;margin:0}.archive-nav-container .archive-nav-panel .archive-nav-header .archive-nav-close{background:0 0;border:none;color:#fff;cursor:pointer;padding:4px;border-radius:4px;transition:all .2s ease}.archive-nav-container .archive-nav-panel .archive-nav-header .archive-nav-close:hover{background:rgba(255,255,255,.2)}.archive-nav-container .archive-nav-panel .archive-nav-header .archive-nav-close svg{width:20px;height:20px}.archive-nav-container .archive-nav-panel .archive-nav-content{padding:1rem;max-height:calc(80vh - 80px);overflow-y:auto}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree ul{padding-left:10px}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree details[open]>summary{margin-bottom:.5rem}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree summary{list-style:none;position:relative;padding-left:1.5rem;cursor:pointer;padding:.25rem 0 .25rem 1.5rem;border-radius:4px;transition:all .2s ease}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree summary:hover{background-color:rgba(59,130,246,.1)}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree summary::-webkit-details-marker{display:none}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree summary::before{content:'▶';position:absolute;left:0;top:.25rem;transition:transform .2s ease}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree details[open]>summary::before{transform:rotate(90deg)}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree .year-item>details>summary{font-size:1rem;font-weight:700;color:#374151}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree .month-item>details>summary{font-size:.875rem;color:#6b7280}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree a{display:block;padding:.25rem 0;border-radius:4px;text-decoration:none;color:#374151;transition:all .2s ease;margin-left:1rem}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree a:hover{background-color:rgba(59,130,246,.1);padding-left:.5rem}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree a.active{background-color:rgba(59,130,246,.2);color:#667eea;font-weight:600;padding-left:.5rem}@media(prefers-color-scheme:dark){.archive-nav-container .archive-nav-toggle{background:#1e3a8a}.archive-nav-container .archive-nav-toggle:hover{background:#1e40af}.archive-nav-container .archive-nav-panel{background:#1f2937;color:#fff}.archive-nav-container .archive-nav-panel .archive-nav-header{background:#1e3a8a}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree .year-item>details>summary{color:#f3f4f6}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree .month-item>details>summary{color:#d1d5db}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree a{color:#f3f4f6}}@media(max-width:768px){.archive-nav-container .archive-nav-toggle{left:-30px}.archive-nav-container .archive-nav-toggle.open{left:0}.archive-nav-container .archive-nav-panel{width:300px;max-height:70vh}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree{padding:0}.archive-nav-container .archive-nav-panel .archive-nav-content .archive-tree ul{padding-left:0}}