.lifeview-screen{position:fixed;inset:0;z-index:1000;overflow:auto;background:var(--bg,#f7f6f2);color:var(--text,#172522);padding:clamp(16px,4vw,48px);font-family:inherit}
.lifeview-editor [hidden]{display:none!important}
.lifeview-header{display:flex;gap:16px;align-items:center;justify-content:space-between;max-width:850px;margin:auto}.lifeview-header h1{font-size:clamp(28px,4vw,46px);margin:0}.lifeview-header button,.lifeview-actions button,.lifeview-editor button{border:1px solid currentColor;border-radius:12px;background:transparent;color:inherit;padding:9px 14px;cursor:pointer;font:inherit}.lifeview-primary{background:#1b6955!important;color:white!important;border-color:#1b6955!important}.lifeview-intro,.lifeview-message{max-width:800px;margin:16px auto}.lifeview-timeline{max-width:800px;margin:36px auto 80px;border-inline-start:2px solid #95b5a9;padding-inline-start:26px}.lifeview-timeline h2{position:relative;margin:32px 0 12px;font-size:27px}.lifeview-timeline h2:before{content:'';position:absolute;inset-inline-start:-34px;top:12px;width:14px;height:14px;border-radius:50%;background:#1b6955}.lifeview-card{display:grid;grid-template-columns:44px 1fr auto;gap:14px;align-items:start;padding:18px;margin:12px 0;border:1px solid #a7bcb4;border-radius:18px;background:var(--surface,#fff);box-shadow:0 3px 12px #0000000c}.lifeview-card h3{margin:0 0 6px;font-size:19px}.lifeview-card p{margin:4px 0;line-height:1.5}.lifeview-icon{font-size:29px}.lifeview-actions{display:flex;gap:8px}.lifeview-editor{max-width:min(520px,94vw);width:100%;border:1px solid #a7bcb4;border-radius:20px;background:var(--surface,#fff);color:inherit;padding:24px}.lifeview-editor::backdrop{background:#101d1bb8}.lifeview-editor form{display:grid;gap:13px}.lifeview-editor label{display:grid;gap:5px}.lifeview-editor input,.lifeview-editor textarea,.lifeview-editor select{font:inherit;padding:10px;border:1px solid #a7bcb4;border-radius:9px;background:transparent;color:inherit}.lifeview-editor textarea{min-height:80px}.lifeview-editor-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}@media(max-width:650px){.lifeview-header{flex-wrap:wrap}.lifeview-header h1{order:-1;flex-basis:100%}.lifeview-card{grid-template-columns:36px 1fr}.lifeview-actions{grid-column:2}.lifeview-header button{font-size:13px}}