body,html{width:100vw;max-width:100vw;margin:0;padding:0;font-family:hanazome,sans-serif}body::before{content:"";position:fixed;top:0;left:0;width:100vw;height:100vh;background-image:url(/images/canvas.jpg);background-repeat:repeat;background-size:800px 800px;z-index:-10}body::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:var(--overlay-gradient);z-index:-9;pointer-events:none}body[data-theme=morning]{--overlay-gradient:linear-gradient(to bottom, rgba(248,205,218,0.3), rgba(224,195,252,0.4))}body[data-theme=day]{--overlay-gradient:linear-gradient(to bottom, rgba(255,248,225,0.4), rgba(255,248,225,0.8))}body[data-theme=evening]{--overlay-gradient:linear-gradient(to bottom, rgba(255,153,102,0.3), rgba(0,51,102,0.6))}body[data-theme=night]{--overlay-gradient:linear-gradient(to bottom, rgba(0,31,63,0.4), rgba(0,0,0,0.7))}body{color:var(--text-color)}body[data-theme=morning] .lightbox-content{background-color:rgba(248,205,218,.65);color:#333}body[data-theme=day] .lightbox-content{background-color:rgba(255,250,240,.85);color:#333}body[data-theme=evening] .lightbox-content{background-color:rgba(30,30,60,.7);color:#fff}body[data-theme=night] .lightbox-content{background-color:rgba(10,10,30,.75);color:#eee}a{text-decoration:none}a,.tag-link{color:var(--link-color)}@font-face{font-family:hanazome;src:url(/fonts/hanazome.ttf)format('truetype');font-weight:400;font-style:normal}h1,h2{font-family:hanazome,sans-serif}.gallery-wrapper{width:100vw;max-width:none;padding:0;margin:0}.gallery{column-width:200px;column-gap:1rem;padding:2rem}.thumbnail{display:inline-block;width:100%;break-inside:avoid;vertical-align:top;margin-bottom:1rem;background:#fff8e1;border-radius:1rem;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden}.thumbnail img{display:block;width:100%;height:auto}.lightbox{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.7);justify-content:center;align-items:center;z-index:1000}.lightbox.show{display:flex}.lightbox-content{max-width:90vw;max-height:90vh}.lightbox-content img{display:block;max-width:100%;max-height:100%;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.4)}.time-image{position:fixed;top:20px;right:20px;width:200px;z-index:-1;opacity:.9;filter:drop-shadow(0 0 4px rgba(255,255,255,.8));pointer-events:none}.site-header{padding:1rem;text-align:left}.site-logo{width:200px;max-width:90vw;height:auto}.pagination{display:flex;justify-content:center;margin-top:2em;list-style:none;padding:0;gap:.5em}.pagination li{display:inline-block}.pagination a,.pagination span{padding:.5em 1em;text-decoration:none;border:1px solid #ccc;border-radius:5px;color:#333;font-size:14px}.pagination .active{background-color:#333;color:#fff;border-color:#333}@media(max-width:768px){.gallery{padding:.8rem;column-width:150px;column-gap:.5rem}.thumbnail{border-radius:.5rem}.lightbox-content{width:90vw;height:auto;max-height:80vh;padding:1rem;font-size:.9rem;line-height:1.4;border-radius:12px}.lightbox-content h2{font-size:1.2rem}.lightbox-content p{font-size:.9rem}.lightbox-content img{width:50vh}.time-image{width:120px}}∑∑∑ .content img{max-width:100%;height:auto;display:block;margin:1rem auto}.gallery img{max-width:300px;height:auto;object-fit:cover;margin:.5rem}.article-tags{margin-top:1rem}.article-tags .tag{display:inline-block;background:#eee;color:#333;padding:.2em .6em;margin:0 .3em .3em 0;border-radius:.5em;font-size:.85rem}.tags .tags{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}.tags .tag-link{display:inline-block;background:#eee;color:#333;padding:.2em .6em;margin:0 .3em .3em 0;border-radius:.5em;font-size:.85rem;text-decoration:none;transition:transform .2s,background .2s,color .2s}.tags .tag-link:hover{transform:scale(1.2);background:#7e7178;color:#fff}