#aurionOnboarding{position:fixed;inset:0;z-index:30000;background:#040507;color:#f3f3f6;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow:auto;overscroll-behavior:contain}#aurionOnboarding *{box-sizing:border-box}.onboard-wrap{min-height:100dvh;max-width:980px;margin:auto;display:flex;flex-direction:column;padding:calc(20px + env(safe-area-inset-top)) clamp(18px,5vw,55px) calc(28px + env(safe-area-inset-bottom))}.onboard-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:700;letter-spacing:.2em;font-size:14px}.onboard-top small{display:block;margin-top:8px;font-size:9px;color:#8a94a5;letter-spacing:.25em}.onboard-top button{background:none;border:1px solid #ffffff25;color:#c5c8d1;border-radius:999px;padding:9px 14px;font-size:11px}.onboard-stage{position:relative;flex:1;min-height:230px;max-height:48vh;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at center,rgba(214,225,245,.12),transparent 58%)}.onboard-stage:after{content:'';position:absolute;inset:auto 0 0;height:25%;background:linear-gradient(transparent,#040507);pointer-events:none}.onboard-constellation{position:absolute;width:min(77vw,420px);aspect-ratio:1;border:1px solid rgba(229,238,255,.11);border-radius:50%;box-shadow:0 0 100px rgba(230,239,255,.065);animation:obBreath 6s ease-in-out infinite}.onboard-visual{position:relative;z-index:1;display:grid;place-items:center;animation:obEnter .6s ease both}.onboard-visual img{display:block;max-height:min(45vh,340px);max-width:min(83vw,360px);object-fit:contain;filter:drop-shadow(0 24px 32px #000a)}.onboard-visual.core img{max-height:min(36vh,285px)}.onboard-visual span{font-family:Georgia,serif;font-size:clamp(130px,28vw,245px);font-weight:300;color:#f0f4ff;text-shadow:0 0 55px #c8d9ff6e}.onboard-content{max-width:660px;width:100%;margin:0 auto;text-align:center}.onboard-step{font-size:10px;color:#96a1b1;letter-spacing:.18em}.onboard-step span{margin-left:10px;color:#e2d0ae}.onboard-content h1{font-family:Georgia,serif;font-size:clamp(31px,6vw,52px);font-weight:400;letter-spacing:-.045em;margin:14px 0}.onboard-content p{font-size:clamp(13px,2.5vw,16px);line-height:1.8;color:#c1c3cc;max-width:570px;margin:0 auto 14px}.onboard-content label{display:block;font-size:10px;letter-spacing:.22em;color:#b6bbc8;margin:18px 0 9px}.onboard-content input{display:block;width:min(100%,350px);margin:0 auto;background:#0b0f16;color:#fff;padding:14px 15px;border:1px solid #657386;border-radius:12px;text-align:center;font-size:16px}.onboard-progress{display:flex;gap:8px;justify-content:center;margin:21px 0 18px}.onboard-progress i{width:28px;height:3px;border-radius:3px;background:#363942;transition:background .2s}.onboard-progress i.filled{background:#d5d9e2}.onboard-actions{display:flex;justify-content:center;gap:12px}.onboard-actions button{min-width:115px;border-radius:12px;border:1px solid #ffffff2a;background:#14171d;color:#f1f2f5;padding:13px 19px;font-size:12px}.onboard-actions button.primary{background:#e4e7ed;color:#101217;border-color:#e4e7ed;font-weight:700;min-width:180px}.onboard-actions button:disabled{opacity:.28;cursor:default}@keyframes obBreath{50%{opacity:.58;transform:scale(1.04)}}@keyframes obEnter{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(min-width:750px){.onboard-stage{min-height:300px}.onboard-wrap{justify-content:space-between}}@media(prefers-reduced-motion:reduce){.onboard-constellation,.onboard-visual{animation:none!important}}

