/* Warm human detail and earned celebrations, contained to the demo. */
#demo .photo-person{padding:0!important;overflow:visible;background:#ece8dc!important;border:2px solid #fff!important;box-shadow:0 0 0 1px #dddfd5;flex-shrink:0}
#demo .photo-person>img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;object-position:50% 34%}
#demo .photo-person>i{z-index:1}
#demo .photo-person.f32{width:32px;height:32px;border-radius:50%}
#demo .life-greeting{display:flex;align-items:center;gap:9px;margin-bottom:2px}
#demo .life-greeting b{font-size:12px;color:#19283d}
#demo .life-greeting>span:last-child{font-size:9px;margin-left:auto;color:#69775f}
#demo .life-greeting .photo-person>i{display:none}
#demo .life-mission-photo{display:flex;align-items:stretch;padding:0;border:1px solid #d9e1ce;border-radius:17px;overflow:hidden;background:#f0f4e7;text-align:left;cursor:pointer;width:100%;min-height:96px;color:#203627}
#demo .life-mission-photo>span{flex:1;padding:13px 12px;display:flex;flex-direction:column;justify-content:center}
#demo .life-mission-photo small{font-size:8px;letter-spacing:.05em;text-transform:uppercase;font-weight:800;color:#708153}
#demo .life-mission-photo b{font-size:16px;margin:4px 0;line-height:1.2}
#demo .life-mission-photo em{font-size:9px;line-height:1.5;font-style:normal;color:#617456}
#demo .life-mission-photo>img{display:block;width:102px;height:104px;object-fit:cover;object-position:50% 30%}
#demo .life-mission-photo:hover{border-color:#a5b875;background:#e9f0dc}
#demo .life-mission-photo:focus-visible{outline:3px solid #bc8113;outline-offset:3px}
#demo .life-face-stack{display:flex;align-items:center;padding:4px 6px 4px 0;flex-shrink:0}
#demo .life-face-stack .face+.face{margin-left:-13px}
#demo .life-face-stack .face>i{display:none}
#demo .life-mentor-intro{display:flex;align-items:center;gap:11px;padding:12px 9px;background:#fff2d5;border:1px solid #ead8b2;border-radius:16px}
#demo .life-mentor-intro>span{min-width:0}
#demo .life-mentor-intro b{display:block;font-size:12px;line-height:1.4;color:#614511}
#demo .life-mentor-intro small{display:block;font-size:9px;line-height:1.4;margin-top:3px;color:#857044}
#demo .life-community{padding:13px;background:#f0f5e9;border-radius:16px;display:flex;align-items:center;gap:12px}
#demo .life-community>b{font-size:12px;line-height:1.5;color:#39563f}
#demo .life-victory{position:relative;isolation:isolate;text-align:center;border-radius:23px;overflow:hidden;padding:15px 15px 17px;background:radial-gradient(ellipse at 50% 35%,#fff9e6 0,#ffedb5 67%,#f9e0a0 100%);border:1px solid #ebcd81;color:#51380b}
#demo .life-victory-kicker{font-size:8px;letter-spacing:.09em;text-transform:uppercase;font-weight:850;color:#9c6d14}
#demo .life-victory-character{position:relative;display:grid;place-items:center;width:122px;height:104px;margin:6px auto 5px}
#demo .life-victory-character>img,#demo .life-victory-character>svg{position:relative;z-index:2;width:100px!important;height:100px!important;filter:drop-shadow(0 6px 5px #9b6d1922)}
#demo .life-rays{position:absolute;inset:7px 16px;border-radius:50%;background:#ffd36a;box-shadow:0 0 0 9px #ffd36a30}
#demo .life-victory-medal{position:absolute;right:-2px;bottom:3px;z-index:3;width:39px;height:43px;display:grid;place-items:center;background:#f5ba32;color:#74480d;border:2px solid #fff9df;border-radius:13px;transform:rotate(10deg);box-shadow:0 3px 0 #cb8f1f}
#demo .life-victory h3{font-size:31px;line-height:1.08;letter-spacing:-.9px;margin:4px 0 7px;color:#594013}
#demo .life-victory>p{font-size:10px;line-height:1.45;margin:0;color:#816a39}
#demo .life-prize{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;border-radius:13px;background:#fff8dd;border:1px solid #edd08a;margin:12px auto 10px;padding:9px 12px;width:fit-content;max-width:100%;color:#936315}
#demo .life-prize strong{font-size:23px;line-height:1;color:#77500b}
#demo .life-prize>span{width:100%;font-size:8px;color:#9c824c;line-height:1.2}
#demo .life-win-skills{display:flex;justify-content:center;gap:10px;font-size:8px;font-weight:700;color:#547449}
#demo .life-win-skills>span{display:flex;align-items:center;gap:3px}
#demo .life-result{gap:10px}
#demo .life-result>.btn.quiet{min-height:32px;margin:0;font-size:10px}
#demo .life-result-details{padding:12px;background:#fff;border:1px solid #e6e3d7;border-radius:14px}
#demo .life-result-details>summary{cursor:pointer;font-size:11px;font-weight:750;color:#5c654f}
#demo .life-result-details[open]>summary{margin-bottom:14px}
#demo .life-confetti{position:absolute;inset:0;z-index:5;overflow:hidden;pointer-events:none}
#demo .life-confetti>i{position:absolute;left:var(--x);top:-13px;width:7px;height:11px;border-radius:2px;background:var(--color);animation:mentakaConfetti 1450ms cubic-bezier(.18,.7,.46,1) var(--delay) both}
#demo .life-confetti>i:nth-child(3n){width:6px;height:6px;border-radius:50%}
@keyframes mentakaConfetti{0%{transform:translate(0,-15px) rotate(0deg);opacity:0}8%{opacity:1}80%{opacity:1}100%{transform:translate(var(--drift),320px) rotate(var(--spin));opacity:0}}
@media(prefers-reduced-motion:no-preference){#demo .life-victory-character{animation:mentakaVictory .6s cubic-bezier(.2,.8,.35,1.25) both}}
@keyframes mentakaVictory{0%{transform:translateY(9px) scale(.84)}60%{transform:translateY(-5px) scale(1.05)}100%{transform:translateY(0) scale(1)}}
.motion-paused #demo .life-confetti{display:none}.motion-paused #demo .life-victory-character{animation:none!important}
@media(prefers-reduced-motion:reduce){#demo .life-confetti{display:none}#demo .life-victory-character{animation:none!important}}