:root{--background-color:#f5efe6;--text-color:#1f1f1f;--light-brown:#5e4630;--dark-brown:#3e2f1c;--color1:80,50,30;--color2:110,70,40;--color3:90,60,30;--color4:140,100,60;--color5:70,40,20;--color-interactive:100,60,30;--circle-size:80%;--blending:hard-light}body{margin:0;padding:0;font-family:Georgia,serif;background-color:var(--dark-brown);color:var(--text-color);line-height:1.7;min-height:100vh}@keyframes moveInCircle{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}to{transform:rotate(1turn)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}@keyframes moveHorizontal{0%{transform:translateX(-50%) translateY(-10%)}50%{transform:translateX(50%) translateY(10%)}to{transform:translateX(-50%) translateY(-10%)}}.gradient-bg{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden;background:linear-gradient(40deg,var(--light-brown),var(--dark-brown));z-index:-1}.gradient-bg svg{position:fixed;top:0;left:0;width:0;height:0}.gradients-container{filter:url(#goo) blur(40px);width:100%;height:100%}.g1,.g2,.g3,.g4,.g5,.interactive{position:absolute;mix-blend-mode:var(--blending)}.g1{background:radial-gradient(circle at center,rgba(var(--color1),.8) 0,rgba(var(--color1),0) 50%) no-repeat;animation:moveVertical 30s ease infinite}.g1,.g2{width:var(--circle-size);height:var(--circle-size);top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2)}.g2{background:radial-gradient(circle at center,rgba(var(--color2),.8) 0,rgba(var(--color2),0) 50%) no-repeat;transform-origin:calc(50% - 400px);animation:moveInCircle 20s infinite reverse}.g3{background:radial-gradient(circle at center,rgba(var(--color3),.8) 0,rgba(var(--color3),0) 50%) no-repeat;top:calc(50% - var(--circle-size) / 2 + 200px);left:calc(50% - var(--circle-size) / 2 - 500px);transform-origin:calc(50% + 400px);animation:moveInCircle 40s linear infinite}.g3,.g4{width:var(--circle-size);height:var(--circle-size)}.g4{background:radial-gradient(circle at center,rgba(var(--color4),.8) 0,rgba(var(--color4),0) 50%) no-repeat;top:calc(50% - var(--circle-size) / 2);left:calc(50% - var(--circle-size) / 2);transform-origin:calc(50% - 200px);animation:moveHorizontal 40s ease infinite;opacity:.7}.g5{background:radial-gradient(circle at center,rgba(var(--color5),.8) 0,rgba(var(--color5),0) 50%) no-repeat;width:calc(var(--circle-size) * 2);height:calc(var(--circle-size) * 2);top:calc(50% - var(--circle-size));left:calc(50% - var(--circle-size));transform-origin:calc(50% - 800px) calc(50% + 200px);animation:moveInCircle 20s ease infinite}.interactive{background:radial-gradient(circle at center,rgba(var(--color-interactive),.8) 0,rgba(var(--color-interactive),0) 50%) no-repeat;width:100%;height:100%;top:-50%;left:-50%;opacity:.7}a{color:var(--light-brown)}a,a:hover{text-decoration:none}a:hover,a:hover h1,a:hover h2,a:hover h3,a:hover h4{color:var(--dark-brown)}h1,h2,h3,h4{font-family:Georgia,serif;color:var(--light-brown);margin-bottom:.5rem}header{padding:2rem 1.5rem;border-bottom:1px solid var(--light-brown);display:flex;align-items:center;justify-content:space-between;box-sizing:border-box;height:100px;background-color:var(--background-color);position:-webkit-sticky;position:sticky;top:0;z-index:1000}header nav{margin-left:auto}nav a{margin-left:1.5rem;font-weight:700;font-size:1.1rem;position:relative;display:inline-block;text-decoration:none}nav a:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:3px;background-color:var(--light-brown);transition:width .3s ease-in-out}nav a:hover{color:var(--dark-brown);text-decoration:none}nav a.active:after,nav a:hover:after{width:100%}@keyframes slideInFromTop{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.container{max-width:900px;margin:auto;padding:1rem;animation:slideInFromTop .6s ease-out;background-color:var(--background-color)}.container a{position:relative;display:inline-block;text-decoration:none!important}.container a:hover{color:var(--dark-brown);text-decoration:none}.post-grid{display:flex;flex-direction:column;gap:1rem}.post-card{background-color:var(--background-color);padding:1.2rem 1.5rem;transition:box-shadow .3s ease;text-decoration:none;color:var(--text-color);box-shadow:0 1px 6px rgba(0,0,0,.05);display:flex;flex-direction:row;gap:1.5rem;align-items:center}.post-card:hover{box-shadow:0 4px 14px rgba(0,0,0,.08);transform:translateY(-4px)}.post-card img{height:80px;object-fit:cover;flex-shrink:0}.post-image-wrapper{flex:0 0 25%;max-width:25%}.post-image-small{height:auto;border-radius:4px}.post-card-content{flex:0 0 75%;max-width:75%}.post-card h3{font-size:1.3rem;position:relative;display:inline-block}.post-card h3,.post-card p{margin:0;color:var(--light-brown)}.post-card p{font-size:.95rem;line-height:1.4;max-height:3.6em;overflow:hidden;text-overflow:ellipsis}.post-card time{display:block;margin-top:.5rem;font-size:.85rem;color:var(--light-brown)}.post-image-wrapper{flex-shrink:0;width:120px;height:80px}.post-image-small{width:100%;height:100%;object-fit:cover}.link{color:var(--light-brown);text-decoration:none;font-weight:600}.link:hover{text-decoration:underline}.featured-posts{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;margin-bottom:2rem}.post-card.featured{background-color:var(--background-color);box-shadow:0 2px 10px rgba(0,0,0,.08);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease;text-decoration:none;color:var(--text-color);padding:1.2rem 1.5rem}.post-card.featured .post-image{width:100%;height:200px;object-fit:cover;border-bottom:1px solid var(--light-brown);transition:transform .3s ease,filter .3s ease}.post-card.featured:hover .post-image{transform:scale(1.03);filter:brightness(.9)}.post-card.featured:hover h3{color:var(--dark-brown)}.post-card.featured h3{font-size:1.3rem;margin:1rem 0 .5rem;color:var(--light-brown);position:relative;display:inline-block}.post-card.featured p{font-size:.95rem;color:var(--light-brown);margin:0 0 1rem;line-height:1.4}@media (max-width:800px){.featured-posts{grid-template-columns:1fr}header{flex-direction:column;height:auto;text-align:center;position:static;max-width:900px;margin:0 auto}nav a{margin:.5rem}.post-card{flex-direction:column}.post-card-content,.post-image-wrapper{max-width:100%;flex:0 0 100%}}.post-container{max-width:700px;margin:auto;background-color:var(--background-color);padding:.5rem 3rem;border-radius:12px;color:var(--text-color);animation:slideInFromTop .6s ease-out}.post-container h1{font-size:1.8rem;margin:.5rem 0 1rem;color:var(--light-brown);position:relative;display:inline-block}.post-container h1:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:4px;background-color:var(--light-brown);transition:width .3s ease-in-out}.post-container h1:hover:after{width:100%}.post-container .post-date{font-style:italic;margin-bottom:2rem;font-size:1rem;color:var(--light-brown)}.markdown-body h2{margin-top:2rem;margin-bottom:1rem;color:var(--light-brown)}.markdown-body p{line-height:1.7;color:var(--text-color);margin-bottom:1rem}.markdown-body code{padding:.2rem .4rem;border-radius:4px}.markdown-body code,.markdown-body pre{background-color:var(--background-color);font-family:monospace;color:var(--light-brown)}.markdown-body pre{padding:1rem;border-radius:6px;overflow-x:auto;margin-bottom:1.5rem}.markdown-body ul{padding-left:1.2rem;margin-bottom:1.5rem}.markdown-body li{margin-bottom:.5rem}.back-link{color:var(--light-brown);text-decoration:none;margin-bottom:2rem;display:inline-block;position:relative}.back-link:after{content:"";position:absolute;left:0;bottom:-3px;width:0;height:3px;background-color:var(--light-brown);transition:width .3s ease-in-out}.back-link:hover{text-decoration:none;color:var(--dark-brown)}.back-link:hover:after{width:100%}.centered-container-404{min-height:calc(100vh - 100px)}.centered-container-404 h1{font-size:3rem;margin-bottom:1rem}.centered-container-404 p{font-size:1.2rem;margin-bottom:2rem}.centered-container-404 .back-link{margin-top:1rem}.centered-container-404{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;padding:2rem;background-color:var(--background-color)}.emoji{position:relative;width:100px;height:100px;margin-bottom:1.5rem}.emoji img{width:100%;height:100%;object-fit:contain}.steam{position:absolute;top:0;left:50%;width:15px;height:15px;background:radial-gradient(circle,rgba(100,100,100,.7),transparent);border-radius:50%;animation:steam-rise 2s ease-in-out infinite;transform:translateX(-50%);opacity:.6;pointer-events:none}@keyframes steam-rise{0%{transform:translate(-50%) scale(1) rotate(0deg);opacity:.6}50%{transform:translate(-70%,-25px) scale(1.2,1.5) rotate(8deg);opacity:.4}to{transform:translate(-30%,-50px) scale(1.5,2) rotate(-8deg);opacity:0}}.tags-container{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.8rem}.tag-pill{display:inline-block;background-color:var(--background-color);color:var(--light-brown);padding:.3rem .7rem;border-radius:15px;font-size:.75rem;font-weight:400;text-transform:uppercase;white-space:nowrap;border:1px solid var(--light-brown)}.cover-image{display:block;max-width:100%;margin:0 auto 1.5rem}footer{color:var(--background-color);text-align:center;padding:1.5rem 0}