/* V14 responsive interaction and accessibility fixes */
.life-task{display:flex!important;align-items:flex-start;gap:11px;width:100%;min-width:0;line-height:1.5;overflow-wrap:anywhere;cursor:pointer;margin:9px 0!important;padding:12px!important;font-size:14px!important;box-sizing:border-box;transition:background .2s,border-color .2s}
.life-task input{position:static!important;display:block!important;flex:0 0 19px;width:19px;height:19px;margin:1px 0 0!important;accent-color:#4f65e8;cursor:pointer}
.life-task .life-task-text{display:block;flex:1;min-width:0}
.life-task:has(input:checked){background:#eaf9f2;border-color:#88d9b5}
.life-task:has(input:checked) .life-task-text{text-decoration:line-through;color:#506a61}
.life-phone-body{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;overscroll-behavior:contain}
.life-phone-body>*{max-width:100%;box-sizing:border-box}
.life-choice,.life-answer,.life-market-card,.life-phone-nav button{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease}
@media(hover:hover){.life-choice:hover,.life-answer:hover{transform:translateY(-2px);box-shadow:0 9px 24px #203d8a1a}.life-market-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px #203d8a1b}.life-phone-nav button:not(:disabled):hover{transform:translateY(-2px);background:#344bc9}}
.life-choice:focus-visible,.life-answer:focus-visible,.life-phone-nav button:focus-visible,.life-task:focus-within{outline:3px solid #49a9d6;outline-offset:2px}
.life-phone-body.life-enter>*{animation:lifeFadeUp .35s ease both}
@keyframes lifeFadeUp{from{opacity:.4;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.life-market-art{font-size:35px}.life-market-card strong{font-size:13px}.life-market-card button{font-size:12px}
.life-progress-bar{height:5px;background:#e8edfb;border-radius:99px;overflow:hidden;margin:0 14px}.life-progress-bar span{display:block;height:100%;background:linear-gradient(90deg,#366cf0,#5bd8c6);transition:width .3s ease}
.life-phone{height:680px;min-height:0}.life-phone-body{flex:1}
.life-intro h3{margin-bottom:16px}
@media(max-width:1050px){.life-layout{grid-template-columns:minmax(0,1fr) minmax(310px,370px);gap:22px}}
@media(max-width:700px){
 .life-section{padding:44px 0 50px}.life-section .shell{width:min(100% - 28px,560px);margin:auto}
 .life-heading{margin-bottom:18px;text-align:left}.life-heading h2{font-size:32px;margin:7px 0 9px}.life-heading p{font-size:14px;line-height:1.5}
 .life-layout{display:flex;flex-direction:column;gap:15px;align-items:stretch}
 .life-intro{width:100%}.life-intro h3{font-size:17px;margin-bottom:10px}
 .life-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .life-choice{font-family:inherit;font-size:13px;line-height:1.3;min-height:61px;padding:10px 9px;border-radius:13px;gap:8px}
 .life-choice span{font-size:21px;flex:0 0 auto}.life-tip{font-size:11px;margin:9px 0 0}
 .life-phone{width:100%;max-width:none;height:min(660px,78dvh);min-height:490px;border:5px solid #142037;border-radius:26px;box-shadow:0 12px 34px #0a245b22}
 .life-notch{height:11px;width:75px}.life-phone-head{padding:9px 14px}.life-phone-head span{font-size:19px}
 .life-phone-body{padding:14px 14px 8px}.life-phone-body h4{font-size:20px;margin:8px 0 10px}
 .life-phone-nav{padding:9px 12px}.life-phone-nav button{min-height:43px;font-size:13px}
 .life-market-art{height:64px}.life-market-grid{gap:8px}.life-explainer{display:none}
}
@media(max-width:380px){.life-choice{font-size:12px}.life-phone{height:610px}.life-phone-body{padding:12px}.life-task{font-size:13px!important}}
@media(prefers-reduced-motion:reduce){.life-phone-body.life-enter>*{animation:none!important}.life-choice,.life-answer,.life-market-card{transition:none!important}}
/* Restore prominent hover interaction on hero scenario selector */
@media(hover:hover){[data-problem]{transition:transform .2s,box-shadow .2s,border-color .2s!important}[data-problem]:hover{transform:translateY(-4px)!important;box-shadow:0 10px 24px #2468b52b!important}}