/*
 * pandabu V2.0.4 RC16.218 — ONBOARDING V1
 */
.onboarding-welcome{
  position:fixed;inset:0;z-index:520;
  display:grid;place-items:center;
  padding:20px max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
  background:rgba(10,16,22,.58);
  backdrop-filter:blur(5px);
  -webkit-backdrop-filter:blur(5px);
}
.onboarding-welcome-card{
  width:min(520px,100%);
  max-height:calc(100dvh - 40px);
  overflow:auto;
  border:1px solid var(--line,#d9e0e8);
  border-radius:24px;
  background:var(--surface,#fff);
  color:var(--text,#171b22);
  box-shadow:0 24px 80px rgba(0,0,0,.26);
  padding:26px;
  text-align:center;
}
.onboarding-welcome-panda{
  width:82px;height:82px;object-fit:contain;border-radius:20px;margin:0 auto 12px;
}
.onboarding-eyebrow{
  display:block;color:var(--accent,#0aaea0);font-weight:900;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;
}
.onboarding-welcome h2{font-size:27px;line-height:1.08;margin:0 0 10px}
.onboarding-welcome p{color:var(--muted,#687384);line-height:1.45;margin:0 auto 22px;max-width:430px}
.onboarding-welcome-actions{display:grid;gap:9px}
.onboarding-welcome-actions button{min-height:46px}

body.onboarding-active{overflow:hidden}
.onboarding-click-shield{
  position:fixed;inset:0;z-index:489;background:transparent;cursor:default;
}
.onboarding-highlight{
  position:fixed;z-index:490;pointer-events:none;
  border:3px solid var(--accent,#0aaea0);
  border-radius:16px;
  box-shadow:0 0 0 9999px rgba(8,13,19,.64),0 0 0 6px color-mix(in srgb,var(--accent,#0aaea0) 20%,transparent);
  transition:left .18s ease,top .18s ease,width .18s ease,height .18s ease;
}
.onboarding-tooltip{
  position:fixed;z-index:500;
  width:min(370px,calc(100vw - 24px));
  padding:18px;
  border:1px solid var(--line,#d9e0e8);
  border-radius:18px;
  background:var(--surface,#fff);
  color:var(--text,#171b22);
  box-shadow:0 18px 55px rgba(0,0,0,.28);
}
.onboarding-tooltip::after{
  content:"";position:absolute;width:14px;height:14px;background:var(--surface,#fff);
  border-left:1px solid var(--line,#d9e0e8);border-top:1px solid var(--line,#d9e0e8);
  left:50%;transform:translateX(-50%) rotate(45deg);
}
.onboarding-tooltip[data-placement="bottom"]::after{top:-8px}
.onboarding-tooltip[data-placement="top"]::after{bottom:-8px;transform:translateX(-50%) rotate(225deg)}
.onboarding-tooltip-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}
.onboarding-step-counter{font-size:12px;font-weight:900;color:var(--accent,#0aaea0)}
.onboarding-close{
  border:0;background:transparent;color:var(--muted,#687384);font-size:27px;line-height:1;cursor:pointer;padding:0 3px;
}
.onboarding-tooltip h3{font-size:20px;line-height:1.15;margin:0 0 8px}
.onboarding-tooltip p{color:var(--muted,#687384);line-height:1.42;margin:0 0 16px}
.onboarding-tooltip-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}
.onboarding-tooltip-actions button{min-width:105px}
.onboarding-finished-toast{
  position:fixed;z-index:530;left:50%;bottom:calc(22px + env(safe-area-inset-bottom));
  transform:translate(-50%,16px);opacity:0;
  width:min(520px,calc(100vw - 28px));
  padding:13px 16px;border-radius:14px;
  background:var(--surface,#fff);color:var(--text,#171b22);
  border:1px solid var(--line,#d9e0e8);
  box-shadow:0 14px 40px rgba(0,0,0,.22);
  text-align:center;font-weight:800;
  transition:.2s ease;
}
.onboarding-finished-toast.show{opacity:1;transform:translate(-50%,0)}

@media(max-width:899px){
  .onboarding-welcome{align-items:end;padding:12px 12px max(12px,env(safe-area-inset-bottom))}
  .onboarding-welcome-card{border-radius:24px 24px 18px 18px;padding:22px 18px}
  .onboarding-welcome-panda{width:68px;height:68px}
  .onboarding-welcome h2{font-size:24px}
  .onboarding-tooltip{padding:16px;border-radius:17px}
  .onboarding-tooltip h3{font-size:19px}
  .onboarding-tooltip p{font-size:14px}
}
@media(prefers-reduced-motion:reduce){
  .onboarding-highlight,.onboarding-finished-toast{transition:none!important}
}