.blog-content{display:flex;flex-direction:column;align-items:center}.container-grid{display:flex;justify-content:center;width:100%;margin:0 auto;max-width:100%}.posts-grid{display:grid;grid-template-columns:repeat(3,minmax(300px,1fr));gap:30px;margin:30px auto 0;max-width:1000px;width:100%;justify-content:center}.project-card{position:relative;border:1px solid #ececec;border-radius:16px;overflow:hidden;background-color:#fff;box-shadow:0 8px 24px #00000014;display:flex;flex-direction:column;max-width:100%;height:100%;transition:transform .16s ease,box-shadow .16s ease}.project-card:hover{transform:translateY(-4px);box-shadow:0 14px 32px #0000001f}.project-image{position:relative;width:100%;height:200px;overflow:hidden;background-color:#000;display:flex;align-items:center;justify-content:center}.project-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.project-image img:hover{transform:scale(1.05)}.project-content{padding:18px 20px 20px;flex:1;display:flex;flex-direction:column}.project-content h2{margin:0 0 8px;font-size:1.15rem;font-weight:700}.project-content p{margin:0 0 12px;color:#555;flex-grow:1;font-size:.92rem}.project-actions{margin-top:auto;display:flex;gap:8px}.project-actions{margin-top:auto}.details-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid #ddd;border-radius:10px;background-color:#fff;color:#222;font-family:inherit;font-size:.92rem;cursor:pointer;box-shadow:0 2px 6px #0000000f;transition:transform .12s ease,box-shadow .12s ease,background-color .12s ease,border-color .12s ease,color .12s ease;text-decoration:none}.details-btn:hover{transform:translateY(-1px);background-color:#f7f7f7;border-color:#bbb;box-shadow:0 6px 14px #00000014}.details-btn:active{transform:translateY(0);box-shadow:0 2px 6px #0000000f}.details-btn.primary{background-color:#111;color:#fff;border-color:#111}.details-btn.primary:hover{background-color:#000;border-color:#000}.details-btn.secondary{background-color:#fff;color:#222;border-color:#999;border-width:1px;box-shadow:0 2px 6px #0000000f}.details-btn.secondary:hover{border-color:#666;box-shadow:0 6px 14px #00000014}.details-btn.secondary:focus{outline:3px solid rgba(0,0,0,.08);outline-offset:2px}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.tag{display:inline-block;padding:4px 10px;font-size:.75rem;border:1px solid #ddd;border-radius:999px;background-color:#fdfdfd;color:#444}@media(max-width:1024px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.posts-grid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box}[hidden]{display:none!important}body{font-family:JetBrains Mono,monospace;color:#333;background-color:#e4e4e4;line-height:1.6;position:relative;min-height:100vh}body.modal-open{overflow:hidden}.background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;overflow:hidden}.bg-pattern{position:absolute;top:50%;width:50%;height:100%;background:radial-gradient(circle,rgba(0,0,0,.16) 1.2px,transparent 1.2px),radial-gradient(circle,rgba(0,0,0,.06) 1.2px,transparent 1.2px);background-size:16px 16px,32px 32px;background-position:0 0,8px 8px;border-radius:50%;opacity:.35;animation:dotsShift 30s ease-in-out infinite}.bg-pattern.left{left:0;transform:translate(-35%,-50%)}.bg-pattern.right{right:0;transform:translate(35%,-50%) scaleX(-1)}@keyframes dotsShift{0%{background-position:0 0,8px 8px}50%{background-position:4px 4px,12px 12px}to{background-position:0 0,8px 8px}}.container{display:flex;flex-direction:column;min-height:100vh;max-width:1200px;margin:0 auto}header{padding:1rem;width:100%}.header-content{position:relative;display:flex;justify-content:center;align-items:center;padding:.5rem 0}.logo{position:absolute;left:0;font-weight:700;display:none}@media(min-width:768px){.logo{display:block}}nav ul{display:flex;gap:1rem;list-style:none}nav a{color:#333;text-decoration:none;padding-bottom:2px;border-bottom:1px dotted #ccc;transition:border-color .2s ease}nav a:hover,nav a.active{border-color:#666}main{flex:1;padding:0 2rem;max-width:650px;width:100%;margin:0 auto}.content{margin-bottom:2rem}.content h1{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.content p{margin-bottom:1rem;line-height:1.7;font-size:1rem}.portfolio-content h1,.portfolio-content>p{text-align:left}.portfolio-content{max-width:1000px;margin:0 auto}.portfolio-content h1{margin-bottom:.75rem}.content a:not(.details-btn){display:inline-flex;align-items:center;gap:.25rem;color:#333;text-decoration:none;border-bottom:1px dotted #ccc;transition:border-color .2s ease,color .2s ease;padding-bottom:2px}.content a:not(.details-btn):hover{border-color:#666;color:#000}section[aria-label="Social links"] p:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem 1rem}.icon{width:16px;height:16px;display:inline-block;object-fit:contain;vertical-align:middle}a[href*="github.com"] .icon,a[href*="x.com"] .icon,a[href*="discord.com"] .icon{transform:scale(1.2)}.blog-empty{opacity:.5;text-align:center;padding:2rem 0}footer{padding:1rem;text-align:center;opacity:.5;font-size:.9rem}.modal-backdrop{position:fixed;inset:0;background:#00000073;z-index:1000}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1001;background:#fff;width:min(1600px,98vw);max-height:95vh;border-radius:12px;box-shadow:0 18px 44px #00000038;display:flex;flex-direction:column;border:none;overflow:hidden}.modal-close{position:absolute;top:12px;right:12px;border:none;background:#fff;width:36px;height:36px;border-radius:999px;cursor:pointer;font-size:20px;line-height:1;box-shadow:0 2px 6px #0000001a}.modal-content{display:grid;grid-template-columns:3.2fr 1.2fr;gap:0;border-radius:0;height:100%;width:100%}.modal-media{position:relative;background:#000;overflow:hidden;width:100%;height:100%}.modal-media img{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.carousel-track{position:absolute;inset:0;display:flex;width:100%;height:100%;will-change:transform;transition:transform .3s ease}.carousel-image{flex:0 0 100%;width:100%;height:100%;object-fit:contain;object-position:center;will-change:transform;transition:transform .12s ease}.carousel-slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.thumbs{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.thumbs button{width:44px;height:30px;border:1px solid rgba(255,255,255,.6);background:#0000004d;border-radius:6px;cursor:pointer;overflow:hidden}.thumbs button img{width:100%;height:100%;object-fit:cover}.carousel-nav{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px}.carousel-nav button{width:42px;height:42px;border:none;border-radius:999px;background:#ffffffd9;cursor:pointer;font-size:22px}.modal-details{padding:0;display:flex;flex-direction:column;gap:0;height:100%}.viewer-controls{position:absolute;bottom:12px;left:12px;display:flex;gap:8px;z-index:2}.viewer-controls button{width:36px;height:32px;border:none;border-radius:8px;background:#ffffffe6;cursor:pointer;font-size:16px}.modal-details h2{position:sticky;top:0;z-index:2;margin:0;font-size:1.2rem;padding:20px 24px 12px;background:#fff;box-shadow:0 1px #00000014}.modal-details p{color:#555;line-height:1.75}.modal-details .desc{display:flex;flex-direction:column;gap:10px;background:transparent;border:none;border-radius:0;padding:0 24px;flex:1 1 auto;overflow-y:auto;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.25) transparent;position:relative}.modal-details .desc p{margin:0}.modal-details .desc::-webkit-scrollbar{width:6px}.modal-details .desc::-webkit-scrollbar-track{background:transparent}.modal-details .desc::-webkit-scrollbar-thumb{background:#00000038;border-radius:999px}.modal-details .desc:hover::-webkit-scrollbar-thumb{background:#00000052}.modal-details .desc p{font-size:.9rem;color:#444}.box-header{font-size:1.25rem;font-weight:700;letter-spacing:.01em;color:#222;border-bottom:1px solid #eee;padding-bottom:6px;margin-bottom:6px}.modal-details .tags{border-top:1px solid #e6e6e6;padding:12px 24px}.modal-details .tags .tag{font-size:.7rem}@media(max-width:900px){.modal-content{grid-template-columns:1fr}.modal{width:95vw}.modal-media{height:clamp(220px,52vh,520px)}.thumbs button{width:36px;height:24px}}@media(min-width:901px){.modal-media{height:100%}}@media(max-width:600px){.carousel-nav button{width:38px;height:38px;border-radius:10px}.thumbs{bottom:8px}}@media(max-width:400px){.thumbs button{width:30px;height:20px}.carousel-nav{padding:0 4px}}.post-card{display:flex;flex-direction:column;border:1px solid #ccc;border-radius:12px;padding:0;margin-bottom:30px;background-color:#f9f9f9;overflow:hidden;width:100%;box-sizing:border-box;box-shadow:0 2px 5px #0000001a}.post-image{width:100%;max-height:350px;overflow:hidden;border-bottom:1px solid #eee;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center}.post-image img{display:block;width:100%;height:100%;object-fit:contain;max-height:350px}.post-content{padding:20px;flex:1}.post-content h3{margin:0 0 10px;font-size:1.5rem;font-weight:700}.post-content p{margin:0 0 15px;color:#555}.post-content p a{border-bottom:none;text-decoration:underline;text-decoration-color:#ccc;transition:text-decoration-color .2s ease,color .2s ease}.post-content p a:hover{text-decoration-color:#666;color:#000}.post-meta{display:flex;justify-content:space-between;align-items:center;margin-top:15px;border-top:1px solid #eee;padding-top:15px}.post-date{font-size:.85rem;color:#666}.post-actions button{padding:5px 10px;font-family:inherit;font-size:.8rem;border:1px solid #ccc;background-color:#fff;border-radius:4px;cursor:pointer;transition:all .2s ease;margin-left:5px}.post-actions button:hover{background-color:#f0f0f0;border-color:#999}.pagination{display:flex;justify-content:center;gap:10px;margin-top:30px}.pagination button{padding:8px 14px;font-family:inherit;font-size:1rem;border:1px solid #999;background-color:#fff;border-radius:6px;cursor:pointer;transition:all .2s ease}.pagination button:hover{background-color:#f0f0f0}@media(max-width:767px){main{padding:0 1rem;max-width:100%}.content h1{font-size:2rem}.bg-pattern{opacity:.2}.post-meta{flex-direction:column;align-items:flex-start;gap:10px}}@media(min-width:768px){.post-card{flex-direction:row;align-items:stretch}.post-image{width:250px;max-height:none;border-right:1px solid #eee;border-bottom:none;flex-shrink:0}.post-image img{height:auto;max-height:100%;max-width:100%}.post-content{padding:25px;display:flex;flex-direction:column}.post-content p{flex-grow:1;margin-bottom:20px}.post-meta{margin-top:auto;flex-direction:row;align-items:center}}@media(min-width:1200px){.bg-pattern{opacity:.4}}.badge-wip{position:absolute;top:10px;left:10px;z-index:3;background:#fffbe6;color:#7a5c00;border:1px solid #f1e6b8;border-radius:999px;font-size:.72rem;padding:4px 10px;box-shadow:0 2px 6px #00000014}.badge-wip .tooltip{position:absolute;top:100%;left:0;transform:translateY(6px);white-space:nowrap;background:#141414f2;color:#fff;font-size:.75rem;padding:6px 8px;border-radius:8px;opacity:0;pointer-events:none;transition:opacity .12s ease,transform .12s ease}.badge-wip:hover .tooltip{opacity:1;transform:translateY(8px)}.thumbs button[aria-current=true]{outline:2px solid #fff;outline-offset:2px}.lang-select{position:absolute;right:0;display:flex;align-items:center;gap:6px}.lang-select select{border:1px solid #ccc;border-radius:8px;padding:4px 8px;font-family:inherit;background:#fff;cursor:pointer}.lang-select select:hover{border-color:#666}.lang-trigger{border:1px solid #ccc;border-radius:999px;padding:6px 12px;background:#fff;font-family:inherit;font-size:.9rem;line-height:1;cursor:pointer;box-shadow:0 2px 8px #0000000f;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease,transform .1s ease;display:inline-flex;align-items:center;justify-content:center}.lang-trigger:hover{border-color:#888;background:#f7f7f7;box-shadow:0 8px 18px #00000014}.lang-dropdown{position:absolute;top:100%;right:auto;left:50%;transform:translate(-50%);margin-top:6px;min-width:72px;background:#fff;border:1px solid #ddd;border-radius:10px;box-shadow:0 10px 22px #0000001f;padding:4px;display:flex;flex-direction:column;gap:2px;z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);text-align:center}.lang-item{border:none;background:transparent;padding:6px;border-radius:6px;cursor:pointer;font-family:inherit;font-size:.85rem;text-align:center}.lang-item:hover{background:#f3f3f3}.lang-item.active{background:#eef2ff}.modal-details .desc:before,.modal-details .desc:after{content:"";position:absolute;left:0;right:0;height:12px;pointer-events:none;z-index:1}.modal-details .desc:before{top:0;background:linear-gradient(to bottom,#fffffff2,#fff0)}.modal-details .desc:after{bottom:0;background:linear-gradient(to top,#fffffff2,#fff0)}.modal-details .project-actions{position:sticky;bottom:0;z-index:2;background:#fff;padding:12px 24px 24px;box-shadow:0 -1px #00000014}@media(max-width:900px){.modal-content{grid-template-columns:1fr}.modal{width:95vw;max-height:92vh}}