@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{--font-mono: "Space Mono", "Letter Gothic Std", "Courier New", monospace;--color-bg: #ffffff;--color-text: #1a1a1a;--color-muted: #666666;--color-accent: #2d2d2d;--color-highlight: #4caf50;--color-black: #1a1a1a;--color-border: #999999;--nav-width: clamp(160px, 15vw, 240px);--content-max: 900px;--connector-gap: clamp(2rem, 4vw, 5rem);--layout-margin: clamp(1rem, 5vw, 8rem)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:12px;scroll-behavior:smooth}body{font-family:var(--font-mono);font-size:1rem;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}a:focus-visible{outline:2px solid var(--color-black);outline-offset:2px}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-mono);cursor:pointer}.site-layout{display:flex;min-height:100vh;max-width:1400px;margin:0 auto;padding-left:var(--layout-margin);padding-right:var(--layout-margin)}.site-nav{width:var(--nav-width);padding:clamp(3rem,6vh,6rem) clamp(1rem,2vw,2rem) 2.5rem 0;flex-shrink:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column}.site-nav__brand{display:block;margin-bottom:2.5rem}.site-nav__brand:hover{text-decoration:none}.site-nav__logo{width:80px;height:auto}.site-nav__links{list-style:none;display:flex;flex-direction:column;gap:.25rem;align-items:flex-end}.site-nav__link{font-size:1rem;padding:.2rem .5rem;display:inline-block;transition:background .15s,color .15s}.site-nav__link:hover{text-decoration:none;background:var(--color-black);color:#fff}.site-nav__link--active{background:var(--color-black);color:#fff;font-style:italic;font-weight:700}.site-main{flex:1;padding:0 clamp(1.5rem,3vw,4rem) 2.5rem var(--connector-gap);position:relative;overflow:visible;max-width:var(--content-max)}.site-main.has-connector:before{content:"";position:absolute;top:var(--connector-y);left:var(--connector-left);width:0;border-top:1px dashed var(--color-border);animation:draw-connector .3s ease-out forwards;z-index:1;pointer-events:none}@keyframes draw-connector{0%{width:0}to{width:var(--connector-width)}}.page-content{position:relative;opacity:0;transform:translate(-8px);animation:content-enter .3s ease-out .5s forwards}@keyframes content-enter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.landing{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;text-align:center;flex-direction:column;position:relative;overflow:hidden;background:var(--color-bg, #fff);padding:1rem}.landing__image-link{display:flex;align-items:center;justify-content:center;cursor:pointer}.landing__image-link:hover .landing__image{animation:none;transform:scale(1.05)}.landing__image-link:focus-visible{outline:2px solid var(--color-black);outline-offset:4px}.landing__image{max-width:400px;width:80vw;animation:hand-pulse 3s infinite}@keyframes hand-pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.85}to{transform:scale(1);opacity:1}}@keyframes hand-fade-out{0%{opacity:1}to{opacity:0}}@keyframes page-fade-in{0%{opacity:0}to{opacity:1}}@keyframes page-fade-out{0%{opacity:1}to{opacity:0}}@keyframes hand-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hand-appear{0%,to{opacity:1}}.content-panel{border:1px dashed var(--color-border);padding:1.5rem 2rem}.about-content{max-width:400px}.about-content p{margin-bottom:1rem}.blog-layout{display:flex;align-items:flex-start;gap:0}.blog-sidebar{min-width:160px;position:relative}.blog-volumes{list-style:none;display:flex;flex-direction:column;border-top:1px dashed var(--color-border);border-bottom:1px dashed var(--color-border)}.blog-vol{display:flex;justify-content:space-between;padding:.3rem .75rem;gap:2rem;font-size:1rem;transition:background .15s,color .15s}.blog-vol:hover{text-decoration:none;background:var(--color-black);color:#fff}.blog-vol--active{background:var(--color-black);color:#fff;font-weight:700;font-style:italic}.blog-vol__label{font-style:italic}.blog-connector{width:3rem;flex-shrink:0;position:relative}.blog-connector:before{content:"";position:absolute;left:0;top:var(--blog-connector-y, 50%);width:100%;border-top:1px dashed var(--color-border)}.blog-content{flex:1;border:1px solid var(--color-black);position:relative;min-width:0}.blog-post-header{display:flex;justify-content:space-between;border-bottom:1px solid var(--color-border);padding:.75rem 1rem}.blog-post-header h2{font-size:1rem}.blog-post-date{color:var(--color-muted)}.blog-post-body{padding:1rem;line-height:1.7;max-height:70vh;overflow-y:auto}.blog-post-body p{margin-bottom:1rem}.archive-cascade{display:flex;align-items:flex-start;gap:0}.archive-categories{display:flex;flex-direction:column;gap:0;border:1px dashed var(--color-border);padding:.25rem 0;min-width:220px;position:relative}.archive-cat{font-size:1rem;padding:.3rem .75rem;border:none;background:none;text-align:center;font-family:var(--font-mono);cursor:pointer;transition:background .15s,color .15s}.archive-cat:hover{background:var(--color-black);color:#fff}.archive-cat--active{background:var(--color-black);color:#fff;font-weight:700;font-style:italic}.archive-cascade-gap{width:3rem;flex-shrink:0;position:relative}.archive-cascade-gap:before{content:"";position:absolute;left:0;top:var(--items-connector-y, 50%);width:100%;border-top:1px dashed var(--color-border);opacity:0;transition:opacity .15s}.archive-cascade-gap.has-connector:before{animation:draw-connector-h .25s ease-out forwards;opacity:1}@keyframes draw-connector-h{0%{width:0}to{width:100%}}.archive-items-wrap{position:relative;min-width:220px}.archive-items-wrap--hidden{display:none}.archive-items{list-style:none;border:1px dashed var(--color-border);padding:.25rem 0}.archive-item{padding:.3rem .75rem;transition:background .15s,color .15s;text-align:center}.archive-item a{display:block}.archive-item:hover{background:var(--color-highlight);color:#fff}.archive-item a:hover{text-decoration:none;color:#fff}.detail-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.5rem;flex-wrap:wrap;gap:1rem;border-bottom:1px dashed var(--color-border);padding-bottom:.5rem}.detail-title{font-size:1.1rem;font-weight:700;font-style:italic}.detail-author{font-style:italic;color:var(--color-muted)}.detail-image-wrap{border:1px dashed var(--color-border);padding:.5rem;position:relative;margin-bottom:.5rem}.detail-image-wrap img{width:100%;object-fit:contain;max-height:65vh;margin:0 auto}.detail-nav-side{position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;color:var(--color-muted);z-index:2;padding:1rem;background:#fffc}.detail-nav-side:hover{color:var(--color-black);text-decoration:none}.detail-nav-side--prev{left:0}.detail-nav-side--next{right:0}.detail-nav-bottom{display:flex;justify-content:center;gap:1rem;margin-bottom:1rem;border-bottom:1px dashed var(--color-border);padding-bottom:.75rem}.detail-nav-link{font-size:1.25rem;font-weight:700;color:var(--color-muted);padding:.25rem .5rem}.detail-nav-link:hover{color:var(--color-black);text-decoration:none}.detail-meta{text-align:right;font-style:italic;color:var(--color-muted);line-height:1.8;padding-top:.5rem}.contact-form{border:1px dashed var(--color-border);padding:1.5rem 2rem}.contact-row{display:flex;gap:2rem;margin-bottom:1.5rem;align-items:center}.contact-field{flex:1;display:flex;flex-direction:column;gap:.25rem}.contact-field--inline{flex-direction:row;align-items:center;gap:.75rem}.contact-field label{font-weight:700;font-style:italic;white-space:nowrap}.contact-field input,.contact-field textarea{font-family:var(--font-mono);font-size:1rem;border:1px dashed var(--color-border);padding:.4rem .5rem;background:transparent;resize:vertical;flex:1}.contact-field input:focus,.contact-field textarea:focus{outline:2px solid var(--color-black);outline-offset:1px;border-color:var(--color-black)}.contact-field textarea{min-height:300px}.contact-submit{display:inline-block;background:var(--color-black);color:#fff;font-family:var(--font-mono);font-size:1rem;font-weight:700;padding:.5rem 2rem;border:none;margin-top:1rem;transition:background .2s}.contact-submit:hover{background:#000}@media(max-width:768px){.site-layout{flex-direction:column;padding-left:1rem;padding-right:1rem}.site-nav{width:100%;height:auto;position:sticky;top:0;z-index:100;background:var(--color-bg);padding:1rem 0;flex-direction:row;align-items:center;gap:1rem;border-bottom:1px dashed var(--color-border)}.site-nav__brand{margin-bottom:0;flex-shrink:0}.site-nav__logo{width:40px}.site-nav__links{flex-direction:row;gap:0;flex-wrap:nowrap;align-items:center;flex:1;justify-content:flex-end}.site-nav__link{padding:.5rem .6rem;font-size:.9rem}.site-main{padding:1.25rem 0}.page-content{opacity:1!important;transform:none!important;margin-top:0!important}.site-main.has-connector:before{display:none}.landing__image{max-width:280px;width:65vw}.about-content{max-width:none}.content-panel{padding:1.25rem}.archive-cascade{flex-direction:column;gap:.75rem}.archive-cascade-gap{display:none}.archive-categories,.archive-items-wrap{min-width:unset;width:100%}.archive-cat,.archive-item{padding:.5rem .75rem}.detail-nav-side{display:none}.detail-image-wrap{padding:.25rem}.detail-image-wrap img{max-height:none}.detail-header{flex-direction:column;gap:.25rem}.detail-meta{text-align:left}.detail-nav-link{padding:.5rem 1rem;font-size:1.5rem}.blog-layout{flex-direction:column;gap:.75rem}.blog-sidebar{min-width:unset;width:100%}.blog-volumes{flex-direction:row;flex-wrap:wrap;border:1px dashed var(--color-border);border-radius:0}.blog-vol{gap:.5rem;padding:.5rem .75rem}.blog-connector{display:none}.blog-content{border:1px solid var(--color-black)}.blog-post-body{max-height:none;overflow-y:visible;padding:1rem}.contact-form{padding:1.25rem}.contact-row{flex-direction:column;gap:.75rem}.contact-field--inline{flex-direction:column;align-items:flex-start;gap:.25rem}.contact-field input,.contact-field textarea{font-size:16px;padding:.6rem .75rem;width:100%}.contact-field textarea{min-height:180px}.contact-submit{width:100%;padding:.75rem 2rem;font-size:1rem;text-align:center}}@media(max-width:400px){.site-layout{padding-left:.75rem;padding-right:.75rem}.site-nav{gap:.5rem}.site-nav__logo{width:32px}.site-nav__link{padding:.4rem;font-size:.8rem}.landing__image{max-width:220px;width:60vw}.blog-vol{padding:.4rem .5rem;font-size:.9rem}}.theme-modern .site-nav__link{border-radius:4px;transition:background .2s ease,color .2s ease,transform .15s ease}.theme-modern .site-nav__link:hover{transform:translate(2px)}.theme-modern .content-panel{box-shadow:0 1px 4px #0000000f;border-radius:2px}.theme-modern .archive-item:hover{border-radius:2px}@media(prefers-reduced-motion:reduce){*:not(.landing__image),*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}