/* v56: native navigation, indicators and the compact LifeActivityView surface. */
.device.life-screen{background:#073249!important;isolation:isolate}
.life-screen>.screen-header{background:#132c43ed!important;border-bottom:0;flex:0 0 54px;min-height:54px;height:54px;padding-block:7px;color:white;z-index:3}
.life-screen>.screen-header h1{font-size:20px;line-height:24px}
.life-map{position:relative;padding:8px!important;overflow-y:auto;overflow-x:hidden;--life-scale:1}
.life-content{display:flex;flex-direction:column;gap:calc(8px * var(--life-scale));min-width:0}
.life-map .life-insights{display:flex;flex-direction:column;gap:calc(8px * var(--life-scale));position:relative;overflow:visible;border:0;border-radius:0;background:none}
.life-map .life-year-card{height:calc(128px * var(--life-scale));min-height:0;box-sizing:border-box;padding:calc(16px * var(--life-scale));border:0.7px solid #ade0ff38;border-radius:20px;background:#43bdff26;overflow:hidden}
.life-map .life-year-heading{display:flex;align-items:baseline;gap:8px}
.life-map .life-year-heading h2{font-size:clamp(18px,calc(23px * var(--life-scale)),23px);line-height:1.2;margin:0;flex-shrink:0}
.life-map .life-year-heading .life-eyebrow{font-size:clamp(10px,calc(13px * var(--life-scale)),13px);line-height:1.15;letter-spacing:0;color:#94ff9e;text-transform:none;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.life-map .life-event-text{font-size:clamp(14px,calc(17px * var(--life-scale)),17px);line-height:1.17;margin:calc(8px * var(--life-scale)) 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;color:#fffffff0}
.life-picture-slot{height:calc(230px * var(--life-scale));min-height:0;margin-inline:2px;position:relative;overflow:hidden;border-radius:20px;background:#ffffff08;flex-shrink:0}
.life-map .life-picture-slot .life-event-image{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;margin:0;border-radius:20px;object-fit:cover;animation:none}
.life-map .life-picture-slot .life-event-image[hidden]{display:none}
.life-picture-slot.empty{background:linear-gradient(135deg,#8cd5f00a,#07416822)}
.life-map .life-disclosure{border:0.7px solid #ade0ff38;border-radius:20px;overflow:hidden;background:#43bdff26}
.life-map .life-why{height:calc(46px * var(--life-scale));min-height:30px;padding:0 calc(16px * var(--life-scale));font-size:clamp(12px,calc(15px * var(--life-scale)),15px);font-weight:600;align-items:center;border:0;border-radius:0;background:none;color:#94ff9e;margin:0}
.life-map .life-why span{font-size:20px;font-weight:400;color:#fff}
.life-map .life-explanation{padding:0 16px 12px}.life-map .life-explanation p{font-size:16px;line-height:1.3;margin:8px 0}
.life-map .life-ranges{flex-shrink:0;display:flex;height:calc(38px * var(--life-scale));min-height:28px;border-radius:20px;padding:3px;margin:0;background:#43bdff26;border:.7px solid #ade0ff38}
.life-map .life-ranges button{flex:1;border:1px solid transparent;border-radius:18px;font-size:clamp(12px,calc(15px * var(--life-scale)),15px);line-height:1;font-weight:600;padding:0 4px;color:#ffffff9e;background:none}
.life-map .life-ranges button[aria-pressed=true]{background:#9bd4ef26;border-color:#b8edff80;color:#fff}
.life-map .life-chart.live-chart{height:calc(245px * var(--life-scale))!important;min-height:155px;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:none!important;position:relative;overflow:visible;flex-shrink:0}
.life-map .live-chart svg{display:block;width:100%;height:100%;touch-action:none;overflow:visible;stroke:none;user-select:none;-webkit-user-select:none}
.life-plot-background{fill:#ffffff14;stroke:#ade0ff4d;stroke-width:.8}
.life-map .chart-grid line{stroke:#ffffff30;stroke-width:.5}.life-map .chart-area{fill:#ffffff66;stroke:none}.life-map .chart-past-area{fill:#35e34b38;stroke:none}.life-map .chart-line{stroke:#36d75a;stroke-width:2;fill:none}
.life-map .chart-selection{stroke:#ffffffaa;stroke-width:.5;stroke-dasharray:none}.life-map .chart-dot{fill:white;stroke:none;filter:drop-shadow(0 0 2px #fff8)}
.life-map .chart-value rect{fill:#fff}.life-map .chart-value text{fill:#111;font-size:12px;font-weight:400}.life-map .chart-years,.life-map .axis-activity{position:static;transform:none;fill:#ffffff66;color:#ffffff66;font-size:14px;font-weight:300;letter-spacing:0}.life-map .chart-age-labels text{fill:#ffffff66;font-size:12px;font-weight:300}
.life-map .life-purchase-cover{position:absolute;inset:4px;border-radius:18px;border:.5px solid #ffffff35;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:2}
.life-map .life-purchase-cover[hidden]{display:none}.life-map .life-view{display:flex;align-items:center;justify-content:center;gap:8px;min-width:110px;height:28px;padding:0 13px;border:0;border-radius:14px;background:#fff;color:#007aff;font-size:16px;font-weight:500}
.life-map .life-view img{width:26px;height:27px;object-fit:contain}.life-map .life-paylocked{min-height:0}.life-map .life-paylocked .life-event-text{color:transparent;text-shadow:0 0 6px #fff8;background:repeating-linear-gradient(transparent 0 7px,#ffffff24 7px 10px,transparent 10px 18px);min-height:42px}
.life-map .life-loading{position:absolute;inset:8px;padding:8px;display:flex;align-items:center;justify-content:center;z-index:4;border-radius:18px;border:.5px solid #ffffff30;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);color:#111;background:transparent}
.life-map .life-loading[hidden]{display:none}.life-wait-panel{width:100%;max-height:100%;overflow:auto;box-sizing:border-box;border-radius:18px;padding:20px;border:.5px solid #ffffff60;background:#ffffffd1;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);text-align:center;font:400 16px/1.23 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 0 0 .5px #b7d6e733}
.life-wait-panel p{white-space:pre-line;margin:0}.life-map .life-loading .native-spinner{display:block;margin:20px auto 0;width:20px;height:20px;color:#333}
.life-pending .life-content{pointer-events:none}.life-expanded .life-content{padding-bottom:8px}
.round.native-nav[data-action=chat-history] img{transform:translate(-50%,calc(-50% + 1.067px));}
@media(prefers-reduced-motion:reduce){.story-native{scroll-behavior:auto}}

.native-spinner,.checkout-spinner,.saving-spinner{border:0!important;border-radius:0;background:currentColor;mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.083%22%20transform%3D%22rotate%280%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.167%22%20transform%3D%22rotate%2830%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.250%22%20transform%3D%22rotate%2860%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.333%22%20transform%3D%22rotate%2890%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.417%22%20transform%3D%22rotate%28120%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.500%22%20transform%3D%22rotate%28150%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.583%22%20transform%3D%22rotate%28180%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.667%22%20transform%3D%22rotate%28210%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.750%22%20transform%3D%22rotate%28240%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.833%22%20transform%3D%22rotate%28270%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.917%22%20transform%3D%22rotate%28300%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%221.000%22%20transform%3D%22rotate%28330%2012%2012%29%22%2F%3E%3C%2Fsvg%3E");-webkit-mask-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.083%22%20transform%3D%22rotate%280%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.167%22%20transform%3D%22rotate%2830%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.250%22%20transform%3D%22rotate%2860%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.333%22%20transform%3D%22rotate%2890%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.417%22%20transform%3D%22rotate%28120%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.500%22%20transform%3D%22rotate%28150%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.583%22%20transform%3D%22rotate%28180%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.667%22%20transform%3D%22rotate%28210%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.750%22%20transform%3D%22rotate%28240%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.833%22%20transform%3D%22rotate%28270%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%220.917%22%20transform%3D%22rotate%28300%2012%2012%29%22%2F%3E%3Crect%20x%3D%2211%22%20y%3D%221%22%20width%3D%222%22%20height%3D%226%22%20rx%3D%221%22%20fill%3D%22black%22%20opacity%3D%221.000%22%20transform%3D%22rotate%28330%2012%2012%29%22%2F%3E%3C%2Fsvg%3E");mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;animation:ios-activity 1s steps(12,end) infinite}
.native-spinner{color:#aeb6be}.checkout-spinner{color:inherit}.saving-spinner{color:#777}
@keyframes ios-activity{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.native-spinner,.checkout-spinner,.saving-spinner{animation:none!important}}

/* AnswerDescriptionViewController: question row + 8pt text inset, image blur 20pt. */
.device[data-view=answer]>.screen-header,.device[data-view=asking]>.screen-header,.device[data-view=composer]>.screen-header,.device[data-view=hub]>.screen-header,.device[data-view=examples]>.screen-header{background:#071e36d9;border:0;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.answer-page{padding-top:36px}.answer-question{font-size:17px;font-weight:400;line-height:1.25;margin:0 0 10px}.answer-result{padding-top:0}.answer-text{padding-top:8px}.answer-page>.primary{font-weight:600}
.answer-locked>.answer-text{filter:blur(5px);user-select:none;-webkit-user-select:none;pointer-events:none}.answer-locked>.prediction-picture{filter:blur(20px);pointer-events:none}.answer-lock-cover{position:absolute;inset:0;z-index:2;pointer-events:none}
.native-view-button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:110px;height:28px;border:0;border-radius:14px;padding:0 13px;background:white;color:#007aff;font-size:16px;font-weight:500;pointer-events:auto}
.native-view-button img{width:26px;height:27px;object-fit:contain}.answer-locked .answer-lock-cover .unlock{position:sticky;display:flex;top:calc(42dvh - 54px);left:auto;transform:none;margin:100px auto 0}
.eclipse-heading h2{font-size:20px;font-weight:700}

.device.life-screen:before{content:'';position:absolute;inset:-30px;z-index:-1;background:url('assets/bgStarSky.jpg') center/cover;filter:blur(24px);transform:scale(1.1);opacity:.85;pointer-events:none}
.life-map .life-pending{filter:none}.life-pending .life-content{filter:blur(5px)}.life-map .life-paylocked>.life-year-card,.life-map .life-paylocked>.life-picture-slot,.life-map .life-paylocked>.life-disclosure{filter:blur(5px);pointer-events:none}
.life-map .chart-years,.life-map .axis-activity{font-size:13px;font-weight:300}.answer-question{color:#b2b2b2}

.device[data-theme=relationship]:is([data-view=answer],[data-view=asking],[data-view=composer],[data-view=hub],[data-view=examples])>.screen-header{background:#271933d9}
.device[data-theme=profession]:is([data-view=answer],[data-view=asking],[data-view=composer],[data-view=hub],[data-view=examples])>.screen-header{background:#092d34d9}

.life-map .axis-activity{writing-mode:horizontal-tb}