/* Life V1: scoped styles; Today content and its visual rules stay frozen. */
.bottom-nav{grid-template-columns:repeat(3,1fr)}
body[data-page="life"]{background:#f4f5f6}
body[data-page="life"] .scene{background:#f7f7f5}
body[data-page="life"] .scene::before,body[data-page="life"] .scene::after{display:none}
body[data-page="life"] .mobile-shell{background:linear-gradient(160deg,#f6f7f9,#faf9f6 70%);box-shadow:none}
body[data-page="life"] .topbar{height:68px;padding:24px 27px 8px}
body[data-page="life"] .wordmark{font:12px/1.5 system-ui;letter-spacing:1px;color:#758195}
body[data-page="life"] #screen{padding:12px 27px 110px}
body[data-page="life"] .bottom-nav{background:#fafaf8f5;border-color:#dce1e7;box-shadow:none}
.life-page{color:#293c57;--life-muted:#68788d;--life-line:#dfe3e8}
.life-title{display:flex;align-items:baseline;gap:15px;margin-bottom:22px}.life-title h1{font:500 34px/1.2 system-ui;letter-spacing:-1px}.life-title>p{font-size:12px;color:var(--life-muted)}
.life-periods{display:flex;justify-content:space-between;border-bottom:1px solid var(--life-line)}.life-periods button{font:13px/1.5 system-ui;min-height:44px;min-width:54px;color:var(--life-muted);border-bottom:2px solid transparent}.life-periods button[aria-pressed="true"]{color:#293c57;border-color:#61768e}
.life-range{font:10px/1.5 system-ui;color:var(--life-muted);display:flex;justify-content:space-between;gap:10px;margin:14px 0 42px}
.life-section-heading{margin-bottom:24px}.life-section-heading h2{font:500 18px/1.4 system-ui;letter-spacing:-.3px}.life-section-heading>p{font-size:12px;color:var(--life-muted);margin-top:5px}
.life-season{padding-bottom:38px;min-height:450px}.life-season-statement{font:400 25px/1.65 var(--font);letter-spacing:.3px;margin:0 0 19px}.life-season-description{font-size:14px;line-height:1.9;color:#64738a;margin-bottom:24px}.life-threads{border-left:1px solid #c9d2dc;padding-left:18px}.life-thread{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;gap:10px;min-height:70px;padding:12px 0}.life-thread strong{font-size:15px;font-weight:400}.life-thread small{display:block;font-size:12px;line-height:1.8;color:var(--life-muted);margin-top:4px}.life-thread>span:last-child{color:#8391a5;font:22px system-ui}
.life-section{border-top:1px solid var(--life-line);padding:32px 0 34px}.life-compass{position:relative;max-width:336px;margin:6px auto 0}.life-compass svg{width:100%;display:block;font-family:system-ui}.life-compass-label{position:absolute;font-size:12px;min-height:44px;min-width:66px;transform:translate(-50%,-50%);white-space:nowrap}.compass-0{left:50%;top:6%}.compass-1{left:87%;top:29%}.compass-2{left:87%;top:72%}.compass-3{left:50%;top:94%}.compass-4{left:13%;top:72%}.compass-5{left:13%;top:29%}.life-footnote{text-align:center;font-size:11px;line-height:1.9;color:var(--life-muted);margin-top:22px}
.life-signal+.life-signal{margin-top:26px}.life-signal h3{font-size:17px;margin-bottom:9px}.life-signal>p{font-size:14px;line-height:1.9;color:#65738a}.life-evidence{display:flex;flex-wrap:wrap;gap:7px 15px;margin-top:15px}.life-evidence span{font-size:11px;line-height:1.8;color:#66778e;padding-left:9px;border-left:2px solid #d6dfdf}
.life-subheading{font:500 14px/1.8 system-ui;margin-bottom:17px}.life-subheading span{font:11px var(--font);color:var(--life-muted);margin-left:10px}.life-change-statement{font-size:18px;line-height:1.8}.life-lights{margin-top:35px;padding-top:27px;border-top:1px solid var(--life-line)}.life-light{display:flex;align-items:start;gap:12px;text-align:left;width:100%;padding:16px 0;min-height:65px}.life-light p{font-size:16px;line-height:1.85}.life-light small{font:10px/1.8 system-ui;color:var(--life-muted);display:block;margin-top:7px}.life-light-mark{width:5px;height:5px;border-radius:50%;background:#b4becb;margin-top:13px;flex:none}.life-chevron{font:22px system-ui;color:#8391a5;align-self:center;margin-left:auto}.life-light>span:nth-child(2){flex:1}
.life-overview-spaces{border-top:1px solid var(--life-line);padding-top:28px}.life-overview-spaces>p{font-size:12px;color:var(--life-muted);margin-bottom:15px}.life-overview-spaces>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px 18px}.life-overview-spaces button{font:14px/1.5 system-ui;min-height:48px;text-align:left;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e6eb}.life-overview-spaces button span{font-size:12px;color:#8b97a8}
.life-empty>p{font-size:18px;line-height:1.8;margin-bottom:12px}.life-empty>small{font-size:13px;line-height:1.9;color:var(--life-muted);display:block}.life-season>.life-empty{padding-top:14px;max-width:290px}.life-demo-note{font:10px/1.8 system-ui;color:#66768b;border-bottom:1px dashed #d5dce5;padding-bottom:10px;margin-bottom:20px}
.life-detail{width:min(90vw,390px);max-height:80dvh;background:#fafaf8;color:#293c57;border:1px solid #e0e5ea;border-radius:16px;padding:0;box-shadow:0 10px 40px #293c5715}.life-detail::backdrop{background:#23364a33}.life-detail-inner{padding:28px}.life-detail h2{font-size:23px;padding-right:30px;margin-bottom:20px}.life-detail-close{float:right;width:36px;height:36px;font:26px system-ui}.life-detail p{font-size:15px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.life-detail-date{font:11px/1.8 system-ui!important;color:#6c7a8c;margin-bottom:20px}.life-detail section{margin-top:24px}.life-detail h3{font:13px system-ui;color:#6c7a8c;margin-bottom:12px}.life-detail small{display:block;color:#6c7a8c;font:11px system-ui;margin:4px 0 14px}
@media(max-width:360px){body[data-page="life"] #screen{padding-inline:21px}.life-season-statement{font-size:23px}.life-compass-label{font-size:11px}.life-range{font-size:9px}}
.life-compass svg{height:auto;aspect-ratio:320/296;overflow:visible}
.life-overview-spaces button,.life-thread,.life-light{overflow-wrap:anywhere}

/* Life: opening titles and quiet text navigation, without arrow furniture. */
body[data-page="life"] .mobile-shell{background:linear-gradient(155deg,#eef2f8 0%,#f8f8f6 28%,#fbf8f4 65%,#f3f5f8 100%)}
.life-title{display:block;margin:24px 0 28px}.life-title h1{font:400 46px/1.15 Georgia,"Times New Roman",serif;letter-spacing:-1.5px}.life-title>p{margin-top:9px;letter-spacing:3px;font-size:11px}
.life-overview-spaces{border:0;padding:0;margin:0 0 29px}.life-overview-spaces>div{gap:0 18px}.life-overview-spaces button{justify-content:center;border:0;font:13px/1.5 system-ui;color:#50627b;min-height:42px;letter-spacing:.2px}.life-overview-spaces button:hover{color:#223b5c;background:#ffffff50}.life-overview-spaces button:focus-visible{outline-offset:0}
.life-periods{border-top:1px solid #dfe3e8;padding-top:8px}.life-range{margin-bottom:38px}.life-season{min-height:0;padding-bottom:42px}.life-section-heading h2{font:400 22px/1.4 Georgia,"Times New Roman",serif;letter-spacing:0}.life-section-heading>p{letter-spacing:1px}.life-season-statement{line-height:1.85}.life-thread>span:last-child{color:inherit;font:inherit}.life-thread strong{font-size:15px}.life-thread small{font-size:12px}.life-light-mark{background:#bac5d3}