:root{--color-crown-gold:#c9a227;--color-crown-gold-light:#d4af37;--color-crown-gold-dark:#a8841a;--color-crown-gold-muted:rgba(201,162,39,0.12);--color-crown-gold-subtle:rgba(201,162,39,0.06);--color-bg:#fafaf8;--color-surface:#ffffff;--color-text:#1a1a1a;--color-text-muted:#5c5c5c;--color-text-subtle:#8a8a85;--color-border:#e5e5e0;--color-border-strong:#d0d0c8;--font-sans:var(--font-inter),system-ui,-apple-system,sans-serif;--font-jp:var(--font-ibm-plex-sans-jp),var(--font-inter),sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:2rem;--font-size-4xl:2.5rem;--line-height-tight:1.2;--line-height-normal:1.6;--line-height-relaxed:1.75;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--content-max:720px;--content-max-wide:960px;--header-height:4rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 2px rgba(26,26,26,0.04);--shadow-md:0 4px 12px rgba(26,26,26,0.06);--transition-fast:150ms ease;--transition-base:200ms ease}*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-height:100vh;background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:lang(ja){font-family:var(--font-jp)}canvas,img,picture,svg,video{display:block;max-width:100%}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-crown-gold-dark)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);letter-spacing:-.02em}p{margin:0 0 var(--space-4)}p:last-child{margin-bottom:0}ol,ul{margin:0 0 var(--space-4);padding-left:var(--space-6)}.site-shell{display:flex;min-height:100vh;flex-direction:column}.site-main{flex:1 1}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;height:var(--header-height);border-bottom:1px solid var(--color-border);background-color:rgba(250,250,248,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--content-max-wide);height:100%;margin:0 auto;padding:0 var(--space-6)}.site-header__wordmark{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);letter-spacing:-.03em;color:var(--color-text);transition:color var(--transition-fast)}.site-header__wordmark-accent,.site-header__wordmark:hover{color:var(--color-crown-gold)}.site-header__nav{display:flex;align-items:center;gap:var(--space-6);list-style:none;margin:0;padding:0}.site-header__nav-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);transition:color var(--transition-fast)}.site-header__nav-link--active,.site-header__nav-link:hover{color:var(--color-crown-gold)}.site-header__menu-toggle{display:none;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);background-color:var(--color-surface);cursor:pointer;transition:border-color var(--transition-base),color var(--transition-base),background-color var(--transition-base)}.site-header__menu-toggle:hover{border-color:var(--color-crown-gold-light);color:var(--color-crown-gold-dark);background-color:var(--color-crown-gold-subtle)}.site-header__nav-panel{display:flex;align-items:center}.site-header__backdrop{display:none}@media (max-width:767px){.site-header__menu-toggle{display:inline-flex}.site-header__nav-panel{position:fixed;top:var(--header-height);right:0;left:0;z-index:110;display:block;padding:var(--space-4) var(--space-6) var(--space-6);border-bottom:1px solid var(--color-border);background-color:rgba(250,250,248,.98);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-md);visibility:hidden;opacity:0;transform:translateY(-.5rem);pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base),visibility var(--transition-base)}.site-header__nav-panel.is-open{visibility:visible;opacity:1;transform:translateY(0);pointer-events:auto}.site-header__nav{flex-direction:column;align-items:stretch;gap:var(--space-1)}.site-header__nav-link{display:block;padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-base)}.site-header__nav-link--active,.site-header__nav-link:hover{background-color:var(--color-crown-gold-subtle)}.site-header__backdrop{position:fixed;inset:var(--header-height) 0 0 0;z-index:105;display:block;border:0;padding:0;background-color:rgba(26,26,26,.24);cursor:pointer;visibility:hidden;opacity:0;pointer-events:none;transition:opacity var(--transition-base),visibility var(--transition-base)}.site-header__backdrop.is-open{visibility:visible;opacity:1;pointer-events:auto}}.site-footer{margin-top:auto;border-top:1px solid var(--color-border);background-color:var(--color-surface)}.site-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-4);max-width:var(--content-max-wide);margin:0 auto;padding:var(--space-8) var(--space-6)}.site-footer__copyright{font-size:var(--font-size-sm);color:var(--color-text-muted)}.site-footer__social{display:flex;align-items:center;gap:var(--space-3);list-style:none;margin:0;padding:0}.site-footer__social-link{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);color:var(--color-text-muted);transition:color var(--transition-fast),background-color var(--transition-fast)}.site-footer__social-link:hover{color:var(--color-crown-gold);background-color:var(--color-crown-gold-muted)}.section{padding:var(--space-16) var(--space-6)}.section--compact{padding:var(--space-10) var(--space-6)}.section__inner{max-width:var(--content-max-wide);margin:0 auto}.section__inner--narrow{max-width:var(--content-max)}.section__header{margin-bottom:var(--space-10)}.section__eyebrow{margin-bottom:var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);letter-spacing:.08em;text-transform:uppercase;color:var(--color-crown-gold)}.section__title{font-size:var(--font-size-2xl);color:var(--color-text)}.hero{padding:var(--space-20) var(--space-6) var(--space-12);border-bottom:1px solid var(--color-border)}.hero__inner{max-width:var(--content-max-wide);margin:0 auto}.hero__title{margin-bottom:var(--space-4);font-size:clamp(var(--font-size-3xl),5vw,var(--font-size-4xl));letter-spacing:-.03em}.hero__title-accent{color:var(--color-crown-gold)}.hero__tagline{max-width:36rem;margin-bottom:var(--space-10);font-size:var(--font-size-lg);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.home-link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:var(--space-4);gap:var(--space-4);max-width:48rem}.home-link{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.home-link:hover{border-color:var(--color-crown-gold-light);box-shadow:var(--shadow-md);transform:translateY(-2px);color:inherit}.home-link:hover .home-link__title{color:var(--color-crown-gold-dark)}.home-link__title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text);transition:color var(--transition-fast)}.home-link__description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-top:var(--space-8)}.button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.button--primary{background-color:var(--color-crown-gold);color:var(--color-text);border:1px solid var(--color-crown-gold-dark)}.button--primary:hover{background-color:var(--color-crown-gold-light);color:var(--color-text);box-shadow:var(--shadow-sm)}.button--secondary{background-color:transparent;color:var(--color-text);border:1px solid var(--color-border-strong)}.button--secondary:hover{border-color:var(--color-crown-gold);color:var(--color-crown-gold-dark);background-color:var(--color-crown-gold-subtle)}.about-preview,.blog-intro,.contact-preview{margin-bottom:var(--space-6);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.about-content p,.contact-content p{margin-bottom:var(--space-4);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.about-content__heading{margin-top:var(--space-8);margin-bottom:var(--space-4);font-size:var(--font-size-lg);color:var(--color-text)}.about-content ul{margin-bottom:var(--space-4);padding-left:var(--space-6);color:var(--color-text-muted)}.about-content li{margin-bottom:var(--space-2)}.about-content li::marker{color:var(--color-crown-gold)}.contact-card{display:flex;gap:var(--space-5);margin:var(--space-8) 0;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:var(--shadow-sm)}.contact-card__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);color:var(--color-crown-gold);background-color:var(--color-crown-gold-muted)}.contact-card__title{margin-bottom:var(--space-2);font-size:var(--font-size-lg)}.contact-card__description{margin-bottom:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.contact-note{font-size:var(--font-size-sm);color:var(--color-text-subtle)}.work-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:var(--space-6);gap:var(--space-6)}.work-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.work-card:hover{border-color:var(--color-crown-gold-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.work-card:hover .work-card__icon{color:var(--color-crown-gold);background-color:var(--color-crown-gold-muted)}.work-card__icon{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);color:var(--color-text-muted);background-color:var(--color-crown-gold-subtle);transition:color var(--transition-base),background-color var(--transition-base)}.work-card__heading{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.work-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text);transition:color var(--transition-fast)}.work-card:hover .work-card__title{color:var(--color-crown-gold-dark)}.work-card__description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.tool-category--spaced{margin-top:var(--space-10)}.tool-category__title{margin-bottom:var(--space-5);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.prose{max-width:var(--content-max);margin:0 auto;padding:var(--space-12) var(--space-6) var(--space-16)}.prose h1,.prose h2{margin-top:var(--space-10);margin-bottom:var(--space-4)}.prose h1:first-child,.prose h2:first-child{margin-top:0}.prose h1{font-size:var(--font-size-3xl)}.prose h2{font-size:var(--font-size-xl);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.prose strong{font-weight:var(--font-weight-semibold);color:var(--color-text)}.prose a{color:var(--color-crown-gold-dark);text-decoration:underline;text-underline-offset:2px;-webkit-text-decoration-color:var(--color-crown-gold-light);text-decoration-color:var(--color-crown-gold-light)}.prose a:hover{color:var(--color-crown-gold)}.prose li{margin-bottom:var(--space-2);color:var(--color-text-muted)}.prose li::marker{color:var(--color-crown-gold)}.tweet-counter{max-width:var(--content-max);margin:0 auto}.tweet-counter__header{margin-bottom:var(--space-8);text-align:center}.tweet-counter__title{margin-bottom:var(--space-2);font-size:var(--font-size-3xl)}.tweet-counter__subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted)}.tweet-counter__textarea{width:100%;min-height:12rem;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);resize:vertical;transition:border-color var(--transition-fast)}.tweet-counter__textarea:focus{outline:none;border-color:var(--color-crown-gold);box-shadow:0 0 0 3px var(--color-crown-gold-muted)}.tweet-counter__count{display:flex;justify-content:flex-end;margin-top:var(--space-3);font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.tweet-counter__count--over{color:#c0392b}.tweet-counter__count--near{color:var(--color-crown-gold-dark)}.project-page__image{display:block;width:auto;height:auto;max-width:100%;margin:0 auto var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.project-page__header{text-align:center}.project-page__description{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.project-page__invocation{margin-top:var(--space-4);text-align:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-crown-gold-dark)}.status-badge{display:inline-block;padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:999px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;color:var(--color-text-muted);background-color:var(--color-surface-muted,var(--color-crown-gold-subtle))}.service-notice{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted);background-color:var(--color-crown-gold-subtle);text-align:left}.project-page__header .service-notice{max-width:32rem;margin-inline:auto;text-align:center}.external-link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--space-4);gap:var(--space-4);margin-bottom:var(--space-6)}.external-link-grid--single{grid-template-columns:1fr;max-width:24rem}.external-link-card{display:flex;gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background-color:var(--color-surface);box-shadow:var(--shadow-sm);transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}.external-link-card:hover{border-color:var(--color-crown-gold-light);box-shadow:var(--shadow-md);transform:translateY(-2px);color:inherit}.external-link-card:hover .external-link-card__icon{color:var(--color-crown-gold);background-color:var(--color-crown-gold-muted)}.external-link-card__icon{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:var(--radius-md);color:var(--color-text-muted);background-color:var(--color-crown-gold-subtle);transition:color var(--transition-base),background-color var(--transition-base)}.external-link-card__title{margin-bottom:var(--space-1);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.external-link-card__description{font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.skill-list{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-8)}.skill-list__category-name{align-items:center;margin-bottom:var(--space-3);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--color-text)}.skill-list__category-name,.skill-list__tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.skill-list__tags{list-style:none;margin:0;padding:0}.skill-tag{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:999px;font-size:var(--font-size-sm);color:var(--color-text-muted);background-color:var(--color-surface)}.skill-list__category--muted .skill-list__category-name{font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.skill-list__category--muted .skill-tag,.skill-tag--muted{border-style:dashed;color:var(--color-text-subtle);background-color:transparent}.about-content__lead{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-text)}.about-content__personal-note{margin:var(--space-6) 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.about-content__personal-note a{margin-left:var(--space-1);color:var(--color-crown-gold-dark);text-decoration:underline;text-underline-offset:2px}.about-content__personal-note a:hover{color:var(--color-crown-gold)}