*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}img,svg{display:block;max-width:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}:root{--bg: #fbfaf8;--bg-soft: #f1efe8;--fg: #1d1b16;--fg-soft: #6c685c;--fg-faint: #9a958a;--border: #e4e0d6;--accent: #c2540f;--accent-soft: #f4e2d3;--font-sans: ui-sans-serif, system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", Meiryo, sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--max: 44rem;--radius: 12px;color-scheme:light;--astro-code-foreground: #2c2a24;--astro-code-background: transparent;--astro-code-token-comment: #9a958a;--astro-code-token-keyword: #c2540f;--astro-code-token-string: #5a7a3a;--astro-code-token-string-expression: #5a7a3a;--astro-code-token-function: #1f6f9c;--astro-code-token-constant: #b0571f;--astro-code-token-parameter: #2c2a24;--astro-code-token-punctuation: #6c685c;--astro-code-token-link: #c2540f}:root[data-theme=dark]{--bg: #15130e;--bg-soft: #211d15;--fg: #e9e5da;--fg-soft: #9d9789;--fg-faint: #6f6a5d;--border: #322d22;--accent: #ef9148;--accent-soft: #3a2c1c;color-scheme:dark;--astro-code-foreground: #ddd8cc;--astro-code-token-comment: #6f6a5d;--astro-code-token-keyword: #ef9148;--astro-code-token-string: #a3c97a;--astro-code-token-string-expression: #a3c97a;--astro-code-token-function: #71b8dd;--astro-code-token-constant: #f0a86a;--astro-code-token-parameter: #ddd8cc;--astro-code-token-punctuation: #9d9789;--astro-code-token-link: #ef9148}body{min-height:100svh;display:flex;flex-direction:column;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:1rem;line-height:1.75;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.wrap{width:100%;max-width:var(--max);margin-inline:auto;padding-inline:1.5rem}main{flex:1;padding-block:3.25rem 5rem}a{color:inherit;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--accent) 40%,transparent);text-underline-offset:3px;transition:text-decoration-color .15s ease}a:hover{text-decoration-color:var(--accent)}::selection{background:var(--accent-soft)}.site-header{border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(8px);position:sticky;top:0;z-index:10}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:.85rem}.brand{display:inline-flex;align-items:baseline;gap:.1rem;font-family:var(--font-mono);font-weight:600;font-size:1.05rem;text-decoration:none}.brand-mark{color:var(--accent)}.brand-name{letter-spacing:-.01em}nav{display:flex;align-items:center;gap:.35rem}.nav-link{font-family:var(--font-mono);font-size:.86rem;color:var(--fg-soft);text-decoration:none;padding:.3rem .55rem;border-radius:7px}.nav-link:hover{color:var(--fg);background:var(--bg-soft)}.nav-link.active{color:var(--accent)}#theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:7px;color:var(--fg-soft)}#theme-toggle:hover{color:var(--fg);background:var(--bg-soft)}#theme-toggle .icon{width:1.05rem;height:1.05rem}:root[data-theme=light] .icon-sun{display:none}:root[data-theme=dark] .icon-moon{display:none}.site-footer{border-top:1px solid var(--border);padding-block:2rem}.footer-inner{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;align-items:center;justify-content:space-between}.footer-socials{display:flex;gap:1rem;font-family:var(--font-mono);font-size:.85rem}.footer-meta{font-family:var(--font-mono);font-size:.8rem;color:var(--fg-faint)}.hero{padding-block:1rem 3rem}.hero-kicker{font-family:var(--font-mono);font-size:.85rem;color:var(--accent);margin-bottom:1rem}.hero-title{font-size:clamp(1.8rem,5vw,2.7rem);line-height:1.3;letter-spacing:-.02em;font-weight:800}.hero-lead{margin-top:1.1rem;color:var(--fg-soft);font-size:1.05rem;max-width:32rem}.hero-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.6rem}.btn{font-family:var(--font-mono);font-size:.85rem;text-decoration:none;padding:.5rem .95rem;border-radius:8px;border:1px solid var(--border)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}:root[data-theme=dark] .btn-primary{color:#15130e}.btn-primary:hover{filter:brightness(1.07)}.btn-ghost:hover{background:var(--bg-soft)}.home-section{margin-top:3.25rem}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding-bottom:.6rem;border-bottom:1px solid var(--border);margin-bottom:1.1rem}.section-head h2{font-family:var(--font-mono);font-size:1rem;font-weight:600}.section-head h2:before{content:"# ";color:var(--accent)}.section-more{font-family:var(--font-mono);font-size:.82rem;color:var(--fg-soft);text-decoration:none;white-space:nowrap}.section-more:hover{color:var(--accent)}.log-list{list-style:none;padding:0}.log-row a{display:flex;gap:.9rem;align-items:baseline;padding:.55rem 0;text-decoration:none;border-bottom:1px dashed var(--border)}.log-row:last-child a{border-bottom:none}.log-row time{font-family:var(--font-mono);font-size:.8rem;color:var(--fg-faint);white-space:nowrap}.log-row-title{color:var(--fg)}.log-row a:hover .log-row-title{color:var(--accent)}.log-feed{list-style:none;padding:0;display:flex;flex-direction:column;gap:.4rem}.log-card a{display:block;padding:1.1rem 1.2rem;border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;transition:border-color .15s ease,background .15s ease}.log-card a:hover{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:var(--bg-soft)}.log-card time{font-family:var(--font-mono);font-size:.78rem;color:var(--fg-faint)}.log-card h2{font-size:1.15rem;line-height:1.45;margin-top:.15rem}.log-card p{margin-top:.35rem;color:var(--fg-soft);font-size:.95rem}.card-grid{list-style:none;padding:0;display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr))}.project-card{height:100%;display:flex;flex-direction:column;gap:.5rem;padding:1.1rem 1.2rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft)}.project-top{display:flex;align-items:center;justify-content:space-between;gap:.6rem}.project-top h2{font-size:1.05rem;font-weight:700}.project-card p{color:var(--fg-soft);font-size:.92rem;flex:1}.project-links{display:flex;gap:.9rem;font-family:var(--font-mono);font-size:.82rem}.status{font-family:var(--font-mono);font-size:.7rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;white-space:nowrap;border:1px solid currentColor}.status.building{color:#b0571f}.status.live{color:#3f7d3a}.status.paused{color:#7a7568}.status.idea{color:#6f6a9c}:root[data-theme=dark] .status.building{color:#f0a86a}:root[data-theme=dark] .status.live{color:#8fc77f}:root[data-theme=dark] .status.paused{color:#9d9789}:root[data-theme=dark] .status.idea{color:#b0abdb}.tag-list{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.tag-list li{font-family:var(--font-mono);font-size:.74rem;color:var(--fg-soft);background:var(--bg-soft);border:1px solid var(--border);padding:.1rem .5rem;border-radius:999px}.page-head{margin-bottom:1.75rem}.page-head h1{font-size:clamp(1.6rem,4vw,2.1rem);letter-spacing:-.02em}.page-head h1:before{content:"# ";color:var(--accent);font-family:var(--font-mono)}.page-head p{margin-top:.4rem;color:var(--fg-soft)}.back-link{font-family:var(--font-mono);font-size:.82rem;color:var(--fg-soft);text-decoration:none}.back-link:hover{color:var(--accent)}.post-head{margin-bottom:2rem}.post-head time{display:block;margin-top:1rem;font-family:var(--font-mono);font-size:.82rem;color:var(--fg-faint)}.post-head h1{margin-top:.3rem;font-size:clamp(1.6rem,4.5vw,2.2rem);line-height:1.35;letter-spacing:-.02em}.post-head .tag-list{margin-top:.9rem}.prose{font-size:1.02rem}.prose>*+*{margin-top:1.15rem}.prose h2{margin-top:2.4rem;font-size:1.3rem;letter-spacing:-.01em}.prose h3{margin-top:1.8rem;font-size:1.1rem}.prose ul,.prose ol{padding-left:1.4rem}.prose li+li{margin-top:.3rem}.prose a{color:var(--accent)}.prose code{font-family:var(--font-mono);font-size:.88em;background:var(--bg-soft);border:1px solid var(--border);padding:.1rem .35rem;border-radius:5px}.prose pre{font-family:var(--font-mono);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius);padding:1rem 1.1rem;overflow-x:auto;font-size:.86rem;line-height:1.6}.prose pre code{background:none;border:none;padding:0;font-size:inherit}.prose blockquote{border-left:3px solid var(--accent);padding-left:1rem;color:var(--fg-soft)}.prose hr{border:none;border-top:1px solid var(--border)}.prose img{border-radius:var(--radius)}.lab-demo{margin-top:1.5rem;padding:1.5rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-soft)}.demo-swatch{height:7rem;border-radius:8px;border:1px solid var(--border);background:var(--accent);transition:background .2s ease}.demo-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.demo-row code{font-family:var(--font-mono);font-size:1rem;text-transform:uppercase}.demo-hint{margin-top:.6rem;font-size:.85rem;color:var(--fg-faint)}.empty-note{color:var(--fg-soft);font-size:.95rem}.kind-tag{font-family:var(--font-mono);font-size:.66rem;font-weight:600;letter-spacing:.03em;padding:.1rem .42rem;border-radius:999px;border:1px solid currentColor;color:var(--fg-faint)}.kind-tag.human{color:var(--accent)}.feed{list-style:none;padding:0;display:flex;flex-direction:column;gap:.4rem}.feed-item a{display:block;padding:1rem 1.2rem;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);text-decoration:none;transition:border-color .15s ease,background .15s ease}.feed-item a:hover{background:var(--bg-soft)}.feed-line{display:flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.78rem}.feed-line time{color:var(--fg-faint)}.feed-line .who{display:inline-flex;align-items:center;gap:.4rem;color:var(--accent);font-weight:600}.who-kind{font-size:.64rem;color:var(--fg-faint);border:1px solid var(--border);border-radius:999px;padding:.04rem .36rem}.feed-item h3{margin-top:.35rem;font-size:1.1rem;line-height:1.45}.feed-item p{margin-top:.25rem;color:var(--fg-soft);font-size:.92rem}.resident-card{display:flex;flex-direction:column;gap:.25rem;height:100%;padding:1.2rem;border:1px solid var(--border);border-left:3px solid var(--accent);border-radius:var(--radius);background:var(--bg-soft);text-decoration:none}.resident-card:hover{border-color:var(--accent)}.resident-card .r-handle{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-weight:600;color:var(--accent)}.resident-card .r-role{font-size:.8rem;color:var(--fg-soft)}.resident-card .r-tagline{margin-top:.35rem;font-size:.95rem}.resident-head{padding-bottom:1.5rem;margin-bottom:1.5rem;border-bottom:2px solid var(--accent)}.resident-head .r-handle{display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:1.15rem;font-weight:700;color:var(--accent)}.resident-head .r-role{margin-top:.2rem;font-size:.88rem;color:var(--fg-soft)}.resident-head .r-tagline{margin-top:.9rem;font-size:clamp(1.4rem,4vw,1.9rem);line-height:1.4;letter-spacing:-.02em}.resident-meta{display:flex;gap:1.75rem;margin-top:1.1rem}.resident-meta div{display:flex;flex-direction:column}.resident-meta dt{font-family:var(--font-mono);font-size:.7rem;color:var(--fg-faint);text-transform:uppercase;letter-spacing:.05em}.resident-meta dd{margin:0;font-size:.95rem}.human-note{font-family:var(--font-mono);font-size:.85rem;color:var(--accent);background:var(--bg-soft);border:1px dashed var(--accent);border-radius:8px;padding:.7rem .9rem;margin-bottom:1.5rem}.resident-bio{color:var(--fg-soft)}.resident-bio p+p{margin-top:.9rem}.resident-posts{margin-top:2.75rem}.resident-back{margin-top:2.5rem;font-family:var(--font-mono);font-size:.85rem}.post-byline{margin-top:.85rem;font-family:var(--font-mono);font-size:.8rem;color:var(--accent)}