.bodygraph-canvas{width:100%;background:transparent;font-family:var(--font-noto-sans-tc),"Noto Sans TC",sans-serif;font-variant-numeric:normal}.bodygraph-poster{--side-column-width:clamp(72px,18vw,180px);--planet-number-width:45px;--planet-icon-size:24px;--planet-row-gap:clamp(4px,0.5vw,8px);--planet-name-padding:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:64rem;margin-inline:auto;max-height:none;aspect-ratio:auto;overflow:visible}.bodygraph-layout{display:grid;grid-template-columns:var(--side-column-width) minmax(0,1fr) var(--side-column-width);align-items:stretch;width:100%;min-height:0;flex:1 1 auto;gap:clamp(2px,.5vw,8px);padding:.5rem clamp(2px,.5vw,8px) .25rem}.bodygraph-figure{position:relative}.bodygraph-figure,.bodygraph-figure>figure{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}.bodygraph-figure>figure{width:100%;height:100%}@media (min-width:768px){.bodygraph-poster{--side-column-width:clamp(110px,20vw,180px);width:min(100%,64rem,calc((100vh - 120px) * 1.4));max-height:calc(100vh - 120px);aspect-ratio:1.4/1;overflow:hidden}.bodygraph-layout{padding:.75vh clamp(2px,.5vw,8px) .5vh}}@media (min-width:1280px){.bodygraph-poster--workspace{--side-column-width:clamp(118px,18vw,168px);width:min(100%,calc((100vh - 88px) * 1.32));max-width:none;max-height:calc(100vh - 88px);aspect-ratio:1.32/1;overflow:hidden}}.bodygraph-poster .heading{flex-shrink:0;font-family:var(--font-noto-sans-tc),"Noto Sans TC",sans-serif;font-weight:500;font-size:clamp(1.25rem,6vw,3.5rem);line-height:1;text-align:center;color:#4a4340}.bodygraph-svg{display:block;width:100%;height:100%;flex:1 1 auto}.bodygraph-variable-side{position:absolute;top:10%;z-index:2;display:flex;flex-direction:column;gap:clamp(4px,1.2vh,12px);pointer-events:none}.bodygraph-variable-side--design{left:0;color:#db3f40}.bodygraph-variable-side--personality{right:0;color:#181716}.bodygraph-variable-row{display:flex;align-items:baseline;gap:clamp(1px,.25vw,4px);font-family:var(--font-noto-sans-tc),"Noto Sans TC",sans-serif;font-variant-numeric:lining-nums tabular-nums;font-weight:500;line-height:1;white-space:nowrap}.bodygraph-variable-arrow{font-size:clamp(18px,3.4vw,36px);font-weight:400}.bodygraph-variable-number{font-size:clamp(15px,2.5vw,28px)}.bodygraph-variable-number sub{margin-left:1px;font-size:.58em;vertical-align:-.18em}.bodygraph-variable-number--tone-first sub{margin-right:1px;margin-left:0}.design_part_area,.personality_part_area{display:flex;flex-direction:column;height:100%;min-height:0;min-width:0;width:100%;align-items:stretch}.design_part_area{margin-right:auto}.personality_part_area{margin-left:auto}.design_column_inner{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;min-height:0}.design_column_inner--right{align-items:stretch}.design_heading{flex-shrink:0;width:100%;font-family:var(--font-noto-sans-tc),"Noto Sans TC",sans-serif;font-weight:600;font-size:clamp(14px,1.8vw,22px);line-height:1.25;letter-spacing:.02em}.design_heading span{display:block;margin-top:.15em;font-weight:400;font-size:clamp(10px,1.3vw,14px)}.design_heading.uncon{color:#db3f40;text-align:left}.design_heading.con{color:#40312e;text-align:right}.con_planet,.uncon_planet{display:flex;flex-direction:column;justify-content:space-between;flex:1 1 auto;min-height:0;width:100%;margin-top:.5vh;padding-block:1vh}.planetary{display:grid;align-items:center;min-width:0;width:100%;column-gap:var(--planet-row-gap);font-family:var(--font-noto-sans-tc),"Noto Sans TC",sans-serif;font-variant-numeric:normal}.planetary--design{grid-template-columns:var(--planet-number-width) var(--planet-icon-size) minmax(0,1fr);justify-items:start}.planetary--personality{grid-template-columns:minmax(0,1fr) var(--planet-icon-size) var(--planet-number-width);justify-items:stretch}.design_num,.design_num_con{font-family:var(--font-noto-sans-tc),var(--font-montserrat),"Noto Sans TC",sans-serif;font-weight:700;font-size:clamp(10px,1.1vw,14px);line-height:1;white-space:nowrap;font-variant-numeric:normal;font-feature-settings:normal;width:var(--planet-number-width);min-width:0;max-width:var(--planet-number-width);text-align:left;box-sizing:border-box}.design_num{color:#db3f40;justify-self:stretch;text-align:right}.design_num_con{color:#40312e;justify-self:stretch;text-align:left}.planet,.planet_con{font-family:var(--font-noto-sans-tc),"Noto Sans TC",sans-serif;font-weight:500;font-size:clamp(10px,1.1vw,14px);line-height:1;white-space:nowrap;letter-spacing:.02em;font-variant-numeric:normal}.planet{color:#db3f40;text-align:left;justify-self:start;min-width:0;padding-left:var(--planet-name-padding)}.planet_con{color:#40312e;display:block;min-width:0;width:100%;padding-right:var(--planet-name-padding);text-align:right;justify-self:stretch;box-sizing:border-box}.design_img{display:flex;align-items:center;justify-content:center;justify-self:center;width:var(--planet-icon-size);height:var(--planet-icon-size);min-width:var(--planet-icon-size);max-width:var(--planet-icon-size);flex-shrink:0}.con_planet .design_img img,.design_img--personality img{filter:grayscale(1) brightness(0) contrast(100%)}@media (max-width:767px){.bodygraph-poster{--side-column-width:23%;--planet-number-width:clamp(23px,6.7vw,27px);--planet-icon-size:clamp(13px,3.8vw,16px);--planet-row-gap:clamp(2px,0.7vw,3px);--planet-name-padding:0;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;overflow:visible}.bodygraph-layout{grid-template-columns:minmax(0,var(--side-column-width)) minmax(0,54%) minmax(0,var(--side-column-width));gap:0;padding:6px 2px 4px;align-items:stretch}.bodygraph-figure,.bodygraph-figure>figure{height:auto}.bodygraph-poster .heading{font-size:clamp(1rem,8vw,1.75rem)}.design_heading{font-size:clamp(9px,2.7vw,12px)}.design_heading span{font-size:clamp(7px,2vw,10px)}.design_num,.design_num_con,.planet,.planet_con{font-size:clamp(7px,2.2vw,9px)}.con_planet,.uncon_planet{flex:1 1 auto;justify-content:space-between;gap:clamp(2px,.7vw,3px);margin-top:2px;padding-block:4px}.bodygraph-svg{width:100%;height:auto;max-height:none!important;aspect-ratio:564/891}.bodygraph-variable-side{top:9%;gap:clamp(2px,1vw,5px)}.bodygraph-variable-arrow{font-size:clamp(12px,4vw,17px)}.bodygraph-variable-number{font-size:clamp(10px,3.3vw,14px)}}.bodygraph-layout--transit{grid-template-columns:minmax(0,1fr) var(--side-column-width);max-width:48rem}.bodygraph-poster--transit{max-width:48rem}@media (min-width:768px){.bodygraph-poster--transit{width:min(100%,48rem,calc((100vh - 120px) * .95));aspect-ratio:.95/1}}@media (max-width:767px){.bodygraph-layout--transit{grid-template-columns:minmax(0,72%) minmax(0,28%)}}