.home-shortcuts{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;padding:8px 0 20px}.shortcut-card{border:0;border-radius:24px;min-height:150px;max-height:190px;padding:20px 12px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(145deg,#e5f1ff,#f2edff);color:#087bff;font-size:17px;font-weight:600}.shortcut-card img,.shortcut-card svg{width:58px;height:58px;object-fit:contain}.au-extra-features{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0}.au-extra-features>a,.au-extra-features>button{border:0;border-radius:22px;min-height:115px;background:#ffffffd9;color:#007aff;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:500}.au-extra-features img{width:40px;height:40px;object-fit:contain}.au-extra-features .extra-symbol{font-size:32px;line-height:1}.answer-result{position:relative}.answer-locked{min-height:260px}.answer-locked>p,.answer-locked>.answer-skeleton{filter:blur(7px);user-select:none;pointer-events:none}.answer-locked>.unlock{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}#scan-loading{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);z-index:15;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:20px;background:#0009;color:white;white-space:nowrap;font-size:15px}
.device.story-screen{isolation:isolate;background:#031326!important;height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}.story-screen:before{content:'';position:absolute;inset:-35px;z-index:-1;background:url('assets/bgStarSky.jpg') center/cover;filter:blur(14px);transform:scale(1.1);opacity:.85}.story-screen>.screen-header{flex-shrink:0;background:transparent;border:0;z-index:2}.story-native{position:relative;flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:8px 24px 20px!important;margin:0!important;text-align:left;mask-image:linear-gradient(#000 94%,transparent);-webkit-mask-image:linear-gradient(#000 94%,transparent)}.story-content{position:relative;min-height:100%;width:100%;margin:0 auto;max-width:500px;color:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}.story-compact-title{font-size:23px;line-height:1.12;max-width:245px;min-height:52px;text-align:center;margin:0 auto 52px!important;transform-origin:center;position:relative;z-index:1}.story-details{font-size:18px;line-height:1.34}.story-details p{font-size:inherit;line-height:inherit;text-align:left;margin:0 0 16px}.story-image{display:block;width:100%;height:auto;max-height:280px;object-fit:cover;border-radius:20px;margin:0 0 14px}.story-paragraph{margin-bottom:16px;white-space:pre-wrap}.story-line{min-height:1.34em}.story-measure{margin:0!important;white-space:pre-wrap;visibility:hidden}.story-opening-hero{position:absolute;top:44%;left:0;right:0;transform:translateY(-50%);text-align:center;display:flex;align-items:center;flex-direction:column;gap:20px}.story-avatar{width:140px;height:140px;object-fit:cover;border-radius:50%}.story-greeting{font-size:31px;font-weight:400;margin:0}.story-opening-phrase{position:absolute;top:44%;left:20px;right:20px;transform:translateY(-50%);text-align:center!important;font-size:24px!important;line-height:1.2!important}.story-quality-cluster{text-align:center;font-size:21px;line-height:1.45;font-weight:600;margin-bottom:46px}.story-qualities-intro{position:absolute;top:40%;left:0;right:0;text-align:center;font-size:30px}.story-theme-card{padding:12px 14px;border-radius:13px;background:#2d38699c;border:1px solid #ffffff20;margin-bottom:10px;font-size:17px}.story-theme-card:nth-child(2){background:#1e597680}.story-theme-card:nth-child(3){background:#17647780}.story-windows{padding-top:60px;display:grid;gap:12px}.story-window{border:1px solid #ffffff25;border-radius:17px;background:#643d7d50;padding:14px;font-size:16px}.story-window h3{font-size:18px;margin:0 0 10px;color:#ff6ea7}.story-window small{display:block;background:#ffffff17;border-radius:7px;padding:4px 7px;margin:0 0 8px;font-size:13px}.story-window p{font-size:15px;margin:0}.story-window.tone-1{background:#2869ad50}.story-window.tone-1 h3{color:#73b3ff}.story-window.tone-2,.story-window.tone-3{background:#837d3350}.story-window.tone-2 h3,.story-window.tone-3 h3{color:#ffdf74}.story-screen .story-navigation{position:relative;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;padding:12px 24px max(18px,env(safe-area-inset-bottom));margin:0;background:transparent;gap:16px}.story-arrow{width:38px;height:38px;border-radius:12px;background:#ffffff12;color:#ffffff90;border:0;font-size:34px;line-height:30px;padding:0}.story-arrow:disabled{visibility:hidden}.story-arrow.ready{color:#fff;animation:story-next-hint 1.4s ease-in-out infinite}.story-dots{display:flex;gap:7px;justify-content:center}.story-dots i{width:6px;height:6px;border-radius:50%;background:#ffffff40}.story-dots i.active{background:#fff}.story-learn{display:block;margin:40px auto 15px;padding:12px 25px;border:0;border-radius:14px;background:#087bff;color:#fff;font-size:19px}.life-loading{padding:40px 20px;text-align:center;white-space:pre-line;line-height:1.5}.life-loading .native-spinner{display:inline-block;margin:30px}.life-insights{position:relative;overflow:hidden}.life-year-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.life-year-heading>span,.life-eyebrow{font-size:12px;text-transform:uppercase;color:#a2d2f2;letter-spacing:.04em}.life-year-heading h2{font-size:21px;margin:0 0 12px}.life-event-image{width:100%;max-height:240px;object-fit:cover;border-radius:16px;margin:12px 0;animation:life-image-in .38s ease-out}.life-event-text,.life-explanation p{white-space:pre-wrap;line-height:1.4;font-size:17px}.life-why{border:0;background:#ffffff0b;color:#fff;width:100%;font:inherit;display:flex;justify-content:space-between}.life-explanation{padding:0 16px 12px}.life-explanation h3{font-size:15px;color:#a2d2f2}.live-chart{height:auto!important;padding:24px 8px 10px!important;position:relative}.live-chart svg{display:block;width:100%;touch-action:pan-y}.chart-grid line{stroke:#ffffff16;stroke-width:.6}.chart-grid text{fill:#a6bdcf;font-size:10px}.chart-line{stroke:#68d2ff;stroke-width:2.5;fill:none;stroke-linejoin:round}.chart-selection{stroke:#ffffff55;stroke-dasharray:4 4}.chart-dot{fill:#fff;stroke:#59cbff;stroke-width:3}.life-scrubber{width:90%;margin:0 5%;accent-color:#58cfff}.life-paylocked{min-height:290px}.life-paylocked .unlock{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
@keyframes story-next-hint{50%{transform:scale(1.1);background:#ffffff28}}@keyframes life-image-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media(max-width:380px){.story-native{padding:6px 18px 14px!important}.story-details{font-size:16px}.story-compact-title{font-size:21px;margin-bottom:38px!important}.shortcut-card{min-height:135px}}
@media(prefers-reduced-motion:reduce){.story-arrow.ready,.life-event-image{animation:none}}
/* AnswerDescriptionViewController: text inset 16+5pt, 33pt before the image,
   image inset 20pt, and the new-question button's 69pt vertical padding. */
.answer-page{padding:12px 20px 69px}.answer-text{font-size:20px;line-height:1.25;padding:8px 1px 33px}.answer-page .prediction-picture{margin:0;width:100%;border-radius:21px;max-height:none}.answer-page>.primary{margin-top:69px;min-height:50px;font-size:20px;font-weight:400;border-radius:15px}.answer-question{font-size:20px;line-height:1.25;margin:0 0 30px}
.life-map .life-year-card{height:auto;min-height:128px}.life-map .life-year-card>.life-eyebrow{position:static;display:block;color:#a2d2f2;margin:5px 0 10px}.story-native .story-compact-title{font-size:23px}.story-native .story-opening-hero,.story-native .story-opening-phrase{translate:0 -50%;transform:none}.story-native .story-greeting{font-size:31px}.story-native .story-qualities-intro{font-size:30px}
.onboarding-screen[data-onboarding=loading]{background:#031426;color:#fff}.ob-loading{height:100dvh;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:25px;padding:35px;background:radial-gradient(ellipse at 50% 55%,#15547688,transparent 65%)}.ob-loading>img{width:92px;height:92px;border-radius:24px;box-shadow:0 12px 40px #0004}.ob-loading>h1{font-size:24px;line-height:1.2;letter-spacing:0;max-width:320px}.ob-loading>p{font-size:16px;line-height:1.45;color:#b9d1e1;max-width:310px}.ob-loading .native-spinner{width:27px;height:27px}.hands-restoring{display:flex;align-items:center;justify-content:center;gap:14px;min-height:60vh;padding:24px;color:#333}
.ob-loading .native-spinner,.life-loading .native-spinner,.hands-restoring .native-spinner,#scan-loading .native-spinner{position:static;display:inline-block;flex-shrink:0;transform:none}.answer-question{font-size:17px}.answer-page>.primary{min-height:57px}.answer-result:not(:has(.prediction-picture)) .answer-text{font-weight:600}.device.life-screen{height:100dvh;min-height:0;overflow:hidden;display:flex;flex-direction:column}.life-screen>.screen-header{flex-shrink:0}.life-map{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain}
.life-map .life-insights{border:0;background:none;border-radius:0}.life-map .life-year-card{height:128px;background:#43bdff18;padding:16px}.life-year-heading{align-items:baseline}.life-year-heading h2{font-size:23px;line-height:28px;white-space:nowrap;margin:0}.life-year-heading>.life-eyebrow{font-size:13px;color:#8cffa5;text-transform:none;letter-spacing:0;text-align:right}.life-map .life-event-text{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:17px;line-height:20px;margin:8px 0 0}.life-map .life-event-image{width:calc(100% - 4px);display:block;margin:10px 2px;min-height:180px;max-height:230px;border-radius:20px}.life-why{color:#8cffa5}.life-map .life-ranges{margin:10px 0}.life-chart.live-chart{margin:0 0 20px}.chart-past{stroke:#8cffa5}.chart-years{position:absolute;top:9px;left:50%;transform:translateX(-50%);font-size:14px}.life-scrubber{height:1px;width:1px;margin:0;position:absolute;clip-path:inset(50%);overflow:hidden}.life-scrubber:focus-visible{position:static;width:90%;height:20px;clip-path:none;margin-inline:5%}
.life-event-image{animation:none}.life-event-image.new-image{animation:life-image-in .38s ease-out}

.chart-value rect{fill:#8cffa5}.chart-value text{fill:#082019;font-size:12px;font-weight:600}

.story-native{touch-action:pan-y pinch-zoom}.story-arrow{display:flex;align-items:center;justify-content:center;flex:0 0 38px;line-height:1;box-sizing:border-box}.story-arrow svg{display:block;width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}.story-arrow.ready{color:#fff;opacity:1}.story-arrow.ready svg{stroke:#fff;filter:drop-shadow(0 0 3px #fff8)}