/* White stage is intentional: contrast belongs to the character, not a dark backdrop. */
.avatar-card{background:#fff;border:1px solid #e5e6ee;border-radius:26px;margin:0 0 24px;padding:22px 26px;box-shadow:0 8px 26px #192d4707;overflow:hidden}
.avatar-header{display:flex;justify-content:space-between;align-items:center;gap:16px}.avatar-kicker{font-size:12px;font-weight:650;letter-spacing:1px;color:#746a8a}.avatar-header h2{font-size:25px;margin-top:4px;color:#282b39}
.avatar-period-label{display:grid;gap:4px;color:#777;font-size:12px}.avatar-period-label select{border:1px solid #e5e6ee;border-radius:10px;min-height:40px;padding:6px 10px;background:white;color:#43475a;max-width:120px}
.avatar-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(230px,.88fr);gap:24px;align-items:center}.avatar-stage{min-width:0;position:relative;background:#fff}.avatar-stage canvas{display:block;width:100%;max-width:450px;aspect-ratio:4/5;height:auto;margin:0 auto;background:#fff}.avatar-question{color:#262a37;font-size:clamp(20px,2.4vw,29px);line-height:1.65;font-weight:750;max-width:18em}.avatar-actions{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.avatar-actions .btn{min-width:100px;min-height:48px}.avatar-motion{font-size:13px;color:#747985;min-height:44px;margin-top:12px;padding:8px 0}.avatar-motion:disabled{opacity:1}.avatar-voice-note{font-size:13px;color:#686d79;line-height:1.6;min-height:1.6em}.avatar-error{position:absolute;bottom:4px;left:8px;right:8px;background:white;color:#805f35;font-size:14px;text-align:center;padding:12px;border:1px solid #ece3d8;border-radius:10px}.avatar-explanation{margin-top:14px;font-size:13px;color:#777d8c;line-height:1.8}.avatar-explanation summary{cursor:pointer;min-height:40px;padding:8px 0;color:#575d6c}.avatar-explanation p{margin:7px 0}.avatar-counts{display:flex;flex-wrap:wrap;gap:8px}.avatar-counts span{background:#f6f7fa;padding:3px 8px;border-radius:6px}.avatar-counts b{color:#383f55}.avatar-unavailable{padding:25px 0;display:flex;gap:15px;align-items:center;flex-wrap:wrap;color:#686d79}.parent-radar{margin:0 0 22px}.parent-radar>summary{cursor:pointer;padding:13px 17px;min-height:48px;border:1px solid #e7e7ef;border-radius:14px;background:white;color:#656278;font-size:14px}.parent-radar[open]>.growth-starboard{margin-top:12px}.avatar-child-page .page-head{margin-bottom:15px}.avatar-child-page .page-head h1{font-size:22px}.avatar-child-page .five-grid .count{display:none}
@media(max-width:760px){.avatar-card{padding:18px 15px;border-radius:22px}.avatar-header h2{font-size:23px}.avatar-layout{grid-template-columns:1fr;gap:0}.avatar-stage canvas{max-width:330px;max-height:420px;object-fit:contain}.avatar-conversation{text-align:center}.avatar-question{font-size:21px;margin:0 auto}.avatar-actions{justify-content:center;margin-top:13px}.avatar-motion{margin-top:6px}.avatar-explanation{text-align:left}.avatar-voice-note:empty{min-height:0}.avatar-period-label select{max-width:105px}.avatar-card .avatar-header{gap:8px}}
@media(prefers-reduced-motion:reduce){.avatar-card *{scroll-behavior:auto;animation:none!important;transition:none!important}}