.expanded-section{scroll-margin-top:78px}.portrait-summary{display:grid;grid-template-columns:220px 1fr;gap:30px;align-items:center;padding:34px;border-radius:28px;background:linear-gradient(135deg,#6f50df,#9b67ef 56%,#f27791);color:#fff;box-shadow:0 20px 55px rgba(104,75,193,.2)}.summary-score{min-height:185px;border-radius:24px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;align-content:center}.summary-score small{font-weight:800;letter-spacing:.1em}.summary-score b{font:900 76px/1 var(--serif);margin:7px 0}.summary-score span{padding:6px 11px;border-radius:99px;background:#fff;color:#6647cd;font-size:11px;font-weight:900}.summary-copy>span{font-size:11px;font-weight:900;letter-spacing:.14em;color:#eadfff}.summary-copy h3{font:900 38px var(--serif);margin:7px 0 12px}.summary-copy p{max-width:600px;margin:0;color:#f5efff;line-height:1.9}.summary-copy>div{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.summary-copy em{padding:7px 11px;border-radius:99px;border:1px solid rgba(255,255,255,.28);font-style:normal;font-size:11px}.section-subhead{margin:28px 0 14px}.section-subhead span{color:#7659dd;font-size:11px;font-weight:900;letter-spacing:.13em}.section-subhead h3{font:900 25px var(--serif);margin:5px 0}.rank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.rank-card{position:relative;padding:21px;border-radius:20px;background:#fff;border:1px solid #e5dfe9;box-shadow:0 8px 24px rgba(54,40,68,.04)}.rank-card>span{position:absolute;right:16px;top:15px;color:var(--c);font-size:10px;font-weight:900;letter-spacing:.1em}.rank-card>i{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--c) 12%,white);font-style:normal;font-size:20px}.rank-card>div{margin-top:15px}.rank-card b{font:900 21px var(--serif)}.rank-card small{display:block;margin-top:4px;color:var(--c);font-weight:800}.rank-card p{margin:12px 0 0;color:#746d79;line-height:1.75;font-size:13px}.focus-card{display:grid;grid-template-columns:48px 1fr;gap:15px;margin-top:12px;padding:25px;border-radius:21px;background:#2c2435;color:#fff}.focus-card>i{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#8162e8,#fa758c);font-style:normal;font-size:23px}.focus-card span{color:#cdbbf1;font-size:11px;font-weight:900}.focus-card h3{font:900 22px var(--serif);margin:6px 0}.focus-card p{margin:0;color:#ded4e3;line-height:1.8}.ratio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.ratio-grid article{display:grid;grid-template-columns:48px 1fr;gap:13px;padding:23px;border-radius:20px;background:#fff;border:1px solid #e5dfe8}.ratio-grid article>span{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#f0eaff;color:#6b4ed0;font-size:11px;font-weight:900}.ratio-grid article>div{display:grid;grid-template-columns:1fr auto;gap:6px 12px}.ratio-grid b{font-size:15px}.ratio-grid strong{color:#7355dc;font-size:20px}.ratio-grid p{grid-column:1/-1;margin:2px 0 0;color:#756e79;line-height:1.75;font-size:13px}.axis-panel{padding:31px;border-radius:25px;background:#fff;border:1px solid #e4dfe8;box-shadow:0 12px 32px rgba(51,37,66,.05)}.profile-axis+.profile-axis{margin-top:24px}.profile-axis header{display:flex;align-items:end;justify-content:space-between}.profile-axis header b{font-size:17px}.profile-axis header strong{font:900 27px var(--serif);color:#704fda}.profile-axis em{display:block;height:10px;margin:8px 0;border-radius:99px;background:#eeeaf1;overflow:hidden}.profile-axis em i{display:block;width:var(--value);height:100%;border-radius:inherit;background:linear-gradient(90deg,#7456df,#a06fec,#f1788f)}.profile-axis p{margin:0;color:#807885;font-size:12px}.impression-note{margin-top:12px;padding:25px;border-radius:21px;background:linear-gradient(135deg,#f2edff,#fff3f5)}.impression-note>span{color:#6c4ed0;font-size:11px;font-weight:900;letter-spacing:.12em}.impression-note>div{display:flex;gap:8px;flex-wrap:wrap;margin:11px 0}.impression-note b{padding:8px 12px;border-radius:99px;background:#fff;color:#473e4d;font-size:12px;box-shadow:0 5px 15px rgba(60,43,78,.06)}.impression-note p{margin:0;color:#776f7d;line-height:1.7;font-size:12px}.style-profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.style-profile-grid article{padding:27px;border-radius:22px;background:#fff;border:1px solid #e4dfe8;position:relative;overflow:hidden}.style-profile-grid article:after{content:"";position:absolute;width:100px;height:100px;border-radius:50%;right:-35px;top:-38px;background:#f0e9ff}.style-profile-grid i{position:relative;z-index:1;color:#795bdc;font-style:normal;font-size:11px;font-weight:900}.style-profile-grid span{display:block;margin-top:22px;color:#806f97;font-size:11px;font-weight:900;letter-spacing:.1em}.style-profile-grid h3{font:900 22px var(--serif);margin:7px 0}.style-profile-grid p{margin:0;color:#706977;line-height:1.85}.action-plan{position:relative;display:grid;gap:10px}.action-plan:before{content:"";position:absolute;left:23px;top:28px;bottom:28px;width:2px;background:#ded2f4}.action-plan article{position:relative;padding:23px 24px 23px 70px;border-radius:20px;background:#fff;border:1px solid #e4dfe7}.action-plan b{position:absolute;left:13px;top:23px;width:45px;height:28px;border-radius:99px;display:grid;place-items:center;background:#7457df;color:#fff;font-size:9px;letter-spacing:.05em}.action-plan h3{font:900 20px var(--serif);margin:0 0 7px}.action-plan p{margin:0;color:#716a76;line-height:1.8}.scene-recipes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.scene-recipes article{padding:21px;border-radius:18px;background:#fff;border:1px solid #e4dfe7}.scene-recipes span{color:#795bdb;font-size:11px;font-weight:900}.scene-recipes b{display:block;margin:8px 0;font-size:14px}.scene-recipes p{margin:0;color:#807883;line-height:1.65;font-size:12px}.retest-card{margin-top:12px;padding:24px;border-radius:20px;background:#fff8e7;border:1px solid #eadca9}.retest-card strong{color:#6d5928}.retest-card div{display:flex;flex-wrap:wrap;gap:8px;margin-top:13px}.retest-card span{padding:8px 11px;border-radius:99px;background:#fff;color:#71633e;font-size:11px}.expanded-section+.makeup-section{margin-top:55px}
@media(max-width:780px){.portrait-summary{grid-template-columns:1fr;padding:22px}.summary-score{min-height:155px}.summary-score b{font-size:64px}.summary-copy h3{font-size:31px}.rank-grid,.ratio-grid,.style-profile-grid,.scene-recipes{grid-template-columns:1fr}.rank-card{display:grid;grid-template-columns:42px 1fr;gap:12px}.rank-card>i{grid-row:1}.rank-card>div{margin-top:0}.rank-card>span{right:14px}.ratio-grid article{padding:19px}.axis-panel{padding:23px 18px}.focus-card{padding:21px 17px;grid-template-columns:40px 1fr}.focus-card>i{width:38px;height:38px}.action-plan article{padding:20px 17px 20px 65px}.section-subhead h3{font-size:22px}}
