/* AZRA first-run tour · v74 reference style (simples/2.jpg + 3.jpg).
 * Saturated full-bleed slides, flat character art, bold centred copy, wide pill button, morphing dots.
 * Shared tokens (--tour-*), art animations (.az-art-*) and the dark-theme mapping live in azra-guide.css. */
.az-onboard,.az-onboard *{box-sizing:border-box}
.az-onboard{--tour-art-h:clamp(230px,39vh,380px);--tour-art-end:calc(env(safe-area-inset-top) + 64px + var(--tour-art-h));position:fixed;inset:0;z-index:2147482500;display:block;padding:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.az-onboard-stage{position:relative;z-index:1;width:min(100%,600px);min-height:100dvh;margin:0 auto;display:flex;flex-direction:column;padding:env(safe-area-inset-top) 22px env(safe-area-inset-bottom);animation:azObStage .5s cubic-bezier(.2,.8,.2,1) both}
.az-onboard-top{display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:16px 0 6px;color:var(--tour-ink);font-size:11px;letter-spacing:.17em;font-weight:900}
.az-onboard-brand{display:flex;align-items:center;gap:9px}.az-onboard-brand i{width:19px;height:19px;background:var(--tour-ink);clip-path:polygon(50% 0,100% 100%,70% 100%,50% 55%,30% 100%,0 100%)}.az-onboard-brand small{opacity:.6;font-size:8px;letter-spacing:.13em}
.az-onboard-count{padding:7px 12px;border-radius:999px;background:var(--tour-soft);color:var(--tour-ink);font-size:10px;font-weight:800;letter-spacing:.08em;font-variant-numeric:tabular-nums}.az-onboard-count:empty{display:none}
.az-onboard-card{position:relative;flex:1;display:flex;flex-direction:column;background:transparent;color:inherit;border:0;box-shadow:none;border-radius:0}
.az-onboard-art{height:var(--tour-art-h);flex:0 0 auto;display:block;position:relative;background:none!important}.az-onboard-art svg{width:100%;height:100%;max-height:none;animation:none}
.az-onboard-copy{flex:0 0 auto;padding:12px 6px 0;text-align:center}
.az-onboard-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.17em;font-weight:900;color:var(--tour-ink);opacity:.62;margin-bottom:10px}.az-onboard-eyebrow:before{content:"";width:18px;height:2px;border-radius:2px;background:currentColor}
.az-onboard-copy h1{margin:0 auto 10px;max-width:520px;color:var(--tour-ink);font-size:clamp(27px,5.8vw,37px);line-height:1.16;letter-spacing:-.02em;font-weight:800;text-wrap:balance}
.az-onboard-sub{margin:0 auto;max-width:470px;color:var(--tour-ink);opacity:.82;font-size:14.5px;line-height:1.85}
.az-onboard-chat{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:16px;text-align:start}
.az-onboard-avatar{width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:var(--tour-ink);display:grid;place-items:center;box-shadow:0 5px 12px rgba(20,28,36,.18)}.az-onboard-avatar svg{width:23px;height:23px;display:block}
.az-onboard-bubble{background:var(--tour-soft);border-radius:6px 17px 17px 17px;padding:9px 14px;min-height:40px;max-width:min(360px,calc(100% - 46px));font-size:12px;line-height:1.65;color:var(--tour-ink)}
.az-onboard[dir=rtl] .az-onboard-bubble{border-radius:17px 6px 17px 17px}
.az-onboard-bubble b{display:block;font-size:8px;letter-spacing:.12em;opacity:.65;margin-bottom:2px}
.az-onboard-typing{display:inline-flex;gap:4px;align-items:center;height:12px}.az-onboard-typing u{width:5px;height:5px;border-radius:50%;background:var(--tour-ink);opacity:.5;animation:azObDot .8s ease-in-out infinite;text-decoration:none}.az-onboard-typing u:nth-child(2){animation-delay:.12s}.az-onboard-typing u:nth-child(3){animation-delay:.24s}
.az-onboard-controls{margin-top:auto;padding:20px 0 4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"next next" "dots dots" "back skip";gap:14px 10px;align-items:center}
.az-onboard-controls button{border:0;cursor:pointer;font:inherit}
.az-onboard-next{grid-area:next;justify-self:center;width:min(100%,380px);min-height:56px;border-radius:999px;background:var(--tour-btn);color:var(--tour-btn-ink);font-size:16px;font-weight:700;padding:0 22px;box-shadow:0 12px 26px rgba(20,28,36,.2);animation:azTourBtn 2.8s ease-in-out infinite;transition:transform .2s,filter .2s}
.az-onboard-next:hover{transform:translateY(-3px);filter:brightness(1.05)}.az-onboard-next:active{transform:scale(.97)}.az-onboard-next:disabled{opacity:.7;cursor:wait;animation:none}
.az-onboard-dots{grid-area:dots;justify-self:center;display:flex;align-items:center;gap:8px}.az-onboard-dots span{width:9px;height:9px;border-radius:10px;background:var(--tour-ink);opacity:.28;transition:width .35s cubic-bezier(.3,1.4,.5,1),opacity .3s}.az-onboard-dots span.is-active{width:30px;opacity:1}
.az-onboard-back{grid-area:back;justify-self:start;background:transparent;color:var(--tour-ink);opacity:.78;font-size:12px;font-weight:700;padding:10px 4px;min-width:64px}.az-onboard-back:hover{opacity:1;text-decoration:underline}.az-onboard-back:disabled{opacity:0;pointer-events:none}
.az-onboard[dir=rtl] .az-onboard-back{justify-self:start}
.az-onboard-skip{display:block;margin:0 auto max(10px,env(safe-area-inset-bottom));border:0;background:none;color:var(--tour-ink);opacity:.7;font:inherit;font-size:11px;font-weight:700;cursor:pointer;padding:9px 15px}.az-onboard-skip:hover{opacity:1}.az-onboard-skip[hidden]{display:none}
.az-onboard-foot{display:none}
.az-onboard-card.is-entering .az-onboard-copy>*{animation:azTourRise .5s cubic-bezier(.2,.8,.2,1) both}.az-onboard-card.is-entering .az-onboard-copy h1{animation-delay:.1s}.az-onboard-card.is-entering .az-onboard-sub{animation-delay:.2s}.az-onboard-card.is-entering .az-onboard-chat{animation-delay:.3s}
/* First screen: language and appearance are chosen together. */
.az-onboard-controls:has(.az-onboard-choice-group){display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:none;gap:16px;padding:14px 0 18px}
.az-onboard-choice-group{display:grid;gap:9px}
.az-onboard-choice-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.az-onboard-choice-head b{font-size:11px;letter-spacing:.1em;font-weight:900;color:var(--tour-ink)}.az-onboard-choice-head small{font-size:10px;color:var(--tour-ink);opacity:.7}
.az-onboard-language-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.az-onboard-theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.az-onboard-language,.az-onboard-theme{position:relative;min-width:0;text-align:start;border:2px solid transparent!important;border-radius:18px;background:rgba(255,255,255,.88);color:#1b2530;padding:11px 14px;box-shadow:0 6px 16px rgba(20,28,36,.1);transition:transform .22s cubic-bezier(.3,1.4,.5,1),border-color .2s,box-shadow .2s}
.az-onboard-language:hover,.az-onboard-theme:hover{transform:translateY(-3px)}.az-onboard-language:active,.az-onboard-theme:active{transform:scale(.97)}
.az-onboard-language{min-height:62px}.az-onboard-language b,.az-onboard-theme b{display:block;font-size:13px;font-weight:800}.az-onboard-language small,.az-onboard-theme small{display:block;margin-top:2px;font-size:10px;color:#5a6670;line-height:1.35}
.az-onboard-theme{display:grid;gap:5px;padding:10px}
.az-onboard-language.is-active,.az-onboard-theme.is-active{border-color:var(--tour-btn)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--tour-btn) 28%,transparent),0 10px 22px rgba(20,28,36,.14);background:#fff}
.az-onboard[data-theme=dark] .az-onboard-language,.az-onboard[data-theme=dark] .az-onboard-theme{background:rgba(255,255,255,.1);color:#fff;box-shadow:none;border-color:rgba(255,255,255,.14)!important}
.az-onboard[data-theme=dark] .az-onboard-language small,.az-onboard[data-theme=dark] .az-onboard-theme small{color:rgba(255,255,255,.7)}
.az-onboard[data-theme=dark] .az-onboard-language.is-active,.az-onboard[data-theme=dark] .az-onboard-theme.is-active{background:rgba(255,255,255,.18);border-color:var(--tour-hue)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--tour-hue) 30%,transparent)}
.az-theme-preview{height:30px;border-radius:9px;display:flex;align-items:center;gap:4px;padding:6px;transition:transform .3s}.az-theme-preview i{display:block;height:5px;border-radius:5px;background:currentColor;opacity:.28;flex:1}
.az-theme-preview.light{background:#f4f1ec;color:#273d54}.az-theme-preview.dark{background:#18222c;color:#e8eef1}.az-theme-preview.system{background:linear-gradient(90deg,#f4f1ec 0 50%,#18222c 50%);color:#273d54}
.az-onboard-theme:hover .az-theme-preview{transform:scale(1.06) rotate(-2deg)}
.az-choice-check{position:absolute;inset-block-start:8px;inset-inline-end:9px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:var(--tour-btn);color:var(--tour-btn-ink);font-size:10px;font-weight:900;opacity:0;transform:scale(.5);transition:opacity .18s,transform .3s cubic-bezier(.3,1.6,.5,1)}.is-active .az-choice-check{opacity:1;transform:scale(1)}
.az-onboard-start{width:100%;min-height:56px;border:0;border-radius:999px;background:var(--tour-btn)!important;color:var(--tour-btn-ink)!important;display:flex;align-items:center;justify-content:center;gap:10px;font-size:16px;font-weight:700;box-shadow:0 12px 26px rgba(20,28,36,.2);animation:azTourBtn 2.8s ease-in-out infinite;transition:transform .2s,filter .2s}
.az-onboard-start:hover{transform:translateY(-3px);filter:brightness(1.05)}.az-onboard-start:active{transform:scale(.97)}.az-onboard-start:disabled{opacity:.65;cursor:wait;animation:none}
.az-onboard-start svg,.az-welcome-enter svg{width:18px;height:18px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round;stroke-linejoin:round}.az-onboard[dir=rtl] .az-onboard-start svg,.az-onboard[dir=rtl] .az-welcome-enter svg{transform:scaleX(-1)}
/* Completion / entry scene. */
.az-onboard-welcome{position:relative;width:min(100%,600px);min-height:100dvh;margin:0 auto;padding:calc(env(safe-area-inset-top) + 18px) 22px calc(env(safe-area-inset-bottom) + 18px);display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;background:transparent;color:var(--tour-ink);animation:azWelcomeReveal .7s cubic-bezier(.16,1,.3,1) both}
.az-welcome-top{position:absolute;top:calc(env(safe-area-inset-top) + 18px);inset-inline:22px;display:flex;align-items:center;justify-content:space-between;color:var(--tour-ink)}
.az-welcome-status{padding:7px 12px;border-radius:999px;background:var(--tour-soft);font-size:9px;font-weight:900;letter-spacing:.14em}
.az-welcome-art{position:relative;width:100%;height:clamp(240px,40vh,370px);margin:42px auto 4px}.az-welcome-art .az-art{overflow:visible}
.az-welcome-orbit{display:none}
.az-welcome-spark{position:absolute;z-index:3;width:11px;height:11px;border-radius:50%;background:var(--tour-ink);opacity:.8;animation:azArtBob 3.8s ease-in-out infinite}.az-welcome-spark.spark-a{left:8%;top:34%}.az-welcome-spark.spark-b{right:9%;top:62%;animation-delay:.6s}.az-welcome-spark.spark-c{left:18%;bottom:6%;animation-delay:1.2s}
.az-welcome-copy{text-align:center;max-width:480px}
.az-welcome-eyebrow{display:inline-block;font-size:10px;font-weight:900;letter-spacing:.17em;opacity:.62;margin-bottom:10px}
.az-welcome-copy h1{margin:0 0 10px;font-size:clamp(28px,6.4vw,40px);line-height:1.15;font-weight:800;letter-spacing:-.02em;color:var(--tour-ink);text-wrap:balance;animation:azTourRise .6s cubic-bezier(.2,.8,.2,1) .15s both}
.az-welcome-copy p{margin:0;color:var(--tour-ink);opacity:.84;font-size:14.5px;line-height:1.85;animation:azTourRise .6s cubic-bezier(.2,.8,.2,1) .28s both}
.az-welcome-seal{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 14px;border-radius:99px;background:var(--tour-soft);color:var(--tour-ink)}.az-welcome-seal span{width:8px;height:8px;border-radius:50%;background:var(--tour-ink);box-shadow:0 0 0 4px var(--tour-soft)}.az-welcome-seal b{font-size:9px;letter-spacing:.12em}
.az-welcome-enter{margin-top:22px;width:min(100%,380px);min-height:58px;border:0;border-radius:999px;background:var(--tour-btn);color:var(--tour-btn-ink);display:flex;align-items:center;justify-content:center;gap:10px;font:inherit;font-size:16px;font-weight:700;cursor:pointer;box-shadow:0 14px 30px rgba(20,28,36,.22);animation:azTourBtn 2.8s ease-in-out infinite;transition:transform .2s}
.az-welcome-enter:hover{transform:translateY(-3px)}.az-welcome-enter:active{transform:scale(.97)}
.az-welcome-foot{margin:14px 0 0;font-size:11px;color:var(--tour-ink);opacity:.7;text-align:center}
.az-onboard.is-entering-community{animation:azCommunityPortal .72s cubic-bezier(.7,0,.2,1) both;pointer-events:none}.az-onboard.is-entering-community .az-onboard-welcome{animation:azCommunityCard .72s cubic-bezier(.7,0,.2,1) both}
.az-onboard.is-leaving{opacity:0;transform:scale(.985);transition:opacity .25s,transform .25s}
.az-onboard-open{overflow:hidden!important}.az-onboard [hidden]{display:none!important}
.az-onboard-confetti{position:fixed;inset:0;z-index:2147482501;pointer-events:none;overflow:hidden}.az-onboard-confetti i{position:absolute;left:var(--x);top:42%;width:8px;height:13px;border-radius:2px;background:var(--h);animation:azObConfetti 1.3s cubic-bezier(.2,.8,.2,1) var(--d) both}.az-onboard-confetti i:nth-child(3n){width:10px;height:10px;border-radius:50%}
@keyframes azObStage{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes azObEnter{from{opacity:.65;transform:translateX(14px)}to{opacity:1;transform:none}}
@keyframes azObFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes azObDot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}
@keyframes azObConfetti{to{transform:translate(var(--r),78vh) rotate(var(--rot));opacity:0}}
@keyframes azWelcomeReveal{from{opacity:0;transform:scale(.92) translateY(24px);filter:blur(9px)}to{opacity:1;transform:none;filter:none}}
@keyframes azWelcomeFloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@keyframes azCommunityPortal{45%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.1);filter:blur(12px)}}
@keyframes azCommunityCard{55%{transform:scale(1)}100%{transform:scale(.94);opacity:0}}
@media(max-width:620px){.az-onboard{--tour-art-h:clamp(210px,36vh,320px)}.az-onboard-stage,.az-onboard-welcome{width:100%}.az-onboard-controls:has(.az-onboard-choice-group){gap:12px}.az-onboard-theme-grid{gap:8px}.az-onboard-theme small{display:none}.az-onboard-choice-head small{display:none}}
@media(min-width:900px){.az-onboard{--tour-art-h:clamp(280px,42vh,430px)}.az-onboard-stage,.az-onboard-welcome{width:min(100%,680px)}}
@media(max-height:700px){.az-onboard{--tour-art-h:clamp(150px,27vh,230px)}.az-onboard-copy h1{font-size:24px}.az-onboard-chat,.az-onboard-eyebrow{display:none}.az-welcome-art{height:200px;margin-top:34px}}
@media(prefers-reduced-motion:reduce){.az-onboard *, .az-onboard *:before,.az-onboard *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
html[data-motion=reduce] .az-onboard *,html[data-motion=reduce] .az-onboard *:before,html[data-motion=reduce] .az-onboard *:after{animation:none!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.az-onboard-confetti,.az-onboard-confetti *{animation:none!important;display:none!important}}
html[data-motion=reduce] .az-onboard-confetti,html[data-motion=reduce] .az-onboard-confetti *{animation:none!important;display:none!important}