@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";:root,[data-accent=tsuki]{--a-200:#DCEBF7;--a-300:#B7D8F0;--a-400:#8CBFE4;--a-500:#5C9BC9;--a-600:#3E7AA6}[data-accent=matcha]{--a-200:#DFEDE2;--a-300:#B9D8C0;--a-400:#8CBF9B;--a-500:#5F9A72;--a-600:#427857}[data-accent=fuji]{--a-200:#E7E2F4;--a-300:#CBC1E7;--a-400:#A99BD6;--a-500:#7F6EB4;--a-600:#5E4E92}[data-accent=sakura]{--a-200:#F7E3E8;--a-300:#EFC5CF;--a-400:#E2A2B4;--a-500:#C4788E;--a-600:#9E566C}[data-accent=kohaku]{--a-200:#F6E9D2;--a-300:#EBD3A6;--a-400:#D8A857;--a-500:#B4842F;--a-600:#8E6520}[data-accent=seiji]{--a-200:#DDEEEB;--a-300:#B5DBD5;--a-400:#7FBFB6;--a-500:#549C93;--a-600:#3A7A72}[data-accent=shu]{--a-200:#F8DED4;--a-300:#F0BBA8;--a-400:#E4714D;--a-500:#CF5533;--a-600:#A84124}[data-accent=wakaba]{--a-200:#E6EFCF;--a-300:#CDDFA4;--a-400:#A9C46E;--a-500:#849F49;--a-600:#647C32}[data-accent=nezu]{--a-200:#E2E6EB;--a-300:#C0C8D2;--a-400:#98A5B4;--a-500:#71808F;--a-600:#53616F}[data-accent]{--accent-solid:var(--a-400);--accent-solid-hover:var(--a-300);--text-accent:var(--a-300);--border-accent:var(--a-500);--border-focus:var(--a-400);--status-info:var(--a-400);--accent-quiet:color-mix(in srgb,var(--a-400) 12%,transparent);--glow-accent:0 0 24px -6px color-mix(in srgb,var(--a-400) 46%,transparent);--glow-edge:inset 0 0 0 1px color-mix(in srgb,var(--a-400) 22%,transparent);--glow-focus:0 0 0 1px var(--a-400),0 0 0 4px color-mix(in srgb,var(--a-400) 14%,transparent)}[data-theme=light][data-accent]{--accent-solid:var(--a-600);--accent-solid-hover:var(--a-500);--text-accent:var(--a-600);--border-accent:var(--a-500);--border-focus:var(--a-500);--status-info:var(--a-600);--accent-quiet:color-mix(in srgb,var(--a-600) 10%,transparent);--glow-accent:0 0 24px -8px color-mix(in srgb,var(--a-600) 26%,transparent);--glow-edge:inset 0 0 0 1px color-mix(in srgb,var(--a-600) 14%,transparent);--glow-focus:0 0 0 1px var(--a-500),0 0 0 4px color-mix(in srgb,var(--a-600) 14%,transparent)}:root{--ink-1000:#04060A;--ink-900:#070A0F;--ink-800:#0B1017;--ink-700:#111823;--ink-600:#18212F;--ink-500:#222D3D;--ink-400:#2E3B4C;--mist-500:#43526490;--mist-400:#5A6879;--mist-300:#8794A4;--mist-200:#B4C0CD;--mist-100:#DCE3EB;--washi-100:#F5F7FA;--washi-200:#E9EDF3;--tsuki-200:#DCEBF7;--tsuki-300:#B7D8F0;--tsuki-400:#8CBFE4;--tsuki-500:#5C9BC9;--tsuki-600:#3E7AA6;--shu-400:#E4714D;--shu-500:#CF5533;--shu-600:#A84124;--matcha-500:#6E9E7F;--kohaku-500:#C4963F;--bg-canvas:var(--ink-1000);--bg-base:var(--ink-900);--surface-card:var(--ink-800);--surface-raised:var(--ink-700);--surface-sunken:var(--ink-1000);--surface-inset:#0B101780;--surface-hover:#1822300f;--overlay-scrim:#04060Ac9;--text-strong:var(--washi-100);--text-body:var(--mist-100);--text-muted:var(--mist-300);--text-faint:var(--mist-400);--text-inverse:var(--ink-900);--text-accent:var(--a-300);--text-seal:var(--shu-400);--border-hairline:#2E3B4C99;--border-strong:var(--ink-400);--border-accent:var(--a-500);--border-focus:var(--a-400);--accent-solid:var(--a-400);--accent-solid-hover:var(--a-300);--accent-quiet:color-mix(in srgb,var(--a-400) 12%,transparent);--accent-on:var(--ink-900);--seal-solid:var(--shu-500);--status-success:var(--matcha-500);--status-warning:var(--kohaku-500);--status-danger:var(--shu-400);--status-info:var(--a-400)}[data-theme=light]{--bg-canvas:var(--washi-200);--bg-base:var(--washi-100);--surface-card:#FFFFFF;--surface-raised:#FFFFFF;--surface-sunken:var(--washi-200);--surface-inset:#E9EDF3b3;--surface-hover:#0B10170a;--overlay-scrim:#0B1017a6;--text-strong:var(--ink-900);--text-body:var(--ink-700);--text-muted:#5A6879;--text-faint:#8794A4;--text-inverse:var(--washi-100);--text-accent:var(--a-600);--text-seal:var(--shu-600);--border-hairline:#B4C0CD80;--border-strong:#8794A4;--border-accent:var(--a-500);--border-focus:var(--a-500);--accent-solid:var(--a-600);--accent-solid-hover:var(--a-500);--accent-quiet:color-mix(in srgb,var(--a-600) 10%,transparent);--accent-on:#FFFFFF;--seal-solid:var(--shu-500);--status-success:#4E7D5F;--status-warning:#9C7326;--status-danger:var(--shu-600);--status-info:var(--a-600)}:root{--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,monospace;--font-display:var(--font-mono);--font-sans:var(--font-mono);--text-display-1:64px;--text-display-2:48px;--text-display-3:36px;--text-title:28px;--text-heading:22px;--text-subheading:18px;--text-body-lg:17px;--text-body-md:15px;--text-body-sm:13px;--text-micro:11px;--leading-tight:1.14;--leading-snug:1.32;--leading-normal:1.55;--leading-loose:1.75;--tracking-display:-.04em;--tracking-normal:0;--tracking-wide:.04em;--tracking-label:.16em;--weight-light:300;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--type-hero:var(--weight-regular) var(--text-display-1)/var(--leading-tight) var(--font-display);--type-section:var(--weight-regular) var(--text-display-3)/var(--leading-snug) var(--font-display);--type-card-title:var(--weight-medium) var(--text-subheading)/var(--leading-snug) var(--font-sans);--type-body:var(--weight-regular) var(--text-body-md)/var(--leading-normal) var(--font-sans);--type-label:var(--weight-medium) var(--text-micro)/1.2 var(--font-mono)}:root{--space-0:0;--space-1:2px;--space-2:4px;--space-3:8px;--space-4:12px;--space-5:16px;--space-6:24px;--space-7:32px;--space-8:48px;--space-9:64px;--space-10:96px;--space-11:128px;--space-12:192px;--gutter-inline:24px;--section-y:96px;--card-pad:24px;--field-pad-x:14px;--field-pad-y:10px;--control-h-sm:30px;--control-h-md:38px;--control-h-lg:46px;--measure-prose:62ch;--width-content:1160px;--width-narrow:720px}:root{--radius-none:0;--radius-xs:2px;--radius-sm:3px;--radius-md:6px;--radius-lg:10px;--radius-xl:16px;--radius-pill:999px;--border-width-hair:1px;--border-width-thick:2px}:root{--shadow-none:none;--shadow-sm:0 1px 2px #04060a4d;--shadow-md:0 8px 24px -8px #04060a80;--shadow-lg:0 24px 64px -20px #04060ab3;--shadow-inset-hair:inset 0 1px 0 #ffffff0a;--glow-focus:0 0 0 1px var(--border-focus),0 0 0 4px color-mix(in srgb,var(--accent-solid) 14%,transparent);--glow-accent:0 0 24px -6px color-mix(in srgb,var(--accent-solid) 46%,transparent);--glow-edge:inset 0 0 0 1px color-mix(in srgb,var(--accent-solid) 22%,transparent);--blur-veil:blur(20px);--blur-scrim:blur(6px)}[data-theme=light]{--shadow-sm:0 1px 2px #0b10171a;--shadow-md:0 8px 24px -10px #0b101726;--shadow-lg:0 24px 64px -24px #0b101733;--shadow-inset-hair:inset 0 1px 0 #ffffff;--glow-focus:0 0 0 1px var(--border-focus),0 0 0 4px color-mix(in srgb,var(--accent-solid) 14%,transparent);--glow-accent:0 0 24px -8px color-mix(in srgb,var(--accent-solid) 26%,transparent);--glow-edge:inset 0 0 0 1px color-mix(in srgb,var(--accent-solid) 14%,transparent)}:root{--dur-instant:80ms;--dur-fast:.14s;--dur-base:.2s;--dur-slow:.32s;--ease-standard:cubic-bezier(.22,.61,.36,1);--ease-exit:cubic-bezier(.4,0,1,1);--ease-enter:cubic-bezier(0,0,.2,1);--slide-distance:6px;--transition-control:background-color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard),box-shadow var(--dur-fast) var(--ease-standard),transform var(--dur-fast) var(--ease-standard)}@media(prefers-reduced-motion:reduce){:root{--dur-instant:0ms;--dur-fast:0ms;--dur-base:0ms;--dur-slow:0ms;--slide-distance:0px}}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{margin:0;background:var(--bg-canvas);color:var(--text-body);font:var(--type-body);text-wrap:pretty}h1,h2,h3,h4{margin:0;font-family:var(--font-display);font-weight:var(--weight-regular);color:var(--text-strong);letter-spacing:var(--tracking-display)}h1{font-size:var(--text-display-2);line-height:var(--leading-tight)}h2{font-size:var(--text-display-3);line-height:var(--leading-snug)}h3{font-size:var(--text-title);line-height:var(--leading-snug)}h4{font-size:var(--text-heading);line-height:var(--leading-snug)}p{margin:0}a{color:var(--text-accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent-solid) 26%,transparent);transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}a:hover{color:var(--washi-100);border-bottom-color:var(--border-focus)}[data-theme=light] a:hover{color:var(--ink-900)}code,kbd{font-family:var(--font-mono);font-size:.92em}::selection{background:var(--accent-quiet);color:var(--text-strong)}:focus-visible{outline:none;box-shadow:var(--glow-focus)}.maho-label{font:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-faint)}.maho-rule{height:1px;background:var(--border-hairline);border:0}.maho-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-3);font-family:var(--font-sans);font-weight:var(--weight-medium);font-size:var(--text-body-sm);letter-spacing:var(--tracking-wide);border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:var(--transition-control);text-decoration:none;white-space:nowrap;padding:0 var(--space-5);height:var(--control-h-md)}.maho-btn--sm{height:var(--control-h-sm);font-size:var(--text-micro);padding:0 var(--space-4)}.maho-btn--lg{height:var(--control-h-lg);font-size:var(--text-body-md);padding:0 var(--space-6)}.maho-btn--primary{background:var(--accent-solid);color:var(--accent-on);box-shadow:var(--glow-accent)}.maho-btn--primary:hover{background:var(--accent-solid-hover)}.maho-btn--secondary{background:transparent;color:var(--text-body);border-color:var(--border-strong)}.maho-btn--secondary:hover{border-color:var(--border-accent);color:var(--text-strong);box-shadow:var(--glow-edge)}.maho-btn--ghost{background:transparent;color:var(--text-muted)}.maho-btn--ghost:hover{background:var(--accent-quiet);color:var(--text-strong)}.maho-btn--seal{background:var(--seal-solid);color:var(--washi-100)}.maho-btn--seal:hover{filter:brightness(1.08)}.maho-btn:active{transform:translateY(1px)}.maho-btn:disabled{opacity:.38;cursor:not-allowed;box-shadow:none;transform:none}.maho-btn--block{width:100%}.maho-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:var(--control-h-md);height:var(--control-h-md);border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--text-muted);cursor:pointer;transition:var(--transition-control)}.maho-iconbtn--sm{width:var(--control-h-sm);height:var(--control-h-sm)}.maho-iconbtn--lg{width:var(--control-h-lg);height:var(--control-h-lg)}.maho-iconbtn:hover{background:var(--accent-quiet);color:var(--text-strong)}.maho-iconbtn--outline{border-color:var(--border-hairline)}.maho-iconbtn--outline:hover{border-color:var(--border-accent)}.maho-iconbtn:active{transform:translateY(1px)}.maho-iconbtn:disabled{opacity:.38;cursor:not-allowed}.maho-icon{display:inline-block;flex:none;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.maho-card{background:var(--surface-card);border:1px solid var(--border-hairline);border-radius:var(--radius-lg);padding:var(--card-pad);box-shadow:var(--shadow-inset-hair)}.maho-card--raised{background:var(--surface-raised);box-shadow:var(--shadow-md),var(--shadow-inset-hair)}.maho-card--quiet{background:transparent}.maho-card--interactive{cursor:pointer;transition:var(--transition-control)}.maho-card--interactive:hover{border-color:var(--border-accent);box-shadow:var(--glow-edge)}.maho-card--glow{box-shadow:var(--glow-accent),var(--shadow-inset-hair);border-color:color-mix(in srgb,var(--accent-solid) 24%,transparent)}.maho-card__title{font:var(--type-card-title);color:var(--text-strong);margin:0}.maho-card__eyebrow{font:var(--type-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text-faint);margin-bottom:var(--space-3)}.maho-badge{display:inline-flex;align-items:center;gap:var(--space-2);height:20px;padding:0 var(--space-3);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:var(--text-micro);letter-spacing:var(--tracking-wide);text-transform:uppercase;border:1px solid transparent}.maho-badge--neutral{color:var(--text-muted);border-color:var(--border-hairline)}.maho-badge--accent{color:var(--text-accent);border-color:color-mix(in srgb,var(--accent-solid) 35%,transparent);background:var(--accent-quiet)}.maho-badge--success{color:var(--status-success);border-color:#6e9e7f59}.maho-badge--warning{color:var(--status-warning);border-color:#c4963f59}.maho-badge--danger{color:var(--status-danger);border-color:#e4714d59}.maho-badge__dot{width:4px;height:4px;border-radius:var(--radius-pill);background:currentColor}.maho-tag{display:inline-flex;align-items:center;gap:var(--space-2);height:24px;padding:0 var(--space-3);border-radius:var(--radius-pill);border:1px solid var(--border-hairline);background:var(--surface-inset);color:var(--text-muted);font-size:var(--text-body-sm);transition:var(--transition-control)}.maho-tag--selected{border-color:var(--border-accent);color:var(--text-accent);background:var(--accent-quiet)}.maho-tag button{all:unset;cursor:pointer;display:inline-flex;color:var(--text-faint);line-height:0}.maho-tag button:hover{color:var(--text-strong)}a{color:var(--tsuki-500, var(--accent-600));text-decoration:none}a:hover{color:var(--text-strong)}.site-shell{min-height:100vh;background:var(--bg-base);color:var(--text-body);display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg-base) 80%,transparent);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border-hairline)}.site-header__inner{max-width:1160px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;gap:var(--space-8)}.site-logo{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-display);font-size:20px;letter-spacing:.06em;color:var(--text-strong);cursor:pointer;background:none;border:none;padding:0}.site-logo__icon{flex-shrink:0;width:24px;height:24px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.site-nav{display:flex;gap:var(--space-6);flex:1}.site-nav a{font-size:var(--text-body-sm);border-bottom:none}.site-nav a[data-active=true]{color:var(--text-strong)}.site-nav a[data-active=false]{color:var(--text-muted)}.site-header__spacer{flex:1}.site-nav-toggle{display:none}.site-nav-mobile{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5) 24px;border-top:1px solid var(--border-hairline)}.site-nav-mobile a{font-size:var(--text-body);border-bottom:none}.site-nav-mobile a[data-active=true]{color:var(--text-strong)}.site-nav-mobile a[data-active=false]{color:var(--text-muted)}.site-main{flex:1}.hero{max-width:1160px;margin:0 auto;padding:96px 24px;display:grid;grid-template-columns:1.3fr .7fr;gap:var(--space-9);align-items:center}.hero__copy{display:flex;flex-direction:column;gap:var(--space-5)}.hero__eyebrow{color:var(--text-muted)}.hero__title{font-family:var(--font-display);font-size:64px;line-height:1.05;letter-spacing:-.04em;color:var(--text-strong);margin:0}.hero__lede{font-size:var(--text-body);color:var(--text-muted);max-width:62ch;line-height:1.55}.hero__actions{display:flex;gap:var(--space-4);margin-top:var(--space-3)}.hero__portrait-wrap{justify-self:center}.hero__portrait{width:220px;height:220px;object-fit:cover;border-radius:10px;border:1px solid var(--border-hairline);box-shadow:0 8px 24px -8px #04060a80}.section{max-width:1160px;margin:0 auto;padding:0 24px 96px}.section--first{padding-top:96px}.section--narrow{max-width:720px}.section__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-6)}.section__title{font-family:var(--font-display);font-size:36px;letter-spacing:-.04em;color:var(--text-strong);margin:0 0 var(--space-8)}.tag-row{display:flex;gap:var(--space-3);flex-wrap:wrap}.tag-row--spaced{margin-bottom:var(--space-8)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.project-card__desc{font-size:var(--text-body-sm);color:var(--text-muted);line-height:1.55;margin:0 0 var(--space-5)}.project-card__tech{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-5)}.project-card__link{font-size:var(--text-body-sm);display:inline-flex;align-items:center;gap:6px}.about__lede{font-size:var(--text-body);color:var(--text-muted);line-height:1.55;margin:0 0 var(--space-5)}.about__lede--last{margin-bottom:var(--space-8)}.cv-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-5)}.cv-card__note{font-size:var(--text-body-sm);color:var(--text-muted);margin:0}.cv-card__frame{width:100%;height:640px;border:1px solid var(--border-hairline);border-radius:6px;background:var(--surface-raised)}.contact-list{display:flex;flex-direction:column;gap:var(--space-4)}.contact-list__link{display:flex;align-items:center;gap:var(--space-4);border-bottom:none;color:var(--text-strong)}.site-footer{border-top:1px solid var(--border-hairline)}.site-footer__inner{max-width:1160px;margin:0 auto;padding:var(--space-6) 24px;display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:11px;color:var(--text-faint)}.site-footer__links{display:flex;gap:var(--space-5)}.site-footer__links a{color:var(--text-faint)}@media(max-width:720px){.site-nav{display:none}.site-nav-toggle{display:flex}.hero{grid-template-columns:1fr;padding:56px 20px}.hero__title{font-size:40px}.hero__portrait-wrap{justify-self:center;order:-1}.project-grid{grid-template-columns:1fr}.section{padding:0 20px 56px}.section--first{padding-top:56px}.section__title{font-size:28px}.site-footer__inner{flex-direction:column;gap:var(--space-3);align-items:flex-start}}