:root{--toc-bg: rgba(250, 250, 250, .95);--toc-text: #4a4a4a;--toc-title-color: #363636;--toc-border: #3273dc;--toc-border-bottom: #dbdbdb;--toc-hover-color: #3273dc;--toc-hover-bg: rgba(50, 115, 220, .1);--toc-active-bg: rgba(50, 115, 220, .15);--toc-shadow: rgba(0, 0, 0, .1);--toc-scrollbar-track: #f1f1f1;--toc-scrollbar-thumb: #c1c1c1;--toc-scrollbar-thumb-hover: #a1a1a1}[data-theme=dark]{--toc-bg: rgba(45, 45, 45, .95);--toc-text: #e0e0e0;--toc-title-color: #f0f0f0;--toc-border: #4a9eff;--toc-border-bottom: #5a5a5a;--toc-hover-color: #4a9eff;--toc-hover-bg: rgba(74, 158, 255, .2);--toc-active-bg: rgba(74, 158, 255, .25);--toc-shadow: rgba(0, 0, 0, .3);--toc-scrollbar-track: #3a3a3a;--toc-scrollbar-thumb: #6a6a6a;--toc-scrollbar-thumb-hover: #8a8a8a}.toc-toggle{position:fixed;bottom:2rem;right:2rem;transform:none;z-index:1001;background:var(--toc-bg);border:1px solid var(--toc-border);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 2px 8px var(--toc-shadow);transition:all .3s ease}.toc-toggle:hover{background:var(--toc-hover-bg)}.toc-toggle-icon{width:20px;height:20px;fill:var(--toc-text);transition:opacity .3s ease,transform .3s ease;position:absolute}.toc-icon-close,.toc-toggle.active .toc-icon-open{opacity:0;transform:scale(.8)}.toc-toggle.active .toc-icon-close{opacity:1;transform:scale(1)}.table-of-contents{position:fixed;right:1rem;top:50%;transform:translateY(-50%) translate(100%);width:280px;max-height:70vh;overflow-y:auto;padding:1.5rem;background:var(--toc-bg);backdrop-filter:blur(10px);border-left:3px solid var(--toc-border);border-radius:6px;box-shadow:0 4px 12px var(--toc-shadow);z-index:1000;transition:transform .3s ease;opacity:0;visibility:hidden}.table-of-contents.visible{transform:translateY(-50%) translate(0);opacity:1;visibility:visible}@media screen and (max-width: 768px){.toc-toggle{top:auto;bottom:2rem;right:1rem;transform:none}.toc-toggle:hover{transform:scale(1.1)}.table-of-contents{position:fixed;bottom:5rem;right:1rem;top:auto;transform:translateY(100%);width:calc(100vw - 2rem);max-width:320px;max-height:50vh}.table-of-contents.visible{transform:translateY(0)}}@media screen and (min-width: 769px) and (max-width: 1023px){.table-of-contents{width:260px;right:1rem}}@media screen and (min-width: 1024px){.table-of-contents{width:280px}}@media screen and (min-width: 1408px){.toc-toggle{right:calc((100vw - 1152px)/2 - 80px)}.table-of-contents{right:calc((100vw - 1152px)/2 - 300px)}}.toc-title{color:var(--toc-title-color);font-size:1.1rem;border-bottom:1px solid var(--toc-border-bottom);padding-bottom:.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center}.toc-close{background:none;border:none;color:var(--toc-text);cursor:pointer;font-size:1.2rem;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toc-close:hover{color:var(--toc-hover-color)}.toc-list{list-style:none;margin:0;padding:0}.toc-list li{margin-bottom:.5rem}.toc-list a{display:block;padding:.25rem 0;color:var(--toc-text);text-decoration:none;font-size:.9rem;line-height:1.4;border-radius:3px;transition:all .2s ease}.toc-list a:hover{color:var(--toc-hover-color);background-color:var(--toc-hover-bg);padding-left:.5rem}.toc-list a.active{color:var(--toc-hover-color);font-weight:600;background-color:var(--toc-active-bg);padding-left:.5rem}.toc-list .toc-h2{padding-left:0}.toc-list .toc-h3{padding-left:1rem}.toc-list .toc-h4{padding-left:2rem}.toc-list .toc-h5{padding-left:3rem}.toc-list .toc-h6{padding-left:4rem}.table-of-contents::-webkit-scrollbar{width:4px}.table-of-contents::-webkit-scrollbar-track{background:var(--toc-scrollbar-track)}.table-of-contents::-webkit-scrollbar-thumb{background:var(--toc-scrollbar-thumb);border-radius:2px}.table-of-contents::-webkit-scrollbar-thumb:hover{background:var(--toc-scrollbar-thumb-hover)}:root{--share-bg: white;--share-text: #4a4a4a;--share-border: #ddd;--share-hover-shadow: rgba(0, 0, 0, .1);--share-container-border: #e1e1e1;--share-container-bg: #fafafa}[data-theme=dark]{--share-bg: #2b2b2b;--share-text: #e0e0e0;--share-border: #404040;--share-hover-shadow: rgba(255, 255, 255, .1);--share-container-border: #3a3a3a;--share-container-bg: #1e1e1e}.share-post{border-radius:8px;padding:1.5rem;margin:2rem 0;border:1px solid var(--share-container-border);background:var(--share-container-bg)}.share-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.share-button{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;text-decoration:none;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;background:var(--share-bg);color:var(--share-text);border:1px solid var(--share-border)}.share-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--share-hover-shadow);text-decoration:none}.share-button.facebook:hover{background:#1877f2;color:#fff;border-color:#1877f2}.share-button.x:hover{background:#000;color:#fff;border-color:#000}[data-theme=dark] .share-button.x:hover{background:#1d1d1d;color:#fff;border-color:#1d1d1d}.share-button.linkedin:hover{background:#0a66c2;color:#fff;border-color:#0a66c2}.share-button.whatsapp:hover{background:#25d366;color:#fff;border-color:#25d366}.share-button.telegram:hover{background:#08c;color:#fff;border-color:#08c}.share-button.copy-link:hover{background:#3273dc;color:#fff;border-color:#3273dc}.share-button.copied{background:#48c774!important;color:#fff!important;border-color:#48c774!important}.icon{font-size:1.1rem}@media (max-width: 768px){.share-buttons{flex-direction:column}.share-button{justify-content:center;width:100%}}:root{--blog-text-primary: #363636;--blog-text-secondary: #5a5a5a;--blog-text-muted: #757575;--blog-bg-primary: #ffffff;--blog-bg-secondary: #f8f9fa;--blog-bg-tertiary: #f8f8f8;--blog-border-light: #e8e8e8;--blog-border-medium: #f5f5f5;--blog-shadow: rgba(0, 0, 0, .1);--blog-shadow-medium: rgba(0, 0, 0, .15);--blog-code-bg: #f8f8f8;--blog-code-text: #e74c3c;--blog-pre-bg: #2d3748;--blog-pre-text: #e2e8f0;--blog-blockquote-bg: #f8f9fa;--blog-table-header-bg: #3273dc;--blog-table-row-even: #f8f9fa;--blog-table-row-hover: #e8f4f8;--blog-link-hover-bg: rgba(50, 115, 220, .1);--blog-highlight-bg: #fff9e6;--blog-note-bg: #e8f4f8;--blog-warning-bg: #fef5e7;--blog-info-bg: #e8f5e8}[data-theme=dark]{--blog-text-primary: #e0e0e0;--blog-text-secondary: #b0b0b0;--blog-text-muted: #909090;--blog-bg-primary: #1a1a1a;--blog-bg-secondary: #2a2a2a;--blog-bg-tertiary: #333333;--blog-border-light: #404040;--blog-border-medium: #2a2a2a;--blog-shadow: rgba(0, 0, 0, .3);--blog-shadow-medium: rgba(0, 0, 0, .4);--blog-code-bg: #333333;--blog-code-text: #ff6b6b;--blog-pre-bg: #1e1e1e;--blog-pre-text: #e2e8f0;--blog-blockquote-bg: #2a2a2a;--blog-table-header-bg: #3273dc;--blog-table-row-even: #2a2a2a;--blog-table-row-hover: #374151;--blog-link-hover-bg: rgba(50, 115, 220, .2);--blog-highlight-bg: #3a3520;--blog-note-bg: #1e2a3a;--blog-warning-bg: #3a2f1e;--blog-info-bg: #1e3a1e}.blog-post{line-height:1.7}.blog-hero-image{border-radius:12px;overflow:hidden;box-shadow:0 4px 20px var(--blog-shadow)}.blog-header{border-bottom:2px solid var(--blog-border-medium);padding-bottom:1.5rem}.blog-meta .image img{border:2px solid var(--blog-bg-primary);box-shadow:0 2px 8px var(--blog-shadow)}.blog-content{font-size:1.1rem;max-width:none;color:var(--blog-text-primary)}.blog-content h1,.blog-content h2,.blog-content h3,.blog-content h4,.blog-content h5,.blog-content h6{margin-top:2.5rem;margin-bottom:1rem;line-height:1.3;color:var(--blog-text-primary)}.blog-content h1{font-size:2.5rem;border-bottom:3px solid #3273dc;padding-bottom:.5rem}.blog-content h2{font-size:2rem;border-bottom:2px solid var(--blog-border-light);padding-bottom:.3rem;color:#3273dc}.blog-content h3{font-size:1.5rem;color:#3273dc}.blog-content h4{font-size:1.25rem;color:var(--blog-text-secondary)}.blog-content p{margin-bottom:1.5rem;text-align:justify}.blog-content p:last-child{margin-bottom:0}.blog-content code{background-color:var(--blog-code-bg);border:1px solid var(--blog-border-light);border-radius:4px;color:var(--blog-code-text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9em;padding:.2em .4em}.blog-content pre{background-color:var(--blog-pre-bg);border-radius:8px;color:var(--blog-pre-text);font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.5;margin:1.5rem 0;overflow-x:auto;padding:1.5rem;box-shadow:0 4px 12px var(--blog-shadow-medium);position:relative}.blog-content pre code{background:none;border:none;color:inherit;font-size:inherit;padding:0}.code-block-container{position:relative}.copy-button{position:absolute;top:.75rem;right:.75rem;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:var(--blog-pre-text);cursor:pointer;font-size:.8rem;padding:.5rem .75rem;transition:all .2s ease;backdrop-filter:blur(10px);z-index:10}.copy-button:hover{background:#fff3;border-color:#ffffff4d;transform:translateY(-1px)}.copy-button:active{transform:translateY(0)}.copy-button.copied{background:#48c774;border-color:#48c774;color:#fff}.copy-button .icon{margin-right:.25rem}.blog-content blockquote{background-color:var(--blog-blockquote-bg);border-left:5px solid #3273dc;font-style:italic;margin:2rem 0;padding:1.5rem;border-radius:0 8px 8px 0}.blog-content blockquote p{margin-bottom:0;color:var(--blog-text-secondary)}.blog-content ul,.blog-content ol{margin-bottom:1.5rem;padding-left:2rem}.blog-content li{margin-bottom:.5rem}.blog-content ul li{list-style-type:disc}.blog-content ul ul li{list-style-type:circle}.blog-content ol li{list-style-type:decimal}.blog-content table{border-collapse:collapse;margin:2rem 0;width:100%;box-shadow:0 2px 8px var(--blog-shadow);border-radius:8px;overflow:hidden}.blog-content table th,.blog-content table td{border:1px solid var(--blog-border-light);padding:.75rem 1rem;text-align:left}.blog-content table th{background-color:var(--blog-table-header-bg);color:#fff;font-weight:600}.blog-content table tr:nth-child(2n){background-color:var(--blog-table-row-even)}.blog-content table tr:hover{background-color:var(--blog-table-row-hover)}.blog-content img{border-radius:8px;box-shadow:0 4px 12px var(--blog-shadow);height:auto;margin:1.5rem auto;max-width:100%;display:block}.blog-content iframe{display:block;margin:2rem auto;border-radius:8px;box-shadow:0 4px 12px var(--blog-shadow);border:1px solid var(--blog-border-light);max-width:100%}.blog-content iframe{width:800px;height:450px}.blog-content iframe[src*="youtube.com"],.blog-content iframe[src*="youtu.be"],.blog-content iframe[src*="vimeo.com"]{width:800px;height:450px;aspect-ratio:16/9}.blog-content iframe[src*="codepen.io"],.blog-content iframe[src*="jsfiddle.net"]{width:800px;height:500px}.blog-content iframe[src*="gist.github.com"]{width:800px;height:400px}.blog-content .embed-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:2rem auto;max-width:800px;border-radius:8px;box-shadow:0 4px 12px var(--blog-shadow)}.blog-content .embed-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;border-radius:8px}.blog-content a{color:#3273dc;text-decoration:none;border-bottom:1px dotted #3273dc;transition:all .3s ease}.blog-content a:hover{color:#2366d1;border-bottom:1px solid #2366d1;background-color:var(--blog-link-hover-bg);padding:0 2px;border-radius:2px}.blog-content hr{border:none;height:2px;background:#3273dc;margin:3rem 0;border-radius:2px}.blog-content input[type=checkbox]{margin-right:.5rem;transform:scale(1.2)}.blog-content .highlight,.blog-content .note,.blog-content .warning,.blog-content .info{padding:1rem 1.5rem;margin:1.5rem 0;border-radius:8px;border-left:5px solid}.blog-content .highlight{background-color:var(--blog-highlight-bg);border-left-color:#ffcc02}.blog-content .note{background-color:var(--blog-note-bg);border-left-color:#3273dc}.blog-content .warning{background-color:var(--blog-warning-bg);border-left-color:#ff9800}.blog-content .info{background-color:var(--blog-info-bg);border-left-color:#48c774}@media screen and (max-width: 768px){.blog-content{font-size:1rem}.blog-content h1{font-size:2rem}.blog-content h2{font-size:1.5rem}.blog-content pre{font-size:.8rem;padding:1rem}.blog-content table{font-size:.9rem}.blog-content table th,.blog-content table td{padding:.5rem}.blog-content iframe{width:95%!important;max-width:95%!important;height:auto;min-height:250px}.blog-content iframe[src*="youtube.com"],.blog-content iframe[src*="youtu.be"],.blog-content iframe[src*="vimeo.com"]{width:95%!important;height:53.4375vw!important;max-height:300px}.blog-content iframe[src*="codepen.io"],.blog-content iframe[src*="jsfiddle.net"]{width:95%!important;height:350px!important}.blog-content .embed-container{width:95%;max-width:95%}}.blog-author-footer{border-top:1px solid var(--blog-border-light);margin-top:2rem!important;padding-top:1rem!important}.blog-author-footer .media{align-items:center}.blog-author-footer .image img{width:48px;height:48px;object-fit:cover}@media print{.blog-post{font-size:12pt;line-height:1.5}.blog-content pre{background-color:#f5f5f5!important;color:#333!important;border:1px solid #ccc}.blog-content a{color:#333!important;text-decoration:underline!important}}html,body{height:100%}body{display:flex;flex-direction:column}.main-content[data-astro-cid-2q5oecfc]{flex:1}