/* NIO JOURNEY — MONOCHROME SYSTEM
   Black / white / neutral gray only. Visual-layer override; no application logic changes. */
:root{
 --bg:#080808;--bg2:#080808;--surface:#141414;--surface2:#1c1c1c;--surface3:#292929;
 --cream:#f7f7f7;--cream2:#dedede;--muted:#a3a3a3;--accent:#f2f2f2;--accent2:#ffffff;
 --ink:#101010;--line:rgba(255,255,255,.14);--shadow:0 20px 48px rgba(0,0,0,.48);
 color-scheme:dark;
}
html{background:#080808!important;color-scheme:dark}
body{background:radial-gradient(600px 280px at 50% -150px,rgba(255,255,255,.055),transparent 72%),linear-gradient(180deg,#141414 0%,#0d0d0d 56%,#080808 100%)!important;color:#f7f7f7}
.topbar{background:rgba(12,12,12,.96)!important;border-bottom-color:rgba(255,255,255,.12)!important}
.brand span{color:#d0d0d0!important}
.round-btn,.avatar{background:linear-gradient(145deg,#262626,#171717)!important;border-color:rgba(255,255,255,.18)!important;color:#f4f4f4!important}
.card,.entry-card{background:linear-gradient(145deg,#222,#151515)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:0 12px 30px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.035)!important}
.hero p,.finder-copy p,.entry-copy p{color:#b8b8b8!important}
.eyebrow,.entry-date,.entry-copy small,.menu-icon,.focus-strip .arrow,.explore-tile .arrow,.path-arrow,.search .filter{color:#c5c5c5!important}
.finder-card{background:linear-gradient(120deg,#292929 0%,#202020 55%,#181818 100%)!important}
.finder-card:after{border-color:rgba(255,255,255,.12)!important;box-shadow:0 0 0 24px rgba(255,255,255,.025),0 0 0 48px rgba(255,255,255,.012)!important}
.finder-mark,.focus-symbol,.explore-tile .big-icon,.entry-mark,.path-icon{background:linear-gradient(145deg,#333,#1b1b1b)!important;border-color:rgba(255,255,255,.18)!important;color:#f0f0f0!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)!important}
.cta,.onboarding-primary{background:linear-gradient(135deg,#fff,#dedede)!important;color:#111!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 8px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.7)!important}
.icon-tile{background:linear-gradient(155deg,#292929,#171717)!important;border-color:rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.035)!important}
.icon-tile .symbol{color:#ededed!important}
.focus-strip{background:linear-gradient(120deg,rgba(38,38,38,.92),rgba(22,22,22,.96))!important}
.search,.pill,.secondary,.ecosystem-links button{background:linear-gradient(145deg,#242424,#171717)!important;border-color:rgba(255,255,255,.15)!important;color:#e6e6e6!important}
.search input{color:#f7f7f7!important}.search input::placeholder{color:#929292!important}
.pill.active,.bottom-nav a.active{background:linear-gradient(135deg,#fff,#e4e4e4)!important;color:#111!important;border-color:rgba(255,255,255,.6)!important;box-shadow:0 5px 15px rgba(0,0,0,.2)!important}
.explore-path{background:linear-gradient(145deg,#292929,#181818)!important;border-color:rgba(255,255,255,.15)!important;box-shadow:0 13px 32px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.035)!important}
.explore-ecosystem{background:linear-gradient(145deg,rgba(32,32,32,.96),rgba(17,17,17,.98))!important;border-color:rgba(255,255,255,.13)!important}
.ecosystem-links button{background:linear-gradient(145deg,#292929,#1c1c1c)!important}
.profile,.menu{background:linear-gradient(145deg,#282828,#171717)!important;border-color:rgba(255,255,255,.15)!important;box-shadow:0 12px 30px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035)!important}
.profile-avatar{background:linear-gradient(145deg,#f1f1f1,#858585)!important;border-color:#f4f4f4!important;color:#111!important}
.progress{background:#303030!important}.progress i{background:linear-gradient(90deg,#a9a9a9,#f4f4f4)!important}
.bottom-nav{background:rgba(15,15,15,.98)!important;border-color:rgba(255,255,255,.17)!important;box-shadow:0 20px 48px rgba(0,0,0,.5),inset 0 1px 0 rgba(255,255,255,.035)!important}
.bottom-nav a{color:#aaa!important}.bottom-nav a.active{color:#111!important}
.menu-item{border-bottom-color:rgba(255,255,255,.12)!important}
.onboarding,.onboarding-slide{background:#080808!important;color:#fff!important}
.onboarding-slide::before{filter:grayscale(1) contrast(1.04)!important}
.onboarding-scrim{background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,rgba(0,0,0,.12) 34%,rgba(0,0,0,.76) 67%,#080808 88%,#080808 100%)!important}
.onboarding-skip{background:rgba(28,28,28,.88)!important;color:#fff!important;border:1px solid rgba(255,255,255,.17)!important}
.onboarding-dots i{background:rgba(255,255,255,.24)!important}.onboarding-dots i.active{background:#fff!important}
.image-card,.entry-img{filter:grayscale(1)!important}
.result,.modal,.dialog,.sheet{background:#171717!important;color:#f5f5f5!important;border-color:rgba(255,255,255,.16)!important}
.result-block label,.score{color:#d5d5d5!important}
:focus-visible{outline-color:#fff!important}
@media(prefers-reduced-motion:no-preference){.card,.icon-tile,.explore-path,.profile,.menu,.cta{transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}}

/* Consistent NIO icon family: crisp outline forms with restrained depth */
.nio-icon{display:inline-block;width:1.25em;height:1.25em;flex:0 0 auto;vertical-align:middle;overflow:visible}
.nav-symbol .nio-icon{width:22px;height:22px;stroke-width:1.75}
.top-actions .round-btn .nio-icon{width:19px;height:19px}
.icon-tile .symbol .nio-icon{width:31px;height:31px;stroke-width:1.65;filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}
.path-icon .nio-icon{width:24px;height:24px;stroke-width:1.7}
.ecosystem-links button>span:first-child .nio-icon{width:21px;height:21px}
.menu-icon .nio-icon{width:20px;height:20px}
.entry-mark .nio-icon{width:23px;height:23px}
.journal-empty-mark .nio-icon{width:29px;height:29px}
.search>span .nio-icon{width:19px;height:19px}
.search .filter .nio-icon{width:15px;height:15px}
.cta>.nio-icon{width:18px;height:18px;margin-right:5px}
.promo-mark .nio-icon{width:20px;height:20px}
.menu-arrow .nio-icon{width:17px;height:17px}

/* Lock13 destinations: focused Library and functional ecosystem routes */
.library-intro{margin:20px 4px 12px}.library-intro h2{font-size:19px;line-height:1.25;margin:5px 0}.library-intro p{font-size:13px;line-height:1.55;color:var(--muted,#a5a5a5);margin:6px 0 0}.library-saved-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:22px}.library-saved-grid .card{min-width:0}.library-access-note{display:flex;gap:12px;align-items:flex-start;padding:14px;margin:18px 0;border:1px solid var(--line,#303030);border-radius:16px;background:var(--surface,#151515);color:var(--muted,#aaa);font-size:12px;line-height:1.55}.library-access-note>span{flex:0 0 22px;color:var(--text,#eee)}.library-access-note p{margin:0}.library-access-note strong{color:var(--text,#eee)}.library-next-step{display:flex;flex-direction:column;gap:7px;padding:17px;margin:18px 0;border:1px solid var(--line,#303030);border-radius:18px}.library-next-step span{font-size:13px;color:var(--muted,#aaa)}.library-next-step .cta{align-self:flex-start;margin-top:6px}.shop-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:8px;padding:16px;min-height:170px}.shop-card .symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:#262626;color:#f4f4f4}.shop-card b{font-size:14px}.shop-card small{font-size:12px;line-height:1.45;color:var(--muted,#aaa)}.shop-link{font-size:12px;font-weight:650;margin-top:auto;color:var(--text,#eee)}.program-list{display:grid;grid-template-columns:1fr;gap:12px;margin:16px 0}.program-card,.community-card{padding:18px;border-radius:18px}.program-card .symbol,.community-card .symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:#262626;margin-bottom:12px}.program-card h2,.community-card h2{font-size:18px;margin:7px 0}.program-card p,.community-card p{font-size:13px;line-height:1.6;color:var(--muted,#aaa)}.program-card .cta,.program-card .secondary,.community-card .cta{margin-top:7px}.explore-ecosystem .ecosystem-links button{min-height:88px}
@media(min-width:620px){.program-list{grid-template-columns:repeat(2,minmax(0,1fr))}.library-saved-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Final IA polish: one discovery destination, three home shortcuts */
.journey-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.journey-actions .icon-tile{min-width:0;padding:13px 8px}.journey-actions .icon-tile>span:not(.symbol){font-size:13px}.journey-actions .icon-tile small{font-size:11px;line-height:1.35}@media(max-width:360px){.journey-actions{gap:6px}.journey-actions .icon-tile{padding:11px 5px}.journey-actions .icon-tile small{font-size:10px}}

/* Minimal IA finishing */
.journey-shortcuts-head{margin-top:24px;margin-bottom:12px}.journey-shortcuts-head h2{text-transform:none}.explore-modules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:18px 0 28px}.explore-modules>button{display:flex;align-items:center;gap:10px;min-width:0;text-align:left;padding:12px;border:1px solid var(--line,#343434);border-radius:16px;background:linear-gradient(145deg,#202020,#111);color:inherit}.explore-modules .module-icon{width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;border:1px solid #454545;border-radius:12px;background:#252525}.explore-modules .module-icon .nio-icon{width:20px;height:20px}.explore-modules>button>span:nth-child(2){display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.explore-modules b{font-size:13px;line-height:1.2}.explore-modules small{font-size:11px;line-height:1.3;color:#aaa}.explore-modules .module-arrow{color:#aaa;font-size:17px}.journal-empty{margin-top:20px}.journal-empty .cta{margin-top:16px}.journal-search{margin-top:18px}@media(max-width:360px){.explore-modules{gap:6px}.explore-modules>button{padding:10px 8px;gap:7px}.explore-modules .module-icon{width:32px;height:32px;flex-basis:32px}.explore-modules small{font-size:10px}}

/* Onboarding PDF master — visual hierarchy and controls aligned to supplied 4-page reference. */
.onboarding-slide::before{background-position:center center}
.onboarding-scrim{background:linear-gradient(180deg,rgba(0,0,0,.16) 0%,rgba(0,0,0,.04) 29%,rgba(0,0,0,.22) 48%,rgba(0,0,0,.78) 68%,#050505 88%,#050505 100%)!important}
.onboarding-content{padding-left:26px;padding-right:26px;padding-bottom:clamp(128px,17vh,150px)}
.onboarding-content-first{padding-bottom:clamp(128px,17vh,150px)}
.onboarding-content h1{font-size:clamp(29px,6vw,34px);letter-spacing:-.035em}
.onboarding-content p{font-size:clamp(13px,3.3vw,15px);line-height:1.45;color:rgba(255,255,255,.88)}
.onboarding-footer{padding-left:26px;padding-right:26px;bottom:max(22px,env(safe-area-inset-bottom))}
.onboarding-skip{font-size:12px;padding:11px 19px;background:rgba(34,34,34,.78)!important;color:#f5f5f5!important;border-color:rgba(255,255,255,.08)!important}
.onboarding-primary{height:56px;border-radius:17px;font-size:13px;font-weight:800;background:#dedede!important;color:#090909!important;box-shadow:none!important}
.onboarding-dots{margin-bottom:21px}
@media(min-width:700px){.onboarding-slide{width:min(100vw,460px)!important}.onboarding-content{padding-bottom:136px}.onboarding-content-first{padding-bottom:136px}}
@media(max-height:680px){.onboarding-content,.onboarding-content-first{padding-bottom:112px}.onboarding-primary{height:50px}}


/* ONBOARDING VISUAL POLISH — warm espresso Nusantara; photography stays full color. */
.onboarding,.onboarding-slide{background:#1b120e!important;color:#fff!important}
.onboarding-slide::before{filter:none!important;-webkit-filter:none!important;transform:scale(1.015)}
.onboarding-scrim{background:linear-gradient(180deg,rgba(15,8,5,.01) 0%,rgba(15,8,5,.04) 28%,rgba(18,10,6,.16) 46%,rgba(15,8,5,.72) 66%,#120b08 91%,#120b08 100%)!important}
.onboarding-content{left:0;right:0;max-width:460px;margin-inline:auto;padding-left:28px;padding-right:28px;padding-bottom:clamp(138px,18vh,164px)}
.onboarding-content h1{max-width:330px;font-size:clamp(30px,7vw,36px);line-height:1.08;letter-spacing:-.04em;text-wrap:balance;text-shadow:0 2px 18px rgba(0,0,0,.28)}
.onboarding-content p{max-width:320px;margin-top:12px;font-size:clamp(14px,3.7vw,16px);line-height:1.55;color:rgba(255,248,240,.92);text-wrap:pretty;text-shadow:0 1px 12px rgba(0,0,0,.25)}
.onboarding-footer{left:0;right:0;width:100%;max-width:460px;margin-inline:auto;padding-left:28px;padding-right:28px;bottom:max(24px,env(safe-area-inset-bottom));gap:0}
.onboarding-dots{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:19px}
.onboarding-dots i{width:6px;height:6px;background:rgba(255,239,220,.38)!important;border:0;transition:width .22s ease,background .22s ease,transform .22s ease}
.onboarding-dots i.active{width:22px;background:#e5a264!important;box-shadow:0 0 12px rgba(229,162,100,.22)}
.onboarding-primary{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;height:54px;min-height:54px;border-radius:15px;background:linear-gradient(135deg,#fff2df 0%,#e8cba8 100%)!important;color:#2a170e!important;border:1px solid rgba(255,255,255,.48)!important;font-size:14px;font-weight:750;letter-spacing:.005em;box-shadow:0 10px 28px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.82)!important;transition:transform .18s ease,filter .18s ease,box-shadow .18s ease}
.onboarding-primary span{font-size:18px;line-height:1;font-weight:500;transition:transform .18s ease}
.onboarding-primary:active{transform:scale(.985);filter:brightness(.97)}
.onboarding-primary:active span{transform:translateX(2px)}
.onboarding-skip{position:absolute;top:max(20px,env(safe-area-inset-top));right:22px;z-index:5;min-height:38px;padding:0 15px;border-radius:999px;background:rgba(35,20,13,.52)!important;border:1px solid rgba(255,232,207,.3)!important;color:#fff9f2!important;font-size:12px;font-weight:650;letter-spacing:.015em;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.onboarding-footer-first{left:0;right:0;max-width:460px;margin-inline:auto;padding-left:28px;padding-right:28px}
@media(min-width:700px){.onboarding-slide{width:min(100vw,460px)!important}.onboarding-content{padding-bottom:146px}.onboarding-footer-first{left:calc((100% - min(100vw,460px))/2);right:calc((100% - min(100vw,460px))/2)}}
@media(max-height:680px){.onboarding-content,.onboarding-content-first{padding-bottom:120px}.onboarding-content h1{font-size:clamp(27px,6vw,32px)}.onboarding-primary{height:50px;min-height:50px}}
@media(prefers-reduced-motion:reduce){.onboarding-primary,.onboarding-primary span,.onboarding-dots i{transition:none}}

/* FINAL DETAIL PASS — shared skip control, safe-area spacing and visible keyboard focus. */
.onboarding-skip{display:inline-flex;align-items:center;justify-content:center;min-width:84px;min-height:42px;padding:0 17px;top:calc(env(safe-area-inset-top,0px) + 18px);right:22px;line-height:1;border-radius:999px;box-shadow:0 5px 18px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08)}
.onboarding-skip:active{transform:scale(.97);background:rgba(70,43,28,.76)!important}
.onboarding-skip:focus-visible,.onboarding-primary:focus-visible{outline:2px solid #fff1df;outline-offset:3px}
.onboarding-footer{bottom:calc(env(safe-area-inset-bottom,0px) + 22px)}
.onboarding-content{width:100%;box-sizing:border-box}
.onboarding-content p{margin-left:auto;margin-right:auto}
.onboarding-dots{min-height:8px}
@media(max-width:380px){.onboarding-content{padding-left:22px;padding-right:22px}.onboarding-footer{padding-left:22px;padding-right:22px}.onboarding-skip{right:18px}}

/* ONBOARDING FINAL: NIO monochrome controls; photographic layers intentionally stay in full color. */
.onboarding,.onboarding-slide{background:#080808!important;color:#fff!important}
.onboarding-slide{touch-action:pan-y}
.onboarding-slide::before{filter:none!important;-webkit-filter:none!important}
.onboarding-scrim{background:linear-gradient(180deg,rgba(0,0,0,.03) 0%,rgba(0,0,0,.08) 30%,rgba(0,0,0,.28) 48%,rgba(0,0,0,.78) 68%,#080808 91%,#080808 100%)!important}
.onboarding-primary{background:linear-gradient(135deg,#fff 0%,#dedede 100%)!important;color:#101010!important;border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 8px 24px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.85)!important}
.onboarding-dots i.active{background:#fff!important;box-shadow:0 0 0 3px rgba(255,255,255,.12)!important}
.onboarding-dots i{background:rgba(255,255,255,.38)!important}
.onboarding-skip{background:rgba(16,16,16,.62)!important;border-color:rgba(255,255,255,.28)!important;color:#fff!important}
.onboarding-skip:active{background:rgba(55,55,55,.9)!important}

/* Onboarding progression is controlled by visible buttons only; app icon is intentionally unchanged. */

/* Lock onboarding to explicit controls; horizontal gestures cannot change slides. */
.onboarding,.onboarding-slides,.onboarding-slide{overflow-x:hidden!important;touch-action:pan-y pinch-zoom!important;}

/* Final onboarding lock: swipe gestures are never a navigation input. */
.onboarding,.onboarding-slides,.onboarding-slide{touch-action:pan-y pinch-zoom!important;overscroll-behavior-x:contain!important;}


/* LOCK13 ONBOARDING RESPONSIVE POLISH — spacing, legibility and control alignment only. */
.onboarding-slide{box-sizing:border-box;min-height:100svh;min-height:100dvh}
.onboarding-content{
  left:0;right:0;width:100%;max-width:460px;margin-inline:auto;
  padding-left:clamp(20px,6vw,28px);padding-right:clamp(20px,6vw,28px);
  padding-bottom:calc(clamp(132px,18vh,156px) + env(safe-area-inset-bottom,0px));
}
.onboarding-content h1{max-width:340px;margin-left:auto;margin-right:auto;line-height:1.1}
.onboarding-content p{max-width:320px;line-height:1.5}
.onboarding-footer{
  box-sizing:border-box;left:0;right:0;width:100%;max-width:460px;margin-inline:auto;
  padding-left:clamp(20px,6vw,28px);padding-right:clamp(20px,6vw,28px);
  bottom:calc(env(safe-area-inset-bottom,0px) + 20px);
}
.onboarding-dots{gap:8px;margin-bottom:clamp(15px,2.5vh,20px)}
.onboarding-primary{width:100%;min-height:52px;height:54px}
.onboarding-skip{min-height:42px}
@media(max-width:360px){
  .onboarding-content{padding-left:20px;padding-right:20px;padding-bottom:calc(126px + env(safe-area-inset-bottom,0px))}
  .onboarding-content h1{font-size:clamp(27px,8vw,30px);line-height:1.1}
  .onboarding-content p{font-size:13px;line-height:1.45}
  .onboarding-footer{padding-left:20px;padding-right:20px;bottom:calc(env(safe-area-inset-bottom,0px) + 16px)}
  .onboarding-primary{height:50px;min-height:50px;border-radius:14px}
  .onboarding-dots{margin-bottom:14px}
  .onboarding-skip{right:16px;min-width:78px;padding-inline:14px}
}
@media(max-height:700px){
  .onboarding-content,.onboarding-content-first{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
  .onboarding-content h1{font-size:clamp(26px,6.8vw,32px)}
  .onboarding-content p{margin-top:9px;line-height:1.42}
  .onboarding-footer{bottom:calc(env(safe-area-inset-bottom,0px) + 14px)}
  .onboarding-dots{margin-bottom:12px}
  .onboarding-primary{height:48px;min-height:48px}
}
@media(max-width:360px) and (max-height:700px){
  .onboarding-content,.onboarding-content-first{padding-bottom:calc(104px + env(safe-area-inset-bottom,0px))}
  .onboarding-content h1{font-size:26px}
  .onboarding-content p{font-size:12.5px}
}
@media(min-width:700px){
  .onboarding-content,.onboarding-content-first{max-width:460px}
  .onboarding-footer,.onboarding-footer-first{max-width:460px}
}
@media(prefers-reduced-motion:reduce){
  .onboarding-dots i,.onboarding-primary{transition:none!important}
}


/* LOCK13 ONBOARDING COMFORT PASS — more bottom breathing room and a quieter Skip control. */
.onboarding-skip{
  min-width:72px!important;min-height:34px!important;height:34px!important;
  padding:0 12px!important;font-size:11px!important;font-weight:600!important;
  top:calc(env(safe-area-inset-top,0px) + 14px)!important;right:18px!important;
}
.onboarding-footer{
  bottom:calc(env(safe-area-inset-bottom,0px) + 30px)!important;
  padding-bottom:2px;
}
.onboarding-dots{margin-bottom:clamp(16px,2.6vh,22px)!important}
.onboarding-primary{min-height:52px!important;height:52px!important}
@media(max-width:380px){
  .onboarding-skip{min-width:68px!important;min-height:32px!important;height:32px!important;padding:0 11px!important;right:16px!important;font-size:10.5px!important}
  .onboarding-footer{bottom:calc(env(safe-area-inset-bottom,0px) + 26px)!important;padding-left:20px;padding-right:20px}
  .onboarding-dots{margin-bottom:16px!important}
  .onboarding-primary{min-height:50px!important;height:50px!important}
}
@media(max-height:740px){
  .onboarding-footer{bottom:calc(env(safe-area-inset-bottom,0px) + 24px)!important}
  .onboarding-dots{margin-bottom:14px!important}
}
@media(max-height:680px){
  .onboarding-footer{bottom:calc(env(safe-area-inset-bottom,0px) + 18px)!important}
  .onboarding-dots{margin-bottom:12px!important}
}


/* Fine adjustment: raise only the onboarding primary action; keep Skip control unchanged. */
.onboarding-footer{bottom:calc(env(safe-area-inset-bottom,0px) + 42px)!important}
@media(max-width:380px){.onboarding-footer{bottom:calc(env(safe-area-inset-bottom,0px) + 38px)!important}}
@media(max-height:740px){.onboarding-footer{bottom:calc(env(safe-area-inset-bottom,0px) + 34px)!important}}
@media(max-height:680px){.onboarding-footer{bottom:calc(env(safe-area-inset-bottom,0px) + 28px)!important}}


/* Stronger vertical correction per mobile review: raise copy and primary action together. */
.onboarding-content,.onboarding-content-first{
  padding-bottom:calc(clamp(184px,25vh,220px) + env(safe-area-inset-bottom,0px))!important;
}
.onboarding-footer{bottom:calc(env(safe-area-inset-bottom,0px) + 68px)!important}
@media(max-width:380px){
 .onboarding-content,.onboarding-content-first{padding-bottom:calc(176px + env(safe-area-inset-bottom,0px))!important}
 .onboarding-footer{bottom:calc(env(safe-area-inset-bottom,0px) + 62px)!important}
}
@media(max-height:740px){
 .onboarding-content,.onboarding-content-first{padding-bottom:calc(160px + env(safe-area-inset-bottom,0px))!important}
 .onboarding-footer{bottom:calc(env(safe-area-inset-bottom,0px) + 56px)!important}
}
@media(max-height:680px){
 .onboarding-content,.onboarding-content-first{padding-bottom:calc(148px + env(safe-area-inset-bottom,0px))!important}
 .onboarding-footer{bottom:calc(env(safe-area-inset-bottom,0px) + 48px)!important}
}
@media(max-width:360px) and (max-height:700px){
 .onboarding-content,.onboarding-content-first{padding-bottom:calc(142px + env(safe-area-inset-bottom,0px))!important}
 .onboarding-footer{bottom:calc(env(safe-area-inset-bottom,0px) + 44px)!important}
}