#page-life{display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--global-font-family,inherit)}#page-life [hidden]{display:none!important}.life-head{display:flex;align-items:center;gap:12px;flex-shrink:0;min-height:calc(60px + var(--safe-top));padding:calc(8px + var(--safe-top)) 16px 8px}.life-head button{border:0;background:transparent;color:inherit;width:40px;height:40px;font-size:26px}.life-head h1{font-size:18px;font-weight:600;margin:0}.life-tabs{display:flex;gap:4px;margin:0 20px 12px;flex-shrink:0}.life-tabs button{flex:1;background:transparent;border:0;padding:10px 4px;color:var(--text3);font:inherit;font-size:13px;border-radius:8px}.life-tabs button[aria-current=page]{background:var(--surface2);color:var(--text)}.life-scroll{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:8px 22px calc(24px + var(--safe-bottom))}.life-content{max-width:620px;margin:auto}#life-panel h2{font-size:24px;font-weight:500;line-height:1.5;margin:12px 0}#life-panel h3{font-size:15px;font-weight:500;margin:28px 0 14px}.life-intro>small{font-size:10px;letter-spacing:.12em;color:var(--text3)}.life-intro p,.life-note{font-size:12px;line-height:1.9;color:var(--text3)}.life-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.life-people button{text-align:left;padding:16px;background:var(--surface2);border:0;border-radius:12px;color:var(--text)}.life-people strong{display:block;font-size:14px;font-weight:500}.life-people span{display:block;margin-top:8px;font-size:11px;color:var(--text2);overflow-wrap:anywhere}.life-entry{padding:18px 0}.life-entry header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.life-entry strong{font-size:13px;font-weight:500}.life-entry small{font-size:10px;color:var(--text3);line-height:1.8}.life-entry p{font-size:14px;line-height:1.8;margin:9px 0;white-space:pre-wrap;overflow-wrap:anywhere}.life-entry blockquote{font-size:13px;line-height:1.8;margin:12px 0;padding:14px;background:var(--surface2);border-radius:10px;white-space:pre-wrap}.life-select, #life-panel form>label{display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:13px;color:var(--text2);margin:16px 0}#life-panel input,#life-panel select,#life-panel textarea{min-width:0;max-width:65%;background:var(--surface2);color:var(--text);border:0;border-radius:8px;padding:10px;font:inherit;font-size:14px}#life-panel textarea{max-width:none;width:100%;resize:vertical;line-height:1.7}#life-panel label:has(textarea){align-items:stretch;flex-direction:column}#life-panel input[type=number]{width:95px}#life-panel input[type=checkbox]{width:20px;height:20px;accent-color:var(--text2);flex-shrink:0}#life-panel form>button,#life-older{padding:11px 18px;border:0;border-radius:9px;background:var(--control-fill);color:var(--control-on-fill);font:inherit;font-size:12px;min-height:42px}#life-panel form{margin:24px 0}.life-current{background:var(--surface2);padding:20px;border-radius:14px;margin:20px 0}.life-current>small{font-size:11px;color:var(--text3)}.life-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:24px}.life-stats label{display:grid;grid-template-columns:1fr auto;font-size:11px;color:var(--text2);gap:8px}.life-stats strong{font-weight:400}.life-stats meter{width:100%;height:6px;grid-column:1/-1;accent-color:var(--text2)}#life-panel details{margin:22px 0}#life-panel summary{font-size:13px;color:var(--text2);padding:12px 0;cursor:pointer}.life-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.life-cards article,.life-definitions article{background:var(--surface2);padding:16px;border-radius:10px;overflow-wrap:anywhere}.life-cards p,.life-definitions p{font-size:12px;line-height:1.8;white-space:pre-wrap}.life-cards small,.life-definitions small{display:block;color:var(--text3);font-size:10px;line-height:1.8}.life-cards button,.life-definitions button{background:transparent;border:0;color:var(--text2);font:inherit;font-size:11px;padding:8px 10px 8px 0;min-height:36px}.life-definitions{display:grid;gap:12px}.life-definitions strong{font-size:13px;font-weight:500}.life-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.life-fields label{display:grid;gap:8px;font-size:12px;color:var(--text2)}#life-panel .life-fields input{max-width:100%;width:100%;box-sizing:border-box}#life-status{font-size:12px;line-height:1.8;color:var(--text2);min-height:20px}#page-life :focus-visible{outline:2px solid var(--text3);outline-offset:3px}#page-life button:disabled{opacity:.5}
