@media (max-width:768px){.user-page-grid{height:100dvh;padding-top:24px;padding-bottom:env(safe-area-inset-bottom,0px);grid-template-rows:auto 80px 1fr auto auto;grid-template-columns:2rem 1fr 252px 2rem}.user-area{grid-area:1/2/2/4}.timeline-area{grid-area:2/3/3/4;transform:rotate(-90deg)translate(71px)translateY(-86px)}.timeline-area .timeline{height:252px}.year-title{grid-area:2/2/3/3}.content-area{grid-area:3/2/4/4}.navigation-area{grid-area:5/1/6/6;padding:12px 0}}@media (min-width:769px){.user-page-grid{grid-template-rows:1fr auto 1fr;grid-template-columns:1.8fr 110px 400px 1.5fr;justify-content:center;align-items:center}.user-area{grid-area:2/1/3/2}.timeline-area{grid-area:2/2/3/3}.content-area{grid-area:2/3/3/4}}