/* COMEBACK's frame. Canonical VYRA visuals and tokens belong to vendor/vyra-kit. */
.brandmark,.onb-brand .brandmark,.mobilebrand .brandmark{display:block;width:44px;height:44px;object-fit:contain;border-radius:12px;background:none;box-shadow:none;flex-shrink:0}
.brand-sub,.onb-brand small{font-size:12px;letter-spacing:.08em;line-height:1.4;color:#bccbe0}
.brand{padding-inline:0;gap:8px}.brand-title{font-size:14px;letter-spacing:.08em}.brand-sub{font-size:10px;letter-spacing:.015em;white-space:nowrap}
.onb-root{background:radial-gradient(ellipse at 0 85%,#132040,transparent 55%),#090f1c;padding:28px 24px;font-size:15px}
.onb-shell{max-width:1370px}.onb-top{margin-bottom:24px}.onb-progress{margin-bottom:22px}.onb-steps span.active{background:#94b8f4}
.onb-layout{grid-template-columns:minmax(240px,.32fr) minmax(0,1fr);gap:28px}
.onb-coach{background:linear-gradient(145deg,#142440,#0d192b);border-color:#354e73;min-height:350px;padding:28px;border-radius:24px}
.onb-coach p{font-size:17px;line-height:1.65}.onb-coach .eyebrow{color:#dbe6fa}.vyra-provenance{font-size:12px}.vyra-provenance:before{display:none}
.onb-coach .vyra-orb{width:var(--vyra-orb-room);height:var(--vyra-orb-room)}
.onb-welcome-art{min-height:280px}.onb-welcome-art .vyra-orb{width:var(--vyra-orb-room);height:var(--vyra-orb-room)}
.onb-body{background:linear-gradient(125deg,#112038,#0d192b);border-color:#354e73;border-radius:25px;padding:30px;box-shadow:none}
.onb-body h1{font-size:clamp(30px,3.1vw,44px);letter-spacing:-.045em;line-height:1.14;margin:14px 0 24px}
.onb-body .eyebrow,.onb-body .onb-label,.onb-body .field label,.onb-footer,.onb-body .privacy{font-size:12px;line-height:1.6;color:#b8cae2}
.onb-body .privacy{margin-bottom:0}.onb-body .onb-label{letter-spacing:.12em;text-transform:uppercase;margin-top:0}
.onb-body .onb-fields .field label{letter-spacing:0;text-transform:none}.onb-body input,.onb-body select,.onb-body textarea{font-size:16px}
.onb-option{font-size:15px}.onb-body .callout{font-size:15px;line-height:1.65;padding:18px 22px;background:#1b2e49;border:1px solid #405e87;border-radius:16px}
.onb-body .callout p{color:#d0daec}.onb-body .callout strong{font-size:18px}.onb-body .onb-heard{border-inline-start:3px solid #8aabff;padding:18px 22px;border-radius:14px;background:#182940;color:#e4eaf5}.onb-heard p{font-size:15px;font-style:italic;line-height:1.6;margin:8px 0 0}
.onb-foot{gap:16px;margin-top:28px}.onb-foot .action{font-size:15px;padding:14px 20px;min-height:50px;max-width:none;flex:none}.onb-root .action.primary{background:#e7bb63;border-color:#f0d395;color:#121a28;box-shadow:0 5px 25px #e7bb6312}.onb-foot .action.ghost{border:1px solid #496387;color:#deebff;background:#122139}
.onb-top .locale button,.onb-welcome-art~.onb-locale .locale button{min-width:44px;min-height:44px;font-size:14px}
.onb-footer{padding-top:22px;color:#a7bad6}
.occasion-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin:18px 0 24px}
.occasion-card{grid-column:span 2;position:relative;isolation:isolate;display:flex;align-items:flex-end;min-width:0;min-height:215px;text-align:start;overflow:hidden;border:1px solid #547399;border-radius:19px;padding:0;background:#14233a;color:#f5f7ff;transition:border-color .18s,box-shadow .18s,transform .18s}
.occasion-card:nth-child(-n+2){grid-column:span 3;min-height:245px}.occasion-card img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center 38%;transition:transform .3s}
.occasion-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#0a15250a 0%,#0b192b5c 30%,#0c192de8 65%,#0c192dfc 100%)}
.occasion-card:hover{border-color:#b3cbff;transform:translateY(-2px)}.occasion-card:hover img{transform:scale(1.035)}
.occasion-card.is-selected{border-color:#a6c2ff;box-shadow:0 0 0 2px #92aff8,0 0 23px #81a5ff45}
.occasion-card:focus-visible{outline:3px solid #fff;outline-offset:4px}.occasion-copy{display:flex;flex-direction:column;gap:7px;padding:22px 18px 18px;max-width:100%}.occasion-copy strong{font-size:19px;letter-spacing:-.025em;line-height:1.2}.occasion-card:nth-child(-n+2) strong{font-size:24px}.occasion-copy>span{font-size:15px;line-height:1.5;color:#d7e2f4}.occasion-selected{position:absolute;inset-inline-end:14px;top:14px;width:28px;height:28px;display:grid;place-items:center;border:1px solid #d5e3ff80;border-radius:50%;background:#0d1b2d80;color:#10213a}.is-selected .occasion-selected{background:#d3e2ff;border-color:#f0f5ff}
.onb-plan-grid{gap:14px;margin:0 0 16px}.onb-plan-main{position:relative;isolation:isolate;overflow:hidden;border:1px solid #416191;border-radius:18px;padding:24px;background:#1a3160;min-height:160px}
.plan-hero-image{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;object-position:right center}.onb-plan-main:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#233f85fc,#1b3265df 55%,#0b183b55)}[dir=rtl] .onb-plan-main:after{background:linear-gradient(270deg,#233f85fc,#1b3265df 55%,#0b183b55)}
.plan-hero-copy{max-width:75%}.onb-plan-main h2{font-size:clamp(23px,2.4vw,32px);line-height:1.16;margin:8px 0 12px;letter-spacing:-.03em}.onb-plan-main p{color:#dbe5fa;font-size:15px;margin-bottom:4px}.plan-target-date{display:flex;gap:8px;align-items:center;font-size:13px!important}
.onb-plan-stat{display:flex;gap:14px;align-items:center;padding:18px 14px;border-color:#3e587c;background:linear-gradient(135deg,#1b2f4e,#15243a);min-width:0}.onb-plan-stat>svg{color:#a4c6ff;flex-shrink:0}.onb-plan-stat span{font-size:12px;line-height:1.4;min-height:0;color:#cbd9ef;margin-bottom:8px}.onb-plan-stat strong{font-size:28px;line-height:1.1;letter-spacing:-.04em;color:#f0f5ff}
.onb-section{margin-top:24px}.onb-section>.eyebrow{margin-bottom:12px;letter-spacing:.14em}.onb-week{gap:8px}.onb-day{padding:14px 5px;min-height:90px;border-radius:14px;display:flex;flex-direction:column;justify-content:center;gap:14px}.onb-day span{font-size:13px;color:#c1d6f7}.onb-day strong{font-size:12px;line-height:1.4;color:#edf3ff}.onb-milestones{gap:10px}.onb-milestones>div{padding:15px 12px;border:1px solid #3c567c;border-radius:13px;background:#182a43;min-height:105px}.onb-milestones strong{font-size:13px;line-height:1.5;display:block}.onb-milestones span{font-size:12px;color:#adc9ef}
@media(min-width:1700px){.onb-shell{max-width:1440px}}
@media(max-width:1000px) and (min-width:841px){.onb-layout{grid-template-columns:220px minmax(0,1fr);gap:18px}.onb-coach{padding:20px}.onb-body{padding:24px}.occasion-grid{gap:12px}.occasion-card,.occasion-card:nth-child(-n+2){grid-column:span 3}.occasion-card:last-child{grid-column:span 6}.onb-plan-stat{flex-direction:column;align-items:flex-start;gap:8px}}
@media(max-width:840px){.onb-root{padding:20px}.onb-layout{grid-template-columns:minmax(0,1fr);gap:16px}.onb-coach{position:static;min-height:0;flex-direction:row;padding:20px;gap:20px;align-items:center}.onb-coach .vyra-orb{width:var(--vyra-orb-docked);height:var(--vyra-orb-docked)}.onb-coach p{font-size:16px;margin:6px 0 0}.onb-body{padding:26px}.onb-body h1{font-size:36px}.onb-brand small{font-size:12px}.onb-footer{font-size:12px}.onb-plan-stat strong{font-size:26px}}
@media(max-width:560px){.onb-root{padding:16px 12px;font-size:16px}.onb-top{gap:8px;margin-bottom:18px}.onb-brand{gap:8px;letter-spacing:.07em}.onb-brand b{font-size:15px}.onb-brand small{font-size:12px;letter-spacing:0}.onb-brand .brandmark{width:38px;height:38px}.onb-top .locale{flex-shrink:0}.onb-top .locale button{min-width:44px;padding:4px;min-height:44px}.onb-coach{border-radius:18px;padding:18px 16px;gap:16px}.onb-coach p{line-height:1.6}.onb-coach .eyebrow{font-size:12px}.vyra-provenance{font-size:12px;line-height:1.5}.onb-body{padding:22px 16px;border-radius:20px}.onb-body h1{font-size:32px;line-height:1.13}.onb-body .onb-choices{grid-template-columns:1fr}.onb-option{font-size:16px;min-height:56px}.onb-fields{grid-template-columns:minmax(0,1fr);gap:18px}.occasion-grid{grid-template-columns:minmax(0,1fr);gap:16px}.occasion-card,.occasion-card:nth-child(-n+2){grid-column:auto;min-height:235px}.occasion-copy{padding:24px 20px 20px}.occasion-copy strong,.occasion-card:nth-child(-n+2) strong{font-size:25px}.occasion-copy>span{font-size:16px}.onb-plan-grid{grid-template-columns:minmax(0,1fr)}.onb-plan-main{grid-column:auto;padding:22px 18px;min-height:200px}.plan-hero-copy{max-width:100%}.onb-plan-main:after{background:linear-gradient(90deg,#1f3b7df2,#172e60bd)}.onb-plan-stat{padding:18px;flex-direction:row;align-items:center}.onb-plan-stat span{font-size:14px}.onb-plan-stat strong{font-size:30px}.onb-body .callout,.onb-heard p{font-size:16px}.onb-week{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.onb-day{padding:15px 10px;min-height:90px;gap:10px}.onb-day strong,.onb-day span{font-size:14px}.onb-milestones{grid-template-columns:minmax(0,1fr)}.onb-milestones>div{min-height:0;display:flex;align-items:center;gap:15px;padding:18px}.onb-milestones strong{font-size:16px}.onb-foot{flex-direction:column-reverse;align-items:stretch}.onb-foot .action{width:100%;max-width:100%;min-height:50px;font-size:16px;justify-content:center}.onb-body .privacy,.onb-footer{font-size:12px}}
@media(prefers-reduced-motion:reduce){.occasion-card,.occasion-card img{transition:none}.occasion-card:hover,.occasion-card:hover img{transform:none}.onb-root *{scroll-behavior:auto}}

.onb-coach .eyebrow{display:block;margin-bottom:6px}.onb-brand small{font-size:12px}.brand-sub{font-size:12px;white-space:normal}
.plan-hero-image{width:48%;inset-inline-start:auto;inset-inline-end:0}.onb-coach p{font-family:var(--vyra-font)}[dir=rtl] .onb-coach p{font-family:var(--vyra-font-ar)}
@media(max-width:560px){.plan-hero-image{width:100%}}
.app-loading{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#090f1c;color:#f1f5ff}.app-loading strong{font-size:24px;letter-spacing:.15em}.app-loading span{font-size:12px;letter-spacing:.08em;color:#c9d8ee}
.onb-milestones{grid-template-columns:repeat(4,minmax(0,1fr))}.onb-milestones>div{display:grid;grid-template-columns:26px 1fr;align-content:start;gap:10px 4px;min-height:150px}.onb-milestones p{grid-column:1/-1;font-size:14px;line-height:1.55;color:#c6d6ec;margin:0}
@media(max-width:1000px){.onb-milestones{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.onb-milestones{grid-template-columns:minmax(0,1fr)}.onb-milestones>div{min-height:0;gap:12px}.onb-milestones p{font-size:16px}}
.onb-coach .eyebrow{font-size:12px}.onb-fields select:disabled{opacity:1;color:#c9d8ed;border-style:dashed}
.onb-milestones p{font-size:15px}@media(max-width:560px){.onb-plan-main p{font-size:16px}.onb-milestones p{font-size:16px}}
