/* MY LIFE 3A – the existing Life HQ palette and shell, with modular personal views. */
.life-intro{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:25px 0 18px}.life-intro p{margin-bottom:0}.life-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 20px}.life-actions button{min-height:44px}.life-tabs,.life-category-nav{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.life-tabs button,.life-category-nav button{font-size:12px;min-height:44px}.life-tabs button.active{background:#e5eedf;border-color:#a3b397;font-weight:700}.life-category-nav button{background:#f1f3eb;color:#788371;border-color:#e0e5d9;font-size:11px}.life-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0}.life-columns{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:20px}.life-project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:13px}.life-project-tile{border:1px solid var(--line);border-radius:11px;padding:17px;min-width:0;background:#fbfcf8}.life-tile-title{display:block;text-align:left;width:100%;background:none;border:0;padding:0}.life-tile-title h3{font-size:16px;margin:9px 0;overflow-wrap:anywhere}.life-tile-title small{font-size:10px;color:var(--muted)}.life-tile-title p{font-size:12px;margin:8px 0;overflow-wrap:anywhere}.life-progress>div{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin-top:16px}.life-progress strong{font-size:14px}.life-progress span{font-size:10px;color:var(--muted)}.life-progress small{display:block;font-size:10px;color:#87947f;margin-top:9px;line-height:1.6}.life-progress progress{width:100%;height:7px;border:0;margin-top:9px;accent-color:#8da276}.life-progress progress::-webkit-progress-bar{background:#e9eee3;border-radius:5px}.life-progress progress::-webkit-progress-value{background:#8da276;border-radius:5px}.life-tile-foot{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:18px}.life-tile-foot small{color:var(--muted);font-size:10px}.life-tile-foot button{font-size:11px;min-height:35px}.life-goal-grid{display:grid;gap:12px}.life-goal-tile{display:block;text-align:left;background:#f8f9f3;padding:17px;width:100%;min-width:0}.life-goal-tile strong{display:block;font-size:15px;margin:8px 0;overflow-wrap:anywhere}.life-goal-tile small{font-size:10px;color:var(--muted)}.life-goal-tile p{font-size:12px;overflow-wrap:anywhere}.life-milestones article{display:flex;align-items:center;gap:8px;border-top:1px solid var(--line);padding:13px 0}.life-milestones article>div{flex:1;min-width:0}.life-milestones strong{font-size:12px;overflow-wrap:anywhere}.life-milestones small{display:block;color:var(--muted);font-size:10px;line-height:1.6;margin-top:5px}.life-milestone-check{min-width:40px;min-height:40px;padding:5px;background:#f3f6ed;font-size:19px}.life-milestone-check[aria-pressed=true]{background:#e2ecd8;color:#4c6b36}.life-milestones .link{min-height:40px;font-size:10px}.life-empty{padding:15px 0;color:#8b9682;font-size:12px;line-height:1.8}.life-detail-meta{display:flex;flex-wrap:wrap;gap:10px;color:#85927d;font-size:11px;line-height:1.7;margin:18px 0}.life-longtext{white-space:pre-wrap;overflow-wrap:anywhere;font-size:13px}.life-money{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.life-money small{display:block;color:var(--muted);font-size:10px;margin-bottom:9px}.life-money strong{display:block;font-size:18px;overflow-wrap:anywhere}.life-checkbox{display:flex;gap:8px;align-items:center;min-height:44px}.life-checkbox input{width:20px;min-height:20px;margin:0;flex-shrink:0}.life-checkbox-list{max-height:300px;overflow:auto;display:grid;gap:6px;padding:6px 0}.life-checkbox-list label{display:flex;gap:9px;align-items:center;min-height:40px;line-height:1.6;padding:4px}.life-checkbox-list input{width:20px;min-height:20px;margin:0;flex-shrink:0}.life-checkbox-list span{overflow-wrap:anywhere}.life-form-error{line-height:1.7}.life-dialog label{margin-bottom:12px}.life-dialog fieldset{min-width:0}.life-future{margin:15px 0 30px;font-size:12px;color:#8a947f;line-height:1.8}.life-future>div{display:flex;gap:6px;flex-wrap:wrap}.life-future button{font-size:11px}.life-file-list{display:flex;gap:8px;flex-wrap:wrap}.life-file-list button{font-size:11px;max-width:100%;overflow-wrap:anywhere}.life-project-filters label{flex:1;min-width:130px}.life-card .cardhead{flex-wrap:wrap}.life-card h2{overflow-wrap:anywhere}
@media(max-width:1100px){.life-columns{grid-template-columns:1fr}.life-project-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media(max-width:650px){.life-intro{align-items:flex-start;flex-direction:column;gap:7px}.life-intro p{font-size:12px}.life-intro .life-actions{margin:5px 0}.life-summary{grid-template-columns:1fr 1fr;gap:10px}.life-summary .stat{padding:15px}.life-summary .stat strong{font-size:24px}.life-tabs{gap:5px}.life-tabs button{font-size:11px;padding:10px}.life-category-nav button{font-size:10px;padding:9px}.life-project-grid{grid-template-columns:1fr}.life-milestones article{flex-wrap:wrap}.life-milestones article>div{flex-basis:calc(100% - 55px)}.life-milestones article>.link{margin-left:4px}.life-progress>div{flex-wrap:wrap}.life-money{grid-template-columns:1fr 1fr}.life-money strong{font-size:19px}.life-dialog{padding:20px;max-height:90dvh;overflow:auto}.life-dialog .two{grid-template-columns:1fr 1fr}.life-dialog .two>*{min-width:0}.life-detail-meta{flex-direction:column;gap:5px}.life-card .event{padding-left:5px}.life-future>div{display:grid;grid-template-columns:1fr 1fr}}

/* 3B: concise hub, explicit states and smaller empty sections. */
.life-intro{margin:16px 0 12px;gap:12px}
.life-intro p{font-size:13px;margin:7px 0 0}
.life-intro .life-actions{margin:0}
.life-actions{margin:8px 0 12px;gap:6px}
.life-actions button{font-size:12px;padding:9px 12px}
.life-tabs,.life-category-nav{gap:6px;margin-bottom:9px}
.life-summary{gap:10px;margin:16px 0}
.life-summary .stat{padding:13px 16px}
.life-summary .stat strong{font-size:25px;margin:6px 0 3px}
.life-summary .stat span{font-size:10px}
.life-card{padding:18px;margin-bottom:14px}
.life-card .cardhead{margin-bottom:12px;align-items:center}
.life-card h2{font-size:16px}
.life-card .link,.life-start-link .link{min-height:44px;display:inline-flex;align-items:center;text-align:left}
.life-card>p{margin:8px 0;font-size:12px}
.life-empty{margin:5px 0;padding:5px 0;font-size:12px;line-height:1.6}
.life-card .empty{padding:9px 0;font-size:12px}
.life-project-grid{gap:10px;grid-template-columns:repeat(auto-fit,minmax(205px,1fr))}
.life-project-tile{padding:13px;background:#fbfcf8}
.life-tile-title{min-height:44px}
.life-tile-title h3{font-size:15px;margin:7px 0;line-height:1.4;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;word-break:normal;overflow-wrap:break-word}
.life-tile-title p{font-size:12px;line-height:1.5;margin:5px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.life-tile-meta{display:flex;justify-content:space-between;gap:5px;align-items:center;flex-wrap:wrap}
.life-status{font-size:10px;padding:3px 7px;border-radius:5px;background:#eaf0e4;color:#47663f}
.life-status-waiting{background:#f6efdb;color:#856b27}
.life-status-completed{background:#e8eff2;color:#4e7180}
.life-status-archived{background:#eeefeb;color:#707b70}
.life-progress>div{margin-top:10px;gap:7px;flex-wrap:wrap}
.life-progress strong{font-size:13px;line-height:1.5}
.life-progress small{margin-top:6px;line-height:1.5}
.life-progress progress{margin-top:6px}
.life-tile-foot{margin-top:8px;gap:5px}
.life-tile-foot button{min-height:44px}
.life-goal-grid{gap:9px}
.life-goal-tile{padding:12px;background:#f7f8f2;border-left:3px solid #ad9d6b}
.life-goal-tile strong{font-size:14px;margin:5px 0}
.life-goal-tile p{font-size:12px;line-height:1.5;margin:5px 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.life-milestones article{padding:8px 0;gap:6px}
.life-milestone-check{border-radius:50%;min-width:44px;min-height:44px}
.life-milestones .link{font-size:11px}
.life-detail-meta{margin:10px 0;font-size:11px;gap:8px}
.life-detail-meta span{padding:4px 7px;background:#f3f5ef;border-radius:4px}
.life-longtext{font-size:13px;line-height:1.6;margin:8px 0}
.life-card .event{padding-top:10px;padding-bottom:10px}
.life-money{gap:8px}
.life-money small{margin-bottom:5px}
.life-money strong{font-size:19px}
.life-start-link{display:flex;gap:9px;align-items:center;flex-wrap:wrap;border:1px dashed #d8dfd1;border-radius:9px;padding:9px 13px;margin-bottom:14px;font-size:12px;color:#788472;line-height:1.5}
.life-start-link>span{flex:1;min-width:120px}
.life-hub .life-start-link{align-self:start}
.life-inline-details,.life-related-more{padding:10px 0;margin-bottom:12px;font-size:12px;color:#73816e;line-height:1.6}
.life-inline-details summary,.life-related-more summary{min-height:44px;display:list-item;align-content:center}
.life-related-more .event{margin-top:4px}
.life-future{margin:10px 0 16px;padding:12px 0}
.life-hub .life-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}
.life-hub .life-columns>div{display:contents}
.life-hub .life-columns>div:first-child>.life-card:first-child{grid-column:1/-1}
.life-hub .life-card{align-self:start}
@media(min-width:901px){.life-columns{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:14px}}
@media(max-width:900px){.life-columns{grid-template-columns:1fr;gap:0}}
@media(max-width:650px){
 .life-intro{margin:12px 0;gap:10px}
 .life-intro p{font-size:12px}
 .life-intro .life-actions{display:flex;width:100%;margin:0}
 .life-intro .life-actions button{flex:1}
 .life-tabs button{padding:9px 10px;font-size:11px}
 .life-category-nav{display:flex;flex-wrap:wrap}
 .life-category-nav button{padding:8px;font-size:10px}
 .life-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:13px 0}
 .life-summary .stat{padding:10px 8px}
 .life-summary .stat small{font-size:10px;display:block;line-height:1.4;min-height:28px}
 .life-summary .stat strong{font-size:23px;margin:5px 0 1px}
 .life-summary .stat span{font-size:9px}
 .life-card{padding:14px;margin-bottom:12px}
 .life-card .cardhead{margin-bottom:8px;gap:5px}
 .life-card h2{font-size:15px}
 .life-hub .life-columns{grid-template-columns:1fr;gap:0}
 .life-hub .life-project-grid{grid-template-columns:1fr;gap:8px}
 .life-hub .life-project-tile{display:grid;grid-template-columns:minmax(0,1fr) 92px;gap:5px 10px;padding:11px}
 .life-hub .life-tile-title p{display:none}
 .life-hub .life-tile-title h3{font-size:14px;margin:5px 0}
 .life-hub .life-progress{align-self:center}
 .life-hub .life-progress>div{margin:0;display:block}
 .life-hub .life-progress strong{font-size:12px}
 .life-hub .life-progress span{display:block;font-size:9px;margin-top:3px}
 .life-hub .life-progress small{display:none}
 .life-hub .life-tile-foot{grid-column:1/-1;margin:0}
 .life-detail-meta{gap:5px;flex-direction:row}
 .life-money{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .life-money strong{font-size:16px}
 .life-milestones article>div{flex-basis:calc(100% - 55px)}
}