*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,helvetica neue,Arial,sans-serif;color:#e0e0e0;min-height:100vh;background:#fffefd;padding:0 1rem}a{color:inherit;text-decoration:none}.site-header{max-width:900px;margin:0 auto;padding-top:2rem}.site-header h1{font-size:1.8rem;font-weight:600;color:#222}.grid{position:relative;max-width:900px;margin:5vh auto;padding:2rem 1rem}.card{position:absolute;width:calc((100% - 1.6rem)/3)}.card{display:block;border-radius:6px;overflow:hidden;background:rgba(0,0,0,.3);backdrop-filter:blur(6px);transition:transform .2s ease,box-shadow .2s ease}.card{cursor:pointer}.card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.5)}.card img{display:block;width:100%;height:auto}.overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.15);backdrop-filter:blur(20px);cursor:zoom-out;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease}.overlay.active{opacity:1;visibility:visible}.overlay img{max-width:90vw;max-height:90vh;object-fit:contain;border-radius:4px;box-shadow:0 0 60px rgba(0,0,0,.6)}.post-page{max-width:720px;margin:0 auto;padding:1rem;min-height:100vh}.post-nav{padding:1.5rem 0}.back{font-size:.85rem;opacity:.6;transition:opacity .15s}.back:hover{opacity:1}.post-image{border-radius:6px;overflow:hidden}.post-image img{display:block;width:100%;height:auto}.post-body{padding:1.5rem 0}.post-body h1{font-size:1.6rem;font-weight:400;margin-bottom:.3rem}.post-body time{display:block;font-size:.8rem;opacity:.45;margin-bottom:1.2rem}.post-body p{line-height:1.7;font-size:.95rem;opacity:.8}.post-body p+p{margin-top:1rem}.post-pagination{display:flex;justify-content:space-between;padding:2rem 0;font-size:.85rem;opacity:.5;border-top:1px solid rgba(255,255,255,8%)}.post-pagination a:hover{opacity:1}.next{margin-left:auto}@media(max-width:600px){.grid{padding:1rem .5rem}.card{width:calc((100% - .5rem)/2)}}