:root{--bg:#f5f7f9;--bg-alt:#eaeef2;--panel:#fff;--line:#dde3e9;--ink:#12161c;--ink-muted:#22262c;--ink-faint:#2f343b;--accent:#1f9d4c;--accent-dim:#15722e;--accent-soft:#1f9d4c1a;--sans:-apple-system, "Hiragino Sans", "Noto Sans JP", "Helvetica Neue", Arial, sans-serif;--mono:ui-monospace, "SF Mono", "Cascadia Mono", "Consolas", monospace;--shadow:0 1px 2px #12161c0a, 0 8px 24px #12161c0d}:root[data-theme=dark]{--bg:#0d1117;--bg-alt:#161b22;--panel:#161b22;--line:#232a34;--ink:#e6edf3;--ink-muted:#dde4ea;--ink-faint:#ccd4da;--accent:#2fb85f;--accent-dim:#3ddc72;--accent-soft:#2fb85f24;--shadow:0 1px 2px #0000004d, 0 8px 24px #00000059}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg);overflow-x:hidden}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;line-height:1.75;overflow-x:hidden}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.wrap{max-width:1040px;margin:0 auto;padding:0 32px}.page-body{z-index:1;background:var(--bg);position:relative}.topnav{z-index:40;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);position:sticky;top:0}.topnav-inner{padding-top:8px;padding-bottom:10px}.topnav-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 16px;display:flex}.topnav-row-top{margin-bottom:2px}.topnav-row-main{min-height:56px}.brand{flex-direction:column;gap:2px;line-height:1.15;display:flex}.visitor-count{font-family:var(--mono);color:var(--ink-faint);white-space:nowrap;font-size:clamp(.6rem,1.1vw,.68rem)}.brand-kana{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--ink);font-size:clamp(.6rem,1.1vw,.68rem);font-weight:600}.brand-name{letter-spacing:-.01em;color:var(--ink);font-size:clamp(1rem,2vw,1.15rem);font-weight:700}.navlist{font-family:var(--mono);flex-wrap:wrap;justify-content:flex-end;gap:clamp(10px,2vw,26px);margin:0;padding:0;font-size:clamp(.68rem,1.6vw,.96rem);list-style:none;display:flex}.navlist a{color:var(--ink-muted);font-weight:600}.navlist a:before{content:"$ ";color:var(--ink-faint)}.navlist a:hover,.navlist a:hover:before{color:var(--accent-dim)}.photo{background:linear-gradient(#040a06eb 0 30px,#0000 30px 100%),repeating-linear-gradient(90deg,#90fb790f 0 1px,#0000 1px 28px),repeating-linear-gradient(0deg,#90fb790f 0 1px,#0000 1px 28px),radial-gradient(120% 140% at 15% 15%,#5afb794d,#0000 55%),radial-gradient(100% 120% at 85% 80%,#020804b3,#0000 60%),linear-gradient(150deg,#0e1a10,#060d08 60%,#030603);border-radius:10px;position:relative;overflow:hidden}.photo:before{content:"";z-index:2;background:#ff5f56;border-radius:50%;width:7px;height:7px;position:absolute;top:12px;left:14px;box-shadow:15px 0 #ffbd2e,30px 0 #27c93f}.photo.hero-photo{aspect-ratio:3/4}.photo.block-photo{aspect-ratio:16/9}.photo.card-photo{aspect-ratio:16/10;border-radius:10px 10px 0 0}.photo-coming-soon{z-index:2;font-family:var(--mono);letter-spacing:.02em;color:#eafcef;text-shadow:0 1px 10px #0009;justify-content:center;align-items:center;gap:6px;font-size:clamp(.8rem,2vw,.95rem);display:flex;position:absolute;inset:0}.photo-coming-soon .prompt{color:#7fd99a}.photo-coming-soon .cursor{background:#7fd99a}.photo.has-image{background:linear-gradient(#040a06eb 0 30px,#0000 30px 100%),#0b0f0c}.photo-image-wrap{position:absolute;inset:30px 0 0}#matrix-bg{z-index:0;pointer-events:none;width:100%;height:100%;display:block;position:fixed;inset:0}header.hero{z-index:1;--ink:#fff;--ink-muted:#f2fbf5;--ink-faint:#e2f5e9;--accent-dim:#5cf08d;align-items:center;min-height:88vh;padding:64px 0 88px;display:flex;position:relative;overflow:hidden}header.hero:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(100deg,#020704e0 0%,#020704b8 40%,#02070461 68%,#02070414 100%);position:absolute;inset:0}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:48px;display:grid;position:relative}.eyebrow{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent-dim);margin:0 0 16px;font-size:.78rem}h1.name{letter-spacing:-.02em;white-space:nowrap;text-shadow:0 2px 20px #0000008c;margin:0 0 14px;font-size:clamp(1.7rem,3vw,2.6rem);font-weight:800;line-height:1.15}.cursor{background:var(--accent-dim);vertical-align:-.1em;width:.5em;height:.85em;margin-left:.08em;animation:1.1s step-end infinite blink;display:inline-block}@media (prefers-reduced-motion:reduce){.cursor{opacity:.6;animation:none}}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.ime-composing{border-bottom:1px dotted;padding-bottom:1px}p.role{color:var(--ink-muted);text-shadow:0 1px 12px #00000080;max-width:52ch;margin:0 0 26px;font-size:clamp(1.02rem,1.6vw,1.18rem)}.hero-meta{color:var(--ink-muted);text-shadow:0 1px 10px #00000080;flex-direction:column;gap:8px;font-size:.92rem;display:flex}.hero-meta span b{color:var(--ink);font-weight:600}header.hero .eyebrow{color:#6dfa9a}header.hero h1.name{color:#eafcef;text-shadow:0 2px 20px #0000008c,0 0 26px #5df08d59;background:#040e0866;border:2px solid #1a7a3d;border-radius:4px;width:fit-content;padding:20px 30px;display:inline-block;box-shadow:0 0 0 1px #1a7a3d40,0 0 32px #1a7a3d4d}header.hero p.role{color:#e9f3ec}header.hero .hero-meta{color:#d7e6da}header.hero .hero-meta span b{color:#f5fbf6;font-weight:600}section{padding:clamp(48px,9vw,88px) 0}.section-head{margin-bottom:14px}h2.fn-heading{font-family:var(--mono);letter-spacing:-.01em;text-wrap:balance;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:700}.fn-heading .fn-comment{color:var(--accent-dim);font-weight:600}.fn-heading .fn-name{color:var(--ink)}p.lede{color:var(--ink-muted);max-width:66ch;margin:16px 0 40px;font-size:1.02rem}h3.subgroup{font-family:var(--mono);letter-spacing:.02em;color:var(--ink);margin:0 0 20px;font-size:.92rem;font-weight:700}h3.subgroup:before{content:"// ";color:var(--ink-faint);font-weight:500}.subgroup-block+.subgroup-block{border-top:1px solid var(--line);margin-top:clamp(48px,8vw,80px);padding-top:clamp(20px,3vw,32px)}.split-row{grid-template-columns:1fr 1fr;align-items:center;gap:44px;margin-bottom:48px;display:grid}.split-row .text h3{margin:0 0 10px;font-size:1.2rem;font-weight:700}.split-row .text p{color:var(--ink-muted);margin:0}.grid-cards{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:28px;display:grid}.card{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden}.card .card-body{flex-direction:column;flex:1;padding:22px 24px;display:flex}.card h3,.card h4{color:var(--ink);margin:0 0 8px;font-size:1.02rem;font-weight:700}.card p{color:var(--ink-muted);flex:1;margin:0;font-size:.93rem}.card .tags{flex-wrap:wrap;gap:6px;margin-top:14px;display:flex}.tag{font-family:var(--mono);color:var(--accent-dim);border:1px solid var(--line);background:var(--accent-soft);border-radius:4px;padding:2px 8px;font-size:.7rem}.tag:before{content:"#";opacity:.55}.card-link{color:var(--accent-dim);margin-top:16px;font-size:.82rem;font-weight:600;display:block}a.card-wrap{border-radius:12px;transition:transform .15s;display:block}a.card-wrap:hover{transform:translateY(-2px)}a.card-wrap:hover .card{box-shadow:0 2px 4px #1e201d0f,0 14px 32px #1e201d17}.skill-table{border-collapse:collapse;width:100%}.skill-table tr{border-bottom:1px solid var(--line)}.skill-table tr:last-child{border-bottom:none}.skill-table td{vertical-align:top;padding:16px 0}.skill-cat{font-family:var(--mono);color:var(--ink-faint);white-space:nowrap;width:180px;padding-right:20px;font-size:.8rem}.skill-items{color:var(--ink);font-size:.98rem}.skill-items .sep{color:var(--ink-faint);margin:0 8px}.timeline{padding-left:28px;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:6px;bottom:6px;left:5px}.tl-item{padding-bottom:32px;position:relative}.tl-item:last-child{padding-bottom:0}.tl-item:before{content:"";background:var(--bg);border:2px solid var(--accent);border-radius:50%;width:11px;height:11px;position:absolute;top:4px;left:-28px}.tl-item.future:before{border-color:var(--ink-faint)}.tl-date{font-family:var(--mono);color:var(--accent-dim);letter-spacing:.03em;margin:0 0 4px;font-size:.8rem}.tl-item.future .tl-date{color:var(--ink-faint)}.tl-title{margin:0 0 4px;font-size:1.04rem;font-weight:700}.tl-desc{color:var(--ink-muted);max-width:60ch;margin:0;font-size:.93rem}.news-note{font-family:var(--mono);color:var(--ink-faint);margin:-8px 0 24px;font-size:.72rem}.news-list{margin:0;padding:0;list-style:none}.news-item{border-bottom:1px solid var(--line);align-items:baseline;gap:20px;padding:16px 0;font-size:.95rem;display:flex}.news-item:last-child{border-bottom:none}.news-date{font-family:var(--mono);color:var(--ink-faint);white-space:nowrap;flex-shrink:0;width:92px;font-size:.78rem}.news-cat{font-family:var(--mono);color:var(--accent-dim);border:1px solid var(--line);background:var(--accent-soft);border-radius:4px;margin-right:10px;padding:2px 8px;font-size:.68rem}.work-highlights{gap:12px;margin:0;padding:0;list-style:none;display:grid}.work-highlights li{color:var(--ink-muted);padding-left:20px;font-size:.98rem;position:relative}.work-highlights li:before{content:"—";color:var(--accent);position:absolute;left:0}.confidential-note{font-family:var(--mono);color:var(--ink-faint);border-left:2px solid var(--line);margin-top:26px;padding-left:14px;font-size:.76rem}.hobby-card p.flavor{color:var(--ink);margin-bottom:8px;font-size:.98rem;font-weight:600}.hobby-card p.flavor+p{color:var(--ink-muted)}.blog-meta{font-family:var(--mono);color:var(--ink-faint);align-items:baseline;gap:12px;margin-bottom:10px;font-size:.7rem;display:flex}.contact-box{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:36px;display:flex}.contact-box .label{font-family:var(--mono);color:var(--ink-faint);letter-spacing:.06em;margin-bottom:6px;font-size:.76rem}.contact-box .value{font-size:1.06rem;font-weight:600}.contact-links{flex-wrap:wrap;gap:14px;display:flex}.sns-link{border:1px solid var(--line);color:var(--ink);background:var(--bg-alt);border-radius:24px;align-items:center;gap:8px;padding:9px 16px;font-size:.86rem;font-weight:600;display:flex}.sns-link svg{width:16px;height:16px;stroke:var(--accent-dim);flex-shrink:0}.sns-link:hover{border-color:var(--accent-dim);color:var(--accent-dim)}.sns-link:hover svg{stroke:var(--accent-dim)}.sns-link.tbd{color:var(--ink-faint);font-weight:500}.sns-link.tbd svg{stroke:var(--ink-faint)}footer{z-index:1;background:0 0;border-top:1px solid #ffffff26;margin-top:40px;padding:64px 0 32px;position:relative;overflow:hidden}footer:before{content:"";z-index:0;pointer-events:none;background:linear-gradient(#030905b8,#030905d1);position:absolute;inset:0}footer .wrap{z-index:1;position:relative}.footer-grid{grid-template-columns:1.3fr 1fr 1fr;gap:40px;padding-bottom:40px;display:grid}.footer-name{color:#fff;margin:0 0 8px;font-size:1.05rem;font-weight:700}.footer-name span{color:#fff;font-weight:400}.footer-tagline{color:#fff;max-width:32ch;margin:0;font-size:.92rem}.footer-col h4{font-family:var(--mono);color:#7fd99a;margin:0 0 14px;font-size:.78rem;font-weight:700}.footer-col ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.footer-col a,.footer-col span.tbd{color:#fff;font-size:.92rem}.footer-col span.tbd{color:#fff;opacity:.6}.footer-col a:hover{color:#6dfa9a}.footer-bottom{font-family:var(--mono);color:#fff;border-top:1px solid #ffffff26;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:24px;font-size:.76rem;display:flex}@media (max-width:700px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}.detail-page{background:var(--bg)}.detail-nav{z-index:10;background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);margin-bottom:48px;padding:18px 0;position:sticky;top:72px}.detail-nav .wrap{justify-content:space-between;align-items:center;display:flex}.back-link{color:var(--accent-dim);font-size:.86rem;font-weight:600}.back-link:hover{text-decoration:underline}.detail-route{font-family:var(--mono);color:var(--ink-faint);font-size:.7rem}.detail-body{padding-bottom:80px}.detail-body h1{text-wrap:balance;letter-spacing:-.01em;margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800}.detail-body .detail-sub{color:var(--ink-muted);max-width:60ch;margin:0 0 32px;font-size:1.05rem}.detail-body .detail-ref-link{margin:-20px 0 32px;font-size:.9rem}.detail-body .detail-ref-link a{color:var(--accent-dim);text-underline-offset:3px;text-decoration:underline}.detail-body h2.dh{font-family:var(--mono);letter-spacing:.06em;color:var(--accent-dim);text-transform:uppercase;margin:36px 0 12px;font-size:.8rem}.detail-body p{color:var(--ink-muted);max-width:66ch}.detail-body .tags{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.detail-video{aspect-ratio:16/9;background:#000;border-radius:10px;width:100%;max-width:66ch;margin:8px 0 28px;position:relative;overflow:hidden}.detail-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.auth-page{z-index:1;background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.auth-card{text-align:center;width:100%;max-width:420px}.auth-card .card-body{align-items:center}.auth-card h1{margin:0 0 12px;font-size:1.3rem}.auth-card p{color:var(--ink-muted);margin:0 0 24px}.auth-error{color:#c0392b}.google-btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:8px;align-items:center;gap:10px;padding:12px 22px;font-size:.95rem;font-weight:600;display:inline-flex}.google-btn:hover{border-color:var(--accent-dim)}.admin-page{padding:clamp(48px,9vw,88px) 0}.admin-stats{flex-wrap:wrap;gap:16px;margin:24px 0;display:flex}.admin-stat{border:1px solid var(--line);background:var(--panel);border-radius:8px;min-width:160px;padding:16px 24px}.admin-stat-label{font-family:var(--mono);letter-spacing:.05em;color:var(--ink-faint);text-transform:uppercase;font-size:.72rem}.admin-stat-value{margin-top:4px;font-size:1.8rem;font-weight:800}.admin-table-wrap{margin-bottom:24px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.9rem}.admin-table th{text-align:left;font-family:var(--mono);letter-spacing:.05em;color:var(--ink-faint);text-transform:uppercase;border-bottom:1px solid var(--line);white-space:nowrap;padding:8px 12px;font-size:.72rem}.admin-table td{border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 12px}.signout-btn{font-family:var(--mono);color:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-size:.76rem;text-decoration:underline}@media (max-width:820px){.hero-grid,.split-row{grid-template-columns:1fr}}@media (max-width:600px){header.hero{padding:48px 0 56px}header.hero h1.name{padding:14px 18px}h1.name{text-wrap:nowrap;font-size:clamp(1.5rem,7.8vw,3.6rem)}.skill-cat{width:auto;padding-bottom:4px;padding-right:0;display:block}.skill-table td{padding:6px 0;display:block}.skill-table tr{padding:10px 0;display:block}.contact-box{flex-direction:column;align-items:flex-start}.news-item{flex-direction:column;gap:4px}.news-date{width:auto}.grid-cards{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;align-items:stretch;gap:14px;margin:0 -32px;padding:4px 32px 12px;display:flex;overflow:auto hidden}.grid-cards::-webkit-scrollbar{display:none}.grid-cards>*{scroll-snap-align:start;flex:0 0 82%}}