@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600&family=Noto+Sans+JP:wght@300;400;500;600;700&display=swap";:root{--bg-primary: #fafafa;--bg-card: rgba(0, 0, 0, .02);--bg-card-hover: rgba(0, 0, 0, .04);--text-primary: #2c2c2c;--text-secondary: #666666;--text-muted: #999999;--border: rgba(0, 0, 0, .06);--border-hover: rgba(0, 0, 0, .1);--font-sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "IBM Plex Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-y:scroll}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001a;border-radius:3px}::selection{background:#00000014}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{border:none;background:none;font:inherit;cursor:pointer}ul,ol{list-style:none}code,pre{font-family:var(--font-mono)}.card{background:var(--bg-card);border-radius:12px;transition:all .2s ease}.card:hover{background:var(--bg-card-hover)}.card-static{background:var(--bg-card);border-radius:12px}.header{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:100;width:calc(100% - 32px);max-width:800px}.header-glass{background:#fafafae6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:12px;padding:12px 20px;display:flex;justify-content:space-between;align-items:center}.logo{font-family:var(--font-mono);font-size:.9rem;font-weight:500;color:var(--text-primary);transition:opacity .2s}.logo:hover{opacity:.6}.nav{display:flex;gap:1.25rem}.nav-link{color:var(--text-muted);font-size:.85rem;transition:color .2s}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.footer{padding:2rem 0;margin-top:4rem;border-top:1px solid var(--border)}.footer-container{max-width:800px;margin:0 auto;padding:0 1.5rem;text-align:center}.copyright{color:var(--text-muted);font-size:.75rem}.layout{display:flex;flex-direction:column;min-height:100vh}.main{flex:1;padding-top:5rem}.home-page{max-width:800px;margin:0 auto;padding:2rem 1.5rem;display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 160px)}.home-image{max-width:100%;max-height:70vh;border-radius:12px}.post-card{margin-bottom:12px;border-radius:12px}.post-link{display:block;padding:20px 24px}.post-date{display:block;color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);margin-bottom:8px}.post-title{font-size:1.05rem;font-weight:500;color:var(--text-primary);margin-bottom:6px;line-height:1.4}.post-excerpt{color:var(--text-secondary);font-size:.85rem;line-height:1.6}.blog-page{max-width:800px;margin:0 auto;padding:2rem 1.5rem}.blog-posts{display:flex;flex-direction:column}.blog-post{max-width:800px;margin:0 auto;padding:3rem 1.5rem}.back-link{display:inline-block;color:var(--text-muted);font-size:.85rem;margin-bottom:1.5rem;transition:color .2s}.back-link:hover{color:var(--text-primary)}.post-container{padding:24px;border-radius:12px}.post-header{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--border)}.post-header .post-date{display:block;color:var(--text-muted);font-size:.75rem;font-family:var(--font-mono);margin-bottom:12px}.post-header .post-title{font-size:1.5rem;font-weight:600;line-height:1.3}.post-content{color:var(--text-secondary);font-size:.95rem;line-height:1.85}.post-content h1{font-size:1.3rem;color:var(--text-primary);margin:2.5rem 0 1rem}.post-content h2{font-size:1.15rem;color:var(--text-primary);margin:2rem 0 .75rem}.post-content h3{font-size:1rem;color:var(--text-primary);margin:1.5rem 0 .5rem}.post-content p{margin:1rem 0}.post-content li{margin:.5rem 0;padding-left:1rem;position:relative}.post-content li:before{content:"–";position:absolute;left:0;color:var(--text-muted)}.post-content strong{color:var(--text-primary);font-weight:600}.post-content code{background:#0000000d;padding:2px 6px;border-radius:4px;font-size:.85em}.post-content .code-block{background:#00000008;border-radius:8px;padding:16px;margin:1.5rem 0;overflow-x:auto;font-size:.8rem;line-height:1.6}.post-content .code-block code{background:none;padding:0}@media(max-width:640px){.post-container{padding:24px}}.about-page{max-width:800px;margin:0 auto;padding:3rem 1.5rem}.about-card{padding:24px;border-radius:12px}.about-header{display:flex;align-items:center;gap:32px;margin-bottom:24px}.avatar{width:64px;height:64px;border-radius:50%;object-fit:cover}.about-name{font-size:1.35rem;font-weight:600}.about-section>p{color:var(--text-secondary);line-height:1.8;font-size:.95rem}