/* Match the supplied Reading.com funnel: white pages, Quicksand, compact copy,
   a single progress line and flat purple Continue buttons. */
:root{background:#fff;color:#221750;--purple:#5839ed;--muted:#716981}body{background:#fff}header{height:55px;min-height:55px;max-width:448px;padding:0 24px;justify-content:center;position:relative}.brand{font-size:21px;letter-spacing:-.55px;gap:4px;color:#221750}.brand small{font-size:9px;background:#221750;color:#fff;border:0;border-radius:2px;padding:1px 4px;margin:4px 0 0;letter-spacing:0}.brand-mark,.page-count{display:none}.back{position:absolute;left:21px;top:9px;width:30px;font-size:34px;color:#161616}.journey{display:block;max-width:400px;width:calc(100% - 48px);height:4px;margin:0 0 30px;background:#e5dbfb;border-radius:0;overflow:hidden}.journey span{display:block;height:100%;background:linear-gradient(90deg,#d26ce8,#8c58f2);border-radius:0}.journey-first{visibility:hidden;height:0;margin-bottom:16px}main{max-width:400px;width:calc(100% - 48px);padding:0 0 15px;text-align:center}footer{display:none}main h1,.game-intro h1,.paywall-page h1,.checkout-page h1,.preparing-page h1{font-size:24px;line-height:1.3;letter-spacing:0;margin:0 0 18px;font-weight:700}h1 em{color:#5839ed;font-style:normal}.subtitle,.game-intro .subtitle{font-size:17px;line-height:1.5;color:#221750}.eyebrow{font-size:11px;letter-spacing:1.5px;color:#221750;margin-bottom:15px}.welcome>.eyebrow,.benefit>.eyebrow,.included-page>.eyebrow,.final-page>.eyebrow,.profile-page>.eyebrow,.testimonials-page>.eyebrow,.paywall-page>.eyebrow,.checkout-page>.eyebrow{display:none}.primary{background:#5839ed;border-radius:32px;min-height:56px;font-size:18px;font-weight:700;line-height:1.35;box-shadow:none;padding:14px 20px;gap:0}.primary:hover{background:#4a2bdd;box-shadow:none;transform:none}.primary:active{box-shadow:none;transform:scale(.985)}.micro{font-size:12px;line-height:1.4;color:#746981;margin-top:12px}.bottom-action{padding-top:24px}.text-button{font-size:13px;color:#7453ae}.reference-heading{flex:none;text-align:center;margin:0 0 12px}.reference-heading strong{font-size:13px;letter-spacing:2px;display:block;margin-bottom:5px}.reference-heading>span{font-size:14px;line-height:1.5;color:#867d92}.photo-strip{width:calc(100% + 48px);margin:0 -24px;flex:1;min-height:90px;max-height:185px;overflow:hidden}.photo-strip img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.image-caption{font-size:14px;line-height:1.25;font-style:italic;margin:9px 0 0;flex:none;color:#221750}.reference-divider{height:1px;background:#e4e1e8;width:100%;margin:18px 0 23px;flex:none}.reference-welcome h1{text-align:left;width:100%;margin:0 0 18px}.reference-body{font-size:20px;line-height:1.4;text-align:left;width:100%;margin:0 0 19px;flex:none}.reference-body.last-copy{margin-bottom:0}.reference-welcome .bottom-action{padding-top:22px}.game-intro{width:100%}.game-intro .eyebrow{font-size:12px;color:#7955c4;margin-bottom:17px}.game-stage{background:#fbf9ff;border:1px solid #e4daf3;border-radius:10px;padding:20px;margin-top:21px}.game-stage:before,.game-stage:after{display:none}.game-stage[data-game=focus],.game-stage[data-game=sequence]{background:#fbf9ff;border-color:#e4daf3}.stage-top{font-size:11px;color:#77628f;letter-spacing:.6px}.stage-status{font-size:13px;line-height:1.35;color:#6f5f83}.cell{border:1px solid #ded4ec;border-radius:8px;box-shadow:none;background:#fff;color:#7042d0}.cell:hover:not(:disabled){transform:scale(1.035);box-shadow:none;border-color:#9c79dc}.cell.lit{background:#7951e3;box-shadow:none;color:#fff}.game-stage .cell.correct{background:#def0e0;box-shadow:none;color:#40734d}.game-stage .cell.wrong{background:#ffe2db;box-shadow:none;color:#b96358}.game-stage[data-game=focus] .cell,.game-stage[data-game=sequence] .cell{box-shadow:none;color:#7042d0}.game-stage[data-game=sequence] .cell.found{background:#e7dff4;color:#9c83bb;box-shadow:none}.game-actions{padding-top:22px}.game-actions .primary{font-size:18px}.result-stage h2{font-size:24px;letter-spacing:0}.result-stat{font-size:44px;letter-spacing:-1px;color:#5839ed}.result-icon{background:#f0e8fd;color:#9b7ccc;box-shadow:none}.result-caption{color:#6f5f83;font-size:12px;letter-spacing:.7px}.benefit h1{text-align:left;width:100%}.benefit>.subtitle{text-align:left;font-size:20px;line-height:1.4}.benefit-art{max-height:210px;min-height:70px;margin:24px 0 0}.floating-tile{border-radius:10px;box-shadow:none;animation:none;translate:0 0;font-size:35px}.floating-tile.a{background:#d1b7ef}.floating-tile.b{background:#9471db}.floating-tile.c{background:#6141ab}.art-tag{font-size:13px;color:#796785}.benefit-caption{padding:17px 18px;border:1px solid #e3d6ef;background:#fbf8ff;border-radius:8px;margin-top:24px}.benefit-caption strong{font-size:16px}.benefit-caption small{font-size:12px;line-height:1.5;color:#756680}.benefit-caption>span{font-size:12px;border-color:#d7c5e8;color:#8a6ca2}.benefit .bottom-action .micro{display:none}.focus-orbit{transform:none}.focus-orbit span{box-shadow:none;border-radius:10px;background:#ede3f8;color:#9071bc}.focus-orbit .special{background:#784ed1;color:white}.review-area{padding:23px 0 0}.review-card{border:1px solid #e0d8e8;border-radius:9px;padding:24px;box-shadow:none}.review-card .preview-badge{font-size:10px;margin-bottom:17px}.stars{font-size:21px;color:#e9a145;letter-spacing:2px}.quote-mark{display:none}.review-card blockquote{font-size:20px;letter-spacing:0;line-height:1.5;font-weight:500;margin:22px 0}.review-person strong{font-size:15px}.review-person small{font-size:11px;color:#7e6d8b;line-height:1.4}.review-person>span{font-size:20px;background:#f0e6fb;color:#926cb6}.review-nav{font-size:13px;color:#775d8e;margin-top:18px}.review-nav button{width:32px;height:32px;color:#7751b1}.preview-badge{font-size:10px;color:#816696;background:#fbf8fd;border:1px solid #dfd2e9;letter-spacing:.5px}.demo-label{font-size:10px;color:#8c7599;letter-spacing:.5px}.loading-orb{color:#976bc7;background:#ede3f9;box-shadow:none}.preparing-list{font-size:16px;color:#7a5d92;gap:20px}.profile-form label,.checkout-form label{font-size:15px;color:#221750}.profile-form label span,.checkout-form label span{font-size:12px;color:#93809e}input:not([type=range]){font-size:16px;min-height:55px;padding:15px 12px;border:2px solid #30214f;border-radius:16px;color:#221750}input::placeholder{color:#918897}.profile-note{border-radius:9px;border-color:#e5d9ef;background:#fbf7ff;padding:23px;margin:26px 0 36px}.profile-note strong{font-size:16px}.profile-note p{font-size:15px;color:#6d5d7b}.included-list{gap:13px;padding-top:18px}.included-list article{border:1px solid #dad4e0;border-radius:9px;padding:20px 16px;gap:16px}.included-list h2{font-size:18px;margin-bottom:9px}.included-list p{font-size:15px;color:#685572;line-height:1.5}.included-icon{border-radius:11px;width:45px;height:45px}.included-list .green,.included-list .peach{background:#eee4fa;color:#9269bc}.plan-card{border-radius:10px;box-shadow:none;padding:23px;border-color:#ddcde9}.plan-head strong{font-size:18px}.plan-head small{font-size:12px;color:#7a678a;line-height:1.4}.plan-icon{background:#f0e8fd;border-radius:10px;color:#9b75c1}.week-row>div{font-size:12px;color:#786186}.week-row .on{background:#9972d0}.plan-line{font-size:12px;color:#786187;gap:14px}.results-mini span{font-size:12px;color:#7b648b}.results-mini strong{font-size:20px;color:#7747b1}.final-page .text-button{font-size:13px}.dark-offer{background:#221747;color:white}.dark-offer header{color:white}.dark-offer .brand{color:white}.dark-offer .brand small{background:#fff;color:#221747}.dark-offer .journey{visibility:hidden;margin-bottom:22px}.dark-offer .journey span{background:#b28bed}.dark-offer .back{color:white}.dark-offer .offer-page>.eyebrow{display:none}.dark-offer .subtitle{font-size:18px;color:#d4c7e7}.dark-offer h1 em{color:#ecd2a0}.dark-offer .primary{background:#5839ed;box-shadow:none}.dark-offer .primary:hover{background:#684af0}.dark-offer .demo-label{color:#ab98c1}.offer-word{font-size:68px;letter-spacing:16px;font-weight:500}.slider-label{font-size:15px;color:white}.offer-unlocked strong{font-size:28px}.offer-unlocked small{font-size:13px;color:#d1bce6}.coupon-code{font-size:17px;color:#e6d2f8}.offer-page .micro{color:#dacbf0;font-size:12px}.discount-banner{font-size:14px;line-height:1.4;color:#624694;padding:13px;background:#f4ecff;border:1px solid #d7bee9;border-radius:8px}.discount-banner span{font-size:11px}.plan-options{gap:10px;padding:20px 0 10px}.subscription{border:1px solid #d1cbd9;border-radius:10px;padding:18px 13px;gap:12px}.subscription.selected{border:2px solid #7850be;background:#f7f2fc;padding:17px 12px}.subscription-name strong{font-size:17px}.subscription-name small{font-size:11px;line-height:1.4;color:#74637f}.subscription-price{font-size:27px;color:#221750}.subscription-price small{font-size:11px;color:#665471;margin-top:4px}.subscription.selected .radio-dot{border-color:#7144b0}.subscription.selected .radio-dot:after{background:#7144b0}.subscription-name s{color:#84718c}.paywall-features{font-size:12px;color:#665275;gap:9px}.refund-line{font-size:12px;color:#6d557a}.paywall-page .bottom-action{padding-top:16px}.paywall-page .micro{font-size:11px;color:#6c577c}.order-summary{border:1px solid #d6c6e3;border-radius:10px;padding:17px;margin:20px 0}.order-summary>div{font-size:16px}.order-summary>div>span{font-size:14px;color:#725b82}.order-summary small{font-size:11px;color:#776286;line-height:1.4}.order-summary .text-button{font-size:12px}.dummy-card{font-size:15px;color:#7a628b;border-color:#d9c9e4}.dummy-card b{font-size:12px;color:#8d70a4}.dummy-card-bottom{font-size:13px;color:#786186;border-color:#d9c9e4}.dummy-card-bottom span+span{border-color:#d9c9e4}.checkout-details{font-size:12px;color:#685275;line-height:1.5}.checkout-links .text-button{font-size:12px}.confirmation-card{border-radius:10px;border-color:#ddceea;padding:23px}.confirmation-card h2{font-size:18px}.confirmation-card p{font-size:15px;color:#725c80;line-height:1.5}.confirmation-card>div{font-size:14px;color:#746081}.confirmation-page .text-button{font-size:13px}.legal-card{border-radius:12px}.legal-card p{font-size:14px;color:#6c547e}.legal-card h2{font-size:24px}.legal-card .preview-badge{font-size:11px}.bottom-action .arrow{display:none}
@media(max-height:740px){header{height:52px;min-height:52px}.journey{margin-bottom:22px}.journey-first{margin-bottom:14px}main h1,.game-intro h1,.paywall-page h1,.checkout-page h1{font-size:24px;margin:0 0 16px}.reference-heading{margin-bottom:8px}.reference-heading strong{font-size:12px}.reference-heading>span{font-size:13px}.photo-strip{max-height:160px;min-height:75px}.reference-body{font-size:18px;margin-bottom:16px}.image-caption{font-size:13px}.reference-divider{margin:16px 0 20px}.reference-welcome .bottom-action{padding-top:18px}.primary{min-height:53px;font-size:17px}.micro{font-size:11px}.benefit>.subtitle{font-size:18px}.benefit-art{margin-top:18px;max-height:175px}.benefit-caption{padding:15px;margin-top:19px}.benefit-caption strong{font-size:15px}.benefit-caption small{font-size:11px}.review-card{padding:20px}.review-card blockquote{font-size:18px;margin:18px 0}.review-person small{font-size:10px}.included-list article{padding:16px}.included-list h2{font-size:16px;margin-bottom:7px}.included-list p{font-size:13px}.plan-head strong{font-size:16px}.plan-head small{font-size:11px}.plan-card{padding:20px}.plan-line{font-size:11px}.results-mini span{font-size:11px}.results-mini strong{font-size:18px}.profile-note{margin:21px 0 27px;padding:20px}.profile-note strong{font-size:15px}.profile-note p{font-size:14px}.discount-banner{font-size:12px;padding:11px}.discount-banner span{font-size:10px}.plan-options{padding:15px 0 8px;gap:9px}.subscription{padding:15px 12px}.subscription.selected{padding:14px 11px}.subscription-name strong{font-size:15px}.subscription-name small{font-size:10px}.subscription-price{font-size:24px}.subscription-price small{font-size:10px}.paywall-features{font-size:10px}.refund-line{font-size:11px}.paywall-page .micro{font-size:10px}.order-summary{margin:15px 0;padding:14px}.order-summary>div{font-size:14px}.order-summary small{font-size:10px}.checkout-form label{font-size:13px}input:not([type=range]){min-height:48px;font-size:14px;padding:12px}.checkout-details{font-size:10px;margin:12px 0}.dummy-card{font-size:13px;padding:11px}.dummy-card-bottom{font-size:12px}.dummy-card-bottom span{padding:9px 11px}.confirmation-card h2{font-size:16px}.confirmation-card p{font-size:13px}.confirmation-card>div{font-size:12px}.confirmation-card .preview-badge{font-size:9px}}
@media(max-height:620px){header{height:46px;min-height:46px}.journey{margin-bottom:17px}.journey-first{margin-bottom:10px}main{padding-bottom:11px}main h1,.game-intro h1,.paywall-page h1,.checkout-page h1{font-size:21px;line-height:1.3;margin-bottom:13px}.subtitle,.game-intro .subtitle{font-size:14px}.eyebrow{font-size:9px;margin-bottom:12px}.reference-heading strong{font-size:10px;letter-spacing:1.5px;margin-bottom:3px}.reference-heading>span{font-size:11px;line-height:1.4}.photo-strip{max-height:105px;min-height:55px}.image-caption{font-size:11px;line-height:1.3;margin-top:5px}.reference-divider{margin:11px 0 14px}.reference-body{font-size:16px;line-height:1.4;margin-bottom:12px}.reference-body.last-copy{font-size:15px}.reference-welcome h1{font-size:21px;margin-bottom:13px}.reference-welcome .bottom-action{padding-top:15px}.primary,.game-actions .primary{font-size:16px;min-height:47px;padding:11px 17px}.bottom-action,.game-actions{padding-top:15px}.micro{font-size:10px;margin-top:10px}.game-intro .eyebrow{font-size:10px;margin-bottom:11px}.game-stage{margin-top:15px;padding:14px;border-radius:8px}.stage-top{font-size:9px}.stage-status{font-size:11px;line-height:1.3}.benefit>.subtitle{font-size:16px;line-height:1.45}.benefit-art{max-height:135px;margin-top:16px}.art-tag{font-size:11px}.benefit-caption{padding:12px 13px;margin-top:15px}.benefit-caption strong{font-size:13px}.benefit-caption small{font-size:10px}.review-card .preview-badge{font-size:8px;margin-bottom:12px}.review-card{padding:17px}.review-card blockquote{font-size:16px;line-height:1.4;margin:15px 0}.stars{font-size:18px}.review-person strong{font-size:13px}.review-person small{font-size:9px}.review-nav{font-size:11px;margin-top:13px}.profile-form label{font-size:13px}.profile-note{padding:16px;margin:18px 0 24px}.profile-note strong{font-size:13px}.profile-note p{font-size:12px}.included-list{gap:10px;padding-top:13px}.included-list article{padding:13px;gap:12px}.included-list h2{font-size:15px;margin-bottom:6px}.included-list p{font-size:12px}.included-icon{width:36px;height:36px;border-radius:9px;font-size:25px}.included-icon.green{font-size:18px}.plan-card{padding:17px}.plan-head strong{font-size:14px}.plan-head small{font-size:10px}.plan-line{font-size:10px}.week-row>div{font-size:10px}.results-mini span{font-size:10px}.results-mini strong{font-size:17px}.final-page .text-button{font-size:11px}.demo-label{font-size:8px;margin-top:7px}.discount-banner{font-size:10px;padding:9px;margin-top:11px}.discount-banner span{font-size:8px}.plan-options{padding:12px 0 7px;gap:8px}.subscription{padding:12px 10px;gap:8px}.subscription.selected{padding:11px 9px}.subscription-name strong{font-size:14px}.subscription-name small{font-size:9px}.subscription-price{font-size:22px}.subscription-price small{font-size:9px}.refund-line{font-size:10px}.paywall-page .bottom-action{margin-top:8px;padding-top:12px}.paywall-page .bottom-action .micro{display:none}.paywall-features{display:none}.order-summary{padding:12px;margin:12px 0}.order-summary>div{font-size:13px}.order-summary>div>span{font-size:12px}.order-summary small{font-size:9px}.checkout-form label{font-size:12px}.checkout-form label span{font-size:10px}input:not([type=range]){font-size:13px;min-height:44px;padding:10px 12px}.dummy-card{font-size:12px;padding:10px}.dummy-card-bottom{font-size:11px}.dummy-card-bottom span{padding:8px 10px}.checkout-details{font-size:9px;margin:10px 0}.checkout-links .text-button{font-size:10px;padding:4px}.checkout-page .micro{font-size:9px}.confirmation-card{padding:18px}.confirmation-card h2{font-size:15px}.confirmation-card p{font-size:12px}.confirmation-card>div{font-size:11px}.confirmation-page .text-button{font-size:11px}.legal-card p{font-size:12px}}
@media(max-height:480px) and (min-width:600px){header{max-width:780px;height:41px;min-height:41px}.journey{max-width:720px;margin-bottom:10px}main{max-width:720px}.reference-welcome{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto 1fr;gap:0 26px}.reference-heading{grid-column:2;grid-row:1;text-align:center;align-self:start}.photo-strip{grid-column:2;grid-row:2/5;width:100%;margin:0;max-height:none;height:100%;min-height:0;align-self:center}.photo-strip img{object-fit:contain}.reference-welcome .image-caption{grid-column:2;grid-row:4;align-self:end;font-size:10px}.reference-divider{display:none}.reference-welcome h1{grid-column:1;grid-row:1;margin:0 0 12px;font-size:24px}.reference-body{grid-column:1;grid-row:2;font-size:15px}.reference-body.last-copy{grid-column:1;grid-row:3;font-size:14px}.reference-welcome .bottom-action{grid-column:1;grid-row:4;align-self:end;padding-top:0}.game-intro h1{font-size:25px}.game-intro .eyebrow{font-size:10px}.game-intro .subtitle{font-size:14px}.game-actions .primary{font-size:16px}.game-stage{margin:0;padding:12px}.game-actions .micro{font-size:10px}.benefit>.subtitle{font-size:15px}.benefit h1{font-size:25px}.benefit .bottom-action{padding-top:0}.benefit-caption{display:none}.benefit-art{height:100%;max-height:none;margin:0}.review-card{padding:15px}.review-card blockquote{font-size:16px;margin:13px 0}.review-person small{font-size:9px}.review-nav{margin-top:10px}.review-card .preview-badge{font-size:8px;margin-bottom:10px}.profile-note{margin:12px 0 19px;padding:13px}.included-list article{padding:12px}.included-list p{font-size:12px}.included-list h2{font-size:14px}.plan-card{padding:18px}.plan-head strong{font-size:14px}.plan-head small{font-size:10px}.plan-line{font-size:10px}.offer-page h1{font-size:26px}.dark-offer .subtitle{font-size:16px}.plan-options{padding:0;gap:12px}.subscription{padding:17px 13px}.subscription.selected{padding:16px 12px}.subscription-name strong{font-size:14px}.subscription-name small{font-size:9px}.subscription-price{font-size:23px}.paywall-page>.discount-banner{font-size:11px;margin-top:12px;padding:9px}.checkout-page h1{font-size:26px}.checkout-form label{font-size:11px}.checkout-form input{min-height:37px;font-size:12px;padding:8px 11px}.checkout-form .dummy-card{padding:8px 10px;font-size:12px}.checkout-form .dummy-card-bottom span{padding:7px 10px;font-size:11px}.checkout-details{font-size:9px;margin:8px 0}.checkout-form .primary{min-height:39px;font-size:14px;padding:10px}.checkout-form .micro{font-size:8px}.checkout-links{margin:0}.confirmation-card h2{font-size:16px}.confirmation-card p{font-size:12px}.legal-card h2{font-size:21px}.legal-card p{font-size:11px}}
.round-meta{display:flex;align-items:center;gap:11px}#live-time{font-variant-numeric:tabular-nums;letter-spacing:0}.primary:disabled{background:#d7cef5;color:#fff;box-shadow:none}.game-actions .micro:empty{display:none}
@media(max-height:620px){.checkout-page h1{font-size:20px;margin-bottom:10px}.checkout-page .order-summary{margin:9px 0}.checkout-page .dummy-card-bottom span{padding-top:7px;padding-bottom:7px}.checkout-page .checkout-details{margin:8px 0}.checkout-page .checkout-links{margin-top:0}}

/* Choice-only funnel interactions and the subscription plan. */
.cell.chosen{background:#eee7ff!important;border-color:#7951e3!important;color:#7042d0!important;transform:scale(.96)}
.game-actions{min-height:35px}.plan-weeks{margin-top:22px;text-align:left}.plan-weeks>div{display:flex;align-items:center;gap:16px;padding:16px 0;border-top:1px solid #e7dff0}.plan-weeks span{font-size:13px;white-space:nowrap;color:#785d92}.plan-weeks strong{font-size:15px;font-weight:600}.week-tabs{display:flex;width:100%;gap:6px;margin:18px 0 12px}.week-tabs button{flex:1;border:1px solid #ddd2ed;background:white;border-radius:20px;padding:9px 4px;font-size:13px}.week-tabs button[aria-selected=true]{background:#5839ed;border-color:#5839ed;color:white}.daily-plan{width:100%;min-height:0;flex:1;display:flex;flex-direction:column;text-align:left}.daily-plan h2{font-size:18px;margin:8px 0 12px}.daily-plan>div{flex:1;min-height:0;display:flex;align-items:center;gap:12px;border-top:1px solid #e9e2f0}.daily-plan>div>span{flex:none;font-size:12px;color:#795b94;width:42px}.daily-plan p{font-size:14px;line-height:1.35;margin:7px 0}.training-page .micro{margin-bottom:0}
@media(max-height:620px){.plan-weeks{margin-top:15px}.plan-weeks>div{padding:12px 0}.plan-weeks strong{font-size:13px}.plan-weeks span{font-size:12px}.week-tabs{margin:12px 0 8px}.week-tabs button{padding:8px 3px;font-size:12px}.daily-plan h2{font-size:16px;margin:4px 0 7px}.daily-plan p{font-size:12px;margin:5px 0}.training-page .bottom-action{padding-top:12px}.training-page .micro{display:none}}
@media(max-height:480px) and (min-width:600px){.training-page{display:grid;grid-template-columns:1fr 1.2fr;grid-template-rows:auto auto auto 1fr;gap:0 25px;align-items:start}.training-page>h1,.training-page>.subtitle,.training-page>.week-tabs,.training-page>.bottom-action{grid-column:1}.training-page>.bottom-action{align-self:end}.training-page>.daily-plan{grid-column:2;grid-row:1/5;height:100%}.daily-plan p{font-size:12px}.plan-weeks>div{padding:12px 0}}

/* Reading.com-style question pages: narrow white canvas and flat answer cards. */
.question-page h1{font-size:24px;line-height:1.3;font-weight:700;max-width:100%;margin:3px 0 20px}.question-page h1 em{color:#5839ed}.answer-options{display:grid;grid-template-columns:1fr;gap:8px;width:100%}.answer-card{min-height:71px;padding:18px 20px;border:1px solid #d6d3d9;border-radius:8px;background:white;color:#6044c9;font-size:16px;font-weight:600;text-align:center;box-shadow:none}.answer-card:hover{background:#fcfaff;border-color:#2c2143}.answer-card.selected{border-color:#2c2143;background:#f8f4ff;color:#5839ed}.answer-card:disabled{opacity:1;cursor:default}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.answer-grid .answer-card{min-height:92px}.question-tip{margin:16px 0 0;width:100%;border:1px solid #e5bdea;background:#fcedfc;border-radius:22px;padding:9px 14px;font-size:12px;line-height:1.4;color:#38264c}.question-promise{margin-top:30px;display:flex;flex-direction:column;gap:10px}.question-promise strong{font-size:16px}.question-promise span{font-size:14px;color:#745696}.question-promise small{font-size:12px;color:#786a86}.question-welcome h1{margin-top:0}.game-intro .eyebrow{display:none}.game-intro h1{margin-top:3px}.game-stage{background:white!important;border:0!important;padding:0;margin-top:24px}.game-stage .cell{border-color:#d6d3d9}.stage-top .dots{display:none}.stage-top{font-size:11px;color:#807090}.profile-page .profile-note{display:none}.profile-page .profile-form{padding-top:24px}.profile-page .profile-form .primary{margin-top:24px}.final-page .plan-card{margin-top:24px}.question-page .answer-options{flex:none}
@media(max-height:620px){.question-page h1{font-size:23px;margin:0 0 18px}.answer-card{min-height:62px;font-size:15px;padding:15px}.answer-grid .answer-card{min-height:83px}.question-tip{font-size:12px;padding:8px 11px;margin-top:13px}.question-promise{margin-top:24px;gap:9px}.question-promise strong{font-size:14px}.question-promise span{font-size:13px}.question-promise small{font-size:12px}.game-stage{margin-top:18px}.final-page .plan-card{margin-top:17px}}
@media(max-height:480px) and (min-width:600px){.question-page{display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:auto auto 1fr;column-gap:30px;align-items:start}.question-page h1{grid-column:1;margin-top:15px;text-align:left;font-size:25px}.question-page .answer-options{grid-column:2;grid-row:1/4;align-self:center}.question-page .question-tip{grid-column:1}.question-page .question-promise{grid-column:1;margin-top:18px;align-self:end}.answer-card{min-height:57px;padding:13px}.answer-grid .answer-card{min-height:90px}.game-stage{margin-top:0}.profile-page .profile-form{padding-top:0}.profile-page .profile-form .primary{margin-top:20px}.final-page .plan-card{margin-top:0}}

/* Four-stage plan preparation with three pause-and-answer cards. */
.preparation-flow{justify-content:center;padding-bottom:28px;gap:0}.preparation-heading{width:100%;display:flex;flex-direction:column;align-items:center}.preparation-flow .loading-orb{width:64px;height:64px;border-radius:22px;font-size:36px;margin-bottom:20px;flex:none}.preparation-flow h1{margin:0 0 12px;font-size:26px;line-height:1.3}.preparation-flow .subtitle{font-size:16px}.preparation-loaders{display:grid;gap:23px;width:100%;margin-top:35px}.preparation-step{width:100%;text-align:left}.preparation-label{display:flex;align-items:center;gap:9px;font-size:14px;font-weight:600;color:#82768e}.preparation-number{display:grid;place-items:center;border:1px solid #e0d6eb;border-radius:50%;width:24px;height:24px;flex:none;font-size:12px;color:#9785ab}.preparation-percent{margin-left:auto;font-variant-numeric:tabular-nums;font-size:12px;min-width:32px;text-align:right}.preparation-track{height:7px;background:#eee7f7;border-radius:8px;overflow:hidden;margin:10px 0 0 33px}.preparation-track>span{display:block;width:0;height:100%;border-radius:8px;background:linear-gradient(90deg,#c281ee,#6541e9);transition:width .1s linear}.preparation-step.active .preparation-label,.preparation-step.complete .preparation-label{color:#362451}.preparation-step.active .preparation-number{border-color:#b491e5;color:#7144c4}.preparation-step.complete .preparation-number{background:#eee5fd;border-color:#eee5fd;color:#7041ce}.preparation-status{font-size:13px;line-height:1.5;color:#79638e;margin:24px 0 0;min-height:40px;width:100%}.preparation-overlay{position:fixed;inset:0;z-index:60;display:flex;align-items:center;justify-content:center;background:#24144670;backdrop-filter:blur(4px);padding:24px}.preparation-popup{width:100%;max-width:400px;background:white;border:1px solid #e9e0f4;border-radius:20px;padding:28px 24px;text-align:center;box-shadow:0 24px 70px #21103e24;animation:enter .25s ease-out}.popup-step{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#8b739f}.popup-spark{margin:20px auto 16px;background:#f0e7fd;color:#9464d3;width:56px;height:56px;border-radius:18px;display:grid;place-items:center;font-size:32px}.preparation-popup h2{font-size:24px;line-height:1.35;margin:0;color:#221750}.preparation-popup p{font-size:14px;line-height:1.5;color:#786487;margin:15px 0 23px}.popup-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.popup-answer{border:1px solid #d9ccec;border-radius:26px;background:white;color:#5839ed;min-height:52px;font-weight:700;font-size:17px}.popup-answer:hover,.popup-answer:focus-visible{background:#f2eaff;border-color:#7950d6}.popup-answer:active{background:#e7d9fb}.preparation-flow:focus{outline:none}
@media(max-height:620px){.preparation-flow{padding-bottom:10px}.preparation-flow .loading-orb{width:49px;height:49px;font-size:29px;border-radius:17px;margin-bottom:16px}.preparation-flow h1{font-size:23px;margin-bottom:10px}.preparation-flow .subtitle{font-size:14px}.preparation-loaders{gap:18px;margin-top:25px}.preparation-label{font-size:12px;gap:7px}.preparation-percent{font-size:12px}.preparation-number{width:22px;height:22px}.preparation-track{margin-left:29px;margin-top:8px;height:6px}.preparation-status{font-size:12px;margin-top:18px;min-height:36px}.preparation-popup{padding:24px 20px}.preparation-popup h2{font-size:22px}.preparation-popup p{font-size:13px}.popup-answer{min-height:48px;font-size:16px}.popup-spark{margin:16px auto 14px}}
@media(max-height:480px) and (min-width:600px){.preparation-flow{display:grid;grid-template-columns:1fr 1.1fr;grid-template-rows:1fr auto;column-gap:30px;align-items:center;justify-content:initial}.preparation-heading{grid-column:1;grid-row:1/3}.preparation-loaders{grid-column:2;grid-row:1;margin:0;gap:20px}.preparation-status{grid-column:2;grid-row:2;margin:16px 0 0;min-height:25px}.preparation-popup{max-width:460px;padding:20px 26px}.popup-spark{width:36px;height:36px;font-size:24px;margin:10px auto}.preparation-popup h2{font-size:22px}.preparation-popup p{margin:10px 0 16px}.popup-answer{min-height:44px}}
@media(prefers-reduced-motion:reduce){.preparation-track>span{transition:none}.preparation-popup{animation:none}}
