/* One type system, with a second navigation level inside Life. */
:root{--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif;--font-display:Georgia,"Times New Roman","Life Chinese",serif}
.bottom-nav{grid-template-columns:repeat(3,minmax(0,1fr));font-family:var(--font-ui)}
.bottom-nav .nav-item{position:relative;min-width:0;font:400 12px/1.3 var(--font-ui);letter-spacing:0;gap:6px}
.bottom-nav .nav-item svg{width:21px;height:21px;stroke-width:1.35}
.bottom-nav .nav-item[aria-current="page"] svg{stroke-width:1.8}
.bottom-nav .nav-item[aria-current="page"]::after{bottom:1px}
body[data-navigation="life"] .bottom-nav{grid-template-columns:repeat(7,minmax(44px,1fr));padding-inline:6px;overflow-x:auto;scrollbar-width:none;background:#f6f9fce8;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
body[data-navigation="life"] .nav-item{font-size:10.5px;min-height:54px;white-space:nowrap}
body[data-navigation="life"] .nav-item svg{width:20px;height:20px}
body[data-navigation="life"] .topbar{height:76px;padding:20px 25px 10px}
body[data-navigation="life"] .wordmark.life-return{display:inline-flex;align-items:center;gap:7px;min-height:44px;font:400 21px/1.3 var(--font-display);letter-spacing:0;color:var(--ink)}
.wordmark.life-return svg{width:12px;height:18px;stroke-width:1.4}
body[data-page="life"] .wordmark.life-return{font-size:34px}
body[data-page="life"] .life-title{margin:0 0 24px}
body[data-page="life"] .life-title h1{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
body[data-page="life"] .life-title>p{margin:0;font:12px/1.6 var(--font-ui);letter-spacing:1.5px}
body[data-navigation="life"] :is(.page-heading h1,.ideas-opening h1,.life-spaces .heading h1,.finance-heading h1){font:400 34px/1.3 var(--font-display);letter-spacing:-.5px;color:var(--ink)}
body[data-navigation="life"] :is(.page-heading,.ideas-opening,.life-spaces .heading,.finance-heading){margin-top:8px;margin-bottom:26px}
body[data-navigation="life"] :is(.life-periods,.period-tabs,.review-periods,.mode-tabs,.finance-toolbar,.life-range){font-family:var(--font-ui)}
.finance-back{display:none}
body[data-navigation="life"] .space-home{display:none}
.finance-heading p{font-size:13px;line-height:1.7;color:var(--muted)}
.journal-card-actions,.detail-actions{flex-wrap:wrap;row-gap:7px}
@media(max-width:360px){body[data-navigation="life"] .topbar{padding-inline:20px}body[data-navigation="life"] .nav-item{font-size:10px}body[data-navigation="life"] .bottom-nav{padding-inline:5px}}