/* R389 — galeria inicial de 14 artes dentro do primeiro tutorial */
#aurionOnboarding .onboard-avatar-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-height:290px;overflow:auto;padding:5px 4px 10px;scrollbar-width:thin}
#aurionOnboarding .onboard-avatar-card{min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px;border:1px solid rgba(255,255,255,.19);border-radius:12px;padding:5px;background:linear-gradient(160deg,#192232,#0b111a);color:#f2f4f7}
#aurionOnboarding .onboard-avatar-card.selected{border-color:#b6e6e8;box-shadow:inset 0 0 0 1px #a8e8e866,0 0 15px #a8e8e82a}
#aurionOnboarding .onboard-avatar-card img{width:100%;height:93px;object-fit:contain;filter:drop-shadow(0 5px 9px #0008)}
#aurionOnboarding .onboard-avatar-card strong{font-size:10px;font-weight:600;text-align:center}
#aurionOnboarding .onboard-avatar-card small{font-size:8px;color:#b9c9d1;letter-spacing:.04em}
#aurionOnboarding .onboard-avatar-note{display:block;color:#b3bbc9;font-size:10px;line-height:1.5;padding:8px 0}
@media(max-width:500px){#aurionOnboarding .onboard-avatar-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:260px}}

/* R390 tutorial de áreas */
#aurionOnboarding .onboard-speaker{font-size:10px;letter-spacing:.18em;color:#b5e8e1;margin:12px 0 0;font-weight:700}
#aurionOnboarding .onboard-feature-note{font-size:12px;color:#b7c6d5;line-height:1.65;border-left:2px solid #86b8c7;padding:9px 12px;background:#ffffff07;border-radius:0 9px 9px 0;margin-top:10px}
#aurionOnboarding .onboard-visit{margin-top:12px;color:#d5f7f2;background:#152935;border:1px solid #ffffff25;border-radius:9px;padding:11px 13px;font-size:11px}
#aurionOnboarding .onboard-symbol{font-size:76px;font-style:normal;color:#d0eaf1;text-shadow:0 0 40px #8bc4d388}
#aurionOnboarding .onboard-top [data-ob=skip]{min-width:95px;letter-spacing:.02em}

/* R397 — tutorial em tela cheia, uma mensagem por vez, seguro no Safari */
#aurionOnboarding{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;overflow:hidden!important;background:#05080e!important}
#aurionOnboarding .onboard-wrap{height:100dvh!important;min-height:0!important;max-width:none!important;padding:max(10px,env(safe-area-inset-top)) 16px max(12px,env(safe-area-inset-bottom))!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;gap:6px!important;overflow:hidden!important}
#aurionOnboarding .onboard-top{min-height:43px!important;letter-spacing:.08em!important;flex:0 0 auto}
#aurionOnboarding .onboard-stage{min-height:0!important;max-height:none!important;height:100%!important;overflow:hidden!important;background:radial-gradient(ellipse at center,rgba(214,225,245,.11),transparent 62%)}
#aurionOnboarding .onboard-visual{max-height:100%!important;overflow:hidden!important}
#aurionOnboarding .onboard-visual img{max-height:min(39dvh,330px)!important;max-width:min(80vw,300px)!important;object-fit:contain}
#aurionOnboarding .onboard-visual span{font-size:clamp(78px,18vh,145px)!important}
#aurionOnboarding .onboard-content{width:100%!important;max-width:540px!important;max-height:58dvh!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain;padding:8px 3px 3px!important;text-align:center!important;scrollbar-width:thin}
#aurionOnboarding .onboard-content h1{font-size:clamp(23px,5vw,33px)!important;line-height:1.12!important;margin:8px auto!important}
#aurionOnboarding .onboard-content p{font-size:13px!important;line-height:1.5!important;margin:8px auto 10px!important;max-width:440px!important}
#aurionOnboarding .onboard-progress{margin:10px auto!important;gap:3px!important;max-width:100%!important;flex-wrap:wrap!important}
#aurionOnboarding .onboard-progress i{width:11px!important;height:3px!important}
#aurionOnboarding .onboard-actions{position:sticky!important;bottom:0!important;background:#05080e!important;padding:8px 0 3px!important;z-index:5!important;gap:8px!important}
#aurionOnboarding .onboard-actions button{min-height:44px!important;padding:10px 12px!important}
#aurionOnboarding .onboard-avatar-grid{max-height:min(32dvh,250px)!important;overflow:auto!important}
#aurionOnboarding .onboard-avatar-card img{height:83px!important}
@media(max-height:680px){#aurionOnboarding .onboard-content{max-height:62dvh!important}#aurionOnboarding .onboard-visual img{max-height:25dvh!important}#aurionOnboarding .onboard-avatar-grid{max-height:26dvh!important}}