@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&family=Noto+Sans+JP:wght@500;600;700&display=swap";:root{--canvas:#131821;--font-display:"Noto Sans JP", "Inter", sans-serif;--font-body:"Inter", "Noto Sans JP", sans-serif;--font-mono:"JetBrains Mono", monospace;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4.5rem;--radius-sm:.25rem;--radius-md:.5rem;--rule:1px;--dur-fast:.15s;--dur-base:.26s;--ease-out:cubic-bezier(.2, 0, 0, 1)}.app-shell{--paper:#131821;--paper-raised:#1b222e;--ink:#eef0ef;--ink-muted:#abb4c1;--line:#3c4858;--accent:#7798c7;--accent-ink:#10151d;--portrait-stamp:#f9f8f5;--focus:#c8d8ff;--swatch-aoi:#7798c7;--swatch-kumo:#657f9d;--swatch-yozora:#9b91c3}.app-shell[data-theme=kumo]{--paper:#eeece7;--paper-raised:#f7f5f1;--ink:#252a32;--ink-muted:#666d76;--line:#b8bdc2;--accent:#657f9d;--accent-ink:#f9f8f5;--portrait-stamp:#f9f8f5;--focus:#244f78}.app-shell[data-theme=yozora]{--paper:#181723;--paper-raised:#242331;--ink:#f0eff3;--ink-muted:#b7b2c0;--line:#4a4657;--accent:#9b91c3;--accent-ink:#17151e;--portrait-stamp:#f9f8f5;--focus:#d5ccff}*{box-sizing:border-box}html,body,#root{min-height:100%}html,body{overflow-x:clip}body{background:var(--canvas);color:var(--ink);font-family:var(--font-body);font-synthesis:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}button,a{font:inherit}a{color:inherit}button{cursor:pointer}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.app-shell{background:var(--paper);min-height:100vh;color:var(--ink);isolation:isolate}.skip-link{top:var(--space-3);left:var(--space-3);z-index:10;padding:var(--space-2) var(--space-3);background:var(--accent);color:var(--accent-ink);transition:transform var(--dur-fast) var(--ease-out);position:fixed;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.layout-wrapper{width:min(100% - 3rem,76rem);padding:var(--space-5) 0 var(--space-8);margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-5);border-bottom:var(--rule) solid var(--line);display:flex}.wordmark-group{align-items:baseline;gap:var(--space-2);display:inline-flex}.wordmark{color:var(--ink);font-family:var(--font-mono);letter-spacing:0;font-size:.94rem;font-weight:500;text-decoration:none}.wordmark span{color:var(--accent)}.wordmark-jp{color:var(--ink-muted);font-family:var(--font-display);font-size:.68rem;font-weight:500}.theme-switcher{align-items:center;gap:var(--space-1);display:flex}.header-controls{align-items:center;gap:var(--space-3);display:flex}.theme-option{min-height:2.5rem;padding:0 var(--space-2);border:var(--rule) solid transparent;border-radius:var(--radius-sm);color:var(--ink-muted);font-family:var(--font-mono);transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;align-items:center;gap:.38rem;font-size:.72rem;line-height:1;display:inline-flex}.theme-option:hover,.theme-option[aria-pressed=true]{border-color:var(--line);color:var(--ink)}.theme-option[aria-pressed=true]{background:var(--paper-raised)}.theme-option:active,.icon-link:active,.contact-link:active{transform:scale(.96)}.theme-swatch{border-radius:50%;width:.62rem;height:.62rem}.theme-swatch.aoi{background:var(--swatch-aoi)}.theme-swatch.kumo{background:var(--swatch-kumo)}.theme-swatch.yozora{background:var(--swatch-yozora)}.language-switcher{padding-left:var(--space-3);border-left:var(--rule) solid var(--line);align-items:center;gap:.1rem;display:flex}.language-option{border:var(--rule) solid transparent;border-radius:var(--radius-sm);width:2.25rem;min-height:2.5rem;color:var(--ink-muted);font-family:var(--font-mono);transition:color var(--dur-fast) var(--ease-out), background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:0 0;place-items:center;padding:0;font-size:.7rem;line-height:1;display:grid}.language-option:hover,.language-option[aria-pressed=true]{border-color:var(--line);color:var(--ink)}.language-option[aria-pressed=true]{background:var(--paper-raised)}.language-option:active{transform:scale(.96)}.intro{gap:var(--space-6);padding:clamp(4.5rem, 10vw, 8.5rem) 0 var(--space-7);border-bottom:var(--rule) solid var(--line);grid-template-columns:minmax(0,1fr) minmax(12rem,.48fr);align-items:end;display:grid}.intro-meta{color:var(--ink-muted);font-family:var(--font-mono);grid-column:1/-1;justify-content:space-between;align-items:center;font-size:.72rem;line-height:1.4;display:flex}.location{align-items:center;gap:var(--space-1);display:inline-flex}.intro h1{max-width:9ch;color:var(--ink);font-family:var(--font-display);letter-spacing:0;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-size:clamp(3.3rem,8vw,7.4rem);font-weight:700;line-height:.98}.intro-copy{max-width:33ch;color:var(--ink-muted);text-wrap:pretty;margin:0;font-size:1rem;line-height:1.65}.intro-jp{margin:var(--space-2) 0 0;color:var(--accent);font-family:var(--font-display);letter-spacing:.12em;grid-column:1/-1;font-size:.8rem;font-weight:600;line-height:1.5}.content-grid{border-left:var(--rule) solid var(--line);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.profile-portrait,.expertise-panel,.approach-panel,.stack-panel,.projects-panel,.contact-panel{border-right:var(--rule) solid var(--line);border-bottom:var(--rule) solid var(--line);min-width:0}.profile-portrait{background:var(--accent);grid-column:span 4;min-height:27rem;position:relative;overflow:hidden}.profile-portrait img{object-fit:cover;object-position:60% center;filter:grayscale()contrast(1.2);mix-blend-mode:multiply;opacity:.83;width:100%;height:100%;display:block;position:absolute;inset:0}.portrait-stamp{right:var(--space-4);bottom:var(--space-4);color:var(--portrait-stamp);font-family:var(--font-display);writing-mode:vertical-rl;font-size:1.45rem;font-weight:700;position:absolute}.quote-trigger{top:var(--space-3);left:var(--space-3);z-index:2;border:var(--rule) solid var(--accent-ink);border-radius:var(--radius-sm);background:var(--paper-raised);width:2.5rem;height:2.5rem;color:var(--ink);font-family:var(--font-display);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);place-items:center;padding:0;font-size:1rem;font-weight:600;line-height:1;display:grid;position:absolute}.quote-trigger:hover,.quote-trigger[aria-expanded=true]{background:var(--accent);color:var(--accent-ink)}.quote-trigger:active{transform:scale(.96)}.portrait-quote{z-index:1;padding:var(--space-6);background:color-mix(in srgb, var(--paper) 94%, transparent);color:var(--ink);font-family:var(--font-display);text-wrap:balance;align-items:flex-end;margin:0;font-size:clamp(1.05rem,2vw,1.4rem);font-weight:600;line-height:1.7;display:flex;position:absolute;inset:0}.portrait-quote p{max-width:18ch;margin:0}.expertise-panel,.approach-panel,.stack-panel,.projects-panel,.contact-panel{padding:var(--space-6)}.expertise-panel{grid-column:span 4}.backend-panel{grid-column:span 8}.ml-panel{grid-column:span 4}.infrastructure-panel{grid-column:span 8}.approach-panel,.stack-panel,.projects-panel,.contact-panel{grid-column:span 12}.contact-panel{justify-content:space-between;align-items:flex-end;gap:var(--space-5);background:var(--accent);color:var(--accent-ink);display:flex}.section-index{margin-bottom:var(--space-5);color:var(--accent);font-family:var(--font-mono);font-size:.72rem;line-height:1.4;display:block}.contact-panel .section-index{color:inherit;opacity:.76}h2,h3,p{margin-top:0}.expertise-panel h2,.approach-panel h2,.stack-panel h2,.projects-panel h2,.contact-panel h2{align-items:center;gap:var(--space-2);margin-bottom:var(--space-5);color:var(--ink);font-family:var(--font-display);letter-spacing:0;font-size:clamp(1.35rem,2.2vw,1.9rem);font-weight:600;line-height:1.15;display:flex}.contact-panel h2{color:inherit;margin:0}.prose{gap:var(--space-4);display:grid}.prose p,.project-item p{color:var(--ink-muted);margin-bottom:0;font-size:.95rem;line-height:1.68}.text-highlight{color:var(--ink);font-family:var(--font-mono);white-space:nowrap;font-size:.9em;font-weight:500}.approach-list{border-top:var(--rule) solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.approach-list li{gap:var(--space-4);min-width:0;padding:var(--space-5) var(--space-5) var(--space-5) 0;grid-template-columns:auto minmax(0,1fr);display:grid}.approach-list li+li{padding-left:var(--space-5);border-left:var(--rule) solid var(--line)}.approach-list span{color:var(--accent);font-family:var(--font-mono);font-size:.72rem}.approach-list h3{margin-bottom:var(--space-2);color:var(--ink);font-family:var(--font-display);font-size:1rem;font-weight:600;line-height:1.3}.approach-list p{color:var(--ink-muted);margin:0;font-size:.9rem;line-height:1.6}.stack-layout{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stack-category{min-width:0}.stack-category h3{margin-bottom:var(--space-3);color:var(--ink-muted);font-family:var(--font-mono);text-transform:uppercase;font-size:.72rem;font-weight:400;line-height:1.4}.stack-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag{border:var(--rule) solid var(--line);border-radius:var(--radius-sm);color:var(--ink);font-family:var(--font-mono);padding:.35rem .55rem;font-size:.72rem;line-height:1.2}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-4);margin-bottom:var(--space-2);display:flex}.section-heading .section-index,.section-heading h2{margin-bottom:0}.projects-layout{border-top:var(--rule) solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-item{min-width:0;min-height:14rem;padding:var(--space-5);flex-direction:column;display:flex}.project-item+.project-item{border-left:var(--rule) solid var(--line)}.project-header{justify-content:space-between;align-items:start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.project-header h3{color:var(--ink);font-family:var(--font-display);margin:0;font-size:1.15rem;font-weight:600;line-height:1.25}.icon-link{border:var(--rule) solid var(--line);border-radius:var(--radius-sm);width:2.5rem;height:2.5rem;color:var(--ink);transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);flex:none;place-items:center;display:grid}.icon-link:hover{background:var(--accent);color:var(--accent-ink)}.project-tags{padding-top:var(--space-5);margin-top:auto}.contact-link{align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-4);border:var(--rule) solid currentColor;border-radius:var(--radius-sm);color:inherit;font-family:var(--font-mono);white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);font-size:.88rem;font-weight:500;line-height:1;text-decoration:none;display:inline-flex}.contact-link:hover{background:var(--accent-ink);color:var(--accent)}@media (width<=48rem){.layout-wrapper{width:min(100% - 2rem,76rem);padding:var(--space-4) 0 var(--space-7)}.intro{gap:var(--space-5);padding:4rem 0 var(--space-6);grid-template-columns:1fr}.intro h1{font-size:clamp(3rem,13vw,5.2rem)}.profile-portrait,.backend-panel,.ml-panel,.infrastructure-panel{grid-column:span 12}.profile-portrait{min-height:23rem}.stack-layout,.approach-list{gap:var(--space-5);grid-template-columns:1fr}.approach-list li,.approach-list li+li{padding:0 0 var(--space-5);border:0;border-bottom:var(--rule) solid var(--line)}.approach-list li:last-child{border-bottom:0;padding-bottom:0}}@media (width<=31rem){.header-controls{gap:var(--space-1)}.theme-name{display:none}.theme-option{justify-content:center;width:1.75rem;min-height:2rem;padding:0}.language-switcher{padding-left:var(--space-1);gap:0}.language-option{width:1.75rem;min-height:2rem;font-size:.62rem}.intro-meta{align-items:flex-start;gap:var(--space-2);flex-direction:column}.expertise-panel,.approach-panel,.stack-panel,.projects-panel,.contact-panel{padding:var(--space-5)}.section-heading,.contact-panel{flex-direction:column;align-items:flex-start}.projects-layout{grid-template-columns:1fr}.project-item+.project-item{border-top:var(--rule) solid var(--line);border-left:0}.contact-link{justify-content:space-between;width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}