@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";:root{--bg: #1a1510;--text: #e8d5c4;--subtle: #937b63;--paper-texture: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100' height='100' filter='url(%23noise)' opacity='0.08'/%3E%3C/svg%3E");--font: "Palatino", serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg);background-image:var(--paper-texture);color:var(--text);font-family:var(--font);line-height:1.5;padding:1rem;font-size:20px}main{margin-left:5rem;max-width:none;padding:2rem}nav{position:fixed;top:1rem;left:2rem;transform-origin:left top;transform:rotate(-90deg) translate(-100%);display:flex;gap:2rem}nav a{color:var(--text);text-decoration:none;font-size:1.25rem;text-transform:uppercase;letter-spacing:.2em}nav a:hover{opacity:.7}article{margin:2rem auto;max-width:85ch}article h1{font-size:3.5rem;font-weight:700;margin:2rem 0 1rem;letter-spacing:-.03em;line-height:1.2}article time{color:var(--subtle);font-size:1rem;margin:.5rem 0;display:block}article .tags{display:flex;gap:0;margin:1rem 0 2rem}article .tags span{color:var(--subtle);font-size:1.15rem;text-transform:lowercase}article .tags span:after{content:", "}article .tags span:last-child:after{content:""}hr{max-width:60px;border-color:var(--subtle)}.search-form{margin:2rem 0;max-width:40rem}.search-form input[type=search]{width:100%;padding:.8rem;background:transparent;border:1px solid var(--subtle);color:var(--text);font-family:var(--font);font-size:1.35rem}.search-form input[type=search]:focus{outline:none;border-color:var(--text)}.posts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem;margin:2rem 0}.post-card{text-decoration:none;color:var(--text)}.post-content{padding:1rem 0;border-bottom:1px solid var(--subtle);display:flex;flex-direction:column;gap:.4rem;opacity:.85;transition:opacity .2s ease}.post-card:hover .post-content{opacity:1}time{font-size:1.15rem;color:var(--subtle);font-family:var(--font)}h2{font-size:1.35rem;line-height:1.5;margin:0;color:var(--text);font-weight:400;letter-spacing:.01em}.tags{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.3rem}.tags span{font-size:1rem;color:var(--subtle);opacity:.7}.tags span:before{margin-right:.1rem}@media (max-width: 768px){.posts-grid{grid-template-columns:1fr}}.filter-tags a.active{background:var(--text);color:var(--bg);border-color:var(--text);position:relative;padding-right:2rem}.filter-tags a.active:after{content:"×";position:absolute;right:.6rem;top:50%;transform:translateY(-50%);font-size:1.4em}.filter-tags{margin:1rem 0 3rem;display:flex;gap:.5rem;flex-wrap:wrap}.filter-tags a{color:var(--subtle);text-decoration:none;font-size:1rem;padding:.3rem .6rem;border:1px solid var(--subtle)}.drawers-button{background:none;color:var(--text);text-decoration:none;font-size:1.2rem;padding:.3rem .6rem;border:1px solid var(--subtle);cursor:pointer;user-select:none;display:flex;align-items:center;gap:.5rem;width:fit-content}.drawers-button:hover{background:none;color:var(--text);border-color:var(--text)}.tags-toggle{background:none;color:var(--subtle);text-decoration:none;font-size:1rem;padding:.3rem .6rem;border:1px solid var(--subtle);cursor:pointer;user-select:none;display:flex;align-items:center;gap:.5rem;width:fit-content}.tags-toggle:hover{background:none;color:var(--text);border-color:var(--text)}.tags-container{margin-top:1rem;display:none}.tags-container.visible{display:block}.filter-tags a:hover{color:var(--text);border-color:var(--text)}.filter-tags a.active{color:var(--bg);background:var(--text);border-color:var(--text)}ul{list-style:none;margin:2rem 0}li{margin:0 0 2rem;display:flex;flex-direction:column;gap:.5rem;max-width:1000px}li a{font-size:1.75rem;line-height:1.4;color:var(--text);text-decoration:none}li a:hover{opacity:.8}li time{color:var(--subtle);font-size:1rem}.small-text{color:var(--subtle);font-size:.8rem}.pagination{display:flex;gap:1rem;justify-content:start;padding:4rem 0}.pagination a{padding:.75rem 1.5rem;text-decoration:none;color:var(--text);border-bottom:2px solid transparent;font-size:1.1rem;transition:all .2s ease}.pagination a:hover{border-bottom-color:var(--subtle)}.pagination a.active{background:var(--text);color:var(--bg);border:1px solid var(--text);border-bottom:2px solid var(--text)}.post-tags{display:flex;gap:.4rem;flex-wrap:wrap;max-width:800px}.post-tags span{color:var(--subtle);font-size:.9rem;position:relative}.post-tags span.clickable-tag{cursor:pointer}.post-tags span.clickable-tag:hover{color:var(--text)}.post-tags span.active-tag{color:var(--text)!important}.post-tags span:not(:last-child):after{content:",";color:var(--subtle);margin-right:.25rem}.clickable-tag{cursor:pointer}.clickable-tag:hover{color:var(--text)}.recent-posts{margin:2rem 0}.recent-posts li{margin-bottom:1.5rem}@media (max-width: 768px){main{margin-left:0;padding:1rem;margin-top:3rem}nav{position:fixed;top:0;left:0;right:0;transform:none;background:var(--bg);padding:1rem;z-index:100;justify-content:center;border-bottom:1px solid var(--subtle)}article h1{font-size:3rem}.filter-tags{margin:1rem 0 2rem}li a{font-size:1.5rem}.pagination{padding:3rem 0}.pagination a{padding:.5rem 1rem;font-size:1rem}}form{margin:3rem 0;display:grid;gap:1rem;max-width:40rem}input[type=email]{width:100%;padding:.8rem;background:transparent;border:1px solid var(--subtle);color:var(--text);font-family:var(--font);font-size:1.1rem}input[type=email]:focus{outline:none;border-color:var(--text)}button{background:none;border:1px solid var(--text);color:var(--text);padding:.8rem 1.2rem;font-family:var(--font);font-size:1.1rem;cursor:pointer;width:fit-content}button:hover{background:var(--text);color:var(--bg);box-shadow:0 2px 4px #0003}footer{margin:4rem 0 2rem;padding:2rem;text-align:center}footer p{color:var(--subtle);font-size:1rem;letter-spacing:.05em}footer p:hover{color:var(--text)}.back-link{position:fixed;top:1.5rem;left:1.5rem;color:var(--text);text-decoration:none;font-size:1rem;opacity:.7}.back-link:hover{opacity:1}.mild-link{color:var(--text);text-decoration:none;font-size:1rem;opacity:.7}.mild-link:hover{opacity:1}