.aging-experience{margin:40px 0 36px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:46px;align-items:center;max-width:1100px}.aging-visual{position:relative;aspect-ratio:1;overflow:hidden;border-radius:3px;background:#c7bfd2}.aging-visual canvas{width:100%;height:100%;display:block}.aging-visual .aging-badge{position:absolute;left:20px;bottom:17px;font-size:11px;letter-spacing:.12em;color:white;text-shadow:0 1px 8px #0008}.aging-hotspot{position:absolute;border:1px solid #ffffffa8;background:#f7f2ffcc;color:#70538e;border-radius:50%;width:30px;height:30px;padding:0;font-size:18px;cursor:pointer;box-shadow:0 2px 12px #43334c25}.aging-hotspot[data-part=eyes]{left:62%;top:40%}.aging-hotspot[data-part=lips]{left:51%;top:66%}.aging-hotspot[aria-pressed=true]{background:#70538e;color:#fff}.aging-controls{min-width:0}.aging-controls h3{font-family:'Noto Serif JP',serif;font-weight:400;font-size:clamp(21px,2.3vw,30px);line-height:1.8;margin:14px 0 12px}.aging-controls p{font-size:13px;line-height:2;color:#706777}.aging-age-line{display:flex;align-items:baseline;justify-content:space-between;margin-top:28px;color:#70538e}.aging-age-line label{font-size:12px}.aging-age-line output{font-size:29px;font-family:serif}.aging-age-line output small{font-size:12px;display:inline;color:inherit}.aging-slider{width:100%;accent-color:#8e73b0;margin:16px 0 8px;cursor:ew-resize;min-height:30px}.aging-ticks{display:flex;justify-content:space-between;color:#8f829b;font-size:10px}.aging-actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 16px}.aging-actions button{font:inherit;font-size:12px;padding:12px 16px;border:1px solid #ad98c2;border-radius:30px;background:transparent;color:#70538e;cursor:pointer;line-height:1.6}.aging-actions button:focus-visible,.aging-hotspot:focus-visible,.aging-slider:focus-visible{outline:3px solid #b79bda;outline-offset:4px}.aging-actions button[aria-pressed=true]{background:#70538e;color:white}.aging-insight{min-height:100px;padding-top:18px;border-top:1px solid #b8a4cb66}.aging-insight strong{font-size:14px;color:#655080;font-weight:500}.aging-insight p{margin:7px 0 0}.aging-caption{font-size:10px!important;color:#8f8399!important;line-height:1.8!important;margin-top:15px!important}.aging-conclusion{margin-top:22px!important;font-size:15px!important;color:#655080!important}.aging-experience button:hover{filter:brightness(.96)}@media(max-width:750px){.aging-experience{grid-template-columns:1fr;gap:24px;margin-top:30px}.aging-controls h3{font-size:23px}.aging-insight{min-height:90px}.aging-visual{max-width:520px;width:100%}.aging-controls .eyebrow{font-size:10px}.aging-controls p{font-size:12px}.aging-age-line{margin-top:20px}}

.aging-visual-play{position:absolute;bottom:12px;right:12px;background:#f7f2ffe8;border:1px solid #c7b4db;color:#70538e;border-radius:24px;padding:9px 12px;font-size:10px;cursor:pointer}.aging-visual-play:focus-visible{outline:3px solid #b79bda;outline-offset:3px}@media(max-width:750px){.aging-experience{row-gap:10px}.aging-controls{display:contents}.aging-controls>.eyebrow{grid-row:1}.aging-controls>h3{grid-row:2;margin:4px 0 12px}.aging-controls>p:first-of-type{display:none}.aging-experience>div:first-child{grid-row:3}.aging-age-line{grid-row:4;margin-top:7px}.aging-slider{grid-row:5;margin:0}.aging-ticks{grid-row:6}.aging-actions{grid-row:7;margin:12px 0}.aging-insight{grid-row:8}.aging-controls>#aging-motion-note{grid-row:9}.aging-conclusion{grid-row:10}.aging-reference{grid-row:11}}