@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600&family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=VT323&display=swap";:root{--bg: #f5f0ed;--bg-post: #f0ebe7;--text: #1a1a1a;--text-muted: #999;--accent: #c4a0a8;--ink: #2a2a2a;--border: rgba(0,0,0,.06)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:EB Garamond,Georgia,serif;font-feature-settings:"kern" 1,"liga" 1;background:var(--bg);color:var(--text);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E")}::selection{background:#c4a0a84d}.drawing{position:absolute;pointer-events:none}.columns-container{display:flex;height:100vh;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scrollbar-width:none}.columns-container::-webkit-scrollbar{display:none}.index-col{flex-shrink:0;width:440px;height:100vh;overflow-y:auto;padding:3.5rem 2.5rem 3rem;scrollbar-width:none}.index-col::-webkit-scrollbar{display:none}.top-nav{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;font-family:Caveat,cursive;font-size:1.2rem;margin-bottom:2.5rem}.top-nav a{color:var(--text);text-decoration:none;transition:color .25s ease}.top-nav a:hover{color:var(--accent)}.top-nav a.active{background:var(--text);color:var(--bg);padding:.1rem .35rem;border-radius:2px}h1{font-family:Caveat,cursive;font-weight:500;font-size:clamp(2rem,5vw,2.2rem);margin-bottom:.3rem;line-height:1.2;transform:rotate(-1deg)}.location{font-family:EB Garamond,Georgia,serif;font-style:italic;font-weight:400;font-size:1rem;color:var(--accent);margin-bottom:2rem}.post-list{display:flex;flex-direction:column}.post-card{cursor:pointer;transition:background .25s ease;padding:.8rem 0;border-bottom:1px solid var(--border)}.post-card:hover{background:#00000005}.post-card-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.2rem}.post-card-title{font-family:Caveat,cursive;font-size:1.25rem;font-weight:500;line-height:1.3}.post-card-date{font-family:VT323,monospace;font-size:.85rem;color:var(--text-muted);white-space:nowrap}.post-card-desc{font-style:italic;font-size:.88rem;color:var(--text-muted);line-height:1.5}.post-col{flex-shrink:0;width:560px;height:100vh;overflow-y:auto;padding:4rem 3rem 4rem 3.5rem;border-left:2px solid var(--accent);position:relative;background:var(--bg-post);scrollbar-width:none;animation:slideIn .3s cubic-bezier(.25,.1,.25,1)}.post-col::-webkit-scrollbar{display:none}@keyframes slideIn{0%{opacity:0;transform:translate(1rem)}to{opacity:1;transform:translate(0)}}.close-btn{position:absolute;top:2rem;right:2rem;font-family:Caveat,cursive;font-size:1.4rem;background:none;border:none;color:var(--text);cursor:pointer;padding:.25rem .5rem;opacity:.4;transition:opacity .25s ease}.close-btn:hover{opacity:1}.post-date{font-family:VT323,monospace;font-size:.9rem;color:var(--text-muted);display:block;margin-bottom:.5rem}.post-title{font-family:Caveat,cursive;font-weight:500;font-size:2rem;line-height:1.2;margin-bottom:2.5rem;transform:rotate(-.5deg)}.post-body p{margin-bottom:1.5rem;font-size:1.1rem;line-height:1.9;font-variant-numeric:oldstyle-nums}.post-body p:first-child:first-letter{font-family:Caveat,cursive;font-size:3.5rem;float:left;line-height:.75;margin-right:.1em;margin-top:.05em;color:var(--accent)}.post-link{display:inline-block;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border);font-family:Caveat,cursive;font-size:1.1rem;color:var(--text);text-decoration:none;transition:color .25s ease}.post-link:hover{color:var(--accent)}.bottom-links{display:flex;flex-wrap:wrap;gap:1rem;font-family:Caveat,cursive;font-size:1.1rem;margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--border)}.bottom-links a{color:var(--text-muted);text-decoration:none;transition:color .25s ease}.bottom-links a:hover{color:var(--text)}.page-wrap{transition:opacity .35s ease}.page-wrap.fade-out{opacity:0}.page-wrap.fade-in{opacity:1}.home-container{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:2rem}.home-content{text-align:center;max-width:480px;position:relative;z-index:2}.home-content h1{font-family:Caveat,cursive;font-size:clamp(2.4rem,6vw,3.8rem);font-weight:500;letter-spacing:0;margin-bottom:.6rem;line-height:1.15;transform:rotate(-1.5deg);display:inline-block;position:relative;animation:fadeUp .8s ease both}.home-content h1:after{content:"";position:absolute;bottom:.1rem;left:-5%;width:110%;height:3px;background:var(--accent);transform:rotate(.5deg);opacity:.5}.tagline{font-family:EB Garamond,Georgia,serif;font-size:1.15rem;line-height:1.8;color:var(--text-muted);margin-top:1rem;transform:rotate(.3deg);animation:fadeUp .8s ease .3s both}.home-nav-links{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:2.5rem;font-family:Caveat,cursive;font-size:1.1rem;animation:fadeUp .8s ease .6s both}.home-nav-links span{color:#0000001a;-webkit-user-select:none;user-select:none}.home-nav-links a{color:var(--text-muted);text-decoration:none;transition:color .25s ease}.home-nav-links a:hover{color:var(--text)}@keyframes fadeUp{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.reading-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden}.reading-container .top-nav{position:absolute;top:3rem;left:50%;transform:translate(-50%)}.reading-header{position:absolute;top:5rem;text-align:center}.reading-title{display:block;font-family:Caveat,cursive;font-size:clamp(2rem,4vw,2.6rem);font-weight:500;color:var(--text);transform:rotate(-1deg);line-height:1.2}.reading-subtitle{display:block;font-family:EB Garamond,Georgia,serif;font-style:italic;font-size:1rem;color:var(--text-muted);margin-top:.3rem}.showcase-hint{position:absolute;bottom:1.5rem;font-family:VT323,monospace;font-size:.8rem;color:var(--text-muted);opacity:.6}.showcase{display:block;text-align:center;text-decoration:none;color:var(--text);max-width:580px;padding:3rem;position:relative;z-index:2;animation:showcaseFade .45s ease both;transition:color .25s ease}.showcase:before{content:"";position:absolute;inset:0;border:1.5px solid rgba(0,0,0,.12);border-radius:3px;pointer-events:none}.showcase:hover{color:var(--accent)}@keyframes showcaseFade{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translateY(0)}}.showcase-title{font-family:Caveat,cursive;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:500;line-height:1.2;transform:rotate(-.5deg);display:block}.showcase-source{display:block;margin-top:1rem;font-family:VT323,monospace;font-size:.9rem;color:var(--text-muted);transform:rotate(.3deg)}.showcase-tags{display:flex;justify-content:center;gap:.6rem;margin-top:.5rem;font-family:Caveat,cursive;font-size:.95rem;color:var(--accent)}.showcase-controls{position:absolute;bottom:3rem;display:flex;align-items:center;gap:2rem}.showcase-controls button{font-family:Caveat,cursive;font-size:1.4rem;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:.5rem;transition:color .25s ease}.showcase-controls button:hover{color:var(--text)}.showcase-count{font-family:VT323,monospace;font-size:.85rem;color:var(--text-muted)}@media(max-width:768px){.columns-container{flex-direction:column;overflow-x:hidden;overflow-y:auto;height:auto}.index-col{width:100%;height:auto;min-height:auto;padding:2rem 1.5rem}.post-col{width:100%;height:auto;min-height:auto;border-left:none;border-top:1px solid var(--border);padding:3rem 1.5rem 2rem;animation:none}.reading-container .top-nav{position:static;transform:none;margin-bottom:1rem}.reading-container{justify-content:flex-start;padding-top:2.5rem}.reading-header{position:static;margin-bottom:2rem}.showcase{padding:2rem 1rem}.home-container{padding:2rem 1.5rem}.home-content h1{font-size:2.4rem}.drawing{display:none}}