.life-progress{color:#49392d}
.life-progress-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:25px 27px;background:#e7ddc5;border-radius:20px 20px 0 0}
.life-progress-heading>div>span{display:flex;align-items:center;gap:6px;font-size:11px;color:#80634c}
.life-progress-heading svg{width:16px;height:16px}
body[data-ui-shell="community"] .life-progress-heading h2{font-size:24px;margin:9px 0 8px;line-height:1.4}
.life-progress-heading p{margin:0;font-size:12px;line-height:1.75;color:#80634c}
.life-progress-heading>button{display:flex;gap:6px;align-items:center;flex-shrink:0;padding:10px 13px;border:1px solid #cdbb9c;border-radius:11px;background:#fffcf7;color:#80634c;font-size:12px;min-height:40px}
.life-progress-workspace{border:1px solid #dfcdbb;border-top:0;background:#fffcf7;border-radius:0 0 20px 20px;overflow:hidden}
.life-progress-filters{display:flex;gap:4px;max-width:max-content;padding:4px;margin:23px 23px 13px;border-radius:12px;background:#f1e9da}
.life-progress-filters button{min-height:40px;padding:9px 15px;border-radius:9px;color:#80634c;font-size:12px;white-space:nowrap}
.life-progress-filters button[aria-pressed=true]{background:#984630;color:#fffcf7}
.life-progress-filters small{display:inline-block;margin-left:7px;font-size:11px}
.life-progress-types{display:flex;gap:5px;flex-wrap:wrap;margin:0 23px 12px}
.life-progress-types button{font-size:12px;padding:9px 12px;min-height:36px;border-radius:9px;color:#80634c}
.life-progress-types button[aria-pressed=true]{background:#e2e3ce;color:#55613c}
.life-progress-summary{font-size:11px;color:#927b64;line-height:1.7;padding:0 25px 17px;margin:0;border-bottom:1px solid #e9dccb}
.life-progress-row{display:flex;width:100%;gap:17px;padding:23px 25px;text-align:left;border-bottom:1px solid #e9dccb;background:#fffcf7;position:relative;color:#49392d}
.life-progress-row:last-child{border-bottom:0}
.life-progress-row.needs-action{background:#fff6e2}
.life-progress-row.needs-action:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#984630}
.life-progress-icon{display:grid;place-items:center;flex-shrink:0;width:43px;height:43px;border-radius:13px;background:#f1e9da;color:#80634c}
.life-progress-icon svg{width:22px;height:22px}
.life-progress-copy{display:grid;gap:7px;min-width:0;flex:1}
.life-progress-meta{display:flex;justify-content:space-between;gap:15px;color:#927b64}
.life-progress-meta small,.life-progress-meta time{font-size:10px}
.life-progress-copy>strong{font-size:16px;line-height:1.6;overflow-wrap:anywhere}
.life-progress-subtitle{font-size:12px;color:#80634c;line-height:1.6;overflow-wrap:anywhere}
.life-progress-status{display:flex;align-items:center;gap:5px;color:#80634c;font-size:11px;margin-top:3px}
.life-progress-status svg{width:14px;height:14px}
.life-progress-status.is-action{color:#984630;font-weight:650}
.life-progress-status.is-finished{color:#667348}
.life-progress-next{font-size:11px;color:#927b64;line-height:1.65}
.life-progress-arrow{display:flex;align-items:center;color:#984630}
.life-progress-arrow svg{width:18px;height:18px}
.life-progress-row:hover .life-progress-copy>strong{color:#984630}
.life-progress-row:focus-visible{outline:2px solid #984630;outline-offset:-4px}
.life-progress button:disabled{opacity:.5;cursor:wait}
.life-progress-error{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 23px;margin:0;background:#f7e6da;color:#984630;font-size:12px;line-height:1.7}
.life-progress-error button{flex-shrink:0;min-height:36px;text-decoration:underline}
.life-progress-more{display:flex;flex-wrap:wrap;gap:8px;padding:18px 23px;border-top:1px solid #e9dccb}
.life-progress-more button{display:flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid #dfcdbb;border-radius:9px;color:#80634c;font-size:11px;min-height:38px}
.life-progress-more svg{width:14px;height:14px}
.life-progress-empty{padding:42px 24px;text-align:center}
.life-progress-empty>svg{width:36px;height:36px;color:#a48a64;margin-bottom:9px}
body[data-ui-shell="community"] .life-progress-empty h2,body[data-ui-shell="community"] .life-progress-empty h3{font-size:20px;line-height:1.5;margin:8px 0 10px}
.life-progress-empty p{font-size:12px;line-height:1.8;color:#80634c;margin:0 auto 18px;max-width:470px}
.life-progress-empty>div{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.life-progress-empty>div>a{display:flex;gap:7px;align-items:center;padding:10px 13px;border:1px solid #dfcdbb;border-radius:10px;font-size:12px;color:#984630}
.life-progress-empty>div>a svg{width:15px;height:15px}
.life-progress-note{display:flex;gap:7px;font-size:11px;color:#927b64;line-height:1.8;padding:0 3px;margin:16px 0 24px}
.life-progress-note svg{width:15px;height:15px;flex-shrink:0;margin-top:2px}
.life-progress-legacy{border-top:1px solid #dfcdbb;padding:16px 0;margin-top:16px}
.life-progress-legacy summary{display:flex;align-items:center;gap:9px;cursor:pointer;font-size:12px;color:#80634c;min-height:34px}
.life-progress-legacy summary>svg{width:15px;height:15px;margin-left:auto;transition:transform .18s}
.life-progress-legacy[open] summary>svg{transform:rotate(90deg)}
.life-progress-legacy summary small{font-size:10px;color:#927b64}
.life-progress-legacy>p{font-size:11px;line-height:1.7;color:#927b64;margin:12px 0}
@media(max-width:760px){
 .life-progress-heading{padding:21px 18px;align-items:flex-start;gap:10px}
 body[data-ui-shell="community"] .life-progress-heading h2{font-size:21px;margin:8px 0}
 .life-progress-heading>div>span{font-size:10px}.life-progress-heading p{font-size:11px}
 .life-progress-heading>button{font-size:10px;padding:8px;min-height:36px}
 .life-progress-filters{margin:16px 13px 11px;max-width:none;gap:2px}
 .life-progress-filters button{flex:1;padding:8px 4px;font-size:11px;min-height:37px}
 .life-progress-filters small{font-size:9px;margin-left:4px}
 .life-progress-types{margin:0 14px 10px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}
 .life-progress-types button{flex-shrink:0;font-size:11px;padding:8px 10px;min-height:35px}
 .life-progress-summary{font-size:10px;padding:0 16px 13px}
 .life-progress-row{gap:12px;padding:19px 15px}
 .life-progress-icon{width:35px;height:35px;border-radius:11px}.life-progress-icon svg{width:19px;height:19px}
 .life-progress-copy{gap:6px}.life-progress-copy>strong{font-size:14px}
 .life-progress-meta{flex-wrap:wrap;gap:5px 10px}.life-progress-meta small,.life-progress-meta time{font-size:9px}
 .life-progress-subtitle{font-size:11px}.life-progress-status,.life-progress-next{font-size:10px}
 .life-progress-error{padding:12px 16px;font-size:11px;flex-wrap:wrap;gap:5px}
 .life-progress-more{padding:14px;gap:7px}.life-progress-more button{font-size:10px}
 .life-progress-empty{padding:32px 18px}
 body[data-ui-shell="community"] .life-progress-empty h3{font-size:18px}.life-progress-empty p{font-size:11px}
 .life-progress-empty>div>a{font-size:11px;padding:9px 11px}
 .life-progress-note{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.life-progress-legacy summary>svg{transition:none}}