.setup-tour-layer{
  position:fixed;
  inset:0;
  z-index:2147482000;
  pointer-events:none;
}
.setup-tour-shade{
  position:fixed;
  background:rgba(0,0,0,.68);
  backdrop-filter:blur(1px);
  -webkit-backdrop-filter:blur(1px);
  pointer-events:auto;
}
.setup-tour-shade-full{inset:0;width:100vw!important;height:100vh!important}
.setup-tour-ring{
  position:fixed;
  border:2px solid var(--primary);
  border-radius:14px;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 18%,transparent),0 0 28px color-mix(in srgb,var(--primary) 42%,transparent);
  pointer-events:none;
  transition:left .16s ease,top .16s ease,width .16s ease,height .16s ease;
}
.setup-tour-card{
  position:fixed;
  width:min(390px,calc(100vw - 24px));
  padding:17px;
  border:1px solid color-mix(in srgb,var(--primary) 52%,var(--border));
  border-radius:17px;
  background:color-mix(in srgb,var(--surface) 96%,var(--primary) 4%);
  box-shadow:0 22px 70px rgba(0,0,0,.42),0 0 0 1px color-mix(in srgb,var(--primary) 10%,transparent);
  color:var(--text);
  pointer-events:auto;
  z-index:2;
}
.setup-tour-layer.is-centred .setup-tour-card{
  left:50%;top:50%;transform:translate(-50%,-50%);
  width:min(460px,calc(100vw - 28px));
  text-align:center;
  padding:24px;
}
.setup-tour-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-bottom:7px;
}
.setup-tour-kicker{
  color:var(--primary);
  font-size:11px;
  font-weight:850;
  letter-spacing:.105em;
  text-transform:uppercase;
}
.setup-tour-later{
  appearance:none;border:0;background:none;color:var(--muted);padding:2px 0;
  font:inherit;font-size:11px;font-weight:750;cursor:pointer;
}
.setup-tour-later:hover,.setup-tour-later:focus-visible{color:var(--text);text-decoration:underline}
.setup-tour-card h2{
  margin:0 0 8px;
  font-size:20px;
  line-height:1.18;
  letter-spacing:-.015em;
}
.setup-tour-card p{
  margin:0;
  color:var(--muted);
  font-size:13px;
  line-height:1.52;
}
.setup-tour-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:8px;
  margin-top:15px;
}
.setup-tour-layer.is-centred .setup-tour-actions{justify-content:center}
.setup-tour-tap-hint,.setup-tour-save-hint{
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:13px;
  padding:10px 11px;
  border-radius:11px;
  background:color-mix(in srgb,var(--primary) 10%,var(--surface-2));
  border:1px solid color-mix(in srgb,var(--primary) 25%,var(--border));
  color:var(--muted);
  font-size:11px;
  line-height:1.4;
}
.setup-tour-tap-hint>span:first-child,.setup-tour-save-hint>span:first-child{
  display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;
  background:color-mix(in srgb,var(--primary) 18%,transparent);color:var(--primary);font-weight:900;
}
.setup-tour-save-hint strong{color:var(--text)}
.setup-tour-soft-target{
  position:relative!important;
  z-index:2147481000!important;
  outline:2px solid var(--primary)!important;
  outline-offset:5px!important;
  box-shadow:0 0 0 6px color-mix(in srgb,var(--primary) 10%,transparent),0 0 30px color-mix(in srgb,var(--primary) 25%,transparent)!important;
  border-radius:12px;
}
.setup-tour-secondary-target{
  outline:1px solid color-mix(in srgb,var(--primary) 70%,transparent)!important;
  outline-offset:2px!important;
  border-radius:8px;
}
.setup-tour-layer.is-soft{background:transparent}
.setup-tour-dialog-active .setup-tour-soft-target{
  z-index:auto!important;
}
.setup-tour-card.is-dialog-card{
  position:relative;
  inset:auto;
  width:auto;
  margin:0 0 14px;
  box-shadow:0 12px 34px rgba(0,0,0,.28);
}

@media (max-width:720px){
  .setup-tour-shade{background:rgba(0,0,0,.64)}
  .setup-tour-card{
    width:calc(100vw - 20px);
    padding:15px;
    border-radius:15px;
  }
  .setup-tour-card h2{font-size:18px}
  .setup-tour-card p{font-size:12px}
  .setup-tour-card-top{align-items:flex-start}
  .setup-tour-actions{gap:7px}
  .setup-tour-actions .btn{min-height:40px}
  .setup-tour-layer.is-centred .setup-tour-card{width:calc(100vw - 24px);padding:20px}
}

@media (prefers-reduced-motion:reduce){
  .setup-tour-ring{transition:none}
}