:root{--bg:#fff;--bg-alt:#f7f2f2;--text:#4a4443;--text-h:#1a1414;--text-dim:#8a7f7d;--border:#ecdedd;--accent:#e6002d;--accent-dim:#ffe4e8;--card-bg:#fff;--sans:"Hiragino Kaku Gothic ProN", "Noto Sans JP", system-ui, sans-serif;--mono:"SF Mono", ui-monospace, Menlo, monospace;font:16px/1.75 var(--sans);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{background:var(--bg);margin:0;overflow-x:hidden}#root{flex-direction:column;min-height:100svh;display:flex}h1,h2,h3{color:var(--text-h);letter-spacing:-.02em;margin:0;font-weight:600}p{margin:0}a{color:inherit;text-decoration:none}.site-header{z-index:10;background:var(--accent);border-bottom:1px solid var(--accent);justify-content:flex-end;align-items:center;padding:22px 6vw;display:flex;position:sticky;top:0}.site-header .logo{font-family:var(--mono);color:#fff;letter-spacing:.02em;font-size:14px}.toc{z-index:9;flex-direction:column;gap:18px;display:flex;position:fixed;top:50%;right:28px;transform:translateY(-50%)}.toc-item{color:var(--text-dim);align-items:center;gap:10px;display:flex}.toc-index{font-family:var(--mono);text-align:right;width:16px;font-size:10px;transition:color .2s}.toc-line{background:var(--border);width:18px;height:1px;transition:width .25s,background .25s}.toc-label{white-space:nowrap;opacity:0;max-width:0;font-size:12px;transition:max-width .25s,opacity .2s;overflow:hidden}.toc-item:hover .toc-label,.toc-item-active .toc-label{opacity:1;max-width:140px}.toc-item:hover .toc-line,.toc-item-active .toc-line{background:var(--accent);width:30px}.toc-item:hover .toc-index,.toc-item-active .toc-index{color:var(--accent)}.toc-item-active .toc-label{color:var(--text-h)}@media (width<=1100px){.toc{display:none}}.site-header nav{color:#fff;gap:32px;font-size:14px;font-weight:700;display:flex}.site-header nav a{padding-bottom:6px;position:relative}.site-header nav a:after{content:"";background:#fff;height:3px;transition:right .2s;position:absolute;bottom:0;left:0;right:100%}.site-header nav a:hover:after,.site-header nav a.is-active:after{right:0}main{flex:1}.hero{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:48px;max-width:1080px;margin:0 auto;padding:11vh 6vw 9vh;display:flex}.hero h1{letter-spacing:-.03em;color:var(--text-h);font-size:60px;line-height:1.12}.hero-lead{max-width:460px;color:var(--text-dim);margin-top:28px;font-size:16px;line-height:1.8}.hero-actions{gap:14px;margin-top:40px;display:flex}.hero-portrait{border:1px solid var(--border);border-radius:12px;flex-shrink:0;width:280px;height:340px;overflow:hidden;box-shadow:0 24px 48px -24px #1a141440}.hero-portrait img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.hero-portrait:hover img{transform:scale(1.04)}.btn{border:1px solid #0000;border-radius:6px;align-items:center;padding:11px 22px;font-size:14px;font-weight:500;transition:border-color .2s cubic-bezier(.2,.8,.2,1),color .2s cubic-bezier(.2,.8,.2,1),background .2s cubic-bezier(.2,.8,.2,1),box-shadow .2s cubic-bezier(.2,.8,.2,1),transform .2s cubic-bezier(.2,.8,.2,1);display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:#c40025}.btn-outline{border-color:var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--accent);color:var(--text-h);transform:translateY(-1px)}.section{border-bottom:1px solid var(--border);max-width:1080px;margin:0 auto;padding:9vh 6vw}.section:last-of-type{border-bottom:none}.section-title{align-items:baseline;gap:14px;margin-bottom:40px;font-size:30px;display:flex}.section-title .index{font-family:var(--mono);color:var(--accent);font-size:60px}.profile-card{gap:40px;display:flex}.profile-avatar{object-fit:cover;border:1px solid var(--border);border-radius:8px;flex-shrink:0;width:180px;height:180px}.profile-body p{color:var(--text-dim);max-width:560px;margin-bottom:24px}.profile-facts{border-top:1px solid var(--border);flex-direction:column;max-width:580px;margin:0 -10px;padding:0;list-style:none;display:flex}.profile-facts li{border-bottom:1px solid var(--border);gap:24px;padding:12px 10px;font-size:14px;transition:background .2s;display:flex}.profile-facts li:hover{background:var(--bg-alt)}.profile-facts span{width:92px;font-family:var(--mono);color:var(--text-dim);flex-shrink:0;padding-top:2px;font-size:12px}.skill-tags{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.skill-tags-break{flex-basis:100%;width:0;height:0}.skill-tag{font-family:var(--mono);border:1px solid var(--border);color:var(--text);border-radius:999px;padding:7px 14px;font-size:13px;transition:border-color .2s,color .2s,background .2s}.skill-tag:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-dim)}.skill-tag-solid{border-color:var(--accent);background:var(--accent);color:#fff;font-weight:600}.skill-tag-solid:hover{color:#fff;background:#c40025;border-color:#c40025}.work-groups{flex-direction:column;gap:36px;display:flex}.work-group-label{font-family:var(--mono);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--accent);margin-bottom:16px;padding:6px 16px;font-size:18px;font-weight:700;display:inline-block;position:relative}.work-group-label:before{content:"";background:var(--accent);width:100vw;position:absolute;top:0;bottom:0;right:100%}.works-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.works-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.works-grid{grid-template-columns:1fr}}.work-card{background:var(--card-bg);border:1px solid var(--border);text-align:left;box-shadow:6px 6px 0 0 var(--accent);border-radius:10px;flex-direction:column;padding:22px;transition:transform .15s,box-shadow .15s;display:flex}.work-card:hover{box-shadow:3px 3px 0 0 var(--accent);transform:translate(3px,3px)}.work-card-top{align-items:center;gap:14px;display:flex}.work-icon{aspect-ratio:1;object-fit:cover;border:1px solid var(--border);border-radius:12px;flex-shrink:0;width:52px;height:52px}.work-icon-glyph{background:var(--accent-dim);font-family:var(--mono);color:var(--accent);justify-content:center;align-items:center;font-size:14px;display:flex}.work-card-heading{min-width:0}.work-card-meta-row{flex-wrap:wrap;align-items:baseline;gap:4px 10px;margin-bottom:4px;display:flex}.work-category{font-family:var(--mono);color:var(--accent);white-space:nowrap;font-size:12px;font-weight:700}.work-meta{font-family:var(--mono);color:var(--text-dim);white-space:nowrap;font-size:12px}.work-card h3{overflow-wrap:break-word;font-size:17px;font-weight:600}.work-description{color:var(--text-dim);word-break:keep-all;overflow-wrap:anywhere;line-break:strict;font-size:14px}.work-devlog-wrap{grid-template-rows:0fr;transition:grid-template-rows .3s;display:grid}.work-devlog-wrap.is-open{grid-template-rows:1fr}.work-devlog-inner{overflow:hidden}.work-devlog-inner .work-description{margin-top:14px}.work-devlog{border-top:1px solid var(--border);color:var(--text-dim);word-break:keep-all;overflow-wrap:anywhere;line-break:strict;margin-top:12px;padding-top:12px;font-size:13px;line-height:1.8}.work-mechanisms{border-top:1px solid var(--border);margin-top:14px;padding-top:12px}.work-mechanisms-label{color:var(--accent);font-size:13px;font-weight:600}.work-mechanisms ul{flex-direction:column;gap:10px;margin:8px 0 0;padding:0;list-style:none;display:flex}.work-mechanisms li{overflow-wrap:anywhere;flex-direction:column;gap:2px;font-size:13px;line-height:1.7;display:flex}.work-mechanisms li strong{font-weight:600}.work-mechanisms li span{color:var(--text-dim)}.work-devlog .hl{color:var(--accent);font-weight:600}.work-card-actions{flex-wrap:wrap;align-items:center;gap:10px 20px;margin-top:14px;display:flex}.work-devlog-toggle{background:var(--accent);font-family:var(--mono);color:#fff;cursor:pointer;border:none;border-radius:999px;align-items:center;padding:8px 14px;font-size:12px;font-weight:700;transition:background .2s;display:inline-flex}.work-devlog-toggle:hover{background:#c40025}.work-link{font-family:var(--mono);color:#fff;background:#1a6fe0;border-radius:999px;align-items:center;padding:8px 14px;font-size:12px;font-weight:700;transition:background .15s;display:inline-flex}.work-link:hover{background:#0d52b0}.work-blog-link{color:#1a6fe0;background:#fff;box-shadow:inset 0 0 0 2px #1a6fe0}.work-blog-link:hover{color:#fff;background:#1a6fe0}.timeline-track{flex-wrap:wrap;align-items:flex-start;gap:28px 8px;padding:24px 4px 4px;display:flex}.timeline-item{text-align:left;flex:140px;min-width:120px;max-width:190px;position:relative}.timeline-dot{background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:9px;height:9px;margin-bottom:14px;display:block}.timeline-connector{background:var(--border);height:1px;position:absolute;top:3px;left:9px;right:-8px}.timeline-date{font-family:var(--mono);color:var(--accent);margin-bottom:6px;font-size:11px}.timeline-label{color:var(--text-dim);font-size:13px;line-height:1.6}.timeline-item-now{flex:none;min-width:0}.timeline-item-now .timeline-arrow{color:var(--accent);margin-bottom:10px;font-size:18px;display:block}.blog-lead{max-width:460px;color:var(--text-dim);margin-bottom:28px;font-size:16px;line-height:1.8}.blog-actions{gap:14px;margin-top:32px;display:flex}.blog-posts{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=900px){.blog-posts{grid-template-columns:1fr}}.blog-post{background:var(--card-bg);border:1px solid var(--border);box-shadow:6px 6px 0 0 var(--accent);border-radius:10px;flex-direction:column;padding:22px;transition:transform .15s,box-shadow .15s;display:flex}.blog-post:hover{box-shadow:3px 3px 0 0 var(--accent);transform:translate(3px,3px)}.blog-post-date{font-family:var(--mono);color:var(--accent);margin-bottom:8px;font-size:12px;font-weight:700}.blog-post-title{color:var(--text-h);word-break:keep-all;overflow-wrap:anywhere;line-break:strict;margin-bottom:10px;font-size:16px;font-weight:700;line-height:1.6}.blog-post-desc{color:var(--text-dim);word-break:keep-all;overflow-wrap:anywhere;line-break:strict;flex:1;font-size:13px;line-height:1.8}.blog-post-more{font-family:var(--mono);color:#fff;background:#1a6fe0;border-radius:999px;align-self:flex-start;margin-top:16px;padding:8px 14px;font-size:12px;font-weight:700}.blog-post:hover .blog-post-more{background:#0d52b0}.contact-form{flex-direction:column;gap:22px;max-width:480px;display:flex}.contact-form label{color:var(--accent);font-size:18px;font-weight:700;font-family:var(--mono);flex-direction:column;gap:8px;display:flex}.contact-form input,.contact-form textarea{background:var(--bg);border:1px solid var(--border);color:var(--text-h);font:15px/1.6 var(--sans);resize:vertical;box-shadow:4px 4px 0 0 var(--accent);border-radius:6px;padding:12px 14px;font-weight:400}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--accent);outline:none}.contact-form button{cursor:pointer;border:none;align-self:flex-start;margin-top:6px}.site-footer{border-top:1px solid var(--border);color:var(--text-dim);font-family:var(--mono);justify-content:center;align-items:center;padding:28px 6vw;font-size:12px;display:flex}.footer-socials{gap:14px;display:flex}.social-icon{border:1px solid var(--border);width:32px;height:32px;color:var(--text-dim);border-radius:50%;justify-content:center;align-items:center;transition:color .2s,border-color .2s;display:flex}.social-icon:hover{color:var(--accent);border-color:var(--accent)}@media (width<=640px){.site-header{flex-direction:column;align-items:flex-start;gap:12px}.site-header nav{flex-wrap:wrap;gap:16px;font-size:13px}.hero h1{gap:10px;font-size:40px}.profile-card{flex-direction:column}.profile-facts li{gap:16px}.hero{text-align:center;flex-direction:column-reverse;gap:32px}.hero-lead{max-width:none}.hero-actions{justify-content:center}.hero-portrait{width:220px;height:260px}}.blog-section{padding-top:4vh;padding-bottom:4vh}.blog-section .section-title{margin-bottom:16px;font-size:22px}.blog-section .blog-posts{flex-direction:column;gap:0;display:flex}.blog-section .blog-post{border:none;border-bottom:1px solid var(--border);box-shadow:none;background:0 0;border-radius:0;grid-template-columns:100px minmax(0,1fr);align-items:baseline;gap:18px;padding:12px 0;display:grid}.blog-section .blog-post:hover{box-shadow:none;transform:none}.blog-section .blog-post-date{color:var(--text);margin:0;font-size:12px}.blog-section .blog-post-title{margin:0;font-size:14px;line-height:1.8}.blog-section .blog-post:hover .blog-post-title{color:var(--accent);text-decoration:underline}.blog-section .blog-post:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.profile-body{width:100%;max-width:720px}.profile-body h3{margin-bottom:18px;font-size:26px;font-weight:700}.profile-reading{color:var(--text);letter-spacing:.06em;margin-top:4px;font-size:13px;font-weight:400;display:block}.profile-body .profile-intro{color:var(--text);margin-bottom:28px;font-size:17px;line-height:1.9}.profile-facts{max-width:none;margin:0}.profile-facts li{grid-template-columns:90px minmax(0,1fr);gap:24px;padding:16px 0;font-size:15px;line-height:1.9;display:grid}.profile-facts li>span{width:auto;font-family:var(--sans);color:var(--text-h);font-size:14px;font-weight:600}@media (width<=640px){.profile-body h3{font-size:23px}.profile-body .profile-intro{font-size:15px}.profile-facts li{grid-template-columns:72px minmax(0,1fr);gap:14px;font-size:14px}.profile-facts li>span{font-size:12px}.blog-section .blog-post{grid-template-columns:1fr;gap:4px}}.news-section{padding-top:4vh;padding-bottom:4vh}.news-section .section-title{margin-bottom:16px;font-size:22px}.news-card{background:var(--card-bg);border:1px solid var(--border);box-shadow:6px 6px 0 0 var(--accent);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:28px;padding:20px;display:grid}.news-image{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--border);width:100%;height:auto;display:block}.news-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;font-size:12px;display:flex}.news-badge{background:var(--accent);color:#fff;font-family:var(--mono);letter-spacing:.08em;padding:2px 8px;font-weight:700}.news-date{font-family:var(--mono);color:var(--text)}.news-tag{border:1px solid var(--border);color:var(--text-dim);padding:1px 8px}.news-title{color:var(--text-h);margin:0 0 6px;font-size:20px;line-height:1.5}.news-catch{color:var(--accent);margin:0 0 12px;font-weight:700}.news-text{color:var(--text);margin:0 0 12px;font-size:14px;line-height:1.9}.news-points{color:var(--text);margin:0;padding-left:1.2em;font-size:13px;line-height:1.9}@media (width<=760px){.news-card{box-shadow:4px 4px 0 0 var(--accent);grid-template-columns:1fr;gap:16px;padding:14px}.news-title{font-size:18px}}