:root{--a231-deep:#302743;--a231-ink:#332744;--a231-muted:#746a80;--a231-card:rgba(255,255,255,.88);--a231-soft:#eee5f5;--a231-warm:#f2dcc7}
.a231-life-overview,.a231-life-profile{display:grid;gap:18px;padding:18px 0 30px;color:var(--a231-ink)}
.a231-life-overview>header,.a231-life-head{padding:28px;border-radius:30px;background:linear-gradient(145deg,rgba(224,207,240,.94),rgba(242,220,199,.88));box-shadow:0 20px 60px rgba(35,27,50,.14)}
.a231-life-overview h1,.a231-life-profile h1{margin:.25rem 0;font-size:clamp(38px,5vw,68px);line-height:.95}
.a231-life-overview p,.a231-life-profile p{line-height:1.5}
.a231-life-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
.a231-life-card{display:grid;gap:10px;min-height:210px;padding:22px;text-align:left;border:0;border-radius:26px;background:var(--a231-card);color:var(--a231-ink);box-shadow:0 16px 45px rgba(35,27,50,.12)}
.a231-life-card h2{margin:0;font-size:28px}.a231-life-card p,.a231-life-card span{margin:0;color:var(--a231-muted)}
.a231-life-signals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.a231-life-signal{padding:20px;border-radius:24px;background:rgba(242,220,199,.9);box-shadow:0 14px 38px rgba(35,27,50,.1)}
.a231-life-signal h3{margin:.3rem 0}.a231-life-signal p{margin:0;color:var(--a231-muted)}
.a231-life-areas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.a231-life-area{padding:20px;border-radius:24px;background:var(--a231-card);box-shadow:0 14px 38px rgba(35,27,50,.1)}
.a231-life-area header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.a231-life-area h3{margin:0;font-size:22px}.a231-life-area header span{font-size:12px;color:var(--a231-muted)}
.a231-life-ideal{font-weight:700}.a231-life-current{color:var(--a231-muted)}
@media(max-width:1100px){.a231-life-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.a231-life-areas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.a231-life-overview,.a231-life-profile{padding:10px 0 90px}.a231-life-overview>header,.a231-life-head{padding:22px;border-radius:24px}.a231-life-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.a231-life-card{min-width:78vw;scroll-snap-align:start}.a231-life-signals,.a231-life-areas{grid-template-columns:1fr}.a231-life-area,.a231-life-signal{border-radius:22px}.a231-life-area header{display:block}.a231-life-area header span{display:inline-block;margin-top:6px}}
@media(prefers-reduced-motion:reduce){.a231-life-overview *,.a231-life-profile *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}