.life-records{--record-ink:#293e35;--record-muted:#6d796c;--record-line:#d6ddcb;color:var(--record-ink);padding:34px 0 14px;max-width:1180px;margin-inline:auto}.life-records__header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px}.life-records__header h2{font-size:clamp(30px,3.6vw,47px);line-height:1.05;letter-spacing:-.045em;margin:9px 0 12px}.life-records__header>div{min-width:0}.life-records__header p:not(.life-record__eyebrow){font-size:14px;color:var(--record-muted);line-height:1.6;margin:0}.life-record__eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:750;color:#71836a;margin:0}.life-records__count{text-align:center;font-size:42px;font-weight:720;letter-spacing:-.06em;line-height:1;flex:0 0 auto}.life-records__count small{display:block;font-size:11px;font-weight:500;letter-spacing:0;margin-top:8px;color:var(--record-muted)}.life-records__podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:start}.life-record{position:relative;border:1px solid var(--record-line);border-radius:18px;background:#fffdf3;overflow:hidden;box-shadow:0 6px 22px #30433008}.life-record--rainbow{border-color:#c4c9b6;background:linear-gradient(#fffdf6,#fffdf6) padding-box,linear-gradient(125deg,#cc9c96,#d8c88e,#a9be99,#98bab8,#a7a5c6,#cc9c96) border-box;border:2px solid transparent;box-shadow:0 7px 25px #52695112}.life-record--rainbow:before{content:'';height:5px;position:absolute;left:0;right:0;top:0;background:linear-gradient(90deg,#c99591,#d6bc7a,#a5b984,#8bb6b5,#a49ac3);z-index:1}.life-record--gold{border-color:#d6bf82;background:#fffcf0}.life-record--silver{border-color:#b9c5c2;background:#f9fbf5}.life-record__medal{position:absolute;top:15px;left:15px;z-index:2;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;font-family:Georgia,serif;font-size:19px;font-weight:700;color:#4d6755;background:#faf9ebeb;border:1px solid #c8d1ba;box-shadow:0 2px 8px #3043300d}.life-record--gold .life-record__medal{color:#8d6d25;background:#f5e6b9;border-color:#d7bd76}.life-record--silver .life-record__medal{color:#667778;background:#e6ece8;border-color:#b8c5c1}.life-record__photo{height:230px;background:radial-gradient(ellipse at 50% 100%,#d7e1cb,#eff0df 78%);display:flex;align-items:end;justify-content:center;overflow:hidden}.life-record__photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom;mix-blend-mode:multiply}.life-record--gold .life-record__photo{background:radial-gradient(ellipse at 50% 100%,#ebdfbb,#f4efdb 78%)}.life-record--silver .life-record__photo{background:radial-gradient(ellipse at 50% 100%,#d2dfd8,#eaf0e7 78%)}.life-record__body{min-width:0;padding:23px 22px 22px}.life-record h3{font-size:30px;line-height:1.1;letter-spacing:-.04em;margin:8px 0}.life-record__date{font-size:11px;color:var(--record-muted)}.life-record__total{display:flex;align-items:center;gap:12px;margin:24px 0 20px}.life-record__total>strong{font-size:43px;line-height:1;letter-spacing:-.055em}.life-record__total>span{font-size:11px;color:var(--record-muted);line-height:1.5}.life-record__total small{display:block;font-size:10px}.life-record__split{display:flex;gap:14px;padding:12px 0;border-top:1px solid var(--record-line);border-bottom:1px solid var(--record-line);font-size:10px;color:var(--record-muted)}.life-record__split>span{flex:1}.life-record__split b{display:block;font-size:17px;font-weight:650;letter-spacing:-.03em;color:var(--record-ink);margin-top:4px}.life-record__purposes{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:0}.life-record__purposes li{display:grid;grid-template-columns:1fr auto;column-gap:8px;padding-top:15px}.life-record__purposes li>div{min-width:0}.life-record__purposes b{display:block;font-size:12px;font-weight:650}.life-record__purposes span{display:block;font-size:10px;color:var(--record-muted);margin-top:4px}.life-record__purposes small{font-size:9px;white-space:nowrap}.life-record__purposes strong{font-size:12px;font-weight:650;align-self:center;font-variant-numeric:tabular-nums}.life-record__purposes i{grid-column:1/-1;display:block;height:3px;margin-top:8px;border-radius:4px;background:linear-gradient(to right,#9cb58b var(--purpose-progress),#e3e8d9 var(--purpose-progress));overflow:hidden}.life-record--empty{min-height:440px;text-align:center;padding:40px 24px 32px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:none}.life-record--empty h3{font-size:22px;max-width:180px;line-height:1.2;margin-top:12px}.life-record--empty>p:last-child{font-size:12px;color:var(--record-muted);line-height:1.6;max-width:170px}.life-record__empty-art{font-size:50px;color:#a9b59a;margin-bottom:28px}.life-record--gold .life-record__empty-art{color:#d1bc80}.life-record--silver .life-record__empty-art{color:#a9bcb5}.life-record__silhouette{color:#9bae94;font-size:60px;margin:auto}.life-records__recent-header{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin:37px 0 15px}.life-records__recent-header h3{font-size:24px;letter-spacing:-.035em;margin:0}.life-records__recent-header>span{font-size:11px;color:var(--record-muted)}.life-records__recent{border-top:1px solid var(--record-line)}.life-record-recent{border-bottom:1px solid var(--record-line)}.life-record-recent summary{display:flex;align-items:center;gap:17px;list-style:none;cursor:pointer;padding:15px 0;outline-offset:3px}.life-record-recent summary::-webkit-details-marker{display:none}.life-record-recent summary:focus-visible{outline:2px solid #6d9369;border-radius:8px}.life-record-recent__photo{width:54px;height:61px;flex:0 0 auto;border-radius:11px;background:#e4eadb;overflow:hidden;display:grid;place-items:center}.life-record-recent__photo img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.life-record-recent__photo .life-record__silhouette{font-size:22px}.life-record-recent__name{flex:1;min-width:0;display:grid;grid-template-columns:1fr auto;gap:6px 18px;align-items:baseline}.life-record-recent__name>b{font-size:16px;font-weight:650;letter-spacing:-.02em;overflow-wrap:anywhere}.life-record-recent__name>time{font-size:11px;color:var(--record-muted)}.life-record-recent__name>span{grid-column:1/-1;font-size:11px;color:var(--record-muted);line-height:1.5}.life-record-recent__score{min-width:100px;text-align:right;margin-left:18px}.life-record-recent__score strong{display:block;font-size:25px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.life-record-recent__score small{display:block;font-size:10px;color:var(--record-muted);margin-top:3px}.life-record-recent__expand{font-size:22px;color:#819478;margin:0 8px 0 12px;font-weight:300}.life-record-recent[open] .life-record-recent__expand{transform:rotate(45deg)}.life-record-recent__detail{padding:0 40px 25px 71px;max-width:700px}.life-record-recent__detail .life-record__purposes{max-width:500px}.life-records__empty{text-align:center;padding:38px 20px;background:#eef1e4;border-radius:0 0 14px 14px}.life-records__empty>span{font-size:30px;color:#99ac88}.life-records__empty p{font-size:16px;margin:12px 0 7px;line-height:1.5}.life-records__empty small{font-size:12px;color:var(--record-muted)}.life-records__note{font-size:10px;color:#7a8275;line-height:1.7;margin:22px 0 0;max-width:720px}
@media(max-width:850px){.life-records__podium{gap:12px}.life-record__body{padding:19px 15px}.life-record__photo{height:190px}.life-record h3{font-size:26px}.life-record__total{gap:8px}.life-record__total>strong{font-size:35px}.life-record__purposes small{display:none}.life-record--empty{min-height:410px;padding-inline:15px}.life-record--empty h3{font-size:21px}}
@media(max-width:580px){.life-records{padding-top:28px}.life-records__header{align-items:start;gap:15px}.life-records__header h2{font-size:32px}.life-records__header p:not(.life-record__eyebrow){font-size:12px;max-width:240px}.life-records__count{font-size:32px;margin-top:5px}.life-records__count small{max-width:62px;font-size:10px;line-height:1.3}.life-records__podium{grid-template-columns:1fr}.life-record{display:grid;grid-template-columns:minmax(95px,.8fr) minmax(0,1.2fr)}.life-record__photo{height:100%;min-height:380px}.life-record__photo img{object-fit:cover;object-position:50% 0}.life-record__body{padding:22px 17px}.life-record h3{font-size:27px}.life-record__total{margin:19px 0 16px}.life-record__total>strong{font-size:36px}.life-record__eyebrow{font-size:9px}.life-record--empty{min-height:185px;display:flex;align-items:center;padding:24px}.life-record--empty h3{max-width:none;font-size:24px}.life-record--empty>p:last-child{max-width:none;margin-bottom:0}.life-record__empty-art{font-size:24px;margin:0 0 12px}.life-records__recent-header{align-items:start;flex-direction:column;gap:8px;margin-top:29px}.life-record-recent summary{gap:12px;padding:13px 0}.life-record-recent__photo{width:43px;height:52px}.life-record-recent__name{display:flex;flex-direction:column;gap:4px;align-items:start}.life-record-recent__name>b{font-size:14px}.life-record-recent__name>time{font-size:10px}.life-record-recent__name>span{font-size:10px}.life-record-recent__score{margin-left:0;min-width:65px}.life-record-recent__score strong{font-size:22px}.life-record-recent__score small{font-size:9px}.life-record-recent__expand{margin:0 2px;font-size:18px}.life-record-recent__detail{padding:0 10px 22px 55px}.life-records__note{font-size:9px}.life-record__purposes small{display:inline}}
@media(prefers-reduced-motion:reduce){.life-records *{scroll-behavior:auto}}
.life-score-trend{margin:30px 0;padding:22px 22px 8px;background:#fbfcf4;border:1px solid #d8dfcd;border-radius:15px}.life-score-trend figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin-bottom:8px}.life-score-trend h3{font-size:23px;letter-spacing:-.03em}.life-score-trend figcaption>span{font-size:13px;color:#758267}.life-score-trend-scroll{overflow-x:auto}.life-score-trend svg{display:block;width:100%;height:auto;margin-inline:auto}.life-score-trend svg text{font-family:inherit;fill:#6c7a60}.life-score-trend-scroll:focus-visible{outline:2px solid #6d9369;outline-offset:4px;border-radius:4px}.life-score-trend .life-trend-axis{font-size:12px}.life-score-trend .life-trend-initial{font-family:Georgia,serif;font-size:24px}.life-score-trend .life-trend-name{font-size:14px;font-weight:700;fill:#293e35}.life-score-trend .life-trend-purpose{font-size:12px}.life-score-trend .life-trend-score{font-size:18px;font-weight:700;fill:#293e35;font-variant-numeric:tabular-nums}.life-score-trend .life-trend-date{font-size:11px}.thrive-record-trend-note{font-size:11px;color:#6d796c;line-height:1.7;margin:0 0 12px}@media(max-width:540px){.life-score-trend{padding:17px 12px 7px;margin:25px 0}.life-score-trend figcaption{display:block}.life-score-trend h3{font-size:22px}.life-score-trend figcaption>span{display:block;margin-top:7px}}
@media(max-width:580px){.life-record:not(.life-record--empty){display:block}.life-record__photo{height:225px;min-height:0}.life-record__photo img{object-fit:contain;object-position:center}.life-record__body{padding:22px}.life-record__purposes li b{font-size:14px}.life-record__purposes li span{font-size:12px}.life-record-recent__name>b{font-size:16px}.life-record-recent__name>time{font-size:12px}.life-record-recent__name>span{font-size:12px}.life-records__note{font-size:11px;line-height:1.6}}

.life-leaderboard{margin-top:38px;padding-top:28px;border-top:1px solid var(--record-line)}.life-leaderboard>header{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.life-leaderboard h3{font-size:28px;letter-spacing:-.035em;line-height:1.15;margin:8px 0 0}.life-leaderboard>header>p{font-size:12px;line-height:1.5;color:var(--record-muted);max-width:230px;margin:0}.life-leaderboard__list{padding:0;margin:0;list-style:none;border-top:1px solid var(--record-line)}.life-leaderboard__row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--record-line)}.life-leaderboard__rank{width:22px;font-family:Georgia,serif;font-size:21px;color:#7b8f6e;text-align:center}.life-leaderboard__photo{height:52px;width:52px;display:grid;place-items:center;flex:none;overflow:hidden;border-radius:50%;border:2px solid #a6b697;background:#e6eddb;color:#5a7450;font-family:Georgia,serif;font-size:24px}.life-leaderboard__photo img{height:100%;width:100%;object-fit:cover}.life-leaderboard__identity{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}.life-leaderboard__identity b{font-size:16px;overflow-wrap:anywhere}.life-leaderboard__identity time{font-size:11px;color:var(--record-muted)}.life-leaderboard__score{text-align:right;flex:none}.life-leaderboard__score strong{font-size:25px;letter-spacing:-.035em;font-variant-numeric:tabular-nums}.life-leaderboard__score small{display:block;margin-top:5px;font-size:10px;color:var(--record-muted)}.life-leaderboard__empty{font-size:13px;line-height:1.6;padding:25px;background:#eef1e4;border-radius:12px;color:var(--record-muted)}@media(max-width:580px){.life-leaderboard>header{display:block}.life-leaderboard>header>p{max-width:none;margin-top:12px}.life-leaderboard__row{gap:10px}.life-leaderboard__photo{width:42px;height:42px}.life-leaderboard__rank{width:16px;font-size:18px}.life-leaderboard__identity b{font-size:14px}.life-leaderboard__score strong{font-size:21px}}
.life-leaderboard__life{display:flex;align-items:center;gap:12px;flex:1.5;min-width:0}.life-leaderboard__character{height:58px;width:48px;display:grid;place-items:center;overflow:hidden;flex:none;border:1px solid #acbca1;border-radius:10px;background:#e9eddf}.life-leaderboard__character img{height:100%;width:100%;object-fit:cover;mix-blend-mode:multiply}.life-leaderboard__character .life-record__silhouette{font-size:22px}.life-leaderboard__life>div{min-width:0}.life-leaderboard__life b{display:block;font-size:15px;overflow-wrap:anywhere}.life-leaderboard__life span:not(.life-leaderboard__character){display:block;font-size:11px;color:#647959;margin-top:5px}.life-leaderboard__life small{display:block;max-width:330px;font-size:10px;line-height:1.6;color:var(--record-muted);margin-top:5px}@media(max-width:700px){.life-leaderboard__row{display:grid;grid-template-columns:20px 42px minmax(0,1fr) auto;gap:12px}.life-leaderboard__photo{width:42px;height:42px}.life-leaderboard__identity{grid-column:3}.life-leaderboard__score{grid-column:4;grid-row:1}.life-leaderboard__life{grid-column:3/5;grid-row:2}.life-leaderboard__life small{max-width:none}.life-leaderboard__character{height:49px;width:40px}}
