@import "https://fonts.googleapis.com/css2?family=Pinyon+Script&family=Josefin+Sans:wght@300;400;600;700&family=Noto+Sans+JP:wght@300;400;500;700&display=swap";
:root{--color-bg:#f8f9fc;--color-bg-gradient-start:#f8f9fc;--color-bg-gradient-end:#eef2ff;--color-text-primary:#1f2744;--color-text-secondary:#6f7694;--color-line:#dde3f4;--color-star:#7c8cff;--color-glow:#b8c4ff;--color-special-star:#ff8ccf;--color-hover:#a5b3ff;--color-card:#ffffffbf;--color-glass:#ffffff73;--color-border:#7c8cff2e;--color-nav-active:#7c8cff;--color-label:#7c8cff;--color-text-muted:#a0a8cc;--color-bg-surface:#fff;--color-accent:#7c8cff;--color-accent-pink:#ff8ccf;--font-script:"Pinyon Script", cursive;--font-en:"Josefin Sans", sans-serif;--font-ja:"Noto Sans JP", sans-serif;--font-size-2xs:11px;--font-size-xs:12px;--font-size-sm:13px;--font-size-base:15px;--font-size-md:18px;--font-size-lg:24px;--font-size-xl:32px;--font-size-2xl:44px;--font-size-logo:32px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--letter-spacing-tight:0;--letter-spacing-normal:.03em;--letter-spacing-wide:.08em;--letter-spacing-wider:.15em;--line-height-tight:1.2;--line-height-normal:1.6;--line-height-relaxed:1.85;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-20:80px;--space-28:112px;--space-40:160px;--sidebar-width:200px;--content-max-width:1000px;--content-padding-x:48px;--section-padding-y:100px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-ja);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#works,#story,#skills,#blog{border-top:1px solid var(--color-border)}@media (max-width:767px){:root{--sidebar-width:0px;--content-padding-x:20px;--section-padding-y:60px;--font-size-2xl:28px;--font-size-xl:22px;--font-size-lg:18px}html{scroll-padding-top:56px}#works,#story,#skills,#blog{border-top:none}}@media (min-width:768px) and (max-width:1023px){:root{--sidebar-width:200px;--content-padding-x:32px;--section-padding-y:80px}}
.Sidebar-module__umq6aG__sidebar{width:var(--sidebar-width);height:100vh;padding:var(--space-8) 20px var(--space-6);border-right:1px solid var(--color-border);background:var(--color-bg);z-index:100;flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden}.Sidebar-module__umq6aG__sidebar__logo{gap:var(--space-1);margin-bottom:var(--space-8);flex-direction:column;flex-shrink:0;display:flex}.Sidebar-module__umq6aG__sidebar__logo-name{font-family:var(--font-script);font-size:var(--font-size-logo);color:var(--color-text-primary);white-space:nowrap;letter-spacing:.02em;line-height:1.2}.Sidebar-module__umq6aG__sidebar__logo-subtitle{font-family:var(--font-en);font-size:var(--font-size-2xs);letter-spacing:var(--letter-spacing-wider);color:var(--color-text-muted);margin-top:var(--space-1);font-weight:300}.Sidebar-module__umq6aG__sidebar__nav{gap:var(--space-6);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.Sidebar-module__umq6aG__sidebar__nav-link{gap:var(--space-2);padding-left:var(--space-2);border-left:2px solid #0000;align-items:flex-start;transition:border-color .25s;display:flex}.Sidebar-module__umq6aG__sidebar__nav-link:hover{border-left-color:var(--color-border)}.Sidebar-module__umq6aG__sidebar__nav-link--active{border-left-color:var(--color-nav-active)}.Sidebar-module__umq6aG__sidebar__nav-link--active .Sidebar-module__umq6aG__sidebar__nav-title{color:var(--color-accent)}.Sidebar-module__umq6aG__sidebar__nav-number{font-family:var(--font-en);font-size:var(--font-size-2xs);color:var(--color-text-muted);flex-shrink:0;min-width:20px;font-weight:300;line-height:1.6}.Sidebar-module__umq6aG__sidebar__nav-labels{flex-direction:column;gap:3px;min-width:0;display:flex}.Sidebar-module__umq6aG__sidebar__nav-title{font-family:var(--font-en);font-size:var(--font-size-sm);letter-spacing:.12em;color:var(--color-text-primary);white-space:nowrap;font-weight:600;transition:color .25s}.Sidebar-module__umq6aG__sidebar__nav-subtitle{font-family:var(--font-ja);font-size:var(--font-size-2xs);color:var(--color-text-muted);white-space:nowrap;line-height:1.4}.Sidebar-module__umq6aG__sidebar__footer{gap:var(--space-3);margin-top:var(--space-20);padding-top:var(--space-4);border-top:1px solid var(--color-border);flex-direction:column;flex-shrink:0;display:flex}.Sidebar-module__umq6aG__sidebar__sns{gap:var(--space-3);justify-content:center;align-items:center;width:100%;display:flex}.Sidebar-module__umq6aG__sidebar__sns a{color:var(--color-text-muted);align-items:center;transition:color .2s;display:flex}.Sidebar-module__umq6aG__sidebar__sns a:hover{color:var(--color-accent)}@media (min-width:768px) and (max-width:1023px){.Sidebar-module__umq6aG__sidebar{width:var(--sidebar-width);padding:var(--space-8) 20px var(--space-6)}.Sidebar-module__umq6aG__sidebar__logo-name{font-size:var(--font-size-logo)}.Sidebar-module__umq6aG__sidebar__nav-subtitle{display:block}}@media (max-width:767px){.Sidebar-module__umq6aG__sidebar{display:none}}
.MobileHeader-module__RQIZSG__navigation,.MobileHeader-module__RQIZSG__navigation__drawer{display:none}@media (max-width:767px){.MobileHeader-module__RQIZSG__navigation{background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:300;justify-content:space-between;align-items:center;height:56px;padding:0 20px;display:flex;position:fixed;top:0;left:0;right:0}.MobileHeader-module__RQIZSG__navigation__logo{font-family:var(--font-script);color:var(--color-text-primary);letter-spacing:.02em;font-size:22px}.MobileHeader-module__RQIZSG__navigation__hamburger{cursor:pointer;z-index:301;background:0 0;border:none;flex-direction:column;justify-content:center;gap:5px;width:32px;height:32px;padding:4px;display:flex;position:relative}.MobileHeader-module__RQIZSG__navigation__hamburger-bar{background:var(--color-text-primary);transform-origin:50%;width:22px;height:1.5px;transition:transform .3s,opacity .3s;display:block}.MobileHeader-module__RQIZSG__navigation__hamburger-bar--top-open{transform:translateY(6.5px)rotate(45deg)}.MobileHeader-module__RQIZSG__navigation__hamburger-bar--mid-open{opacity:0}.MobileHeader-module__RQIZSG__navigation__hamburger-bar--bot-open{transform:translateY(-6.5px)rotate(-45deg)}.MobileHeader-module__RQIZSG__navigation__overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#1f274438;position:fixed;inset:0}.MobileHeader-module__RQIZSG__navigation__drawer{width:75vw;max-width:300px;height:100vh;padding-top:72px;padding-left:var(--space-6);padding-right:var(--space-6);padding-bottom:var(--space-8);background:var(--color-bg);border-left:1px solid var(--color-border);z-index:250;flex-direction:column;justify-content:space-between;transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;right:0;overflow-y:auto;transform:translate(100%)}.MobileHeader-module__RQIZSG__navigation__drawer--open{transform:translate(0)}.MobileHeader-module__RQIZSG__navigation__list{gap:var(--space-6);flex-direction:column;list-style:none;display:flex}.MobileHeader-module__RQIZSG__navigation__link{align-items:baseline;gap:var(--space-3);display:flex}.MobileHeader-module__RQIZSG__navigation__link-button{align-items:baseline;gap:var(--space-3);cursor:pointer;background:0 0;border:none;width:100%;padding:0;display:flex}.MobileHeader-module__RQIZSG__navigation__link-title{font-family:var(--font-en);font-size:var(--font-size-sm);letter-spacing:.12em;color:var(--color-text-primary);font-weight:600}.MobileHeader-module__RQIZSG__navigation__sns{gap:var(--space-4);justify-content:center;width:100%;display:flex}.MobileHeader-module__RQIZSG__navigation__sns a{color:var(--color-text-muted);align-items:center;transition:color .2s;display:flex}.MobileHeader-module__RQIZSG__navigation__sns a:hover{color:var(--color-accent)}}
.LoadingAnimation-module__B2BrUq__loading-animation{z-index:9999;position:fixed;inset:0}.LoadingAnimation-module__B2BrUq__loading-animation__canvas{width:100%;height:100%;display:block}
.ClientWrapper-module__OT9zWa__main{transition:opacity .6s}.ClientWrapper-module__OT9zWa__main--loading{opacity:0;pointer-events:none}.ClientWrapper-module__OT9zWa__main--ready{opacity:1}.ClientWrapper-module__OT9zWa__main__page{margin-left:var(--sidebar-width);transition:margin-left .3s}@media (max-width:767px){.ClientWrapper-module__OT9zWa__main__page{margin-left:0;padding-top:56px}}
.Footer-module__hP-FLq__footer{margin-left:var(--sidebar-width);padding:var(--space-8) var(--content-padding-x);border-top:1px solid var(--color-border)}.Footer-module__hP-FLq__footer__bottom{align-items:center;gap:var(--space-6);display:flex}.Footer-module__hP-FLq__footer__logo{font-family:var(--font-script);color:var(--color-text-primary);letter-spacing:.02em;flex:1;font-size:22px}.Footer-module__hP-FLq__footer__copyright{font-family:var(--font-en);font-size:var(--font-size-xs);color:var(--color-text-muted);letter-spacing:.05em;padding-right:48px;font-weight:300}@media (max-width:767px){.Footer-module__hP-FLq__footer{padding:var(--space-8) var(--content-padding-x);margin-left:0}.Footer-module__hP-FLq__footer__bottom{gap:var(--space-4);flex-wrap:wrap}.Footer-module__hP-FLq__footer__logo{flex:unset;width:100%}.Footer-module__hP-FLq__footer__copyright{order:3;width:100%;padding-right:42px}}
.BackToTopButton-module__6z34iW__back-to-top{z-index:320;border:1px solid var(--color-border);background:color-mix(in srgb, var(--color-bg) 88%, transparent);width:46px;height:46px;color:var(--color-text-primary);font-family:var(--font-en);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50%;place-items:center;font-size:20px;line-height:1;transition:transform .2s,border-color .2s,color .2s;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 10px 30px #00000014}.BackToTopButton-module__6z34iW__back-to-top:hover{border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-2px)}.BackToTopButton-module__6z34iW__back-to-top:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (max-width:767px){.BackToTopButton-module__6z34iW__back-to-top{width:42px;height:42px;font-size:18px;bottom:18px;right:18px}}