@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Noto+Serif+SC:wght@400;600;700&display=swap";
:root{--color-bg:#fff;--color-bg-alt:#f5f5f5;--color-surface:#fff;--color-border:#000;--color-border-light:#e0e0e0;--color-text:#000;--color-text-secondary:#555;--color-text-muted:#999;--color-accent:#000;--color-accent-light:#f0f0f0;--color-accent-hover:#333;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif:"Noto Serif SC", "Georgia", serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--max-width:720px;--max-width-wide:960px;--nav-height:56px;--radius-sm:0px;--radius-md:0px;--radius-lg:0px;--transition-fast:.15s ease;--transition-base:.25s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.8}a{color:var(--color-accent);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-accent-hover)}img{max-width:100%;height:auto;display:block}.site-nav{z-index:100;height:var(--nav-height);padding:0 var(--space-6);border-bottom:1px solid var(--color-border);background-color:#fff;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.site-nav__logo{font-weight:700;font-size:var(--text-base);color:var(--color-text);letter-spacing:.05em;text-transform:uppercase}.site-nav__logo:hover{text-decoration:underline}.site-nav__links{gap:var(--space-6);list-style:none;display:flex}.site-nav__links a{font-size:var(--text-sm);color:var(--color-text);letter-spacing:.05em;font-weight:500}.site-nav__links a:hover,.site-nav__links a.active{color:var(--color-text);font-weight:700;text-decoration:underline}.page-container{max-width:var(--max-width);padding:var(--space-12) var(--space-6) var(--space-20);margin:0 auto}.page-container--wide{max-width:var(--max-width-wide)}.page-header{margin-bottom:var(--space-10)}.page-header__title{font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--color-text);font-weight:700;line-height:1.3}.page-header__desc{margin-top:var(--space-3);font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.6}.note-list{flex-direction:column;gap:1px;list-style:none;display:flex}.note-item{padding:var(--space-5) 0;border-bottom:1px solid var(--color-border-light);transition:background-color var(--transition-fast);display:block}.note-item:first-child{padding-top:0}.note-item:hover{background-color:#0000}.note-item__title{font-size:var(--text-lg);color:var(--color-text);letter-spacing:.01em;text-transform:uppercase;transition:color var(--transition-fast);font-weight:700;line-height:1.4}.note-item:hover .note-item__title{color:var(--color-text-secondary)}.note-item__meta{align-items:center;gap:var(--space-4);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);letter-spacing:.05em;text-transform:uppercase;display:flex}.note-item__date{font-variant-numeric:tabular-nums}.note-item__type{color:var(--color-text);font-weight:600}.note-item__excerpt{margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.6;display:-webkit-box;overflow:hidden}.tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{font-size:var(--text-xs);color:var(--color-accent);background-color:var(--color-accent-light);padding:2px var(--space-3);border-radius:var(--radius-sm);transition:all var(--transition-fast);font-weight:500;display:inline-block}.tag:hover{background-color:var(--color-accent);color:#fff}.filter-bar{gap:var(--space-2);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.filter-btn{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);padding:var(--space-1) var(--space-4);font-size:var(--text-xs);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);font-weight:500;font-family:var(--font-sans);border-radius:100px}.filter-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.filter-btn--active{background-color:var(--color-text);color:var(--color-surface);border-color:var(--color-text)}.filter-btn--active:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:var(--color-surface)}.article{margin-top:var(--space-8)}.article-header{margin-bottom:var(--space-8);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border-light)}.article-header__title{font-size:var(--text-3xl);letter-spacing:-.025em;color:var(--color-text);font-weight:700;line-height:1.25}.article-header__meta{align-items:center;gap:var(--space-3);margin-top:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.article-header__tags{margin-top:var(--space-4)}.prose{font-size:var(--text-base);color:var(--color-text);line-height:1.8}.prose h1,.prose h2,.prose h3,.prose h4{letter-spacing:-.02em;margin-top:var(--space-10);margin-bottom:var(--space-4);color:var(--color-text);font-weight:600;line-height:1.3}.prose h1{font-size:var(--text-2xl)}.prose h2{font-size:var(--text-xl)}.prose h3{font-size:var(--text-lg)}.prose h4{font-size:var(--text-base)}.prose p{margin-bottom:var(--space-5)}.prose ul,.prose ol{margin-bottom:var(--space-5);padding-left:var(--space-6)}.prose li{margin-bottom:var(--space-2)}.prose blockquote{margin:var(--space-6) 0;padding:var(--space-4) var(--space-5);border-left:3px solid var(--color-accent);background-color:var(--color-bg-alt);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-text-secondary);font-style:italic}.prose blockquote p:last-child{margin-bottom:0}.prose code{background-color:var(--color-bg-alt);border-radius:var(--radius-sm);color:var(--color-accent);padding:2px 6px;font-size:.875em}.prose pre{color:#d4d4d4;padding:var(--space-5);border-radius:var(--radius-md);margin-bottom:var(--space-5);font-size:var(--text-sm);background-color:#1e1e1e;line-height:1.6;overflow-x:auto}.prose pre code{color:inherit;background:0 0;padding:0}.prose hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}.prose a{color:var(--color-accent);text-underline-offset:3px;transition:text-decoration-color var(--transition-fast);-webkit-text-decoration:underline #3d6b5e4d;text-decoration:underline #3d6b5e4d}.prose a:hover{-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent)}.prose strong{font-weight:600}.prose img{border-radius:var(--radius-md);margin:var(--space-6) 0}.prose table{border-collapse:collapse;width:100%;margin:var(--space-6) 0;font-size:var(--text-sm)}.prose th,.prose td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border)}.prose th{color:var(--color-text-secondary);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em}.home-intro{margin-bottom:var(--space-12)}.home-intro__greeting{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-3);letter-spacing:.02em;font-weight:500}.home-intro__name{letter-spacing:-.04em;text-transform:uppercase;margin-bottom:var(--space-4);font-size:4.5rem;font-weight:700;line-height:1.1}.home-intro__bio{font-size:var(--text-base);color:var(--color-text-secondary);max-width:560px;line-height:1.7}.home-section{margin-bottom:var(--space-12)}.home-section__title{font-size:var(--text-sm);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);font-weight:600}.about-content{max-width:600px}.about-content p{margin-bottom:var(--space-5);color:var(--color-text-secondary);line-height:1.8}.about-content p:first-child{color:var(--color-text);font-size:var(--text-lg)}.site-footer{padding:var(--space-8) var(--space-6);border-top:1px solid var(--color-border-light);text-align:center;font-size:var(--text-xs);color:var(--color-text-muted)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.back-link{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6);transition:color var(--transition-fast);display:inline-flex}.back-link:hover{color:var(--color-accent)}.back-link:before{content:"←"}.empty-state{text-align:center;padding:var(--space-16) 0;color:var(--color-text-muted)}.empty-state__icon{font-size:var(--text-3xl);margin-bottom:var(--space-4);opacity:.4}.empty-state__text{font-size:var(--text-sm)}@media (max-width:640px){:root{--nav-height:48px}.site-nav{padding:0 var(--space-4)}.site-nav__links{gap:var(--space-4)}.page-container{padding:var(--space-8) var(--space-4) var(--space-16)}.home-intro__name,.article-header__title{font-size:var(--text-2xl)}}.photo-gallery{gap:var(--space-6);margin-top:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.photo-card{background:0 0;border:none;border-radius:0;flex-direction:column;text-decoration:none;display:flex}.photo-card:hover{opacity:.8;text-decoration:none}.photo-card__image-container{aspect-ratio:4/3;background-color:var(--color-bg-alt);width:100%;overflow:hidden}.photo-card__image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.photo-card:hover .photo-card__image{transform:scale(1.05)}.photo-card__placeholder{aspect-ratio:4/3;background-color:var(--color-bg-alt);width:100%;color:var(--color-text-muted);justify-content:center;align-items:center;display:flex}.photo-card__info{padding:var(--space-3) 0 0 0}.photo-card__title{margin:0 0 var(--space-1) 0;font-size:var(--text-sm);color:var(--color-text);letter-spacing:.05em;text-transform:uppercase;font-weight:700}.photo-card__excerpt{font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;line-height:1.5;display:-webkit-box;overflow:hidden}.home-card{padding:var(--space-8) 0;border-bottom:2px solid var(--color-text);margin-bottom:var(--space-10)}.home-card__header{padding:var(--space-12) var(--space-8);margin-top:calc(var(--space-8) * -1);margin-bottom:var(--space-8);border-bottom:1px solid var(--color-border-light);background-image:linear-gradient(90deg,#fff 40%,#fff0 100%),url(/images/background.jpg);background-position:50%;background-size:cover;position:relative}.home-card__title{letter-spacing:-.04em;margin-bottom:var(--space-1);font-size:3.5rem;font-weight:800;line-height:1.1}.home-card__subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);text-transform:none;letter-spacing:.05em;margin-bottom:0;font-weight:500}.home-card__bio{font-size:var(--text-lg);max-width:600px;margin-bottom:var(--space-4);color:var(--color-text);line-height:1.6}.home-card__intro-small{font-size:var(--text-sm);color:var(--color-text-secondary);border-left:2px solid var(--color-border-light);padding-left:var(--space-4)}.tool-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(140px,1fr));display:grid}.tool-card{padding:var(--space-4);border:1px solid var(--color-border-light);flex-direction:column;text-decoration:none;transition:border-color .2s;display:flex}.tool-card:hover{border-color:var(--color-text)}.tool-card__name{font-size:var(--text-sm);color:var(--color-text);font-weight:700}.tool-card__category{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;margin-top:var(--space-1)}.collection-grid{gap:var(--space-8);margin-top:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));display:grid}.collection-card{color:inherit;text-decoration:none;display:block}.collection-card__cover{aspect-ratio:16/9;background-color:var(--color-bg-alt);border:1px solid var(--color-border-light);margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex;overflow:hidden}.collection-card__cover-img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.collection-card:hover .collection-card__cover-img{transform:scale(1.05)}.collection-card__name{font-size:var(--text-lg);margin-bottom:var(--space-2);font-weight:700;display:block}.collection-card__desc{font-size:var(--text-sm);color:var(--color-text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.collection-card__meta{margin-top:var(--space-3);font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}