@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--font-family-main: "IBM Plex Mono", Arial, sans-serif;--transition-speed: .3s;--bg-color: #0a0a0af7;--text-color: #e0e0e0;--date-color: #666;--link-hover: #7d049b;--rgb-var: 138, 5, 172;--accent-color: rgb(var(--rgb-var));--accent-color-transparent: rgba(var(--rgb-var), .3);--card-bg: rgba(20, 20, 28, .5);--card-bg-hover: rgba(30, 30, 40, .5)}[data-theme=light]{--bg-color: #fff;--text-color: #111;--link-hover: #b14700;--rgb-var: 255, 102, 0;--card-bg: rgba(var(--rgb-var), .05);--card-bg-hover: rgba(var(--rgb-var), .1)}.container{max-width:750px;margin:0 auto;padding:0 2rem;width:100%;box-sizing:border-box}body{font-family:var(--font-family-main);max-width:fit-content;margin:auto;padding:0;color:var(--text-color);line-height:1.6;font-size:16px;background-color:var(--bg-color);transition:background-color .3s ease,color .3s ease}h1,h2{color:var(--text-color);font-size:1.5rem;margin-bottom:1rem;font-weight:700}p{display:block;margin-block-start:1em;margin-block-end:1em;font-size:20px}a{transition:color var(--transition-speed) ease}header{text-align:center}.header-image{width:100%;max-width:700px;margin:0 auto 2rem;display:block;image-rendering:pixelated;image-rendering:crisp-edges;height:auto}nav{display:flex;justify-content:center;align-items:center;gap:2rem;margin:1.5rem 0;border-bottom:1px solid #444;padding-bottom:.5rem}nav a{color:var(--text-color);text-decoration:none;padding:.5rem 1rem;font-size:1rem;font-weight:700;text-transform:capitalize;transition:color .3s}nav a:hover{color:var(--accent-color)}ul{list-style-type:none;padding:0}li{text-align:-webkit-match-parent}.post{margin-bottom:1rem}.post-title{color:var(--accent-color);text-decoration:none;font-size:16px;font-weight:700;line-height:28px;text-align:left}.post-title:hover{color:var(--link-hover)}.post-title a:link,.post-title a:visited{color:var(--accent-color);text-decoration:none}.post-title a:hover,.post-title a:active{color:var(--link-hover)}.post-date{color:var(--date-color);font-size:.8rem;margin-top:.2rem;margin-bottom:.8rem}.post-link{text-decoration:none;color:inherit}.post-item{margin-bottom:1rem}.post-meta-project,.post-meta{display:flex;align-items:center;font-size:14px;font-weight:400;font-style:italic;color:var(--text-color)}.post-meta{opacity:.8;margin-top:.5rem;font-size:16px}.recent-posts,.progress-reports{margin-bottom:3rem}.see-all{color:var(--accent-color);text-decoration:none;font-size:.9rem;display:block;margin-top:1.5rem;font-weight:600}.see-all:hover{color:var(--link-hover)}.project-p{display:block;font-size:13px}.title-container{display:flex;align-items:center;gap:.5rem}.button-icon{background-color:var(--accent-color);color:var(--text-color);border:none;border-radius:30px;cursor:pointer;transition:background-color .3s}.button-project{border-color:var(--accent-color);background-color:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:20%}.button-project:hover{background-color:var(--link-hover);stroke:var(--accent-color);transition:.2s}svg{padding:.2rem;border-radius:30%;border:.1px solid transparent;width:20px;height:20px;fill:none;stroke:var(--accent-color);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}svg:not(:root){overflow-clip-margin:content-box;overflow:hidden}.svg-linkedin{fill:var(--accent-color)}.svd-github{padding:.2rem;border-radius:30%;border:.1px solid transparent;width:20px;height:20px;fill:none;stroke:var(--accent-color);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon{width:25px;height:25px}article{display:block}.intro p,.about p{margin:.5rem 0}.dm-link{color:var(--accent-color);text-decoration:none;font-weight:600}.dm-link:hover{color:var(--link-hover)}.intro,.about{margin-bottom:3rem;line-height:1.4}.tags-container{display:flex;flex-wrap:wrap;gap:10px;margin:15px 0 25px}.tag-filter-section{margin:2rem 0;padding:1rem 0;border-bottom:1px solid rgba(var(--rgb-var),.1)}.tag-filter-container{display:flex;flex-wrap:wrap;gap:.8rem;margin-bottom:1rem}.tag-filter-button{font-family:var(--font-family-main);background:rgba(var(--rgb-var),.1);border:1px solid rgba(var(--rgb-var),.3);color:var(--text-color);padding:.5rem 1.2rem;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.tag-filter-button:hover{background:rgba(var(--rgb-var),.2);border-color:var(--accent-color)}.tag-filter-button.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.clear-filters-button{font-family:var(--font-family-main);background:none;border:none;color:var(--date-color);cursor:pointer;font-size:.9rem;padding:.5rem;transition:color .2s ease}.clear-filters-button:hover{color:var(--accent-color)}.no-results{font-family:var(--font-family-main);text-align:center;color:var(--date-color);padding:2rem;grid-column:1 / -1}.reports-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:30px;margin-top:20px}.report-card{background-color:var(--card-bg);border-radius:8px;padding:20px;transition:background-color .2s ease;display:flex;flex-direction:column;min-height:260px}.report-card:hover{background-color:var(--card-bg-hover)}.report-date{font-family:var(--font-family-main);font-size:.85rem;color:var(--date-color);margin-bottom:12px}.report-title{font-family:var(--font-family-main);font-size:1.5rem;margin-bottom:16px;color:var(--accent-color)}.report-title a{color:var(--accent-color);text-decoration:none;transition:color .2s ease}.report-title a:hover{color:var(--link-hover)}.report-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}.report-tag{font-family:var(--font-family-main);font-size:.8rem;background-color:rgba(var(--rgb-var),.12);color:var(--accent-color);padding:3px 10px;border-radius:12px;transition:background-color .2s ease}.report-tag:hover{background-color:rgba(var(--rgb-var),.2)}.report-original-name{font-family:var(--font-family-main);font-size:.9rem;color:var(--text-color);opacity:.8;margin:12px 0;flex-grow:1}.read-more{font-family:var(--font-family-main);color:var(--accent-color);text-decoration:none;font-size:.9rem;margin-top:auto;padding-top:16px;align-self:flex-start;transition:color .2s ease}.read-more:hover{color:var(--link-hover)}footer{text-align:center;padding:2rem;margin-top:3rem;font-size:.8rem;max-width:750px;margin-left:auto;margin-right:auto;box-sizing:border-box}footer nav{margin-bottom:1rem}.social-links{display:flex;justify-content:center;gap:1rem;margin:1rem 0}.social-links a{color:var(--text-color);text-decoration:none}.theme-toggle{background:none;border:none;color:var(--text-color);cursor:pointer;font-size:1rem;padding:.5rem}.status{color:var(--date-color);font-style:italic;margin-bottom:1rem}.copyright{color:var(--date-color);margin-top:1rem}.gif-container{width:100%;max-width:100%;position:relative;border-radius:4px;justify-content:center;display:flex;overflow:hidden;margin:0 auto}.gif{width:650px;height:270px;border-radius:5px;opacity:1;filter:blur(0px);transition:opacity .3s ease;transition:all .3s ease}.markdown-content{width:100%;overflow-x:hidden}.markdown-content img{max-width:100%;height:auto}.markdown-content h2{font-size:1.75rem;margin:1.5rem 0 .75rem}.markdown-content pre{background-color:var(--code-bg);padding:1rem;border-radius:4px;overflow-x:auto;margin:1rem 0}.markdown-content code{font-family:IBM Plex Mono,monospace;font-size:.9rem}.markdown-content ul{padding-left:1.5rem;margin:1rem 0}.markdown-content li{margin:.5rem 0}.markdown-content a{color:var(--accent-color);text-decoration:none;font-weight:600;transition:color var(--transition-speed) ease}.markdown-content a:hover{color:var(--link-hover)}.markdown-content a[href*=python],.markdown-content a[href*=pip],.markdown-content a[href*=discord],.markdown-content a[href*=github],.markdown-content a[href*=npm]{color:var(--accent-color);border-bottom:1px;padding-bottom:1px}.markdown-content a[href*=python]:hover,.markdown-content a[href*=pip]:hover,.markdown-content a[href*=discord]:hover,.markdown-content a[href*=github]:hover,.markdown-content a[href*=npm]:hover{color:var(--link-hover);border-bottom-color:var(--link-hover)}.pagination-controls{display:flex;justify-content:center;align-items:center;margin:2rem 0;gap:1rem;font-family:var(--font-family-main)}.pagination-button{font-family:var(--font-family-main);background:rgba(var(--rgb-var),.1);border:1px solid rgba(var(--rgb-var),.3);color:var(--text-color);padding:.5rem 1.2rem;border-radius:20px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.pagination-button:hover:not(:disabled){background:rgba(var(--rgb-var),.2);border-color:var(--accent-color)}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;gap:.5rem;align-items:center}.page-number{font-family:var(--font-family-main);background:none;border:none;color:var(--text-color);cursor:pointer;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;border-radius:50%;font-size:.9rem;transition:all .2s ease}.page-number.active{background:var(--accent-color);color:#fff}.page-number:hover:not(.active){background:rgba(var(--rgb-var),.1)}@media screen and (max-width:768px){.pagination-controls{flex-wrap:wrap;gap:.8rem}.pagination-button{font-size:.8rem;padding:.4rem 1rem}.page-number{width:1.8rem;height:1.8rem;font-size:.8rem}}@media screen and (max-width:480px){.pagination-controls{gap:.5rem}.pagination-button{font-size:.75rem;padding:.3rem .8rem}.page-number{width:1.5rem;height:1.5rem;font-size:.75rem}.pagination-pages .page-number:not(.active){display:none}.pagination-pages .page-number:first-child,.pagination-pages .page-number:last-child,.pagination-pages .page-number.active{display:flex}}@media screen and (max-width:1400px){.container{max-width:800px;padding:0 2rem}.gif{width:550px;height:230px}}@media screen and (max-width:1200px){.container{max-width:900px;padding:0 1.5rem}.gif{width:450px;height:190px}nav{gap:1.5rem}p{font-size:18px}footer{padding:2rem 1.5rem}}@media screen and (max-width:768px){.container{padding:0 1rem}.gif-container{padding:0}.gif{width:100%!important;height:auto;max-height:200px;border-radius:0}nav{gap:.3rem;flex-wrap:wrap;justify-content:center}nav a{font-size:10px;padding:.3rem .5rem}h1,h2{font-size:22px}p{font-size:16px}.markdown-content{font-size:1rem;padding:0 .5rem}.markdown-content p{font-size:16px}.post-title{font-size:14px;line-height:24px}footer{padding:1.5rem 1rem}}@media screen and (max-width:480px){.container{padding:0 .8rem}.gif{max-height:150px}nav{gap:.3rem}nav a{font-size:10px;padding:.2rem .6rem}h1,h2{font-size:20px}p{font-size:15px}.intro p,.about p{margin:.3rem 0}.post-title{font-size:14px;line-height:24px}.post-date{font-size:.7rem}.social-links{gap:.5rem}.social-links svg{width:18px;height:18px}footer{padding:1rem}footer nav{flex-direction:row;gap:.3rem}.markdown-content{font-size:.9rem}.markdown-content h1{font-size:1.5rem!important}.markdown-content h2{font-size:1.3rem!important}}@media screen and (max-width:320px){.container{padding:0 .5rem}nav a{font-size:12px;padding:.2rem .4rem}.gif{max-width:280px}h1,h2{font-size:18px}p{font-size:14px}.post-title{font-size:12px;line-height:20px}}@media screen and (max-width:768px){.reports-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:25px}.report-title{font-size:1.3rem}.tag-filter-button{font-size:.8rem;padding:4px 10px}.report-card{min-height:240px}}@media screen and (max-width:480px){.reports-grid{grid-template-columns:1fr;gap:20px}.report-card{padding:15px;min-height:220px}.tags-container{gap:6px}.tag-filter-button{font-size:.75rem;padding:3px 8px}}.report-search{margin:1.5rem 0}.report-search label{display:block;margin-bottom:.5rem}.report-search input{box-sizing:border-box;width:100%;max-width:38rem;padding:.8rem;font:inherit;color:inherit;background:transparent;border:1px solid currentColor;border-radius:6px}.report-search input:focus-visible{outline:2px solid currentColor;outline-offset:3px}.report-search p{font-size:.9rem}.markdown-content{box-sizing:border-box;min-width:0;overflow-wrap:anywhere}.markdown-content pre{max-width:100%;box-sizing:border-box;overflow-x:auto}.markdown-content table{display:block;max-width:100%;overflow-x:auto}.focus-list{display:grid;gap:1rem}.focus-list h3{margin-bottom:.25rem;font-size:1rem}.focus-list p{margin-top:0}.profile-meta{color:var(--text-color);opacity:.8;font-size:.95rem}